add gradient BG

layouts/MainLayout.tsx

@@ -1,10 +1,13 @@
 import { PropsWithChildren } from "react";
+
+import { GradientBG } from '../components/GradientBG';
 import { Navbar } from "../components/Navbar";
 
 export const MainLayout = ({ children }: PropsWithChildren) => {
   return (
     <div className="w-full">
       <Navbar />
+      <GradientBG />
       <main className="xl:p-10 p-4 px-10 xl:mx-0">{children}</main>
     </div>
   );