Merge pull request #238 from ACM-VIT/main

fix

Author: theg1239

app/@protected_routes/clientSide.tsx

@@ -83,9 +83,6 @@ export default function ClientSide({
             <div ref={navbarRef}>
                 <NavBar isNavOn={isNavOn} toggleNavbar={toggleNavbar} />
             </div>
-            {isNavOn && (
-                <div className="fixed inset-0 bg-black bg-opacity-50 z-10 transition-opacity duration-300"></div>
-            )}
             <main
                 className={`flex-grow transition-all duration-300 ease-in-out ${
                     isNavOn ? "lg:w-[95vw] md:w-[92vw]" : "w-[100vw]"

app/globals.css

@@ -1,4 +1,5 @@
 @import "tailwindcss";
+@custom-variant dark (&:where(.dark, .dark *));
 
 :root {
     --foreground-rgb: 0, 0, 0;

next.config.mjs

@@ -1,8 +1,17 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
+    turbopack: {},
     images: {
         domains: ['storage.googleapis.com'],
     },
+    webpack: (config, { isServer }) => {
+        if (isServer) {
+            config.externals.push('canvas');
+        } else {
+            config.resolve.alias.canvas = false;
+        }
+        return config;
+    },
 };
 
 export default nextConfig;