Fix font import order

NautilusDeskTimeFrontend/app/app.vue

@@ -9,5 +9,14 @@
 </template>
 
 <script setup lang="ts">
-
+useHead({
+    link: [
+        { rel: "preconnect", href: "https://fonts.googleapis.com" },
+        { rel: "preconnect", href: "https://fonts.gstatic.com", crossorigin: "anonymous" },
+        {
+            rel: "stylesheet",
+            href: "https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700&display=swap",
+        },
+    ],
+})
 </script>

NautilusDeskTimeFrontend/app/assets/css/main.css

@@ -1,6 +1,5 @@
 @import "tailwindcss";
 @import "@nuxt/ui";
-@import url("https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700&display=swap");
 
 body {
     font-family: "Sora", "Avenir Next", "Trebuchet MS", sans-serif;