Arnold/material UI deprecation fix

[apinkhasov101]

References issue #. Please review this @teammember1, @teamMember2.

Types of changes

• Bugfix (change which fixes an issue)
• New feature (change which adds functionality)
• [ X] Refactor (change which changes the codebase without affecting its external behavior)
• [ X] Non-breaking change (fix or feature that would cause existing functionality to work as expected)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)

Purpose

• Updated deprecated SCSS syntax so as to not cause errors.
• Improved speed for build and better cacheing
• Updated dependencies to relevant/wanted versions

Approach

• Changed import statements to @use ... as * statements.
• Added a cacheDirectory to speed up builds and set to true.
• The output configuration specifies the dist folder and bundle.js file. For better caching and versioning, we changed it to use content hashing in the filename.
• npm outdated and npm install in cli

Learning

• https://docs.npmjs.com/updating-packages-downloaded-from-the-registry
• https://sass-lang.com/documentation/at-rules/import/
• Any opposition to making cacheDirectory default true? babel/babel-loader#199

Screenshot(s)

n/a

[ashleybisram]

'adaptV4Theme' has also been removed in this PR