feat: restrict History and Pending Validation tabs to master user

src/App.tsx

@@ -485,7 +485,7 @@ export default function App() {
         isSavingAll={isSavingAll}
       />
       <div className="flex flex-1 overflow-hidden">
-        <Sidebar activeModule={activeModule} setActiveModule={setActiveModule} />
+        <Sidebar activeModule={activeModule} setActiveModule={setActiveModule} userEmail={session.user.email} />
         <main className="flex-1 overflow-auto relative p-6 bg-[#041021]">
           {isLoadingDefault ? (
             <div className="flex flex-col items-center justify-center h-full text-slate-400">

src/components/Sidebar.tsx

@@ -5,17 +5,22 @@ import { cn } from '../lib/utils';
 interface SidebarProps {
   activeModule: string;
   setActiveModule: (m: 'descriptions' | 'article_details' | 'matrix' | 'dimensions' | 'pricing' | 'pending_validation' | 'history') => void;
+  userEmail: string;
 }
 
-export function Sidebar({ activeModule, setActiveModule }: SidebarProps) {
+export function Sidebar({ activeModule, setActiveModule, userEmail }: SidebarProps) {
+  const isMasterUser = userEmail?.toLowerCase() === 'christian.vidal@craze-group.com';
+
   const navItems = [
     { id: 'matrix', label: 'Matrix', icon: Table },
     { id: 'descriptions', label: 'Product Descriptions', icon: FileText },
     { id: 'article_details', label: 'Article Details', icon: Package },
     { id: 'dimensions', label: 'Dimensions', icon: Box },
     { id: 'pricing', label: 'Pricing & Units', icon: DollarSign },
+    ...(isMasterUser ? [
       { id: 'pending_validation', label: 'Pending Validation', icon: Clock },
-    { id: 'history', label: 'Change History', icon: History },
+      { id: 'history', label: 'Change History', icon: History }
+    ] : [])
   ] as const;
 
   return (