Add rich text editor to text component

[utdevnp]

Enhance the text component by integrating a rich text editor. This will allow users to format their text (bold, italic, underline, etc.) directly within the editor.

Features to include:

• Bold
• Italic
• Underline
• Strikethrough
• Bullet/Numbered lists
• Hyperlinks
• Undo/Redo

Acceptance Criteria:

• Users can select text and apply formatting (bold, italic, underline, etc.).
• The editor should be user-friendly and support common keyboard shortcuts (e.g., Ctrl+B for bold).
• Ensure compatibility across all supported browsers.

Related Example Packages:

• Draft.js
• Slate
• Quill
• Tiptap

References:

• Rich Text Editing with Draft.js (React)
• Introducing Tiptap: Headless Rich Text Editor Framework

Additional context:

• Consider using a popular open source rich text editor library if available.
• Ensure that the formatted text is saved and rendered correctly.