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/components/LocationMapTooltip.vue

@@ -43,6 +43,11 @@
 <script setup>
 import { ref, computed, nextTick, watch } from 'vue'
 import { currentTheme } from '../stores/theme'
+import { loadMapConfig, blueprintUrlFor, state as mapConfig } from '../composables/mapConfig'
+
+// Fetch this facility's blueprint + dimensions once; computeds below react
+// when it loads.
+loadMapConfig()
 
 const props = defineProps({
   left: { type: Number, default: null },
@@ -58,29 +63,22 @@ const isOverTooltip = ref(false)
 const zoom = ref(1)
 const imageLoaded = ref(false)
 
-// Map dimensions
-const MAP_WIDTH = 3300
-const MAP_HEIGHT = 2550
-
 const hasPosition = computed(() => {
   return props.left !== null && props.top !== null
 })
 
 const blueprintUrl = computed(() => {
-  // Force re-evaluation when theme changes by including theme in the computed
-  const theme = currentTheme.value
-  return theme === 'light'
-    ? '/static/images/sitemap2025-light.png'
-    : '/static/images/sitemap2025-dark.png'
+  // Reading currentTheme keeps this reactive to theme changes.
+  return blueprintUrlFor(currentTheme.value)
 })
 
-// Calculate marker position as percentage
+// Calculate marker position as percentage of the facility blueprint size
 const markerX = computed(() => {
-  return (props.left / MAP_WIDTH) * 100
+  return (props.left / mapConfig.width) * 100
 })
 
 const markerY = computed(() => {
-  return (props.top / MAP_HEIGHT) * 100
+  return (props.top / mapConfig.height) * 100
 })
 
 // Marker style with counter-scale to maintain constant size