[Toolpad Editor] Fix Markdown text alignment issue

[rohanprasadofficial]

Fixes #2588

This PR targets to fix the alignment issues when rendering the markdown text component on the canvas. It was also showing the wrong alignment state on the left panel.

The typography was taking full width not allowing the text to align to correct position.

This is a similar issue to this : #2071

Before :

md.text.issue.mov

After :

md.text.issue.fixed.mov

• I've read and followed the contributing guide on how to create great pull requests.
• I've updated the relevant documentation for any new or updated feature
• I've linked relevant GitHub issue with "Closes #"
• I've added a visual demonstration under the form of a screenshot or video

[bharatkashyap]

Looks good to me! Thanks for the contribution @rohanprasadofficial

[Janpot]

Looks good. Shall we add the same as #2587 (comment) but with three elements in markdown mode?

[rohanprasadofficial]

@Janpot , yes i think we should add it here as well, will add the visual test and push in.

[Janpot]

Thank you!