feat: add gradient to the body

src/app/layout.tsx

@@ -3,6 +3,7 @@ import { Geist, Geist_Mono } from "next/font/google";
 import "./globals.css";
 import { ThemeProvider } from "@/components/theme-provider";
 import { Toaster } from "@/components/ui/sonner"
+import { BackgroundGradient } from "@/components/background-gradient";
 
 const geistSans = Geist({
   variable: "--font-geist-sans",
@@ -35,7 +36,10 @@ export default function RootLayout({
           enableSystem
           disableTransitionOnChange
         >
-          {children}
+          <div className="relative min-h-screen isolate">
+            <BackgroundGradient />
+            {children}
+          </div>
           <Toaster  position="top-center" />
         </ThemeProvider>
       </body>