fix(front): re-enable port in vite.config.ts; delete SetInstanceModal from LegacyLayout

front/src/LegacyLayout.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { useIntervalFn, useStyleTag, useToggle, useWindowSize } from '@vueuse/core'
-import { computed, ref, defineAsyncComponent, nextTick, onMounted } from 'vue'
+import { computed, defineAsyncComponent, nextTick, onMounted } from 'vue'
 
 import { useQueue } from '~/composables/audio/queue'
 import { useStore } from '~/store'
@@ -51,7 +51,6 @@ const [showShortcutsModal, toggleShortcutsModal] = useToggle(false)
 onKeyboardShortcut('h', () => toggleShortcutsModal())
 
 const { width } = useWindowSize()
-const showSetInstanceModal = ref(false)
 </script>
 
 <template>
@@ -73,10 +72,8 @@ const showSetInstanceModal = ref(false)
 
     <sidebar
       :width="width"
-      @show:set-instance-modal="showSetInstanceModal = !showSetInstanceModal"
       @show:shortcuts-modal="toggleShortcutsModal"
     />
-    <set-instance-modal v-model:show="showSetInstanceModal" />
     <service-messages />
     <transition name="queue">
       <queue v-show="store.state.ui.queueFocused" />
@@ -94,6 +91,10 @@ const showSetInstanceModal = ref(false)
           </Suspense>
         </keep-alive>
       </template>
+      <template v-else>
+          <!-- Display a proper 404 page or error message -->
+          <h1>404 - Page Not Found</h1>
+        </template>
     </router-view>
 
     <audio-player />

front/vite.config.ts

@@ -12,7 +12,7 @@ import VueMacros from 'unplugin-vue-macros/vite'
 import { nodePolyfills } from 'vite-plugin-node-polyfills'
 import vueDevTools from 'vite-plugin-vue-devtools'
 
-// const port = +(process.env.VUE_PORT ?? 8080)
+const port = +(process.env.VUE_PORT ?? 8080)
 
 // https://vitejs.dev/config/
 export default defineConfig(({ mode }) => ({