Start integrating the onboarding flow with backend 1

frontend/src/components/layout/Header/Header.tsx

@@ -3,12 +3,11 @@ import { clsx } from 'clsx';
 import { useNavigate } from 'react-router-dom';
 import { useAuthUser, useIsAuthenticated, useAuthActions } from '../../../stores';
 import { useTheme } from '../../../contexts/ThemeContext';
-import { useBakery } from '../../../contexts/BakeryContext';
 import { Button } from '../../ui';
 import { Avatar } from '../../ui';
 import { Badge } from '../../ui';
 import { Modal } from '../../ui';
-import { BakerySelector } from '../../ui/BakerySelector/BakerySelector';
+import { TenantSwitcher } from '../../ui/TenantSwitcher';
 import { 
   Menu, 
   Search, 
@@ -102,7 +101,6 @@ export const Header = forwardRef<HeaderRef, HeaderProps>(({
   const isAuthenticated = useIsAuthenticated();
   const { logout } = useAuthActions();
   const { theme, resolvedTheme, setTheme } = useTheme();
-  const { bakeries, currentBakery, selectBakery } = useBakery();
   
   const [isUserMenuOpen, setIsUserMenuOpen] = useState(false);
   const [isSearchFocused, setIsSearchFocused] = useState(false);
@@ -250,35 +248,21 @@ export const Header = forwardRef<HeaderRef, HeaderProps>(({
           )}
         </div>
 
-        {/* Bakery Selector - Desktop */}
-        {isAuthenticated && currentBakery && bakeries.length > 0 && (
+        {/* Tenant Switcher - Desktop */}
+        {isAuthenticated && (
           <div className="hidden md:block mx-2 lg:mx-4 flex-shrink-0">
-            <BakerySelector
-              bakeries={bakeries}
-              selectedBakery={currentBakery}
-              onSelectBakery={selectBakery}
-              onAddBakery={() => {
-                // TODO: Navigate to add bakery page or open modal
-                console.log('Add new bakery');
-              }}
-              size="md"
+            <TenantSwitcher
+              showLabel={true}
               className="min-w-[160px] max-w-[220px] lg:min-w-[200px] lg:max-w-[280px]"
             />
           </div>
         )}
 
-        {/* Bakery Selector - Mobile (in title area) */}
-        {isAuthenticated && currentBakery && bakeries.length > 0 && (
+        {/* Tenant Switcher - Mobile (in title area) */}
+        {isAuthenticated && (
           <div className="md:hidden flex-1 min-w-0 ml-3">
-            <BakerySelector
-              bakeries={bakeries}
-              selectedBakery={currentBakery}
-              onSelectBakery={selectBakery}
-              onAddBakery={() => {
-                // TODO: Navigate to add bakery page or open modal
-                console.log('Add new bakery');
-              }}
-              size="sm"
+            <TenantSwitcher
+              showLabel={false}
               className="w-full max-w-none"
             />
           </div>