feat: Update UI for Jobs and enhanced Materials

Navigation:
- Rename Projects to Jobs in NavMenu
- Add new icon for multi-material boxes

Home page:
- Update references from Projects to Jobs

Materials pages:
- Add Type and Grade columns to index
- Shape-specific dimension editing with typed inputs
- Error handling with detailed messages

Stock pages:
- Show Shape, Type, Grade, Size columns
- Display QuantityOnHand with badges

Shared components:
- LengthInput: Add nullable binding mode for optional dimensions
- LengthInput: Format on blur for better UX
- CutListReport: Update for Job model references

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

CutList.Web/Components/Pages/Suppliers/Index.razor

@@ -27,7 +27,7 @@ else
                 <th>Name</th>
                 <th>Contact Info</th>
                 <th>Notes</th>
-                <th style="width: 120px;">Actions</th>
+                <th style="width: 160px;">Actions</th>
             </tr>
         </thead>
         <tbody>
@@ -38,8 +38,10 @@ else
                     <td>@supplier.ContactInfo</td>
                     <td>@TruncateText(supplier.Notes, 50)</td>
                     <td>
-                        <a href="suppliers/@supplier.Id" class="btn btn-sm btn-outline-primary">Edit</a>
-                        <button class="btn btn-sm btn-outline-danger" @onclick="() => ConfirmDelete(supplier)">Delete</button>
+                        <div class="d-flex gap-1">
+                            <a href="suppliers/@supplier.Id" class="btn btn-sm btn-outline-primary">Edit</a>
+                            <button class="btn btn-sm btn-outline-danger" @onclick="() => ConfirmDelete(supplier)">Delete</button>
+                        </div>
                     </td>
                 </tr>
             }