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/components/animations/DrawLine.tsx

@@ -0,0 +1,39 @@
+"use client";
+
+import { useState } from "react";
+import { motion, useReducedMotion } from "framer-motion";
+
+interface DrawLineProps {
+  className?: string;
+  delay?: number;
+}
+
+export function DrawLine({
+  className = "",
+  delay = 0,
+}: Readonly<DrawLineProps>) {
+  const shouldReduceMotion = useReducedMotion();
+  const [animating, setAnimating] = useState(!shouldReduceMotion);
+
+  return (
+    <motion.span
+      className={`ds-draw-line ${className}`.trim()}
+      initial={shouldReduceMotion ? { opacity: 0 } : { opacity: 0, scaleX: 0 }}
+      whileInView={
+        shouldReduceMotion ? { opacity: 1 } : { opacity: 1, scaleX: 1 }
+      }
+      viewport={{ once: true, amount: 0.7 }}
+      transition={{
+        duration: shouldReduceMotion ? 0.25 : 0.6,
+        delay,
+        ease: [0.16, 1, 0.3, 1],
+      }}
+      style={{
+        transformOrigin: "left",
+        willChange:
+          animating && !shouldReduceMotion ? "transform, opacity" : undefined,
+      }}
+      onAnimationComplete={() => setAnimating(false)}
+    />
+  );
+}