[UI Update] SideMenu UI Update

Job ID: 35113254

Budget: $99 – $100 USD

# Project
## Deadline
Deadline need to push the code.
2022/11/03 16:00 (GMT+8)
---

## Goal
- [ ] Move exist organization selector to the navbar temporary
- ![image](https://user-images.githubusercontent.com/10756817/199192400-b6016367-f551-4fd3-8742-53033ef2725d.png)
- [ ] Upate SideMenu UIbe show
- Show the exist menu
- Use exist menu zh-TW Text, english just let you know clearly
- The menu [components and storybook](https://6315727d26061e4ff69beeea-yycvwgkjyb.chromatic.com/?path=/story/modules-nestedsidemenu--default) build by react-dom have completed , this project use NextJS , you can reference the exist components UI to update exist nextJS menu in the project
- [Create alpha version of components and update the exist egroup-material version](https://paper.dropbox.com/doc/L-ISMS-01-015-Front-end-Development-Architecture-Specification-TZgIPtemZwVtvPmaOX147#:h2=Use-a-special-version-number) in the branch which you are develop than you can see the newest components
- [egroup-material project](https://github.com/eGroupAI/egroup-material)
- If the menu's item show in storybook but not in the project, don't need to show it .
- ![image](https://user-images.githubusercontent.com/10756817/199192843-080a749d-fc33-4895-afcf-2bb5f366560b.png)
- Each Organization have different menu function
- 馴錢師財商顧問股份有限公司 has all function except website
- Digital System Integration Inc. has website and some function exist in 1st organization.
- ![image](https://user-images.githubusercontent.com/10756817/199187677-7f827a6a-9a04-4b9e-b020-86d949e26ff0.png)
- Exist Structure
- Will see in github
- Exist UI
- ![image](https://user-images.githubusercontent.com/10756817/199186354-55ea1f4f-f0ca-4489-876d-1cbc9f852097.png)
- ![image](https://user-images.githubusercontent.com/10756817/199186899-89b63883-b386-47e2-bb1f-080256850011.png)

- New UI(Please follow the Figma and check detail with Figma prototype)
- [Components&Storybook](https://6315727d26061e4ff69beeea-yycvwgkjyb.chromatic.com/?path=/story/modules-nestedsidemenu--default)
- ![image](https://user-images.githubusercontent.com/10756817/199177903-dc4d89d1-0d18-4ab1-8a2d-97492a0227f1.png)
---

# Resources
## [Figma](https://www.figma.com/file/OlUxH6H4u3DLEmeytXgNkV/Infocenter-UI-Kit?node-id=442%3A192)
- Play the animation by Fimga prototype will know action on this page clearly
- ![image](https://user-images.githubusercontent.com/10756817/197662006-0418ec5e-a5b1-4725-8401-06c756de4b06.png)
- [UI of this issue follow figma design]()

---
# Acceptance
## Function Review
- Fulfilling requirements.
- [ ] UI of this issue adjusted to be consistent with figma
- [ ] Delivering complete code and functionality.
- [ ] Add and update the UI used by this Issue.
- [ ] Delivering complete code and functionality.