Path to Base UI - Code Cleanup

Stage 1)

[x] Adding the linting rules to the repository with Eslint, Airbnb Style, Lint-Staged, Prettier #67
- Prettier
- EsLint
- Husky
[ ] Consistent Naming convention of all the components and pages and structure of folder #71
- naming convetion (Lint rules)
[ ] Override of complete CSS #68
- https://github.com/vercel/next.js/tree/canary/packages
- Able to pass config
[ ] Next build configuration #76
[ ] Code Cleaning & Refactor #86

Stage 2)

[ ] Configuration-driven UI pallet to the variables #56
[ ] Try to minimize the inline styling in the components- Styled components (Dx) #69
[ ] Extracting out all the UI widgets such as Button, Card, Message etc. (Dx/ Uc) #70
[ ] Fixing the consistency of assets currently its in both /public as well as /src folder. #72
[ ] Incorporation of the relative paths while importing components. #73
[ ] Breakdown of code into smart and dumb components. [Max 150 lines] #74
[ ] Extracting all the useColorModeValues in a separate file. #75
- Context Providers
- https://reactjs.org/docs/context.html
[ ] Every component should have a separate CSS file *.module.css #77
[ ] Adding to the above always use memorised values (useMemo) and function (useCallback) instead of normal variable and function for rendering optimization. #83
- More and more of HOCs

Stage 3)

[ ] Integrating the test cases, with a minimum coverage of 75%. - (Dx) #78
[ ] Fixing the separate PhoneView and WebView in the code. #79
[ ] Incorporating streaming and suspense (SSR and lazy loading) into the user interface. #80
[ ] Bundle size evaluation #81
[ ] Purging #82
[ ] Detailed Documentation/Video about its setup and installation #84
[ ] Adding relevant Contribution guidelines

samagra-comms / uci-web-channel