Frontend: asset identifiers, statuses, printer types, UI fixes

- Wire gauge/maintenance refs + identifier toggles into equipment pages.
- Repoint status dropdowns and Settings>Statuses to asset statuses.
- Printer type column/filter; require vendor before model; printer-model picker.
- Per-type identifier labels; printer detail title fallback.
- Fixes: truncate long description cells, opaque supply modal, readable
  dark-mode autofill, drum/waste default colorless.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

frontend/src/views/pcs/PCsList.vue

@@ -24,7 +24,7 @@
           <table>
             <thead>
               <tr>
-                <th>Asset #</th>
+                <th>Asset Tag</th>
                 <th>Hostname</th>
                 <th>Serial Number</th>
                 <th>Type</th>
@@ -153,13 +153,15 @@ function getStatusClass(status) {
   font-family: 'SF Mono', 'Monaco', 'Consolas', monospace;
 }
 
+/* keep the cell as a table-cell; flex on a <td> strips table-cell layout and
+   offsets the row. lay tags out inline instead. */
 .features {
-  display: flex;
-  gap: 0.375rem;
+  white-space: nowrap;
 }
 
 .feature-tag {
   display: inline-block;
+  margin-right: 0.375rem;
   padding: 0.3rem 0.625rem;
   font-size: 0.875rem;
   border-radius: 5px;
@@ -167,6 +169,17 @@ function getStatusClass(status) {
   color: var(--text-light);
 }
 
+.feature-tag:last-child {
+  margin-right: 0;
+}
+
+/* the global .actions rule is inline-flex, which also breaks table-cell
+   alignment when applied straight on a <td>; pin it back to a cell here. */
+td.actions {
+  display: table-cell;
+  vertical-align: middle;
+}
+
 .feature-tag.active {
   background: #e3f2fd;
   color: #1976d2;