chore: remove background animations and GPU-rendered surfaces

package.json

@@ -60,8 +60,6 @@
     "@radix-ui/react-toggle": "^1.1.0",
     "@radix-ui/react-toggle-group": "^1.1.0",
     "@radix-ui/react-tooltip": "^1.1.2",
-    "@react-three/drei": "^9.112.0",
-    "@react-three/fiber": "^8.17.7",
     "@t3-oss/env-nextjs": "^0.10.1",
     "@tanstack/react-query": "^5.50.0",
     "@trpc/client": "^11.17.0",
@@ -75,7 +73,6 @@
     "cors": "^2.8.5",
     "dexie": "^4.0.11",
     "formidable": "^3.5.4",
-    "framer-motion": "^11.11.9",
     "geist": "^1.3.0",
     "idb-keyval": "^6.2.1",
     "jsonld": "^9.0.0",
@@ -96,8 +93,6 @@
     "swagger-ui-react": "^5.22.0",
     "tailwind-merge": "^2.5.2",
     "tailwindcss-animate": "^1.0.7",
-    "three": "^0.168.0",
-    "three-globe": "^2.31.1",
     "uuid": "^11.1.0",
     "zod": "^3.23.8",
     "zustand": "^4.5.5"
@@ -108,8 +103,6 @@
     "@jest/globals": "^30.1.2",
     "@next/bundle-analyzer": "^16.2.6",
     "@playwright/test": "1.60.0",
-    "@react-three/drei": "^9.122.0",
-    "@react-three/fiber": "^8.17.7",
     "@types/cors": "^2.8.18",
     "@types/eslint": "^8.56.10",
     "@types/formidable": "^3.5.1",
@@ -144,7 +137,6 @@
     "ip": "^2.0.1",
     "rimraf": "^6.1.2",
     "glob": "^11.0.0",
-    "three-mesh-bvh": "^0.9.3",
     "node-domexception": "^2.0.2",
     "lodash.get": "^4.4.2",
     "lodash.isequal": "^4.5.0",

src/components/common/overall-layout/layout.tsx

@@ -6,8 +6,6 @@ import { publicRoutes } from "@/data/public-routes";
 import { api } from "@/utils/api";
 import useUser from "@/hooks/useUser";
 import { useUserStore } from "@/lib/zustand/user";
-import { useAppearanceStore } from "@/lib/zustand/appearance";
-import { Background } from "@/components/ui/background";
 import { normalizeAddressToBech32 } from "@/utils/addressCompatibility";
 import useAppWallet from "@/hooks/useAppWallet";
 import useUTXOS from "@/hooks/useUTXOS";
@@ -128,14 +126,6 @@ export default function RootLayout({
   const [hasCheckedSession, setHasCheckedSession] = useState(false); // Prevent duplicate checks
   const [showPostAuthLoading, setShowPostAuthLoading] = useState(false); // Show loading after authorization
 
-  // Animated background preference (persisted to localStorage). Gate render on a
-  // mounted flag so the server (which can't read localStorage) and the first
-  // client paint agree, avoiding a hydration mismatch.
-  const backgroundEnabled = useAppearanceStore((s) => s.backgroundEnabled);
-  const backgroundPreset = useAppearanceStore((s) => s.backgroundPreset);
-  const [appearanceMounted, setAppearanceMounted] = useState(false);
-  useEffect(() => setAppearanceMounted(true), []);
-
   // Use WalletState for connection check
   const connected = String(walletState) === String(WalletState.CONNECTED);
   const anyWalletConnected = connected || isUtxosEnabled;
@@ -602,18 +592,6 @@ export default function RootLayout({
 
   return (
     <div className="flex h-[100dvh] w-screen flex-col overflow-hidden">
-      {/* Animated app background (on by default; toggle in profile → Appearance).
-          Renders on every route including the homepage, behind the homepage's
-          own hero background. */}
-      {appearanceMounted && backgroundEnabled && (
-        <div className="pointer-events-none fixed inset-0 -z-10">
-          <Background
-            variant="aurora"
-            preset={backgroundPreset}
-            className="opacity-50"
-          />
-        </div>
-      )}
       {/* Skip link for keyboard users */}
       <a
         href="#main-content"