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/__mocks__/components/UI/Button.tsx

@@ -1,13 +1,13 @@
-import { vi } from 'vitest'
+import { vi } from "vitest";
 
-vi.mock('@components/UI/Button.tsx', () => ({
+vi.mock("@components/UI/Button.tsx", () => ({
   Button: ({ children, name, disabled, onClick }: {
-    children: React.ReactNode,
-    variant: string,
-    name: string,
-    disabled?: boolean,
-    onClick: () => void
-  }) =>
+    children: React.ReactNode;
+    variant: string;
+    name: string;
+    disabled?: boolean;
+    onClick: () => void;
+  }) => (
     <button
       type="button"
       name={name}
@@ -17,4 +17,5 @@ vi.mock('@components/UI/Button.tsx', () => ({
     >
       {children}
     </button>
-}));
+  ),
+}));

src/__mocks__/components/UI/Checkbox.tsx

@@ -1,6 +1,19 @@
-import { vi } from 'vitest'
+import { vi } from "vitest";
 
-vi.mock('@components/UI/Checkbox.tsx', () => ({
-  Checkbox: ({ id, checked, onChange }: { id: string, checked: boolean, onChange: () => void }) =>
-    <input data-testid="checkbox" type="checkbox" id={id} checked={checked} onChange={onChange} />
-}));
+vi.mock("@components/UI/Checkbox.tsx", () => ({
+  Checkbox: (
+    { id, checked, onChange }: {
+      id: string;
+      checked: boolean;
+      onChange: () => void;
+    },
+  ) => (
+    <input
+      data-testid="checkbox"
+      type="checkbox"
+      id={id}
+      checked={checked}
+      onChange={onChange}
+    />
+  ),
+}));

src/__mocks__/components/UI/Dialog/Dialog.tsx

@@ -1,43 +1,45 @@
-import React from 'react';
+import React from "react";
 
 export const Dialog = ({ children, open }: {
-  children: React.ReactNode,
-  open: boolean,
-  onOpenChange?: (open: boolean) => void
+  children: React.ReactNode;
+  open: boolean;
+  onOpenChange?: (open: boolean) => void;
 }) => open ? <div data-testid="dialog">{children}</div> : null;
 
 export const DialogContent = ({
   children,
-  className
+  className,
 }: {
-  children: React.ReactNode,
-  className?: string
+  children: React.ReactNode;
+  className?: string;
 }) => <div data-testid="dialog-content" className={className}>{children}</div>;
 
 export const DialogHeader = ({
-  children
+  children,
 }: {
-  children: React.ReactNode
+  children: React.ReactNode;
 }) => <div data-testid="dialog-header">{children}</div>;
 
 export const DialogTitle = ({
-  children
+  children,
 }: {
-  children: React.ReactNode
+  children: React.ReactNode;
 }) => <div data-testid="dialog-title">{children}</div>;
 
 export const DialogDescription = ({
   children,
-  className
+  className,
 }: {
-  children: React.ReactNode,
-  className?: string
-}) => <div data-testid="dialog-description" className={className}>{children}</div>;
+  children: React.ReactNode;
+  className?: string;
+}) => (
+  <div data-testid="dialog-description" className={className}>{children}</div>
+);
 
 export const DialogFooter = ({
   children,
-  className
+  className,
 }: {
-  children: React.ReactNode,
-  className?: string
-}) => <div data-testid="dialog-footer" className={className}>{children}</div>;
+  children: React.ReactNode;
+  className?: string;
+}) => <div data-testid="dialog-footer" className={className}>{children}</div>;

src/__mocks__/components/UI/Label.tsx

@@ -1,6 +1,15 @@
-import { vi } from 'vitest'
+import { vi } from "vitest";
 
-vi.mock('@components/UI/Label.tsx', () => ({
-  Label: ({ children, htmlFor, className }: { children: React.ReactNode, htmlFor: string, className?: string }) =>
-    <label data-testid="label" htmlFor={htmlFor} className={className}>{children}</label>
-}));
+vi.mock("@components/UI/Label.tsx", () => ({
+  Label: (
+    { children, htmlFor, className }: {
+      children: React.ReactNode;
+      htmlFor: string;
+      className?: string;
+    },
+  ) => (
+    <label data-testid="label" htmlFor={htmlFor} className={className}>
+      {children}
+    </label>
+  ),
+}));

src/__mocks__/components/UI/Link.tsx

@@ -1,7 +1,11 @@
 import { vi } from "vitest";
 
-vi.mock('@components/UI/Typography/Link.tsx', () => ({
-  Link: ({ children, href, className }: { children: React.ReactNode, href: string, className?: string }) =>
-    <a data-testid="link" href={href} className={className}>{children}</a>
+vi.mock("@components/UI/Typography/Link.tsx", () => ({
+  Link: (
+    { children, href, className }: {
+      children: React.ReactNode;
+      href: string;
+      className?: string;
+    },
+  ) => <a data-testid="link" href={href} className={className}>{children}</a>,
 }));
-