Jasper 176: User Profile Settings/Dark Mode

[JTraill]

Pull Request for JIRA Ticket: ----176----

Description

⚙️ User settings off-canvas and dark mode 🌑

Added in the missing generic user profile setting area. I decided to make it an off-canvas as I really love the experience it provides for the user.
For now I have added in the dark mode which leverages local storage, but if we feel like it is unneeded, it can be removed.
Note: the dark mode will work best for vuetify pages

feat: add user profile settings offcanvas
feat: add dark mode
build: add fakerjs to help with unit testing in the future

Type of change

• New feature (non-breaking change which adds functionality)

How Has This Been Tested?

• Ran debug and start
• Unit tests

Checklist:

• My code follows the style guidelines of this project
• I have performed a self-review of my code
• I have commented my code, particularly in hard-to-understand areas
• My changes generate no new warnings
• I have added tests that prove my fix is effective or that my feature works
• New and existing unit tests pass locally with my changes
• Any dependent changes have been merged and published in downstream modules

https://fakerjs.dev/

profile-canvas-2.mp4

[JTraill]

Converting js test files to ts

[sonarqubecloud]

Quality Gate passed

Issues
1 New issue
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud