bug fix + code cleanup

layouts/MainLayout.tsx

@@ -5,6 +5,7 @@ import { useSession } from "next-auth/react";
 import Loader from "../components/Loader";
 import useRedirect from "@/hooks/useRedirect";
 import { useRouter } from "next/router";
+import ModalManagement from "@/components/ModalManagement";
 
 interface Props {
   children: ReactNode;
@@ -18,16 +19,20 @@ export default function MainLayout({ children }: Props) {
 
   if (status === "authenticated" && !redirect && routeExists)
     return (
-      <div className="flex">
-        <div className="hidden lg:block">
-          <Sidebar className="fixed" />
-        </div>
+      <>
+        <ModalManagement />
 
-        <div className="w-full lg:ml-64 xl:ml-80">
-          <Navbar />
-          {children}
+        <div className="flex">
+          <div className="hidden lg:block">
+            <Sidebar className="fixed" />
+          </div>
+
+          <div className="w-full lg:ml-64 xl:ml-80">
+            <Navbar />
+            {children}
+          </div>
         </div>
-      </div>
+      </>
     );
   else if ((status === "unauthenticated" && !redirect) || !routeExists)
     return <>{children}</>;