Fix: HTML tags rendering as text in UI #2332

[Muhsin-42]

Summary

This PR addresses the issue where HTML tags were being displayed as plain text instead of being rendered properly in the UI. The fix ensures that HTML content is parsed and rendered correctly.

Fixes #2332

Type of Change

• Bug fix (non-breaking change which fixes an issue)

Description

The issue occurred because HTML tags like <p> and <span> were not being interpreted correctly, leading to raw HTML being displayed as text in the UI. This PR resolves the problem by ensuring that the component properly parses and renders HTML content.

Test Plan

• Verified that HTML tags are rendered correctly in the UI.
• Conducted manual testing to ensure no regressions in other parts of the application.
• Added unit tests to cover the fix and ensure future stability.

Checklist

• My code follows the style guidelines of this project.
• I have performed a self-review of my code.
• My changes generate no new warnings.
• Any dependent changes have been merged and published in downstream modules.
• New and existing unit tests pass locally with my changes.

Screenshots

Before

After

[vercel]

@Muhsin-42 is attempting to deploy a commit to the Quran Team on Vercel.

A member of the Team first needs to authorize it.