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/FsmaReportModal.tsx

@@ -267,7 +267,7 @@ export default function FsmaReportModal({ brandId }: { brandId: string }) {
       <button type="button"
         onClick={() => setOpen(true)}
         className="rounded-xl border border-stone-200 bg-white px-5 py-3 text-sm font-semibold text-stone-600 hover:bg-stone-50 transition-colors"
-      >
+       aria-label="FSMA Report">
         {Icons.clipboard("h-4 w-4 mr-1.5")} FSMA Report
       </button>
 
@@ -330,7 +330,7 @@ export default function FsmaReportModal({ brandId }: { brandId: string }) {
                 onClick={() => setOpen(false)}
                 className="flex h-9 w-9 items-center justify-center rounded-full transition-all"
                 style={{ background: "rgba(0, 0, 0, 0.04)", color: "rgba(0, 0, 0, 0.4)" }}
-              >
+               aria-label="Close">
                 <svg className="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={2}>
                   <path strokeLinecap="round" strokeLinejoin="round" d="M6 18L18 6M6 6l12 12" />
                 </svg>
@@ -362,7 +362,7 @@ export default function FsmaReportModal({ brandId }: { brandId: string }) {
                 <button type="button"
                   onClick={fetchComplianceData}
                   className="rounded-xl bg-emerald-600 px-4 py-2.5 text-sm font-bold text-white hover:bg-emerald-700 transition-colors"
-                >
+                 aria-label="Refresh">
                   {Icons.refresh("h-4 w-4 mr-1.5")} Refresh
                 </button>
               </div>
@@ -616,14 +616,14 @@ export default function FsmaReportModal({ brandId }: { brandId: string }) {
                 <button type="button"
                   onClick={() => setOpen(false)}
                   className="rounded-xl border border-stone-200 px-4 py-2 text-sm font-semibold text-stone-600 hover:bg-stone-50 transition-colors"
-                >
+                 aria-label="Close">
                   Close
                 </button>
                 <button type="button"
                   onClick={handleDownload}
                   disabled={loading || !data}
                   className="rounded-xl bg-blue-600 px-5 py-2 text-sm font-bold text-white hover:bg-blue-700 disabled:opacity-50 transition-colors flex items-center gap-2"
-                >
+                 aria-label="Download CSV">
                   <span className="flex items-center gap-1.5 text-sm font-semibold">{Icons.download("h-4 w-4")} Download CSV</span>
                 </button>
               </div>