Revamp MLP UI Sidebar Menu

[tiopramayudi]

Change the looks and experience of sidebar menu. In this PR only UI files that modified. Below are attached screenshots

When merlin integrate with new sidebar menu, merlin app is highlighted because currently active app is merlin

Sidebar menu will be moved to Header, hence to use this new sidebar menu, user just need to specify the header

<Header
            appIcon="graphApp"
            docLinks={config.DOC_LINKS}
 />

where docLinks is list of documentation that relevant to be shown which has format like:

[
   {
      "href":"https://github.com/gojek/merlin/blob/main/docs/getting-started/README.md",
      "label":"Merlin User Guide"
   },
   {
      "href":"https://github.com/gojek/turing",
      "label":"Turing User Guide"
   },
   {
      "href":"https://docs.feast.dev/user-guide/overview",
      "label":"Feast User Guide"
   }
]

[pradithya]

This has to be configurable and I don't think we should include link to gojek internal documentations

[ariefrahmansyah]

+1 on making it configurable.

[tiopramayudi]

🤦 just realised this. Should we make it configurable from db?

[pradithya]

Can we not do in-line style?

[pradithya]

Can we remove in-line style?

[pradithya]

Can we remove in-line stype?

[ariefrahmansyah]

Please move this rule after the Project Setting button. Similar to the previous sidebar:

[romanwozniak]

I'm not sure if it's a good idea to have component-level user manuals be shown at once, independently from what product is currently in-use.

[romanwozniak]

Since we already touching sidebar, I think it makes sense to make product menu items (e.g. 'Merlin', 'Feast') to be expandable and have quick-access links to specific resources of a relevant component under them.

Somethin like:

v Merlin
– Models
– Endpoints
– Batch Jobs
v Feast
– Entities
– Feature Sets
...

[pradithya]

LGTM, Can you explicitly mention in the MR description how the new NavDrawer behave especially in term of how respective product can add their docs link.

[tiopramayudi]

Since we already touching sidebar, I think it makes sense to make product menu items (e.g. 'Merlin', 'Feast') to be expandable and have quick-access links to specific resources of a relevant component under them.

Somethin like:

v Merlin
– Models
– Endpoints
– Batch Jobs
v Feast
– Entities
– Feature Sets
...

I think we can implement your suggestion in the next milestone