feat(ui): add interactive 3D LoRa devices and OpenWrt router

neode-ui/src/views/server/OpenWrtGateway.vue

@@ -4,6 +4,7 @@ import { useRouter } from 'vue-router'
 import { rpcClient } from '@/api/rpc-client'
 import { useCachedResource } from '@/composables/useCachedResource'
 import BackButton from '@/components/BackButton.vue'
+import DeviceModel from '@/components/DeviceModel.vue'
 
 const router = useRouter()
 function goBack() {
@@ -465,7 +466,8 @@ onMounted(() => {
     </div>
 
     <!-- Connect form -->
-    <div v-if="showConnectForm" class="glass-card p-6 mb-6">
+    <template v-if="showConnectForm">
+    <div class="glass-card p-6 mb-6">
       <h2 class="text-sm font-semibold text-white/80 mb-4">Connect to Router</h2>
       <div class="space-y-3">
         <div>
@@ -530,6 +532,9 @@ onMounted(() => {
       <p v-if="error" class="mt-3 text-xs text-red-400">{{ error }}</p>
     </div>
 
+    <DeviceModel model="beryl-ax" label="Beryl AX (GL-MT3000) OpenWrt router" fill-viewport />
+    </template>
+
     <!-- Loading skeleton -->
     <template v-else-if="loading">
       <div v-for="i in 3" :key="i" class="glass-card p-6 mb-4 animate-pulse">