fix build issues

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "beammp-website",
-  "version": "2.4.23",
+  "version": "2.4.24",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "beammp-website",
-      "version": "2.4.23",
+      "version": "2.4.24",
       "dependencies": {
         "@tailwindcss/vite": "^4.1.17",
         "@vueuse/core": "^14.1.0",

package.json

@@ -1,7 +1,7 @@
 {
   "name": "beammp-website",
   "private": true,
-  "version": "2.4.23",
+  "version": "2.4.24",
   "type": "module",
   "scripts": {
     "dev": "vite",

src/components/AppNavigation.vue

@@ -90,7 +90,7 @@ function localRoute(path) {
                 </RouterLink>
               </NavigationMenuLink>
             </NavigationMenuItem>
-            <!--<NavigationMenuItem>
+            <NavigationMenuItem>
               <NavigationMenuLink as-child>
                 <RouterLink
                   :to="localRoute('servers')"
@@ -104,7 +104,7 @@ function localRoute(path) {
                   {{ $t('message.nav.servers') }}
                 </RouterLink>
               </NavigationMenuLink>
-            </NavigationMenuItem>-->
+            </NavigationMenuItem>
             <!--<NavigationMenuItem>
               <NavigationMenuLink as-child>
                 <RouterLink

src/views/Servers.vue

@@ -945,28 +945,25 @@ function joinServer(server) {
   color: var(--text-muted, #666);
 }
 
-:global(.dark) .servers-container,
+:global(.dark) .servers-container {
-@media (prefers-color-scheme: dark) {
+  --text-color: #e0e0e0;
-  .servers-container {
+  --text-muted: #999999;
-    --text-color: #e0e0e0;
+  --card-bg: #2a2a2a;
-    --text-muted: #999999;
+  --border-color: #404040;
-    --card-bg: #2a2a2a;
+  --input-bg: #1a1a1a;
-    --border-color: #404040;
+  --tag-bg: #404040;
-    --input-bg: #1a1a1a;
+  --primary-color: #5d9cec;
-    --tag-bg: #404040;
+  --header-bg: #1f1f1f;
-    --primary-color: #5d9cec;
+  --hover-bg: #333333;
-    --header-bg: #1f1f1f;
+  --active-bg: #2a3f5f;
-    --hover-bg: #333333;
+  --details-bg: #252525;
-    --active-bg: #2a3f5f;
+  --filters-bg: linear-gradient(135deg, rgba(30, 30, 30, 0.95) 0%, rgba(20, 20, 20, 0.98) 100%);
-    --details-bg: #252525;
+  --filters-border: rgba(255, 106, 0, 0.2);
-    --filters-bg: linear-gradient(135deg, rgba(30, 30, 30, 0.95) 0%, rgba(20, 20, 20, 0.98) 100%);
+  --filters-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
-    --filters-border: rgba(255, 106, 0, 0.2);
+  --checkbox-bg: rgba(255, 255, 255, 0.05);
-    --filters-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
+  --checkbox-border: rgba(255, 255, 255, 0.15);
-    --checkbox-bg: rgba(255, 255, 255, 0.05);
+  --checkbox-hover-shadow: rgba(255, 106, 0, 0.15);
-    --checkbox-border: rgba(255, 255, 255, 0.15);
+  --placeholder-color: #666666;
-    --checkbox-hover-shadow: rgba(255, 106, 0, 0.15);
-    --placeholder-color: #666666;
-  }
 }
 
 /* Mobile responsive */
@@ -1013,23 +1010,3 @@ function joinServer(server) {
   }
 }
 </style>
-  
-    /* Light theme defaults */
-    --text-color: #1a1a1a;
-    --text-muted: #666666;
-    --card-bg: #ffffff;
-    --border-color: #e0e0e0;
-    --input-bg: #ffffff;
-    --tag-bg: #e8e8e8;
-    --primary-color: #5d9cec;
-    --header-bg: #f5f5f5;
-    --hover-bg: #f9f9f9;
-    --active-bg: #f0f7ff;
-    --details-bg: #fafafa;
-    --filters-bg: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(249, 249, 249, 0.95) 100%);
-    --filters-border: var(--border-color, #e0e0e0);
-    --filters-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
-    --checkbox-bg: #ffffff;
-    --checkbox-border: #d0d0d0;
-    --checkbox-hover-shadow: rgba(255, 106, 0, 0.1);
-    --placeholder-color: var(--text-muted, #999999);