JASPER-176: Further Component Standardization/SVGs

[JTraill]

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

https://jag.gov.bc.ca/jira/browse/JASPER-176

Description

Moved mdi usage from PNG => SVG. SVG's are much smaller, space conscious and performant. This is also recommended in the Vuetify documentation: https://vuetifyjs.com/en/features/icon-fonts/#mdi-js-svg
Standardized more of our component defaulting
Changed the incorrect font to the correct one

refactor: mdi uses svgs instead of png
build: move mdi to dev dep
build: add mdi js as dev dep
style: component style standardization
style: font style

How Has This Been Tested?

• Local tests, ran debug and start

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

Example of some of the new component defaults

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
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

[WadeBarnes]

LGTM

One comment regarding fonts. As we move forward we should consider integrating the
BC Sans Typeface fonts. They have been specifically designed to support special characters and syllabics found in Indigenous Languages in BC.

[JTraill]

LGTM

One comment regarding fonts. As we move forward we should consider integrating the BC Sans Typeface fonts. They have been specifically designed to support special characters and syllabics found in Indigenous Languages in BC.

I've made note of that. Will include it in a future PR!