routie dev init since i didn't adhere to any proper guidance up until now

frontend/node_modules/vuetify/lib/components/VBadge/_variables.scss

@@ -0,0 +1,33 @@
+@use '../../styles/settings';
+@use '../../styles/tools';
+
+// VBadge
+$badge-background: rgb(var(--v-theme-surface-variant)) !default;
+$badge-color: tools.theme-color('on-surface-variant', var(--v-high-emphasis-opacity)) !default;
+$badge-border-color: rgb(var(--v-theme-background)) !default;
+$badge-border-radius: 10px !default;
+$badge-border-style: solid !default;
+$badge-border-transform: scale(1.05) !default;
+$badge-border-width: 2px !default;
+$badge-dot-border-radius: 50% !default;
+$badge-dot-border-width: 1.5px !default;
+$badge-dot-height: 9px !default;
+$badge-dot-width: 9px !default;
+$badge-font-family: settings.$body-font-family !default;
+$badge-font-size: .75rem !default;
+$badge-font-weight: 500 !default;
+$badge-height: 1.25rem !default;
+$badge-icon-margin: 0 -2px !default;
+$badge-icon-padding: 4px 6px !default;
+$badge-inline-vertical-align: middle !default;
+$badge-line-height: 1 !default;
+$badge-min-width: 20px !default;
+$badge-padding: 4px 6px !default;
+$badge-transition: .225s settings.$standard-easing !default;
+$badge-wrapper-margin: 0 4px !default;
+
+// Lists
+$badge-theme: (
+  $badge-background,
+  $badge-color
+) !default;