feat: add custom SVG favicon to Nuxt configuration

Updates the Nuxt configuration to include a custom SVG favicon  
for better branding and user experience. Adds the favicon SVG  
file to the public directory, enhancing the visual appeal of  
the application and ensuring it displays properly in the  
browser tab.

nuxt.config.ts

@@ -56,6 +56,9 @@ export default defineNuxtConfig({
         { name: 'viewport', content: 'width=device-width, initial-scale=1' },
         { name: 'description', content: 'View and manage your federated GraphQL schemas' },
       ],
+      link: [
+        { rel: 'icon', type: 'image/svg+xml', href: '/favicon.svg' },
+      ],
     },
   },
 

public/favicon.svg

@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <rect width="32" height="32" fill="#1976D2" rx="4"/>
+
+  <!-- Nodes -->
+  <circle cx="16" cy="8" r="2.5" fill="white"/>
+  <circle cx="8" cy="16" r="2.5" fill="white"/>
+  <circle cx="24" cy="16" r="2.5" fill="white"/>
+  <circle cx="12" cy="24" r="2.5" fill="white"/>
+  <circle cx="20" cy="24" r="2.5" fill="white"/>
+
+  <!-- Connections -->
+  <line x1="16" y1="8" x2="8" y2="16" stroke="white" stroke-width="1.5" opacity="0.8"/>
+  <line x1="16" y1="8" x2="24" y2="16" stroke="white" stroke-width="1.5" opacity="0.8"/>
+  <line x1="8" y1="16" x2="12" y2="24" stroke="white" stroke-width="1.5" opacity="0.8"/>
+  <line x1="24" y1="16" x2="20" y2="24" stroke="white" stroke-width="1.5" opacity="0.8"/>
+  <line x1="8" y1="16" x2="24" y2="16" stroke="white" stroke-width="1.5" opacity="0.8"/>
+</svg>