(Optional) Codebase Optimizations

[c6z3h]

• package.json: consider placing some dependencies as dev dependencies, which basically won't be added to the final LIVE package. This will reduce app size (more useful for mobile apps actually). Example: @types / lint checkers -- you just need them to format on save, don't need to have it when building the LIVE app. The code will be bundled & minified anyway.
• add eslintrc.{language} file to lint for errors or warnings. Can follow Airbnb standard (I think they have a package to npm install).
• add .vscode/settings.json to automate agreed-upon code standards for all contributors in project (eg. tab-spaces 4 or 2)
• components don't need so clean. That is JAVA style. Scripting language is more permissive. Dude with 5 year React experience also said 200-line file? No problem!
• instead of setting height and width of components, consider using Flex component of chakra-ui!
• consider adding husky pre-commit hooks to run lint before commit to ensure that code does not have funny breaking changes (?)