add eslint / prettier

src/contexts/LeftMenuContext.tsx

@@ -7,7 +7,7 @@ import {
   useRef,
   useState,
   type CSSProperties,
-  type ReactNode
+  type ReactNode,
 } from 'react';
 import { isDesktopViewport, useSidePanelMachine } from '../panels/useSidePanelMachine';
 
@@ -68,7 +68,7 @@ function readStoredCollapsed(): boolean {
 export function LeftMenuProvider({
   children,
   defaultContent,
-  closeOnPathname
+  closeOnPathname,
 }: Readonly<LeftMenuProviderProps>) {
   const [collapsed, setCollapsed] = useState<boolean>(() => readStoredCollapsed());
   const [mobileOpen, setMobileOpen] = useState(false);
@@ -123,31 +123,37 @@ export function LeftMenuProvider({
     closeMobile();
   }, [collapseMenu, closeMobile]);
 
-  const openMenu = useCallback((nextContent?: LeftMenuContent) => {
-    if (nextContent) {
-      setContent(nextContent);
-    }
+  const openMenu = useCallback(
+    (nextContent?: LeftMenuContent) => {
+      if (nextContent) {
+        setContent(nextContent);
+      }
 
-    if (isDesktopViewport()) {
-      expandMenu();
-      return;
-    }
+      if (isDesktopViewport()) {
+        expandMenu();
+        return;
+      }
 
-    setMobileOpen(true);
-  }, [expandMenu]);
+      setMobileOpen(true);
+    },
+    [expandMenu],
+  );
 
-  const toggleMenu = useCallback((nextContent?: LeftMenuContent) => {
-    if (nextContent) {
-      setContent(nextContent);
-    }
+  const toggleMenu = useCallback(
+    (nextContent?: LeftMenuContent) => {
+      if (nextContent) {
+        setContent(nextContent);
+      }
 
-    if (isDesktopViewport()) {
-      toggleCollapsed();
-      return;
-    }
+      if (isDesktopViewport()) {
+        toggleCollapsed();
+        return;
+      }
 
-    setMobileOpen((previous) => !previous);
-  }, [toggleCollapsed]);
+      setMobileOpen((previous) => !previous);
+    },
+    [toggleCollapsed],
+  );
 
   const handleCloseOnPathname = useCallback(() => {
     setMobileOpen(false);
@@ -166,46 +172,48 @@ export function LeftMenuProvider({
     shouldPersistWidth: !collapsed,
     closeOnPathname,
     onCloseOnPathname: handleCloseOnPathname,
-    onEscape: closeMobile
+    onEscape: closeMobile,
   });
 
-  const desktopMenuStyle = useMemo<LeftMenuStyle>(() => ({
-    '--auth-sidebar-width': `${collapsed ? SIDEBAR_COLLAPSED_WIDTH : width}px`
-  }), [collapsed, width]);
-
-  const value = useMemo<LeftMenuContextValue>(() => ({
-    collapsed,
-    mobileOpen,
-    content,
-    desktopMenuStyle,
-    openMenu,
-    closeMenu,
-    toggleMenu,
-    expandMenu,
-    collapseMenu,
-    toggleCollapsed,
-    setMenuContent,
-    startResize
-  }), [
-    collapsed,
-    mobileOpen,
-    content,
-    desktopMenuStyle,
-    openMenu,
-    closeMenu,
-    toggleMenu,
-    expandMenu,
-    collapseMenu,
-    toggleCollapsed,
-    setMenuContent,
-    startResize
-  ]);
-
-  return (
-    <LeftMenuContext.Provider value={value}>
-      {children}
-    </LeftMenuContext.Provider>
+  const desktopMenuStyle = useMemo<LeftMenuStyle>(
+    () => ({
+      '--auth-sidebar-width': `${collapsed ? SIDEBAR_COLLAPSED_WIDTH : width}px`,
+    }),
+    [collapsed, width],
   );
+
+  const value = useMemo<LeftMenuContextValue>(
+    () => ({
+      collapsed,
+      mobileOpen,
+      content,
+      desktopMenuStyle,
+      openMenu,
+      closeMenu,
+      toggleMenu,
+      expandMenu,
+      collapseMenu,
+      toggleCollapsed,
+      setMenuContent,
+      startResize,
+    }),
+    [
+      collapsed,
+      mobileOpen,
+      content,
+      desktopMenuStyle,
+      openMenu,
+      closeMenu,
+      toggleMenu,
+      expandMenu,
+      collapseMenu,
+      toggleCollapsed,
+      setMenuContent,
+      startResize,
+    ],
+  );
+
+  return <LeftMenuContext.Provider value={value}>{children}</LeftMenuContext.Provider>;
 }
 
 export function useLeftMenu() {