Issue 1: 🏗️ Infrastructure & Animation Dependencies Setup

[arii]

Description
We need to establish the foundational libraries and folder structure required for the new visual design system. This includes installing animation libraries and creating the directory structure for design tokens to support the upcoming UI overhaul.

Tasks

• Install dependencies: npm install @react-spring/web framer-motion lodash
• Install dev dependencies: npm install -D @types/lodash
• Create directory: lib/theme/
• Create file lib/theme/tokens.ts (skeleton for design tokens)
• Create file lib/theme/animations.ts (skeleton for shared animation configs)
• Create file hooks/useSwipeGesture.ts (empty hook file)

Acceptance Criteria

• Project builds successfully without linting errors.
• New directories and files exist.
• package.json reflects new dependencies.

Labels: chore, infrastructure
Priority: P0 - Critical

---

[google-labs-jules]

Jules is on it. When finished, you will see another comment and be able to review a PR.

[google-labs-jules]

Ready for a review! A PR has been created.