feat: major UI/UX overhaul, snippets system, and performance fixes

app/components/ClientProviders.tsx

@@ -8,8 +8,8 @@ import ErrorBoundary from "@/components/ErrorBoundary";
 import { AnalyticsProvider } from "@/components/AnalyticsProvider";
 import { ConsentProvider, useConsent } from "./ConsentProvider";
 import { ThemeProvider } from "./ThemeProvider";
+import { motion, AnimatePresence } from "framer-motion";
 
-// Dynamic import with SSR disabled to avoid framer-motion issues
 const BackgroundBlobs = dynamic(() => import("@/components/BackgroundBlobs").catch(() => ({ default: () => null })), {
   ssr: false,
   loading: () => null,
@@ -70,7 +70,17 @@ export default function ClientProviders({
         <ConsentProvider>
           <ThemeProvider attribute="class" defaultTheme="light" enableSystem={false}>
             <GatedProviders mounted={mounted} is404Page={is404Page}>
-              {children}
+              <AnimatePresence mode="wait" initial={false}>
+                <motion.div
+                  key={pathname}
+                  initial={{ opacity: 0, y: 10 }}
+                  animate={{ opacity: 1, y: 0 }}
+                  exit={{ opacity: 0, y: -10 }}
+                  transition={{ duration: 0.4, ease: "easeInOut" }}
+                >
+                  {children}
+                </motion.div>
+              </AnimatePresence>
             </GatedProviders>
           </ThemeProvider>
         </ConsentProvider>
@@ -82,20 +92,15 @@ export default function ClientProviders({
 function GatedProviders({
   children,
   mounted,
-  is404Page,
 }: {
   children: React.ReactNode;
   mounted: boolean;
   is404Page: boolean;
 }) {
   const { consent } = useConsent();
-  const pathname = usePathname();
-
-  const isAdminRoute = pathname.startsWith("/manage") || pathname.startsWith("/editor");
 
   // If consent is not decided yet, treat optional features as off
   const analyticsEnabled = !!consent?.analytics;
-  const chatEnabled = !!consent?.chat;
 
   const content = (
     <ErrorBoundary>