Start integrating the onboarding flow with backend 1

frontend/src/components/layout/AppShell/AppShell.tsx

@@ -2,6 +2,7 @@ import React, { useState, useCallback, forwardRef } from 'react';
 import { clsx } from 'clsx';
 import { useAuthUser, useIsAuthenticated } from '../../../stores';
 import { useTheme } from '../../../contexts/ThemeContext';
+import { useTenantInitializer } from '../../../hooks/useTenantInitializer';
 import { Header } from '../Header';
 import { Sidebar } from '../Sidebar';
 import { Footer } from '../Footer';
@@ -77,6 +78,9 @@ export const AppShell = forwardRef<AppShellRef, AppShellProps>(({
   const authLoading = false; // Since we're in a protected route, auth loading should be false
   const { resolvedTheme } = useTheme();
   
+  // Initialize tenant data for authenticated users
+  useTenantInitializer();
+  
   const [isSidebarOpen, setIsSidebarOpen] = useState(false);
   const [isSidebarCollapsed, setIsSidebarCollapsed] = useState(initialSidebarCollapsed);
   const [error, setError] = useState<Error | null>(null);