full upgrade

app/not-found.tsx

@@ -1,5 +1,30 @@
-import KernelPanic404 from './components/KernelPanic404';
+"use client";
+
+import { Suspense } from "react";
+import dynamic from "next/dynamic";
+
+// Dynamically import KernelPanic404 to avoid SSR issues
+const KernelPanic404 = dynamic(() => import("./components/KernelPanic404"), {
+  ssr: false,
+  loading: () => (
+    <div className="flex items-center justify-center min-h-screen bg-black text-[#33ff00] font-mono">
+      <div>Loading terminal...</div>
+    </div>
+  ),
+});
 
 export default function NotFound() {
-  return <KernelPanic404 />;
+  return (
+    <main className="min-h-screen w-full bg-black overflow-hidden relative">
+      <Suspense
+        fallback={
+          <div className="flex items-center justify-center min-h-screen bg-black text-[#33ff00] font-mono">
+            <div>Loading terminal...</div>
+          </div>
+        }
+      >
+        <KernelPanic404 />
+      </Suspense>
+    </main>
+  );
 }