Redesign Methodology Page

[sarahmadeleine]

website doesn't look like markdown files

[codingfabi]

Reason for this is that we wrap the markdown into a custom markdown component that applies styles and other renderers. We should recheck if this markdown component is really necessary and can be adjusted.

[sami1riaz]

We should look into improving the overall structure of the methodology page. I will rename this issue and move it to the Website redesign project. Listing some issues I see at a first glance:

• Table of contents is not separate from the page. It should either move along with the scrolling or not be attached to the page. The user should always be able to see the TOC
• Heading and Sub-heading are not properly highlighted
• Overall the page just looks like a bunch of text. This could be made prettier.
• Should have an intro section ( The chart is nice but it should be followed by some text)
• References section is too big

I like the tool Stripe uses for their documentation: https://markdoc.dev/. I will see if we can use it for our markdown files