fix(lcp): revert DynamicFramerMotion wrapper to prevent React 18 Suspense DOM deletion during hydration

components/providers/DynamicFramerMotion.tsx

@@ -1,7 +0,0 @@
-'use client';
-import dynamic from 'next/dynamic';
-
-export const DynamicFramerMotion = dynamic(
-  () => import('./FramerMotionProvider').then((mod) => mod.FramerMotionProvider),
-  { ssr: true }
-);

components/providers/FramerMotionProvider.tsx

@@ -1,11 +0,0 @@
-'use client';
-import { LazyMotion } from 'framer-motion';
-const loadFeatures = () => import('@/lib/framer-features').then(res => res.default);
-
-export function FramerMotionProvider({ children }: { children: React.ReactNode }) {
-  return (
-    <LazyMotion features={loadFeatures} strict>
-      {children}
-    </LazyMotion>
-  );
-}

components/providers/TransitionProvider.tsx

@@ -2,6 +2,9 @@
 
 import React, { createContext, useContext, useState, useCallback, ReactNode, useEffect } from 'react';
 import { useRouter, usePathname, useSearchParams } from 'next/navigation';
+import { LazyMotion } from 'framer-motion';
+
+const loadFeatures = () => import('@/lib/framer-features').then(res => res.default);
 
 interface TransitionContextType {
   isTransitioning: boolean;
@@ -68,7 +71,9 @@ export function TransitionProvider({ children }: { children: ReactNode }) {
           setTransitionMessage={setTransitionMessage}
         />
       </React.Suspense>
-      {children}
+      <LazyMotion features={loadFeatures}>
+        {children}
+      </LazyMotion>
     </TransitionContext.Provider>
   );
 }