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/CalendarView.vue

@@ -29,13 +29,13 @@
   <!-- Event details modal -->
   <div v-if="selectedEvent" class="modal-overlay" @click.self="closeEventModal">
     <div class="modal">
-      <!-- Recognition event with employee highlight -->
-      <div v-if="selectedEvent.extendedProps?.typecolor === 'recognition'" class="recognition-header">
+      <!-- Employee-photo event (recognition/recertification) with highlight -->
+      <div v-if="selectedEvent.extendedProps?.showemployeephoto" class="recognition-header">
         <div class="recognition-badge">
           <span class="recognition-icon"><Trophy :size="24" /></span>
         </div>
         <div class="recognition-info">
-          <div class="recognition-label">Recognition</div>
+          <div class="recognition-label">{{ selectedEvent.extendedProps?.typename || 'Recognition' }}</div>
           <h2 class="recognition-title">{{ selectedEvent.extendedProps?.message || selectedEvent.title }}</h2>
           <div v-if="selectedEvent.extendedProps?.employeename || selectedEvent.extendedProps?.employeesso" class="recognition-employee">
             <span class="employee-icon"><User :size="16" /></span>
@@ -48,7 +48,7 @@
       <h2 v-else>{{ selectedEvent.title }}</h2>
 
       <div class="event-details">
-        <p v-if="selectedEvent.extendedProps?.typename && selectedEvent.extendedProps?.typecolor !== 'recognition'">
+        <p v-if="selectedEvent.extendedProps?.typename && !selectedEvent.extendedProps?.showemployeephoto">
           <strong>Type:</strong> {{ selectedEvent.extendedProps.typename }}
         </p>
         <p>
@@ -57,7 +57,7 @@
         <p v-if="selectedEvent.end">
           <strong>End:</strong> {{ formatDate(selectedEvent.end) }}
         </p>
-        <p v-if="selectedEvent.extendedProps?.message && selectedEvent.extendedProps?.typecolor !== 'recognition'" class="message-block">
+        <p v-if="selectedEvent.extendedProps?.message && !selectedEvent.extendedProps?.showemployeephoto" class="message-block">
           <strong>Details:</strong>
           <span class="message-text">{{ selectedEvent.extendedProps.message }}</span>
         </p>