feat: add configurable page transitions with framer-motion

app/layout.tsx

@@ -12,6 +12,7 @@ import { ThemeToggle } from '@/components/ThemeToggle';
 import { ScrollToTop } from '@/components/ScrollToTop';
 import { Footer } from '@/components/Footer';
 import { DevToolbar } from '@/components/DevToolbar';
+import { PageTransition } from '@/components/PageTransition';
 import { getConfig, getGoogleFontsUrl } from '@/lib/config';
 
 const siteTitle = process.env.SITE_TITLE || 'Gallery';
@@ -87,7 +88,9 @@ export default function RootLayout({ children }: { children: React.ReactNode })
             <ThemeToggle />
           </nav>
         </header>
-        <main className="main">{children}</main>
+        <PageTransition enabled={config.transitions}>
+          <main className="main">{children}</main>
+        </PageTransition>
         <Footer />
         <ScrollToTop />
         {process.env.NODE_ENV === 'development' && <DevToolbar />}