update dependencies

[jaasonw]

This is a really large commit but many of the changes were performed automatically by either npm run lint:fix or the MUI codemod (to update all Material UI imports). I've indicated the notable changes to review below (ie: The files I've manually modified)

• package.json for dependency updates, notable updates below

  • Updated to Node 18 (LTS/Hydrogen)

  • Updated to React 17 (not 18 due to incompatibilities with Material UI 5 and react-day-picker v7)

    • Material UI incompatibilities can likely be resolved, but this and the react-day-picker changes in v8 means it's a slightly more involved upgrade process that should probably be deferred to another issue/pr

  • Updated Redux to v8

  • Updated React Router to v6

  • redux-devtools-extension was deprecated in favor of @redux-devtools/extension

  • babel-eslint was deprecated in favor of @babel/eslint-parser

  • extract-text-webpack-plugin was deprecated in favor of mini-css-extract-plugin

  • Migration to MUI 5

    • @material-ui/core, @material-ui/icons, @material-ui/lab removed and replaced with @mui/material, @mui/icons-material, @mui/lab
    • Note: @mui/lab is not actually used, but I kept it in in the event we need to use a component from it

  • Various unused dependencies removed (identified with npx depcheck)

    • Depcheck output

      ❯ npx depcheck --detailed
      Unused dependencies
      * @react-pdf/renderer
      * babel-jest
      * bezier-easing
      * chartjs-chart-box-and-violin-plot
      * chartjs-plugin-datalabels
      * dfa
      * focus-visible
      * html2canvas
      * install
      * jest
      * npm
      * react-router
      * react-swipeable
      * react-test-renderer
      * react-vis
      Unused devDependencies
      * are-you-es5
      * babel-loader
      * css-loader
      * enzyme
      * enzyme-adapter-react-16
      * eslint-import-resolver-node
      * eslint-import-resolver-webpack
      * extract-text-webpack-plugin
      * file-loader
      * node-sass
      * react-svg-loader
      * sass-loader
      * style-loader
      * webpack-cli
      * worker-loader
      

    • Note: eslint-import-resolver-node and eslint-import-resolver-node are incorrectly indicated as unused and was not removed

• README.md: Updated with updated information
• .eslintrc.js: Some new linting rules were added with updates to eslint and its various plugins. I've converted a few to warnings that would have otherwise been errors with the current codebase
• .github/workflows/main.yml: Update Github Action to use Node 18
• .gitignore: I added .DS_Store because I use a mac
• App.jsx: Routes was renamed to AppRoutes due to react-router using the name Routes, and RouteChange is no longer needed with react-router 6 so they were removed
• Routes.jsx: ThemeProvider changes for MUI 5, Name changes for react-router 6
• Header.jsx: NavLink changes with react-router 6, activeStyle was removed in favor of using style with a conditional and getContentAnchorEl was deprecated
• Blog.jsx: Manually resolved linter error about returning a Fragment with only 1 element
• index.js (root): MUI 5 migration changes and URL update
• store.js: Updated function names for @redux-devtools/extension
• theme.js: MUI 5 migration changes
• webpack.config.js, webpack.dev.js, webpack.prod.js: Migration to webpack 5 and removal of social-tags-webpack-plugin in favor of social tags functionality already available with html-webpack-plugin and an incompatibility that I don't remember
• Note: react-day-picker v7 is deprecated, but I did not update it because it ended up being nontrivial and contains breaking style changes

Fixes #1537

[edwinjue]

LGTM!