fix: react-doctor control-has-associated-label 137→? (auto aria-labels)

Add aria-label to buttons (icon-only, pagination, action) and inputs
(placeholder-derived) via balanced-brace JSX parser. Files with complex
onClick expressions (deep brace nesting) skipped to avoid breakage.

src/components/route-trace/LotListTable.tsx

@@ -192,7 +192,7 @@ export default function LotListTable({
             <button type="button"
               onClick={onCreateNew}
               className="inline-flex items-center gap-2 rounded-xl bg-emerald-600 px-4 py-2 text-sm font-bold text-white hover:bg-emerald-700 transition-colors shadow-sm"
-            >
+             aria-label="New Lot">
               {Icons.plus("h-4 w-4")}
               <span>New Lot</span>
             </button>
@@ -232,7 +232,7 @@ export default function LotListTable({
               className={`rounded-xl border px-4 py-3 text-sm font-semibold transition-colors flex items-center gap-2 ${
                 showBulk ? "border-emerald-600 bg-emerald-600 text-white" : "border-stone-200 text-stone-600 hover:bg-stone-50"
               }`}
-            >
+             aria-label="Bulk">
               <svg className="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">
                 <polyline points={showBulk ? "9 11 12 14 22 4" : "3 6 9 12 15 18"}/>
               </svg>
@@ -250,42 +250,42 @@ export default function LotListTable({
             <button type="button"
               onClick={handleBulkMarkLoaded}
               className="rounded-xl bg-amber-600 hover:bg-amber-500 px-4 py-2 text-sm font-bold text-white transition-colors flex items-center gap-1.5"
-            >
+             aria-label="Mark Loaded">
               {Icons.truck("h-4 w-4")}
               <span>Mark Loaded</span>
             </button>
             <button type="button"
               onClick={handleBulkMarkUsed}
               className="rounded-xl bg-amber-600 hover:bg-amber-500 px-4 py-2 text-sm font-bold text-white transition-colors flex items-center gap-1.5"
-            >
+             aria-label="Mark as Used">
               {Icons.package("h-4 w-4")}
               <span>Mark as Used</span>
             </button>
             <button type="button"
               onClick={() => handleBulkStickers("field")}
               className="rounded-xl bg-white/20 hover:bg-white/30 px-4 py-2 text-sm font-bold text-white transition-colors flex items-center gap-1.5"
-            >
+             aria-label="Field Stickers">
               {Icons.printer("h-4 w-4")}
               <span>Field Stickers</span>
             </button>
             <button type="button"
               onClick={() => handleBulkStickers("shed")}
               className="rounded-xl bg-white/20 hover:bg-white/30 px-4 py-2 text-sm font-bold text-white transition-colors flex items-center gap-1.5"
-            >
+             aria-label="Shed Stickers">
               {Icons.printer("h-4 w-4")}
               <span>Shed Stickers</span>
             </button>
             <button type="button"
               onClick={handleBulkExport}
               className="rounded-xl bg-white/20 hover:bg-white/30 px-4 py-2 text-sm font-bold text-white transition-colors flex items-center gap-1.5"
-            >
+             aria-label="Reports`}">
               {Icons.file("h-4 w-4")}
               <span>{selected.size === 1 ? "Report" : `${selected.size} Reports`}</span>
             </button>
             <button type="button"
               onClick={() => setSelected(new Set())}
               className="rounded-xl border border-white/30 px-4 py-2 text-sm font-medium text-white/70 hover:text-white transition-colors"
-            >
+             aria-label="Clear">
               Clear
             </button>
           </div>