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

frontend/node_modules/vuetify/lib/components/VInfiniteScroll/VInfiniteScroll.css

@@ -0,0 +1,44 @@
+@layer vuetify-components {
+  .v-infinite-scroll--horizontal {
+    display: flex;
+    flex-direction: row;
+    overflow-x: auto;
+  }
+  .v-infinite-scroll--horizontal .v-infinite-scroll-intersect {
+    height: 100%;
+    width: var(--v-infinite-margin-size, 1px);
+  }
+  .v-infinite-scroll--vertical {
+    display: flex;
+    flex-direction: column;
+    overflow-y: auto;
+  }
+  .v-infinite-scroll--vertical .v-infinite-scroll-intersect {
+    height: 1px;
+    width: 100%;
+  }
+  .v-infinite-scroll-intersect {
+    overflow: hidden;
+    pointer-events: none;
+    margin-top: var(--v-infinite-margin);
+    margin-bottom: calc(var(--v-infinite-margin) * -1);
+  }
+  .v-infinite-scroll-intersect:nth-child(2) {
+    --v-infinite-margin: var(--v-infinite-margin-size, 1px);
+  }
+  .v-infinite-scroll-intersect:nth-last-child(2) {
+    --v-infinite-margin: calc(var(--v-infinite-margin-size, 1px) * -1);
+  }
+  .v-infinite-scroll__side {
+    align-items: center;
+    display: flex;
+    justify-content: center;
+    padding: 8px;
+    transition-property: padding;
+    transition-duration: 0.3s;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  }
+  .v-infinite-scroll__side:empty, .v-infinite-scroll__side:has(> div:only-child:empty) {
+    padding: 0;
+  }
+}