[UI] Clean up unused packages and add missing packages

[nebula-aac]

Current Behavior

Here is the output from using npx depcheck that shows packages that are missing, and packages that are unused.

npx depcheck
Need to install the following packages:
  depcheck@1.4.5
Ok to proceed? (y) y
Next.js webpack configuration detection failed with the following error TypeError: Cannot set properties of undefined (setting 'webassemblyModuleFilename')
    at Object.webpack (/home/nebula-aac/go/src/github.com/layer5io/meshery/ui/next.config.js:44:45)
    at loadNextWebpackConfig (/home/nebula-aac/.npm/_npx/d2bd3cb5801d0b99/node_modules/depcheck/dist/special/webpack.js:129:25)
    at async parseWebpack (/home/nebula-aac/.npm/_npx/d2bd3cb5801d0b99/node_modules/depcheck/dist/special/webpack.js:152:27)
    at async getDependencies (/home/nebula-aac/.npm/_npx/d2bd3cb5801d0b99/node_modules/depcheck/dist/check.js:53:18) Support for this feature is new and experimental, please report issues at https://github.com/depcheck/depcheck/issues
Unused dependencies
* @fortawesome/free-regular-svg-icons
* @open-policy-agent/opa-wasm
* autoprefixer
* caniuse-lite
* color-string
* cron-time-generator
* glob-parent
* minimist
* mochawesome
* path-parse
* postcss
* react-draggable
* react-jss
* react-runtime
* set-value
* tar
Unused devDependencies
* @4tw/cypress-drag-drop
* @babel/traverse
* @babel/types
* @next/eslint-plugin-next
* ajv
* babel-loader
* node-polyfill-webpack-plugin
* nodemon
* nyc
* webpack
* webpack-cli
Missing dependencies
* @mui/material: ./utils/hooks/useNotification.js
* immutable: ./pages/_app.js
* @mui/icons-material: ./components/ConfirmationModal.js
* @material-ui/styles: ./components/telemetry/grafana/GrafanaCustomGaugeChart.js
* clsx: ./components/LoadingComponents/LoadingComponent.js
* axios: ./api/index.js
* ```

### Desired Behavior
<!-- A brief description of the enhancement. -->

### Screenshots/Logs
<!-- Add screenshots, if applicable, to help explain your problem. -->

### Environment

- Browser: Chrome Safari Firefox
- Host OS: Mac Linux Windows
- Meshery Server Version: stable-v
- Meshery Client Version: stable-v
- Platform: Docker Kubernetes

---

### Contributor [Guides](https://docs.meshery.io/project/contributing) and [Handbook](https://layer5.io/community/handbook)

- 🎨 Wireframes and [designs for Meshery UI](https://www.figma.com/file/SMP3zxOjZztdOLtgN4dS2W/Meshery-UI) in Figma [(open invite)](https://www.figma.com/team_invite/redeem/qJy1c95qirjgWQODApilR9)
- 🖥 [Contributing to Meshery UI](https://docs.meshery.io/project/contributing/contributing-ui)
- 🙋🏾🙋🏼 Questions: [Discussion Forum](https://discuss.layer5.io) and [Community Slack](http://slack.layer5.io)

[github-actions[bot]]

This issue has been labeled with 'component/ui'. 🧰 Here are docs on Contributing to Meshery UI. 🎨 Here is the Meshery UI Figma File File. Lastly, here are docs on Contributing to Meshery's End-to-End Tests Using Cypress.

---

        Be sure to join the community, if you haven't yet and please leave a :star: star on the project :smile:

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.