fix: resolve lint warnings/errors and apply formatting (#1024)

* fix: resolve lint warnings/errors and apply formatting

Fix 10 oxlint issues (2 errors, 8 warnings):
- Remove unused catch parameters in Security.tsx and ImportDialog.tsx
- Remove stray expression in Generator.tsx
- Add eslint-disable for debounced useCallback in FilterControl.tsx
- Remove unnecessary deps (resolveDB, store) in bindStoreToDevice.ts
- Prefix unused variant param in AppSidebar.tsx
- Memoize tabs arrays in DeviceConfig, RadioConfig, ModuleConfig
- Fix channels type in RadioConfig TabItem

Also applies oxfmt formatting across all files.

* updating lock file

* update protobuf package

* fix: regenerate pnpm-lock.yaml and exclude jsr protobufs from minimumReleaseAge

* prevented http card from always being polled

* updated pnpm config fiile

* updated actions

* removed biome config and lint system leftovers

* updating protobuf package

packages/web/src/components/Dialog/UnsafeRolesDialog/UnsafeRolesDialog.tsx

@@ -20,16 +20,12 @@ export interface RouterRoleDialogProps {
   onOpenChange: (open: boolean) => void;
 }
 
-export const UnsafeRolesDialog = ({
-  open,
-  onOpenChange,
-}: RouterRoleDialogProps) => {
+export const UnsafeRolesDialog = ({ open, onOpenChange }: RouterRoleDialogProps) => {
   const { t } = useTranslation("dialog");
   const [confirmState, setConfirmState] = useState(false);
   const { setDialogOpen } = useDevice();
 
-  const deviceRoleLink =
-    "https://meshtastic.org/docs/configuration/radio/device/";
+  const deviceRoleLink = "https://meshtastic.org/docs/configuration/radio/device/";
   const choosingTheRightDeviceRoleLink =
     "https://meshtastic.org/blog/choosing-the-right-device-role/";
 
@@ -63,17 +59,11 @@ export const UnsafeRolesDialog = ({
             onChange={() => setConfirmState(!confirmState)}
             name="confirmUnderstanding"
           >
-            <span className="dark:text-white">
-              {t("unsafeRoles.confirmUnderstanding")}
-            </span>
+            <span className="dark:text-white">{t("unsafeRoles.confirmUnderstanding")}</span>
           </Checkbox>
         </div>
         <DialogFooter className="mt-6">
-          <Button
-            variant="default"
-            name="dismiss"
-            onClick={() => handleCloseDialog("dismiss")}
-          >
+          <Button variant="default" name="dismiss" onClick={() => handleCloseDialog("dismiss")}>
             {t("button.dismiss")}
           </Button>
           <Button

packages/web/src/components/Dialog/UnsafeRolesDialog/useUnsafeRolesDialog.test.tsx

@@ -4,20 +4,11 @@ import {
 } from "@components/Dialog/UnsafeRolesDialog/useUnsafeRolesDialog.ts";
 import { eventBus } from "@core/utils/eventBus.ts";
 import { renderHook } from "@testing-library/react";
-import {
-  afterEach,
-  beforeEach,
-  describe,
-  expect,
-  it,
-  type Mock,
-  vi,
-} from "vitest";
+import { afterEach, beforeEach, describe, expect, it, type Mock, vi } from "vitest";
 
 const mockNavigate = vi.fn();
 vi.mock("@tanstack/react-router", async (importOriginal) => {
-  const actual =
-    await importOriginal<typeof import("@tanstack/react-router")>();
+  const actual = await importOriginal<typeof import("@tanstack/react-router")>();
   return {
     ...actual,
     useNavigate: () => mockNavigate,
@@ -65,10 +56,7 @@ describe("useUnsafeRolesDialog", () => {
 
       result.current.handleCloseDialog();
 
-      expect(mockDevice.setDialogOpen).toHaveBeenCalledWith(
-        "unsafeRoles",
-        false,
-      );
+      expect(mockDevice.setDialogOpen).toHaveBeenCalledWith("unsafeRoles", false);
     });
   });
 
@@ -77,8 +65,7 @@ describe("useUnsafeRolesDialog", () => {
       const { result } = renderUnsafeRolesHook();
       const safeRole = "SAFE_ROLE";
 
-      const validationResult =
-        await result.current.validateRoleSelection(safeRole);
+      const validationResult = await result.current.validateRoleSelection(safeRole);
 
       expect(validationResult).toBe(true);
       expect(mockDevice.setDialogOpen).not.toHaveBeenCalled();
@@ -87,61 +74,40 @@ describe("useUnsafeRolesDialog", () => {
     it("should open dialog for unsafe roles and resolve with true when confirmed", async () => {
       const { result } = renderUnsafeRolesHook();
 
-      const validationPromise = result.current.validateRoleSelection(
-        UNSAFE_ROLES[0]!,
-      );
+      const validationPromise = result.current.validateRoleSelection(UNSAFE_ROLES[0]!);
 
-      expect(mockDevice.setDialogOpen).toHaveBeenCalledWith(
-        "unsafeRoles",
-        true,
-      );
-      expect(eventBus.on).toHaveBeenCalledWith(
-        "dialog:unsafeRoles",
-        expect.any(Function),
-      );
+      expect(mockDevice.setDialogOpen).toHaveBeenCalledWith("unsafeRoles", true);
+      expect(eventBus.on).toHaveBeenCalledWith("dialog:unsafeRoles", expect.any(Function));
 
       const onHandler = (eventBus.on as Mock).mock.calls[0]![1];
       onHandler({ action: "confirm" });
       const validationResult = await validationPromise;
 
       expect(validationResult).toBe(true);
-      expect(eventBus.off).toHaveBeenCalledWith(
-        "dialog:unsafeRoles",
-        onHandler,
-      );
+      expect(eventBus.off).toHaveBeenCalledWith("dialog:unsafeRoles", onHandler);
     });
 
     it("should resolve with false when user dismisses the dialog", async () => {
       const { result } = renderUnsafeRolesHook();
-      const validationPromise = result.current.validateRoleSelection(
-        UNSAFE_ROLES[0]!,
-      );
+      const validationPromise = result.current.validateRoleSelection(UNSAFE_ROLES[0]!);
       const onHandler = (eventBus.on as Mock).mock.calls[0]![1];
       onHandler({ action: "dismiss" });
 
       const validationResult = await validationPromise;
       expect(validationResult).toBe(false);
-      expect(eventBus.off).toHaveBeenCalledWith(
-        "dialog:unsafeRoles",
-        onHandler,
-      );
+      expect(eventBus.off).toHaveBeenCalledWith("dialog:unsafeRoles", onHandler);
     });
 
     it("should clean up event listener after response", async () => {
       const { result } = renderUnsafeRolesHook();
 
-      const validationPromise = result.current.validateRoleSelection(
-        UNSAFE_ROLES[1]!,
-      );
+      const validationPromise = result.current.validateRoleSelection(UNSAFE_ROLES[1]!);
       const onHandler = (eventBus.on as Mock).mock.calls[0]![1];
 
       onHandler({ action: "confirm" });
       await validationPromise;
 
-      expect(eventBus.off).toHaveBeenCalledWith(
-        "dialog:unsafeRoles",
-        onHandler,
-      );
+      expect(eventBus.off).toHaveBeenCalledWith("dialog:unsafeRoles", onHandler);
     });
   });
 
@@ -152,13 +118,9 @@ describe("useUnsafeRolesDialog", () => {
       mockDevice.setDialogOpen.mockClear();
       (eventBus.on as Mock).mockClear();
 
-      const validationPromise =
-        result.current.validateRoleSelection(unsafeRole);
+      const validationPromise = result.current.validateRoleSelection(unsafeRole);
 
-      expect(mockDevice.setDialogOpen).toHaveBeenCalledWith(
-        "unsafeRoles",
-        true,
-      );
+      expect(mockDevice.setDialogOpen).toHaveBeenCalledWith("unsafeRoles", true);
 
       const onHandler = (eventBus.on as Mock).mock.calls[0]![1];
       onHandler({ action: "confirm" });

packages/web/src/components/Dialog/UnsafeRolesDialog/useUnsafeRolesDialog.ts

@@ -21,11 +21,7 @@ export const useUnsafeRolesDialog = () => {
       setDialogOpen("unsafeRoles", true);
 
       return new Promise((resolve) => {
-        const handleResponse = ({
-          action,
-        }: {
-          action: "confirm" | "dismiss";
-        }) => {
+        const handleResponse = ({ action }: { action: "confirm" | "dismiss" }) => {
           eventBus.off("dialog:unsafeRoles", handleResponse);
           resolve(action === "confirm");
         };