feat: add animated components for enhanced UI/UX

- Introduced DrawLine component for drawing animations.
- Added LazyRevealImage component for lazy loading images with reveal animations.
- Implemented TextDiffuseReveal for animated text reveals with staggered effects.
- Created TopProgressBar for a dynamic loading indicator.
- Added PointCloud mock for testing animations.
- Developed useReducedMotion hook to handle user preferences for reduced motion.
- Centralized animation configurations in config.ts for easier management.
- Defined animation variants in variants.ts for consistent animation effects.
- Established AnimationProvider to supply global animation settings.
- Created tests for AnimationProvider and useReducedMotion hook.
- Added SVG assets for branding and UI elements.
- Documented frontend review plan and hero circuit board animation plan.

app/hooks/useScrollReveal.ts

@@ -14,10 +14,10 @@ export function useScrollReveal(options?: {
   scrub?: boolean | number;
 }) {
   const ref = useRef<HTMLElement>(null);
-  
+
   useEffect(() => {
     if (!ref.current) return;
-    
+
     // Lazy registration to avoid Next.js hydration mismatch issues
     gsap.registerPlugin(ScrollTrigger);
 
@@ -37,12 +37,20 @@ export function useScrollReveal(options?: {
             end: options?.end ?? "top 50%",
             scrub: options?.scrub ?? false,
           },
-        }
+        },
       );
     }, ref);
 
     return () => ctx.revert();
-  }, [options?.y, options?.duration, options?.delay, options?.ease, options?.start, options?.end, options?.scrub]);
+  }, [
+    options?.y,
+    options?.duration,
+    options?.delay,
+    options?.ease,
+    options?.start,
+    options?.end,
+    options?.scrub,
+  ]);
 
   return ref;
 }