vuetify-rework (#2)

See #2.

Co-authored-by: vikingowl <christian@nachtigall.dev>
Reviewed-on: #2
Reviewed-by: anonfunc <539@idlegandalf.com>
Co-authored-by: vikingowl <vikingowl@noreply.somegit.dev>
Co-committed-by: vikingowl <vikingowl@noreply.somegit.dev>

frontend/src/App.vue

@@ -0,0 +1,31 @@
+<template>
+  <v-app>
+    <v-sheet :style="`width: ${contentWidth}px; margin-left: ${offsetLeft}px;`" color="transparent">
+      <main-nav :style="`padding-left: ${offsetLeft}px; padding-right: ${offsetLeft}px;`" />
+
+      <v-main>
+        <build-server-stats />
+
+        <currently-building />
+
+        <packages />
+      </v-main>
+    </v-sheet>
+  </v-app>
+</template>
+
+<script lang="ts" setup>
+import MainNav from '@/components/MainNav.vue'
+import BuildServerStats from '@/components/BuildServerStats.vue'
+import Packages from '@/components/Packages.vue'
+import { onMounted, ref } from 'vue'
+import CurrentlyBuilding from '@/components/CurrentlyBuilding.vue'
+
+const contentWidth = ref(1440)
+const offsetLeft = ref(0)
+
+onMounted(() => {
+  const innerWidth = window.innerWidth
+  offsetLeft.value = (innerWidth - contentWidth.value) / 2
+})
+</script>