frontend fully integreated with the backend

distribution_fe/app/layout.tsx

@@ -3,7 +3,7 @@ import { Geist_Mono, Outfit, Nunito_Sans } from "next/font/google"
 import "./globals.css"
 import { ThemeProvider } from "@/components/theme-provider"
 import { AuthProvider } from "@/contexts/auth-context"
-import { TooltipProvider } from "@/components/ui/tooltip"
+import { UiProvider } from "@/components/ui/provider"
 import { cn } from "@/lib/utils"
 
 const nunitoSansHeading = Nunito_Sans({ subsets: ['latin'], variable: '--font-heading' })
@@ -21,12 +21,12 @@ export default function RootLayout({
       suppressHydrationWarning
       className={cn('antialiased', fontMono.variable, 'font-sans', outfit.variable, nunitoSansHeading.variable)}
     >
-      <body>
+      <body suppressHydrationWarning>
         <ThemeProvider>
           <AuthProvider>
-            <TooltipProvider>
+            <UiProvider>
               {children}
-            </TooltipProvider>
+            </UiProvider>
           </AuthProvider>
         </ThemeProvider>
       </body>