feat: build batch invoice submission UI

app/governance/page.tsx

@@ -23,6 +23,7 @@ function StatusBadge({ status }: { status: ProposalStatus }) {
     Failed: { color: "bg-red-500/15 text-red-500 border-red-500/30", icon: "cancel" },
     Executed: { color: "bg-purple-500/15 text-purple-500 border-purple-500/30", icon: "rocket_launch" },
     Pending: { color: "bg-amber-500/15 text-amber-500 border-amber-500/30", icon: "schedule" },
+    Vetoed: { color: "bg-red-500/15 text-red-500 border-red-500/30", icon: "block" },
   };
   const { color, icon } = config[status];
   return (
@@ -172,10 +173,13 @@ export default function GovernancePage() {
   }, []);
 
   useEffect(() => {
-    load();
+    const timeout = window.setTimeout(load, 0);
     // Refresh every 30 s for real-time vote counts
-    const interval = setInterval(load, 30_000);
-    return () => clearInterval(interval);
+    const interval = window.setInterval(load, 30_000);
+    return () => {
+      window.clearTimeout(timeout);
+      window.clearInterval(interval);
+    };
   }, [load]);
 
   const filtered =

app/invoices/batch/page.tsx

@@ -0,0 +1,5 @@
+import BatchInvoiceSubmissionPage from "@/components/BatchInvoiceSubmissionPage";
+
+export default function InvoiceBatchPage() {
+  return <BatchInvoiceSubmissionPage />;
+}