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

frontend/node_modules/vuetify/lib/components/VCalendar/composables/calendarWithEvents.css

@@ -0,0 +1,65 @@
+@layer vuetify-components {
+  .v-calendar-events .v-event-more {
+    background-color: rgb(var(--v-theme-surface));
+    color: rgb(var(--v-theme-on-surface));
+  }
+  .v-calendar-events .v-event-more.v-outside {
+    background-color: rgb(var(--v-theme-surface-light));
+    color: rgb(var(--v-theme-on-surface-light));
+  }
+  .v-calendar .v-event {
+    position: relative;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    font-size: 12px;
+    cursor: pointer;
+    line-height: 20px;
+    margin-right: -1px;
+    z-index: 1;
+    border-radius: 4px;
+  }
+  .v-calendar .v-event-more {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    font-size: 12px;
+    cursor: pointer;
+    font-weight: bold;
+    z-index: 1;
+    position: relative;
+  }
+  .v-calendar .v-event-timed-container {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    margin-right: 10px;
+    pointer-events: none;
+  }
+  .v-calendar .v-event-timed {
+    position: absolute;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    font-size: 12px;
+    cursor: pointer;
+    border: 1px solid rgb(var(--v-theme-surface));
+    border-radius: 4px;
+    pointer-events: all;
+  }
+  .v-calendar .v-event-summary {
+    display: inline-block;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    width: 100%;
+    white-space: nowrap;
+  }
+  .v-calendar.v-calendar-events .v-calendar-weekly__head-weekday {
+    margin-right: -1px;
+  }
+  .v-calendar.v-calendar-events .v-calendar-weekly__day {
+    overflow: visible;
+    margin-right: -1px;
+  }
+}