Render vendor-model photos on asset detail heroes

Computer and Printer payloads now surface the linked model imageurl the
way machines already did, and the machine/PC/printer detail heroes
render the photo when present (network devices and measuring tools
have no model link, so nothing to surface). Absent images render
nothing rather than a broken icon.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

frontend/src/views/machines/MachineDetail.vue

@@ -28,6 +28,9 @@
 
       <!-- Hero Section -->
       <div class="hero-card">
+        <div class="hero-image" v-if="machine.machine?.imageurl">
+          <img :src="machine.machine.imageurl" :alt="machine.machine.modelname || 'Model photo'" />
+        </div>
         <div class="hero-content">
           <div class="hero-title">
             <h1>{{ machine.assetnumber }}</h1>

frontend/src/views/measuringtools/MeasuringToolDetail.vue

@@ -15,6 +15,9 @@
     <template v-else-if="tool">
       <!-- Hero Section -->
       <div class="hero-card">
+        <div class="hero-image" v-if="tool.measuringtool?.imageurl">
+          <img :src="tool.measuringtool.imageurl" alt="Model photo" />
+        </div>
         <div class="hero-content">
           <div class="hero-title">
             <h1>{{ tool.assetnumber }}</h1>

frontend/src/views/network/NetworkDeviceDetail.vue

@@ -2,7 +2,8 @@
   <div class="detail-page" v-if="device">
     <div class="hero-card">
       <div class="hero-image">
-        <div class="device-icon">
+        <img v-if="device.networkdevice?.imageurl" :src="device.networkdevice.imageurl" alt="Model photo" />
+        <div class="device-icon" v-else>
           <span class="icon"><component :is="getDeviceIcon()" :size="24" /></span>
         </div>
       </div>

frontend/src/views/pcs/PCDetail.vue

@@ -13,6 +13,9 @@
     <template v-else-if="computer">
       <!-- Hero Section -->
       <div class="hero-card">
+        <div class="hero-image" v-if="computer.computer?.imageurl">
+          <img :src="computer.computer.imageurl" :alt="computer.computer.modelname || 'Model photo'" />
+        </div>
         <div class="hero-content">
           <div class="hero-title">
             <h1>{{ computer.assetnumber }}</h1>

frontend/src/views/printers/PrinterDetail.vue

@@ -16,6 +16,9 @@
     <template v-else-if="printer">
       <!-- Hero Section -->
       <div class="hero-card">
+        <div class="hero-image" v-if="printer.printer?.imageurl">
+          <img :src="printer.printer.imageurl" :alt="printer.printer.modelname || 'Model photo'" />
+        </div>
         <div class="hero-content">
           <div class="hero-title">
             <h1>{{ displayTitle }}</h1>