fix: resolve all biome lint errors

packages/cli/package.json

@@ -6,11 +6,7 @@
     "urec": "./src/urec.mjs",
     "uconn": "./src/uconn.mjs"
   },
-  "files": [
-    "src",
-    "dist",
-    "package.json"
-  ],
+  "files": ["src", "dist", "package.json"],
   "publishConfig": {
     "access": "public"
   },

packages/cli/src/uconn.mjs

@@ -89,7 +89,7 @@ function connect() {
     syncAll();
     const pending = [...pendingRecords];
     pendingRecords = [];
-    pending.forEach((f) => sendRecord(f));
+    for (const f of pending) sendRecord(f);
   });
   ws.on("close", () => {
     console.log(`Disconnected. Reconnecting in ${backoff / 1000}s...`);

packages/cli/src/urec.mjs

@@ -35,7 +35,7 @@ child.stderr.on("data", (d) => {
 });
 
 const signals = ["SIGINT", "SIGTERM"];
-signals.forEach((sig) => process.on(sig, () => child.kill(sig)));
+for (const sig of signals) process.on(sig, () => child.kill(sig));
 
 child.on("close", async (exitCode) => {
   const finishedAt = new Date().toISOString();

packages/frontend/src/App.tsx

@@ -95,11 +95,12 @@ export default function App() {
         </div>
       </header>
       <div className="filters">
-        <button className={!filter ? "active" : ""} onClick={() => setFilter("")}>
+        <button type="button" className={!filter ? "active" : ""} onClick={() => setFilter("")}>
           All
         </button>
         {devices.map((d) => (
           <button
+            type="button"
             key={d.name}
             className={filter === d.name ? "active" : ""}
             onClick={() => setFilter(d.name)}
@@ -111,7 +112,12 @@ export default function App() {
       <div className="records">
         {records.length === 0 && <div className="empty">No records yet</div>}
         {records.map((r) => (
-          <div key={r.id} className="record-row" onClick={() => nav(`/record/${r.id}`)}>
+          <button
+            type="button"
+            key={r.id}
+            className="record-row"
+            onClick={() => nav(`/record/${r.id}`)}
+          >
             <span className="device-badge">{r.device}</span>
             <span className="command">{r.command}</span>
             <span className={`exit-code ${r.exitCode === 0 ? "success" : "error"}`}>
@@ -119,7 +125,7 @@ export default function App() {
             </span>
             <span className="duration">{fmtDuration(r.durationMs)}</span>
             <span className="time">{timeAgo(r.startedAt)}</span>
-          </div>
+          </button>
         ))}
       </div>
     </div>

packages/frontend/src/main.tsx

@@ -5,7 +5,7 @@ import App from "./App";
 import RecordDetail from "./RecordDetail";
 import "./App.css";
 
-ReactDOM.createRoot(document.getElementById("root")!).render(
+ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
   <BrowserRouter>
     <Routes>
       <Route path="/" element={<App />} />