refactor(catalog): unify commands and embed guarded catalog workspace

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

@@ -4,7 +4,11 @@ import { ChevronRight, Home } from "lucide-react";
 import { Fragment, useEffect } from "react";
 import { useCatalogManager } from "./use-catalog-store";
 
-export function BreadcrumbBar() {
+export function BreadcrumbBar({
+	onSelectPage,
+}: {
+	onSelectPage: (id: number) => void;
+}) {
 	const { state, dispatch, catalogType } = useCatalogManager();
 	const { selectedPageId, ancestors } = state;
 	const catQs = catalogType === "bc" ? "&catalog=bc" : "";
@@ -40,7 +44,7 @@ export function BreadcrumbBar() {
 					<ChevronRight className="h-3 w-3 shrink-0" />
 					<button
 						type="button"
-						onClick={() => dispatch({ type: "SELECT_PAGE", id: a.id })}
+						onClick={() => onSelectPage(a.id)}
 						className="shrink-0 hover:text-foreground transition-colors truncate max-w-40"
 					>
 						{a.caption}