revert fb8e77bb68

revert style: clean up code with prettier and eslint

src/components/admin/catalog-manager/breadcrumb-bar.tsx

@@ -1,31 +1,31 @@
-"use client";
+'use client'
 
-import { ChevronRight, Home } from "lucide-react";
-import { Fragment, useEffect } from "react";
-import { useCatalogManager } from "./use-catalog-store";
+import { ChevronRight, Home } from 'lucide-react'
+import { Fragment, useEffect } from 'react'
+import { useCatalogManager } from './use-catalog-store'
 
 export function BreadcrumbBar() {
-  const { state, dispatch } = useCatalogManager();
-  const { selectedPageId, ancestors } = state;
+  const { state, dispatch } = useCatalogManager()
+  const { selectedPageId, ancestors } = state
 
   useEffect(() => {
     if (!selectedPageId || selectedPageId <= 0) {
-      dispatch({ type: "SET_ANCESTORS", ancestors: [] });
-      return;
+      dispatch({ type: 'SET_ANCESTORS', ancestors: [] })
+      return
     }
-    const ac = new AbortController();
+    const ac = new AbortController()
     fetch(`/api/admin/catalog/tree?ancestors=${selectedPageId}`, { signal: ac.signal })
       .then((r) => r.json())
       .then((d) => {
         if (!ac.signal.aborted) {
-          dispatch({ type: "SET_ANCESTORS", ancestors: d.ancestors ?? [] });
+          dispatch({ type: 'SET_ANCESTORS', ancestors: d.ancestors ?? [] })
         }
       })
-      .catch(() => {});
-    return () => ac.abort();
-  }, [selectedPageId, dispatch]);
+      .catch(() => {})
+    return () => ac.abort()
+  }, [selectedPageId, dispatch])
 
-  if (!selectedPageId || ancestors.length === 0) return null;
+  if (!selectedPageId || ancestors.length === 0) return null
 
   return (
     <div className="flex items-center gap-1 px-4 py-1 border-b bg-muted/20 text-xs text-muted-foreground overflow-x-auto shrink-0">
@@ -35,7 +35,7 @@ export function BreadcrumbBar() {
           <ChevronRight className="h-3 w-3 shrink-0" />
           <button
             type="button"
-            onClick={() => dispatch({ type: "SELECT_PAGE", id: a.id })}
+            onClick={() => dispatch({ type: 'SELECT_PAGE', id: a.id })}
             className="shrink-0 hover:text-foreground transition-colors truncate max-w-40"
           >
             {a.caption}
@@ -44,15 +44,17 @@ export function BreadcrumbBar() {
       ))}
       {/* Current page */}
       {(() => {
-        const node = state.nodes.get(selectedPageId);
-        if (!node) return null;
+        const node = state.nodes.get(selectedPageId)
+        if (!node) return null
         return (
           <>
             <ChevronRight className="h-3 w-3 shrink-0" />
-            <span className="shrink-0 text-foreground font-medium truncate max-w-40">{node.caption}</span>
+            <span className="shrink-0 text-foreground font-medium truncate max-w-40">
+              {node.caption}
+            </span>
           </>
-        );
+        )
       })()}
     </div>
-  );
+  )
 }