catalog-header-removal

src/components/NavigationHeader.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Link, useLocation, useNavigate } from 'react-router-dom';
-import { Home, Wrench, ShoppingBag, AlertTriangle, UserCheck, ShieldCheck, LogOut, Plug } from 'lucide-react';
+import { Wrench, ShoppingBag, AlertTriangle, UserCheck, ShieldCheck, LogOut, Plug } from 'lucide-react';
 import { useAuth } from '../context/useAuth';
 
 export function NavigationHeader({
@@ -40,22 +40,10 @@ export function NavigationHeader({
     <>
       <header className="sticky top-0 z-30 flex flex-col gap-3 border-b border-ink-900/10 bg-paper-50/95 px-6 py-3.5 backdrop-blur-md transition-all shadow-xs">
         <div className="flex items-center justify-between gap-4 flex-wrap">
-          {/* Left Section: Home/Back Button + Page Title */}
+          {/* Left Section: Page Title */}
           <div className="flex items-center gap-3">
-            <Link
-              to="/"
-              onClick={() => {
-                if (onResetHome) onResetHome();
-              }}
-              title="Navigate to Catalog"
-              className="group flex items-center gap-2 rounded-full bg-gradient-to-r from-amber-500 to-amber-600 hover:from-amber-600 hover:to-amber-700 text-white px-4 py-2 text-xs font-semibold shadow-sm transition-all duration-200 active:scale-95 hover:shadow-md"
-            >
-              <Home className="h-4 w-4 transition-transform group-hover:-translate-x-0.5" />
-              <span>{role === 'admin' ? 'Home / Catalog' : 'Home / Workspace'}</span>
-            </Link>
-
             {title && (
-              <div className="flex items-center gap-2.5 border-l border-ink-900/15 pl-4 py-0.5">
+              <div className="flex items-center gap-2.5 py-0.5">
                 {TitleIcon && (
                   <div className="flex h-7 w-7 items-center justify-center rounded-lg bg-ink-900/5 text-ink-900">
                     <TitleIcon className="h-4 w-4" />