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

frontend/node_modules/vuetify/lib/styles/utilities/_display.sass

@@ -0,0 +1,12 @@
+@use 'sass:list'
+@use 'sass:map'
+@use '../settings'
+@use '../tools'
+
+@if (settings.$utilities != false and map.get(settings.$misc, 'hidden') != false and list.length(settings.$utilities) > 0)
+  @include tools.layer('utilities.helpers')
+    @each $size, $media_query in settings.$display-breakpoints
+      .hidden
+        &-#{$size}
+          @media #{$media_query}
+            display: none !important

frontend/node_modules/vuetify/lib/styles/utilities/_elevation.scss

@@ -0,0 +1,24 @@
+@use 'sass:list';
+@use 'sass:map';
+@use '../tools';
+@use '../settings';
+
+@if (settings.$utilities != false and map.get(settings.$misc, 'elevation') != false and list.length(settings.$utilities) > 0) {
+  @property --v-elevation-overlay {
+    syntax: '<color>';
+    inherits: false;
+    initial-value: transparent;
+  }
+
+  @include tools.layer('utilities.helpers') {
+    @for $z from 0 through 5 {
+      .elevation-#{$z} {
+        @include tools.elevation($z);
+      }
+    }
+
+    .elevation-overlay {
+      background-image: linear-gradient(var(--v-elevation-overlay), var(--v-elevation-overlay));
+    }
+  }
+}

frontend/node_modules/vuetify/lib/styles/utilities/_index.sass

@@ -0,0 +1,54 @@
+@use 'sass:string'
+@use 'sass:map'
+@use 'sass:meta'
+@use '../settings'
+@use '../tools'
+@use './display'
+@use './elevation'
+@use './pointer-events'
+@use './screenreaders'
+
+@include tools.layer('utilities.typography')
+  $typography: map.get(settings.$utilities, 'typography')
+  @if not ($typography == null or $typography == false)
+    @each $breakpoint in map.keys(settings.$grid-breakpoints)
+      @include tools.media-breakpoint-up($breakpoint)
+        $infix: tools.breakpoint-infix($breakpoint, settings.$grid-breakpoints)
+        @if map.get($typography, responsive) or $infix == ""
+          @include tools.generate-utility($typography, $infix, 'bidi')
+
+@include tools.layer('utilities.helpers')
+  @each $breakpoint in map.keys(settings.$grid-breakpoints)
+    // Generate media query if needed
+    @include tools.media-breakpoint-up($breakpoint)
+      $infix: tools.breakpoint-infix($breakpoint, settings.$grid-breakpoints)
+
+      // Loop over each utility property
+      @each $key, $utility in settings.$utilities
+        @if not ($key == 'typography')
+          // The utility can be disabled with `false`, thus check if the utility is a map first
+          // Only proceed if responsive media queries are enabled or if it's the base media query
+          @if string.slice($key, -4) == ':ltr'
+            @if meta.type-of($utility) == "map" and (map.get($utility, responsive) or $infix == "")
+              @include tools.generate-utility($utility, $infix, 'ltr')
+          @else if string.slice($key, -4) == ':rtl'
+            @if meta.type-of($utility) == "map" and (map.get($utility, responsive) or $infix == "")
+              @include tools.generate-utility($utility, $infix, 'rtl')
+          @else
+            @if meta.type-of($utility) == "map" and (map.get($utility, responsive) or $infix == "")
+              @include tools.generate-utility($utility, $infix, 'bidi')
+
+  // Print utilities
+  @media print
+    @each $key, $utility in settings.$utilities
+      // The utility can be disabled with `false`, thus check if the utility is a map first
+      // Then check if the utility needs print styles
+      @if string.slice($key, -4) == ':ltr'
+        @if meta.type-of($utility) == "map" and map.get($utility, print) == true
+          @include tools.generate-utility($utility, "-print", 'ltr')
+      @else if string.slice($key, -4) == ':rtl'
+        @if meta.type-of($utility) == "map" and map.get($utility, print) == true
+          @include tools.generate-utility($utility, "-print", 'rtl')
+      @else
+        @if meta.type-of($utility) == "map" and map.get($utility, print) == true
+          @include tools.generate-utility($utility, "-print", 'bidi')

frontend/node_modules/vuetify/lib/styles/utilities/_pointer-events.sass

@@ -0,0 +1,17 @@
+@use 'sass:list'
+@use 'sass:map'
+@use '../settings'
+@use '../tools'
+
+@if (settings.$utilities != false and map.get(settings.$misc, 'pointer-events') != false and list.length(settings.$utilities) > 0)
+  @include tools.layer('utilities.helpers')
+    .pointer-events-none
+      pointer-events: none !important
+
+    .pointer-events-auto
+      pointer-events: auto !important
+
+    .pointer-pass-through
+      pointer-events: none !important
+      > *
+        pointer-events: auto !important

frontend/node_modules/vuetify/lib/styles/utilities/_screenreaders.sass

@@ -0,0 +1,19 @@
+// Source: https://github.com/twbs/bootstrap/blob/master/scss/mixins/_screen-reader.scss
+@use 'sass:list'
+@use 'sass:map'
+@use '../settings'
+@use '../tools'
+
+@if (settings.$utilities != false and map.get(settings.$misc, 'sr-only') != false and list.length(settings.$utilities) > 0)
+  @include tools.layer('utilities.helpers')
+    .d-sr-only,
+    .d-sr-only-focusable:not(:focus)
+      border: 0 !important
+      clip: rect(0, 0, 0, 0) !important
+      height: 1px !important
+      margin: -1px !important // Fix for https://github.com/twbs/bootstrap/issues/25686
+      overflow: hidden !important
+      padding: 0 !important
+      position: absolute !important
+      white-space: nowrap !important
+      width: 1px !important