Add Section and SectionHeading

[viktor-yakubiv]

I am not sure this is work in progress or can be merged. The implementation is copied from oacore/dashboard#443.

Styles are not copied, I think these should be separated. The rationale behind is that the current implementation allows doing something like this:

<Page id="ref">
  <Heading>REF 2021</Heading>
  <Card id="overview" tag={Section}>
    <Heading>Overview</Heading>
  </Card>
</Page>

when the styled implementation will disable such functionality. However, I am not sure about such compositing either.

This partially relates to #322 but I find that class discovery should be avoided as much as possible when aria-labelledby is very useful.

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/oacore/design/66CApvdxdP6R9u515uJA4rQB8QBq
✅ Preview: https://design-git-content-oacore.vercel.app

[Joozty]

I wouldn't mind if the styles are here too but it's up to you. Feel free to merge once you solve the error in the pipeline.

[viktor-yakubiv]

This is actually pretty neat work, I can finish this if you would need it. @vkot91 what would you say?

[viktor-yakubiv]

I find this stale and not needed. It was not bad chunk of work to be honest 🙂