fix(app): use Public Sans font

Author: benjamincanac

index.html

@@ -4,6 +4,8 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/logo.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="preconnect" href="https://fonts.bunny.net">
+    <link href="https://fonts.bunny.net/css?family=public-sans:400,500,600,700" rel="stylesheet" />
     <title>Vue Starter Template</title>
     <meta name="description" content="Nuxt UI Pro is a collection of premium Vue components built on top of Nuxt UI to create beautiful & responsive Nuxt applications in minutes.">
   </head>

src/assets/css/main.css

@@ -2,6 +2,8 @@
 @import "@nuxt/ui-pro";
 
 @theme static {
+  --font-sans: 'Public Sans', sans-serif;
+
   --color-green-50: oklch(90.98% 0.04338 166.72);
   --color-green-100: oklch(88.46% 0.05417 166.29);
   --color-green-200: oklch(83.957% 0.07763 165.13);