add eslint / prettier

src/contexts/RightSidebarContext.tsx

@@ -5,7 +5,7 @@ import {
   useMemo,
   useState,
   type CSSProperties,
-  type ReactNode
+  type ReactNode,
 } from 'react';
 import { isDesktopViewport, useSidePanelMachine } from '../panels/useSidePanelMachine';
 
@@ -46,7 +46,7 @@ const RightSidebarContext = createContext<RightSidebarContextValue | undefined>(
 export function RightSidebarProvider({
   children,
   closeOnPathname,
-  onMobileOpenRequest
+  onMobileOpenRequest,
 }: Readonly<RightSidebarProviderProps>) {
   const [isOpen, setIsOpen] = useState(false);
   const [content, setContent] = useState<RightSidebarContent | null>(null);
@@ -60,29 +60,35 @@ export function RightSidebarProvider({
     setContent(nextContent);
   }, []);
 
-  const openSidebar = useCallback((nextContent?: RightSidebarContent) => {
-    const resolvedContent = nextContent ?? content;
-    if (!resolvedContent) {
-      return;
-    }
+  const openSidebar = useCallback(
+    (nextContent?: RightSidebarContent) => {
+      const resolvedContent = nextContent ?? content;
+      if (!resolvedContent) {
+        return;
+      }
 
-    if (nextContent) {
-      setContent(nextContent);
-    }
-    if (!isDesktopViewport()) {
-      onMobileOpenRequest?.();
-    }
-    setIsOpen(true);
-  }, [content, onMobileOpenRequest]);
+      if (nextContent) {
+        setContent(nextContent);
+      }
+      if (!isDesktopViewport()) {
+        onMobileOpenRequest?.();
+      }
+      setIsOpen(true);
+    },
+    [content, onMobileOpenRequest],
+  );
 
-  const toggleSidebar = useCallback((nextContent?: RightSidebarContent) => {
-    if (isOpen) {
-      closeSidebar();
-      return;
-    }
+  const toggleSidebar = useCallback(
+    (nextContent?: RightSidebarContent) => {
+      if (isOpen) {
+        closeSidebar();
+        return;
+      }
 
-    openSidebar(nextContent);
-  }, [isOpen, closeSidebar, openSidebar]);
+      openSidebar(nextContent);
+    },
+    [isOpen, closeSidebar, openSidebar],
+  );
 
   const { width, startResize } = useSidePanelMachine({
     storageKey: RIGHT_SIDEBAR_WIDTH_KEY,
@@ -96,38 +102,40 @@ export function RightSidebarProvider({
     shouldPersistWidth: true,
     closeOnPathname,
     onCloseOnPathname: closeSidebar,
-    onEscape: closeSidebar
+    onEscape: closeSidebar,
   });
 
-  const desktopSidebarStyle = useMemo<RightSidebarStyle>(() => ({
-    '--auth-right-sidebar-width': `${width}px`
-  }), [width]);
-
-  const value = useMemo<RightSidebarContextValue>(() => ({
-    isOpen,
-    content,
-    openSidebar,
-    closeSidebar,
-    toggleSidebar,
-    setSidebarContent,
-    desktopSidebarStyle,
-    startResize
-  }), [
-    isOpen,
-    content,
-    openSidebar,
-    closeSidebar,
-    toggleSidebar,
-    setSidebarContent,
-    desktopSidebarStyle,
-    startResize
-  ]);
-
-  return (
-    <RightSidebarContext.Provider value={value}>
-      {children}
-    </RightSidebarContext.Provider>
+  const desktopSidebarStyle = useMemo<RightSidebarStyle>(
+    () => ({
+      '--auth-right-sidebar-width': `${width}px`,
+    }),
+    [width],
   );
+
+  const value = useMemo<RightSidebarContextValue>(
+    () => ({
+      isOpen,
+      content,
+      openSidebar,
+      closeSidebar,
+      toggleSidebar,
+      setSidebarContent,
+      desktopSidebarStyle,
+      startResize,
+    }),
+    [
+      isOpen,
+      content,
+      openSidebar,
+      closeSidebar,
+      toggleSidebar,
+      setSidebarContent,
+      desktopSidebarStyle,
+      startResize,
+    ],
+  );
+
+  return <RightSidebarContext.Provider value={value}>{children}</RightSidebarContext.Provider>;
 }
 
 export function useRightSidebar() {