- Update MUI v4 to v5

- Remove the SCSS dependency completely and use MUI for theming.
- Update - date-fns, @date-io, notistack. Remove - popper.js, sass-loader.
- Cleanup webpack config.
- Port PSQL tool to use MUI themes instead of SCSS theme.
- Theme change will reflect realtime without refreshing pgAdmin.

web/pgadmin/preferences/static/js/components/PreferencesComponent.jsx

@@ -12,14 +12,14 @@ import _ from 'lodash';
 import url_for from 'sources/url_for';
 import React, { useEffect, useMemo } from 'react';
 import { FileType } from 'react-aspen';
-import { Box } from '@material-ui/core';
+import { Box } from '@mui/material';
 import PropTypes from 'prop-types';
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@mui/styles';
 import SchemaView from '../../../../static/js/SchemaView';
 import getApiInstance from '../../../../static/js/api_instance';
-import CloseSharpIcon from '@material-ui/icons/CloseSharp';
-import HelpIcon from '@material-ui/icons/HelpRounded';
-import SaveSharpIcon from '@material-ui/icons/SaveSharp';
+import CloseSharpIcon from '@mui/icons-material/CloseSharp';
+import HelpIcon from '@mui/icons-material/HelpRounded';
+import SaveSharpIcon from '@mui/icons-material/SaveSharp';
 import clsx from 'clsx';
 import pgAdmin from 'sources/pgadmin';
 import { DefaultButton, PgIconButton, PrimaryButton } from '../../../../static/js/components/Buttons';
@@ -528,10 +528,6 @@ export default function PreferencesComponent({ ...props }) {
   }
 
   function checkRefreshRequired(pref, requires_refresh) {
-    if (pref.name == 'theme') {
-      requires_refresh = true;
-    }
-
     if (pref.name == 'user_language') {
       requires_refresh = true;
     }

web/pgadmin/preferences/static/scss/_preferences.scss

@@ -1,15 +0,0 @@
-.preferences_tree{
-  padding: 0px;
-  padding-top: 2px;
-  height: 100%;
-  overflow: auto;
-  border-right: $panel-border;
-}
-
-.btn-checkbox {
-  padding: $btn-checkbox-padding;
-
-  & input[type="checkbox"]{
-    margin-top: 0px !important;
-  }
-}