removed build-stats from nav on mobile

frontend/src/components/MainNav.vue

@@ -1,28 +1,31 @@
-<script lang="ts" setup>
-import BuildStats from '@/components/BuildStats.vue'
-</script>
-
 <template>
   <v-app-bar color="#191c2a" style="background: #0d1538">
-    <v-container style="max-width: 1440px">
+    <v-container class="ms-3" style="max-width: 1440px">
       <v-row>
-      <v-app-bar-title style="align-self: center">
+        <v-app-bar-title style="align-self: center">
-      <span style="font-size: 20px">
+          <span style="font-size: 20px">
-        ALHP Status
+            ALHP Status
-        <a
+            <a
-          class="ms-2"
+              class="ms-2"
-          href="https://somegit.dev/ALHP/ALHP.GO"
+              href="https://somegit.dev/ALHP/ALHP.GO"
-          style="color: white; font-size: 25px"
+              style="color: white; font-size: 25px"
-          target="_blank">
+              target="_blank">
-          <i class="fa fa-gitea"></i>
+              <i class="fa fa-gitea"></i>
-        </a>
+            </a>
-      </span>
+          </span>
-      </v-app-bar-title>
+        </v-app-bar-title>
 
-      <build-stats />
+        <build-stats v-if="!mobile" />
       </v-row>
     </v-container>
   </v-app-bar>
 </template>
 
+<script lang="ts" setup>
+import BuildStats from '@/components/BuildStats.vue'
+import { useDisplay } from 'vuetify'
+
+const { mobile } = useDisplay()
+</script>
+
 <style scoped></style>