[Component&Storybook] NestedSideMenu

# Project
## Please must be sure to understand clearly before developing
- [[L] ISMS-01-015 Front-end Development - Architecture & Specification](https://paper.dropbox.com/doc/L-ISMS-01-015-Front-end-Development-Architecture-Specification-TZgIPtemZwVtvPmaOX147#:h2=[L]-ISMS-01-015-Front-end-Deve)
- [Coding Specification](https://paper.dropbox.com/doc/L-ISMS-01-015-Front-end-Development-Architecture-Specification-TZgIPtemZwVtvPmaOX147#:uid=902083922869456272782841&h2=Coding-Specification)
- [Component library introduction](https://paper.dropbox.com/doc/L-ISMS-01-015-Front-end-Development-Architecture-Specification-TZgIPtemZwVtvPmaOX147#:uid=389847008630544294996817&h2=Component-library-introduction)

---
## Deadline
Deadline need to push the code and create PR.
- 2022/10/18 14:00 (GMT+8)

---
## Supreme Principle
- egroup-material components are used in the project , we will update the compoents first then we can upgrade it in each project directly by yarn install.
- if the components already exists , update the UI and UX fo the existing components instead of creating a duplicate components.

## Description
A clear and concise description of what the problem is.
- Name : Alert
- [x] Exist component , need you update
- Structure :
- Module/NestedSideMenu
- Default
- [x] Component Update
- [x] Storybook Update
- [Storybook](https://6315727d26061e4ff69beeea-lfqjbcdfze.chromatic.com/?path=/story/components-alert--default)
- 

- Design
- [Figma](https://www.figma.com/file/OlUxH6H4u3DLEmeytXgNkV/Infocenter-UI-Kit?node-id=599%3A1731)
- 

---
## Branch
- Create branch from : branch main
- If the branch exist just use it , if not can create by your self
- “issue/" issue's NO.
- for example
- issue/1009
---
## Goal
- [ ] Follow the naming, package's structure ,
- [ ] Follow the UI Design
- [ ] Follow the UX Prototype Design
- [ ] Implements each status of the component
- [ ] Sync With Figma
- [ ] RWD
- PC
- Mobile

---
# Resources
## Figma
- [Figma](https://www.figma.com/file/OlUxH6H4u3DLEmeytXgNkV/Infocenter-UI-Kit?node-id=397%3A3119)

## Storybook
- [Storybook-Chromatic](https://6315727d26061e4ff69beeea-lfqjbcdfze.chromatic.com)

---
# Acceptance
## Function Review
- [ ] Follow the naming, package's structure ,
- [ ] Follow the UI Design
- [ ] Follow the UX Prototype Design
- [ ] Implements each status of the component
- [ ] Sync With Figma
- [ ] RWD
- PC
- Mobile

---
## Salary penalty
- Submission over deadline
- Salary deduction 25%/day
- Deadline for the first delivery
- Usually doesn't happen, time can be discussed and the key is to communicate
- Before : You can propose the completion time, if there is any problem, we will discuss with you
- In Progress : You can ask the problems encountered, and discuss the schedule change
- Prevent
- Disappear without communication, and then suddenly appear after Deadline to deliver the project
- Due to various reasons, the development cannot be completed, but the unfinished project is delivered for acceptance
- Quality problem
- Salary deduction 1% per questions
- Test by QC team
- Include
- Function
- Fulfilling requirements.
- Delivering complete code and functionality.
- Fool-proof design (Acceptance Check List)
- API
- UI