website refactor

apps/website/components/AppWrapper.tsx

@@ -0,0 +1,36 @@
+'use client';
+
+import { ContainerProvider } from '@/lib/di/providers/ContainerProvider';
+import { QueryClientProvider } from '@/lib/providers/QueryClientProvider';
+import { AuthProvider } from '@/lib/auth/AuthContext';
+import { FeatureFlagProvider } from '@/lib/feature/FeatureFlagProvider';
+import NotificationProvider from '@/components/notifications/NotificationProvider';
+import { NotificationIntegration } from '@/components/errors/NotificationIntegration';
+import { EnhancedErrorBoundary } from '@/components/errors/EnhancedErrorBoundary';
+import DevToolbar from '@/components/dev/DevToolbar';
+import React from 'react';
+
+interface AppWrapperProps {
+  children: React.ReactNode;
+  enabledFlags: string[];
+}
+
+export function AppWrapper({ children, enabledFlags }: AppWrapperProps) {
+  return (
+    <ContainerProvider>
+      <QueryClientProvider>
+        <AuthProvider>
+          <FeatureFlagProvider flags={enabledFlags}>
+            <NotificationProvider>
+              <NotificationIntegration />
+              <EnhancedErrorBoundary enableDevOverlay={process.env.NODE_ENV === 'development'}>
+                {children}
+                {process.env.NODE_ENV === 'development' && <DevToolbar />}
+              </EnhancedErrorBoundary>
+            </NotificationProvider>
+          </FeatureFlagProvider>
+        </AuthProvider>
+      </QueryClientProvider>
+    </ContainerProvider>
+  );
+}