Restructure layout and add widget

app/layout.tsx

@@ -1,11 +1,6 @@
 import type { Metadata } from "next";
 import { Anuphan, Geist_Mono } from "next/font/google";
 import "./globals.css";
-import { AnimatePresence } from "framer-motion";
-import Image from "next/image";
-import { Toaster } from "sonner";
-import Background from "#/bg.jpg";
-import Providers, { VersionCheck } from "./client";
 
 const anuphan = Anuphan({
   variable: "--font-anuphan",
@@ -40,16 +35,7 @@ export default function RootLayout({
       <body
         className={`${anuphan.variable} ${geistMono.variable} font-sans antialiased h-full`}
       >
-        <Image
-          src={Background}
-          alt="Background"
-          className="z-[-1] opacity-20 object-cover fixed top-0 left-0 w-full h-full"
-        />
-        <Providers>
-          <AnimatePresence mode="wait">{children}</AnimatePresence>
-          <VersionCheck />
-        </Providers>
-        <Toaster theme="dark" richColors closeButton />
+        {children}
       </body>
     </html>
   );