[Rich Text Editor]: add a toggle text alignment (R/L) button

[habibayman]

❌ This issue is not open for contribution. Visit Contributing guidelines to learn about the contributing process and how to find suitable issues.

Desired behavior

Add a button to the toolbar that toggles the alignment of the text (right/left) and possibly centered, but that would be for decoration purposes only.

Possibly use this tiptap extension or manually create our own logic if possible: tiptap.dev/textalign

Suggested design so far made by Jessica:

Current behavior

Text always gets aligned based on the language used in the first paragraph in the editor.
That means only RTL and LTR cannot exist in the same editor block. That's a very bad UX that many websites usually omit (not us!)

Value add

This will work as a step toward making the editor more user-friendly for RTL language speakers.

For example, Arabic speakers often need to mix Arabic and English text in the same block. Since the editor itself isn’t always smart enough to detect the intended alignment for each language, giving users direct control would make the experience much smoother.