Build our roadmap page

[jay-khatri]

We'd like to build a page that details the items on our Public Roadmap (https://github.com/orgs/highlight/projects/11) in our own design. I've used Posthog's design as heavy inspiration, so it would be nice if we gave them credit at the bottom of this page.

Here's how it should look: https://www.figma.com/file/lsi5qUTKAKxLv4VQ9K3cDJ/Highlight-%E2%80%93-Site-Build?node-id=4479%3A36840&t=fWpm4r4jqmNt0KoR-11

In terms of the technicals:

• I've already done some work to embed a react component on one of our docs pages in this branch: jay-khatri-toadmap so that would be a good starting point.
• The page will need to pull from our roadmap and I'm proposing that as a v1, we just hardcode all the issue links into a json structure and have some logic that 1) read the issue data from the github API for each link (see here) and spits out a new structure that looks something like:

{
'under-consideration': [
    {title: "issue1", reactions: [{emoji: ♥️, count: 1}, {emoji: ♥️, count: 1}], issueID: "#1234", ...}
], 
'in-progress': [
], 
...
}

After that, we'll want to pass it down to our MDX component using scope (see here)

And then we should be able to access the data in the mdx component (e.g. this is done in our react.js guid here)