chore: lint/format all files (#604)

* chore: lint/format all files

* Fix config sidebar button state (#602)

* chore: Update deno.lock version and add Radix UI slider component (#601)

* fix: improve how table addresses even/odd rows

---------

Co-authored-by: philon- <philon-@users.noreply.github.com>
Co-authored-by: Kamil Dzieniszewski <kamil.dzieniszewski@gmail.com>

src/components/PageComponents/Config/Device/Device.test.tsx

@@ -1,21 +1,21 @@
-import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest';
-import { render, screen, fireEvent, waitFor } from '@testing-library/react';
-import { Device } from '@components/PageComponents/Config/Device/index.tsx';
+import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+import { fireEvent, render, screen, waitFor } from "@testing-library/react";
+import { Device } from "@components/PageComponents/Config/Device/index.tsx";
 import { useDevice } from "@core/stores/deviceStore.ts";
 import { useUnsafeRolesDialog } from "@components/Dialog/UnsafeRolesDialog/useUnsafeRolesDialog.ts";
 import { Protobuf } from "@meshtastic/core";
 
-vi.mock('@core/stores/deviceStore.ts', () => ({
-  useDevice: vi.fn()
+vi.mock("@core/stores/deviceStore.ts", () => ({
+  useDevice: vi.fn(),
 }));
 
-vi.mock('@components/Dialog/UnsafeRolesDialog/useUnsafeRolesDialog.ts', () => ({
-  useUnsafeRolesDialog: vi.fn()
+vi.mock("@components/Dialog/UnsafeRolesDialog/useUnsafeRolesDialog.ts", () => ({
+  useUnsafeRolesDialog: vi.fn(),
 }));
 
 // Mock the DynamicForm component since we're testing the Device component,
 // not the DynamicForm implementation
-vi.mock('@components/Form/DynamicForm', () => ({
+vi.mock("@components/Form/DynamicForm", () => ({
   DynamicForm: vi.fn(({ onSubmit }) => {
     // Render a simplified version of the form for testing
     return (
@@ -28,13 +28,16 @@ vi.mock('@components/Form/DynamicForm', () => ({
             onSubmit(mockData);
           }}
         >
-          {Object.entries(Protobuf.Config.Config_DeviceConfig_Role).map(([key, value]) => (
+          {Object.entries(Protobuf.Config.Config_DeviceConfig_Role).map((
+            [key, value],
+          ) => (
             <option key={key} value={value}>
               {key}
             </option>
           ))}
         </select>
-        <button type="submit"
+        <button
+          type="submit"
           data-testid="submit-button"
           onClick={() => onSubmit({ role: "CLIENT" })}
         >
@@ -42,10 +45,10 @@ vi.mock('@components/Form/DynamicForm', () => ({
         </button>
       </div>
     );
-  })
+  }),
 }));
 
-describe('Device component', () => {
+describe("Device component", () => {
   const setWorkingConfigMock = vi.fn();
   const validateRoleSelectionMock = vi.fn();
   const mockDeviceConfig = {
@@ -63,17 +66,17 @@ describe('Device component', () => {
     vi.resetAllMocks();
 
     // Mock the useDevice hook
-    (useDevice as any).mockReturnValue({
+    useDevice.mockReturnValue({
       config: {
-        device: mockDeviceConfig
+        device: mockDeviceConfig,
       },
-      setWorkingConfig: setWorkingConfigMock
+      setWorkingConfig: setWorkingConfigMock,
     });
 
     // Mock the useUnsafeRolesDialog hook
     validateRoleSelectionMock.mockResolvedValue(true);
-    (useUnsafeRolesDialog as any).mockReturnValue({
-      validateRoleSelection: validateRoleSelectionMock
+    useUnsafeRolesDialog.mockReturnValue({
+      validateRoleSelection: validateRoleSelectionMock,
     });
   });
 
@@ -81,49 +84,48 @@ describe('Device component', () => {
     vi.clearAllMocks();
   });
 
-  it('should render the Device form', () => {
+  it("should render the Device form", () => {
     render(<Device />);
-    expect(screen.getByTestId('dynamic-form')).toBeInTheDocument();
+    expect(screen.getByTestId("dynamic-form")).toBeInTheDocument();
   });
 
-  it('should use the validateRoleSelection from the unsafe roles hook', () => {
+  it("should use the validateRoleSelection from the unsafe roles hook", () => {
     render(<Device />);
     expect(useUnsafeRolesDialog).toHaveBeenCalled();
   });
 
-  it('should call setWorkingConfig when form is submitted', async () => {
+  it("should call setWorkingConfig when form is submitted", async () => {
     render(<Device />);
 
-    fireEvent.click(screen.getByTestId('submit-button'));
+    fireEvent.click(screen.getByTestId("submit-button"));
 
     await waitFor(() => {
       expect(setWorkingConfigMock).toHaveBeenCalledWith(
         expect.objectContaining({
           payloadVariant: {
             case: "device",
-            value: expect.objectContaining({ role: "CLIENT" })
-          }
-        })
+            value: expect.objectContaining({ role: "CLIENT" }),
+          },
+        }),
       );
     });
   });
 
-
-  it('should create config with proper structure', async () => {
+  it("should create config with proper structure", async () => {
     render(<Device />);
 
     // Simulate form submission
-    fireEvent.click(screen.getByTestId('submit-button'));
+    fireEvent.click(screen.getByTestId("submit-button"));
 
     await waitFor(() => {
       expect(setWorkingConfigMock).toHaveBeenCalledWith(
         expect.objectContaining({
           payloadVariant: {
             case: "device",
-            value: expect.any(Object)
-          }
-        })
+            value: expect.any(Object),
+          },
+        }),
       );
     });
   });
-});
+});