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/Stock/Index.razor

@@ -2,6 +2,7 @@
 @inject StockItemService StockItemService
 @inject NavigationManager Navigation
 @using CutList.Core.Formatting
+@using CutList.Web.Data.Entities
 
 <PageTitle>Stock Items</PageTitle>
 
@@ -25,22 +26,39 @@ else
     <table class="table table-striped table-hover">
         <thead>
             <tr>
-                <th>Material</th>
+                <th>Shape</th>
+                <th>Type</th>
+                <th>Grade</th>
+                <th>Size</th>
                 <th>Length</th>
-                <th>Name</th>
-                <th style="width: 120px;">Actions</th>
+                <th>On Hand</th>
+                <th style="width: 160px;">Actions</th>
             </tr>
         </thead>
         <tbody>
             @foreach (var item in stockItems)
             {
                 <tr>
-                    <td>@item.Material.DisplayName</td>
+                    <td>@item.Material.Shape.GetDisplayName()</td>
+                    <td>@item.Material.Type</td>
+                    <td>@item.Material.Grade</td>
+                    <td>@item.Material.Size</td>
                     <td>@ArchUnits.FormatFromInches((double)item.LengthInches)</td>
-                    <td>@(item.Name ?? "-")</td>
                     <td>
-                        <a href="stock/@item.Id" class="btn btn-sm btn-outline-primary">Edit</a>
-                        <button class="btn btn-sm btn-outline-danger" @onclick="() => ConfirmDelete(item)">Delete</button>
+                        @if (item.QuantityOnHand > 0)
+                        {
+                            <span class="badge bg-success">@item.QuantityOnHand</span>
+                        }
+                        else
+                        {
+                            <span class="badge bg-secondary">0</span>
+                        }
+                    </td>
+                    <td>
+                        <div class="d-flex gap-1">
+                            <a href="stock/@item.Id" class="btn btn-sm btn-outline-primary">Edit</a>
+                            <button class="btn btn-sm btn-outline-danger" @onclick="() => ConfirmDelete(item)">Delete</button>
+                        </div>
                     </td>
                 </tr>
             }