fix images in builds

frontend/index.html

@@ -6,7 +6,7 @@
     <title>CT Mesh Map</title>
     <meta name="title" content="Meshtastic Map">
     <meta name="description" content="An interactive map of CT Meshtastic nodes.">
-    <link rel="icon" type="image/png" href="/src/assets/icon.png"/>
+    <link rel="icon" type="image/png" href="/images/icon.png"/>
     <!-- Open Graph / Facebook -->
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://map.ctmesh.org">

frontend/src/components/HardwareModelList.vue

@@ -68,7 +68,7 @@ onMounted(() => {
                                         <div class="absolute inset-0 group-hover:bg-gray-100" aria-hidden="true"></div>
                                         <div class="relative flex min-w-0 flex-1 items-center">
                                             <span class="relative inline-block flex-shrink-0 mr-4">
-                                                <img class="h-20 w-20 rounded-sm object-contain" :src="`/src/assets/devices/${hardwareModel.hardware_model_name}.png`" alt="" onerror="if(this.src != '/src/assets/no_image.png') this.src = '/src/assets/no_image.png';">
+                                                <img class="h-20 w-20 rounded-sm object-contain" :src="`/images/devices/${hardwareModel.hardware_model_name}.png`" alt="" onerror="if(this.src != '/images/no_image.png') this.src = '/images/no_image.png';">
                                             </span>
                                             <div class="truncate">
                                                 <p class="truncate text-sm font-medium text-gray-900">{{ hardwareModel.hardware_model_name }}</p>

frontend/src/components/Header.vue

@@ -21,7 +21,7 @@ import { getNodeColor, getNodeTextColor } from '../utils.js';
 
         <!-- icon -->
         <div v-if="!state.mobileSearchVisible" class="hidden sm:block my-auto mr-3">
-            <img class="w-10 h-10 rounded" :src="`src/assets/icon.png`"/>
+            <img class="w-10 h-10 rounded" src="/images/icon.png"/>
         </div>
 
         <!-- app info -->

frontend/src/components/InfoModal.vue

@@ -57,7 +57,7 @@ function dismissInfoModal() {
 
                                 <!-- app info -->
                                 <div class="w-full mx-auto text-center">
-                                    <img :src="`src/assets/icon.png`" class="mx-auto w-16 h-16 rounded mb-1"/>
+                                    <img src="/images/icon.png" class="mx-auto w-16 h-16 rounded mb-1"/>
                                     <h1 class="font-bold">CT Mesh Map</h1>
                                     <h2>Created by <a class="link" target="_blank" href="https://liamcottle.com">Liam Cottle</a></h2>
                                     <div class="w-full mx-auto text-center space-x-1 mt-2">

frontend/src/components/NodeInfo.vue

@@ -211,7 +211,7 @@ watch(
 
                             <div class="flex flex-col my-2">
                                 <div class="mx-auto">
-                                    <img class="h-48 w-48 rounded object-contain" :src="`/src/assets/devices/${state.selectedNode.hardware_model_name}.png`" alt="" onerror="if(this.src != '/src/assets/no_image.png') this.src = '/src/assets/no_image.png';">
+                                    <img class="h-48 w-48 rounded object-contain" :src="`/images/devices/${state.selectedNode.hardware_model_name}.png`" alt="" onerror="if(this.src != '/images/no_image.png') this.src = '/images/no_image.png';">
                                 </div>
                             </div>