Migrate to vite

[js0mmer]

Description

• Migrated from create react app to vite
• Set up dev server proxy for routing /api to the express dev server, removed http-proxy-middleware
• Updated packages (typescript, react, react-dom, react-dom-router, nivo, react-redux)
• Fixed index.tsx, routing, and bar/pie charts to be compatible with updated versions of react/react-dom, react-dom-router and nivo; respectively
  • Removed unused zotistics page
• Removed unused packages (html2canvas, misc. type packages)
• Ran eslint fix (npm run lint -- --fix) to fix some eslint errors (unused vars and stuff)
• Manually fixed remaining eslint errors

Next steps

• Verify eslint rules and tsconfig options are what we want
  • look into adding jsx-a11y eslint plugin
• Add eslint to backend (Add eslint to the backend #400)
• Add prettier (Add prettier #370)
• Investigate remaining warnings
  • Many warnings related to the useEffect hook and useCallback, make sure those aren't causing any bugs
  • Remove console logs. I added a rule that warns for console to help us avoid leaving them in
• Consider switching from port 5000 to 8080 for the express dev server (5000 apparently conflicts with AirPlay on some macOS versions) (Change default port of express dev server #387)
• Look into warning messages about bundle/chunk size
• Look into adding a lint check to PRs

Steps to verify/test this change:

• Verify changes work as expected on staging instance

Final Checks:

• Verify successful deployment
• Delete branch

(optional)

• Write tests
• Write documentation

Issues

Closes #362

[SenghoungLim]

I tested the basic of the website instance, everything seems to work the same as the prod ones. I checked mainly on the review, sub review and review form since I am familiar with those codes. Good changes on the readability of the codes. I think it is good to go. Good job! (But Goddamn 73 files changes O.O)

[advayanand]

Looks good, everything seems to work.

[github-actions]

Deployed staging instance to https://staging-375.peterportal.org