Add custom fields + warranty plugin, rework settings into two-pane shell

Feature work from the 2026-07 session:

Settings IA
- Replace the flat 27-card settings hub with a persistent two-pane shell
  (SettingsLayout.vue): grouped, searchable left rail + content pane.
- Nest all settings/* routes under the shell via router post-processing;
  shared nav catalog in settingsNav.js. Group by asset class (PCs, Printers,
  Equipment, Network) so per-type settings stop scattering.

Custom fields (core)
- customfields + customfieldvalues tables (migration 7d14), CRUD API at
  /api/customfields, per-asset value get/save.
- Settings management page + reusable CustomFieldsSection (detail) and
  CustomFieldsInputs (form) wired into all four asset types.

Warranty (new plugin)
- plugins/warranty: warranties + warrantyassets (migration 7d15), derived
  coverage status, provider abstraction (manual now; Dell/Lenovo/HP stubs).
- API CRUD + per-asset panel + report buckets; WarrantyPanel on all four
  detail pages; Warranties management page; Warranty report + Reports card.
- Seed warranty.* permissions.

Printer drivers
- printerdrivers table (migration 7d13) linked to printer models; drivers now
  surface on the matching printer's detail page.

Other
- PCDetail rebalanced (Network + Status + Warranty + custom fields on the right).
- Rename PCs list "Features" column to "Remote Access"; fix badge hover underline.
- Drop equipment islocationonly field.
- Centralize asset-type label/route maps into utils/assetTypes.js.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

frontend/src/views/print/PrinterQRBatch.vue

@@ -66,6 +66,7 @@
 import { ref, computed, onMounted, watch, nextTick } from 'vue'
 import { printersApi } from '../../api'
 import { renderQrDataUrl } from './qrLogo'
+import { getSiteBaseUrl } from '@/utils/siteSettings'
 
 const printers = ref([])
 const selectedPrinters = ref([])
@@ -105,6 +106,7 @@ watch(selectedPrinters, async () => {
 }, { deep: true })
 
 async function generateQRCodes() {
+  const baseUrl = await getSiteBaseUrl()
   const next = {}
   for (let pageIdx = 0; pageIdx < pages.value.length; pageIdx++) {
     const page = pages.value[pageIdx]
@@ -112,7 +114,7 @@ async function generateQRCodes() {
       const printer = page[idx]
       if (!printer) continue
       const pos = idx + 1
-      const qrUrl = `${window.location.origin}/printers/${printer.printer?.printerid || printer.assetid}`
+      const qrUrl = `${baseUrl}/printers/${printer.printer?.printerid || printer.assetid}`
       next[`${pageIdx}-${pos}`] = await renderQrDataUrl(qrUrl)
     }
   }

frontend/src/views/print/PrinterQRSingle.vue

@@ -48,6 +48,7 @@ import { ref, computed, onMounted, watch, nextTick } from 'vue'
 import { useRoute } from 'vue-router'
 import { printersApi } from '../../api'
 import { renderQrDataUrl } from './qrLogo'
+import { getSiteBaseUrl } from '@/utils/siteSettings'
 
 const route = useRoute()
 const loading = ref(true)
@@ -86,7 +87,8 @@ watch(position, async () => {
 
 async function generateQR() {
   if (!printer.value) return
-  const qrUrl = `${window.location.origin}/printers/${printer.value.printer?.printerid || printer.value.assetid}`
+  const baseUrl = await getSiteBaseUrl()
+  const qrUrl = `${baseUrl}/printers/${printer.value.printer?.printerid || printer.value.assetid}`
   qrImage.value = await renderQrDataUrl(qrUrl)
 }