Determine how to map our typography components to Markdown

[natdink]

Markdown is used in our platform so users can format an app or model description, for example. But OOTB markdown returns really large size when using their methodology.

So if our users decide to use markdown when writing a model description, it will display very large. For example, I have added a description here with a markdown of H1.

Instead, what we want to do is map the markdown headers to smaller typography components that exist in our design system. So if a user calls markdown Header 1 with a "#" we might map that to our MUI header 3 component instead so they can never create markdown that looks really bad in our UI. Every time they use markdown within our platform (excluding the markdown block in the drag and drop), they will be using the mapped version that we set.

[natdink]

@Pooja-1801 I took another stab of explaining what is needed for this ticket. Can you read through and start working on this?

[natdink]

You can play around with it in Figma here https://www.figma.com/design/vugKvKg8H3PUKYJdCG27xd/View-Model-Details?node-id=1797-17113&t=I2pl7AIqM8WTZxDm-1

[bfekadu21]

@Pooja-1801 added feedback in Figma! I think we're headed in the right direction.

[Pooja-1801]

Created Markdown Design to check and map our typography components to Markdown