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

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

@@ -0,0 +1,144 @@
+@layer vuetify-components {
+  .v-table {
+    font-size: 0.875rem;
+    transition-duration: 0.28s;
+    transition-property: box-shadow, opacity, background, height;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  }
+  .v-table {
+    background: rgb(var(--v-theme-surface));
+    color: color-mix(in srgb, rgb(var(--v-theme-on-surface)) calc(var(--v-high-emphasis-opacity) * 100%), transparent);
+  }
+  .v-table .v-table-divider {
+    border-right: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
+  }
+  .v-table .v-table__wrapper > table > thead > tr > th {
+    border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
+  }
+  .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > td,
+  .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > th {
+    border-bottom: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
+  }
+  .v-table .v-table__wrapper > table > tfoot > tr > td,
+  .v-table .v-table__wrapper > table > tfoot > tr > th {
+    border-top: thin solid rgba(var(--v-border-color), var(--v-border-opacity));
+  }
+  .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr > td {
+    position: relative;
+  }
+  .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr:hover > td::after {
+    background: rgba(var(--v-border-color), var(--v-hover-opacity));
+    pointer-events: none;
+  }
+  .v-table.v-table--hover > .v-table__wrapper > table > tbody > tr:hover > td::after {
+    content: "";
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+  }
+  .v-table.v-table--striped-even > .v-table__wrapper > table > tbody > tr:nth-child(even) {
+    background-image: linear-gradient(0deg, rgba(var(--v-border-color), var(--v-hover-opacity)), rgba(var(--v-border-color), var(--v-hover-opacity)));
+  }
+  .v-table.v-table--striped-odd > .v-table__wrapper > table > tbody > tr:nth-child(odd) {
+    background-image: linear-gradient(0deg, rgba(var(--v-border-color), var(--v-hover-opacity)), rgba(var(--v-border-color), var(--v-hover-opacity)));
+  }
+  .v-table.v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
+    background: rgb(var(--v-theme-surface));
+    box-shadow: inset 0 -1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
+    z-index: 1;
+  }
+  .v-table.v-table--fixed-footer > tfoot > tr > th,
+  .v-table.v-table--fixed-footer > tfoot > tr > td {
+    background: rgb(var(--v-theme-surface));
+    box-shadow: inset 0 1px 0 rgba(var(--v-border-color), var(--v-border-opacity));
+  }
+  .v-table {
+    border-radius: inherit;
+    line-height: 1.5;
+    max-width: 100%;
+    display: flex;
+    flex-direction: column;
+  }
+  .v-table > .v-table__wrapper > table {
+    width: 100%;
+    border-spacing: 0;
+  }
+  .v-table > .v-table__wrapper > table > tbody > tr > td,
+  .v-table > .v-table__wrapper > table > tbody > tr > th,
+  .v-table > .v-table__wrapper > table > thead > tr > td,
+  .v-table > .v-table__wrapper > table > thead > tr > th,
+  .v-table > .v-table__wrapper > table > tfoot > tr > td,
+  .v-table > .v-table__wrapper > table > tfoot > tr > th {
+    padding: 0 16px;
+    transition-duration: 0.28s;
+    transition-property: box-shadow, opacity, background, height;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  }
+  .v-table > .v-table__wrapper > table > tbody > tr > td,
+  .v-table > .v-table__wrapper > table > thead > tr > td,
+  .v-table > .v-table__wrapper > table > tfoot > tr > td {
+    height: var(--v-table-row-height);
+  }
+  .v-table > .v-table__wrapper > table > tbody > tr > th,
+  .v-table > .v-table__wrapper > table > thead > tr > th,
+  .v-table > .v-table__wrapper > table > tfoot > tr > th {
+    height: var(--v-table-header-height);
+    font-weight: 500;
+    font-size: inherit;
+    user-select: none;
+    text-align: start;
+  }
+  .v-table--density-default {
+    --v-table-header-height: 56px;
+    --v-table-row-height: 52px;
+  }
+  .v-table--density-comfortable {
+    --v-table-header-height: 48px;
+    --v-table-row-height: 44px;
+  }
+  .v-table--density-compact {
+    --v-table-header-height: 40px;
+    --v-table-row-height: 36px;
+  }
+  .v-table__wrapper {
+    border-radius: inherit;
+    overflow: auto;
+    flex: 1 1 auto;
+  }
+  .v-table--has-top > .v-table__wrapper {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+  }
+  .v-table--has-bottom > .v-table__wrapper {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+  }
+  .v-table--fixed-height > .v-table__wrapper {
+    overflow-y: auto;
+  }
+  .v-table--fixed-header > .v-table__wrapper > table > thead {
+    position: sticky;
+    top: 0;
+    z-index: 2;
+  }
+}
+@layer vuetify-overrides {
+  .v-table--fixed-header > .v-table__wrapper > table > thead > tr > th {
+    border-bottom: 0px;
+  }
+}
+@layer vuetify-components {
+  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr {
+    position: sticky;
+    bottom: 0;
+    z-index: 1;
+  }
+}
+@layer vuetify-overrides {
+  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > td,
+  .v-table--fixed-footer > .v-table__wrapper > table > tfoot > tr > th {
+    border-top: 0px;
+  }
+}