add eslint / prettier

src/panels/useSidePanelMachine.ts

@@ -1,4 +1,10 @@
-import { useCallback, useEffect, useRef, useState, type PointerEvent as ReactPointerEvent } from 'react';
+import {
+  useCallback,
+  useEffect,
+  useRef,
+  useState,
+  type PointerEvent as ReactPointerEvent,
+} from 'react';
 
 const DEFAULT_DESKTOP_BREAKPOINT = 1024;
 
@@ -51,15 +57,18 @@ export function useSidePanelMachine({
   closeOnPathname,
   onCloseOnPathname,
   onEscape,
-  desktopBreakpoint = DEFAULT_DESKTOP_BREAKPOINT
+  desktopBreakpoint = DEFAULT_DESKTOP_BREAKPOINT,
 }: SidePanelMachineOptions): SidePanelMachineResult {
   const isResizingRef = useRef(false);
   const resizeStartXRef = useRef(0);
   const resizeStartWidthRef = useRef(0);
 
-  const clampWidth = useCallback((value: number) => {
-    return Math.min(maxWidth, Math.max(minWidth, value));
-  }, [maxWidth, minWidth]);
+  const clampWidth = useCallback(
+    (value: number) => {
+      return Math.min(maxWidth, Math.max(minWidth, value));
+    },
+    [maxWidth, minWidth],
+  );
 
   const readStoredWidth = useCallback(() => {
     if (!globalThis.window) {
@@ -154,21 +163,24 @@ export function useSidePanelMachine({
     };
   }, [isOpen, onEscape]);
 
-  const startResize = useCallback((event: ReactPointerEvent<HTMLDivElement>) => {
-    if (!canResize || !isDesktopViewport(desktopBreakpoint)) {
-      return;
-    }
+  const startResize = useCallback(
+    (event: ReactPointerEvent<HTMLDivElement>) => {
+      if (!canResize || !isDesktopViewport(desktopBreakpoint)) {
+        return;
+      }
 
-    isResizingRef.current = true;
-    resizeStartXRef.current = event.clientX;
-    resizeStartWidthRef.current = width;
-    document.body.classList.add(resizingBodyClass);
-    event.preventDefault();
-  }, [canResize, desktopBreakpoint, resizingBodyClass, width]);
+      isResizingRef.current = true;
+      resizeStartXRef.current = event.clientX;
+      resizeStartWidthRef.current = width;
+      document.body.classList.add(resizingBodyClass);
+      event.preventDefault();
+    },
+    [canResize, desktopBreakpoint, resizingBodyClass, width],
+  );
 
   return {
     width,
     isDesktop: isDesktopViewport(desktopBreakpoint),
-    startResize
+    startResize,
   };
 }