chore(adoption-insights): migrate from Material UI v4 to MUI v5 (#3399)

* chore(adoption-insights): migrate from Material UI v4 to MUI v5

* add NFS github signin module

* fix e2e

Author: Eswaraiahsapram

workspaces/adoption-insights/.changeset/shiny-friends-end.md

@@ -0,0 +1,6 @@
+---
+'@red-hat-developer-hub/backstage-plugin-analytics-module-adoption-insights': patch
+'@red-hat-developer-hub/backstage-plugin-adoption-insights': patch
+---
+
+Replace Material UI v4 imports with MUI v5

workspaces/adoption-insights/app-config.yaml

@@ -74,10 +74,18 @@ techdocs:
     type: 'local' # Alternatives - 'googleGcs' or 'awsS3'. Read documentation for using alternatives.
 
 auth:
+  environment: development
   # see https://backstage.io/docs/auth/ to learn about auth providers
   providers:
     # See https://backstage.io/docs/auth/guest/provider
     guest: {}
+    github:
+      development:
+        clientId: ${GITHUB_CLIENT_ID}
+        clientSecret: ${GITHUB_CLIENT_SECRET}
+        signIn:
+          resolvers:
+            - resolver: usernameMatchingUserEntityName
 
 scaffolder:
   # see https://backstage.io/docs/features/software-templates/configuration for software template options

workspaces/adoption-insights/eslint.frontend-shared.cjs

@@ -0,0 +1,43 @@
+/*
+ * Copyright Red Hat, Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+const materialUiMigrationEslintConfig = {
+  restrictedImports: [
+    {
+      name: '@material-ui/core',
+      message: 'Use @mui/material instead of Material UI v4.',
+    },
+    {
+      name: '@material-ui/lab',
+      message: 'Use @mui/material instead of Material UI v4.',
+    },
+    {
+      name: '@material-ui/styles',
+      message:
+        'Use @mui/styles, @mui/material (sx/styled), or Backstage UI instead of Material UI v4.',
+    },
+  ],
+  restrictedImportPatterns: ['@material-ui/*'],
+};
+
+/**
+ * Shared ESLint config for frontend packages in the adoption-insights workspace.
+ */
+module.exports = packageDir =>
+  require('@backstage/cli/config/eslint-factory')(
+    packageDir,
+    materialUiMigrationEslintConfig,
+  );

workspaces/adoption-insights/packages/app-legacy/.eslintrc.js

@@ -1 +1,18 @@
-module.exports = require('@backstage/cli/config/eslint-factory')(__dirname);
+/*
+ * Copyright Red Hat, Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+// eslint-disable-next-line @backstage/no-relative-monorepo-imports -- workspace ESLint shared config
+module.exports = require('../../eslint.frontend-shared.cjs')(__dirname);

workspaces/adoption-insights/packages/app-legacy/package.json

@@ -44,11 +44,12 @@
     "@backstage/plugin-user-settings": "^0.9.1",
     "@backstage/theme": "^0.7.2",
     "@backstage/ui": "^0.13.2",
-    "@material-ui/core": "^4.12.2",
-    "@material-ui/icons": "^4.9.1",
     "@mui/icons-material": "5.18.0",
+    "@mui/material": "5.18.0",
+    "@mui/styles": "5.18.0",
     "@red-hat-developer-hub/backstage-plugin-adoption-insights": "workspace:^",
     "@red-hat-developer-hub/backstage-plugin-analytics-module-adoption-insights": "workspace:^",
+    "@red-hat-developer-hub/backstage-plugin-theme": "^0.14.0",
     "react": "^18.0.2",
     "react-dom": "^18.0.2",
     "react-router": "^6.3.0",