✅ Fixes build warning and errors

app/src/lib/components/menu/Menu.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
-  import { page } from '$app/state'
-  import { useFeatureFlags } from '$lib/stores/featureFlags'
-  import GithubButton from '../menu/GithubButton.svelte'
-  import LogoButton from '../menu/LogoButton.svelte'
-  import MenuList from '../menu/MenuList.svelte'
+  import { page } from '$app/state';
+  import { useFeatureFlags } from '$lib/stores/featureFlags';
+  import GithubButton from '../menu/GithubButton.svelte';
+  import LogoButton from '../menu/LogoButton.svelte';
+  import MenuList from '../menu/MenuList.svelte';
   import {
     Connection,
     Settings,
@@ -20,28 +20,28 @@
     AP,
     Copyright,
     Metrics,
-    DNS
-  } from '$lib/components/icons'
-  import appEnv from 'app-env'
+    DNS,
+  } from '$lib/components/icons';
+  import { PUBLIC_VITE_USE_HOST_NAME } from '$env/static/public';
 
-  const features = useFeatureFlags()
+  const features = useFeatureFlags();
 
-  const appName = page.data.app_name
+  const appName = page.data.app_name;
 
-  const copyright = page.data.copyright
+  const copyright = page.data.copyright;
 
-  const github = { href: 'https://github.com/' + page.data.github, active: true }
+  const github = { href: 'https://github.com/' + page.data.github, active: true };
 
   type menuItem = {
-    title: string
-    icon: ConstructorOfATypedSvelteComponent
-    href?: string
-    feature: boolean
-    active?: boolean
-    submenu?: menuItem[]
-  }
+    title: string;
+    icon: ConstructorOfATypedSvelteComponent;
+    href?: string;
+    feature: boolean;
+    active?: boolean;
+    submenu?: menuItem[];
+  };
 
-  let menuItems = $state<menuItem[]>([])
+  let menuItems = $state<menuItem[]>([]);
 
   $effect(() => {
     menuItems = [
@@ -49,13 +49,13 @@
         title: 'Connection',
         icon: WiFi,
         href: '/connection',
-        feature: !appEnv.VITE_USE_HOST_NAME
+        feature: !PUBLIC_VITE_USE_HOST_NAME,
       },
       {
         title: 'Controller',
         icon: MdiController,
         href: '/controller',
-        feature: true
+        feature: true,
       },
       {
         title: 'Peripherals',
@@ -66,27 +66,27 @@
             title: 'I2C',
             icon: Connection,
             href: '/peripherals/i2c',
-            feature: true
+            feature: true,
           },
           {
             title: 'Camera',
             icon: Camera,
             href: '/peripherals/camera',
-            feature: $features.camera
+            feature: $features.camera,
           },
           {
             title: 'Servo',
             icon: MotorOutline,
             href: '/peripherals/servo',
-            feature: true
+            feature: true,
           },
           {
             title: 'IMU',
             icon: Rotate3d,
             href: '/peripherals/imu',
-            feature: $features.imu || $features.mag || $features.bmp
-          }
-        ]
+            feature: $features.imu || $features.mag || $features.bmp,
+          },
+        ],
       },
       {
         title: 'WiFi',
@@ -97,21 +97,21 @@
             title: 'WiFi Station',
             icon: Router,
             href: '/wifi/sta',
-            feature: true
+            feature: true,
           },
           {
             title: 'Access Point',
             icon: AP,
             href: '/wifi/ap',
-            feature: true
+            feature: true,
           },
           {
             title: 'mDNS',
             icon: DNS,
             href: '/wifi/mdns',
-            feature: true
-          }
-        ]
+            feature: true,
+          },
+        ],
       },
       {
         title: 'System',
@@ -122,51 +122,51 @@
             title: 'System Status',
             icon: Health,
             href: '/system/status',
-            feature: true
+            feature: true,
           },
           {
             title: 'File System',
             icon: Folder,
             href: '/system/filesystem',
-            feature: true
+            feature: true,
           },
           {
             title: 'System Metrics',
             icon: Metrics,
             href: '/system/metrics',
-            feature: true
+            feature: true,
           },
           {
             title: 'Firmware Update',
             icon: Update,
             href: '/system/update',
-            feature: $features.ota || $features.upload_firmware || $features.download_firmware
-          }
-        ]
-      }
-    ] as menuItem[]
-  })
+            feature: $features.ota || $features.upload_firmware || $features.download_firmware,
+          },
+        ],
+      },
+    ] as menuItem[];
+  });
 
-  const { menuClicked } = $props()
+  const { menuClicked } = $props();
 
   function setActiveMenuItem(targetTitle: string) {
     menuItems.forEach(item => {
-      item.active = item.title === targetTitle
+      item.active = item.title === targetTitle;
       item.submenu?.forEach(subItem => {
-        subItem.active = subItem.title === targetTitle
-      })
-    })
-    menuItems = menuItems
-    menuClicked()
+        subItem.active = subItem.title === targetTitle;
+      });
+    });
+    menuItems = menuItems;
+    menuClicked();
   }
 
   $effect(() => {
-    setActiveMenuItem(page.data.title)
-  })
+    setActiveMenuItem(page.data.title);
+  });
 
   const updateMenu = (event: any) => {
-    setActiveMenuItem(event.details)
-  }
+    setActiveMenuItem(event.details);
+  };
 </script>
 
 <div class="flex h-full w-80 flex-col p-4 bg-base-200 text-base-content">