feat: setup React/Vite frontend with Tyndale AI chat interface

Initialize complete frontend project structure with the following components:

- React 18 + Vite development environment with TypeScript
- Tailwind CSS for styling with custom animations
- Radix UI components for accessible UI primitives
- React Router for navigation between landing and chat pages
- TanStack Query for efficient API data management

Key features implemented:
- Landing page with hero, features, and footer sections
- Real-time chat interface with message history
- Study/Trading mode toggle for different interaction types
- Custom hooks for chat state management
- API integration layer with backend service
- Responsive design with scroll areas and card layouts

Docker deployment configuration:
- Multi-stage Dockerfile with Node.js build and Nginx production
- Custom nginx configuration for SPA routing on port 3000
- Optimized production build process

Development tools:
- ESLint for code quality
- TypeScript for type safety
- PostCSS with Autoprefixer
- Environment variable configuration with .env.example

src/pages/ChatPage.tsx

@@ -0,0 +1,13 @@
+import TyndaleBot from '@/components/chat/TyndaleBot'
+import TradingBackground from '@/components/chat/TradingBackground'
+
+const ChatPage = () => {
+  return (
+    <div className="min-h-screen bg-gradient-to-br from-trading-dark via-trading-blue to-trading-dark relative">
+      <TradingBackground />
+      <TyndaleBot />
+    </div>
+  )
+}
+
+export default ChatPage

src/pages/LandingPage.tsx

@@ -0,0 +1,15 @@
+import LandingNavigation from '@/components/landing/LandingNavigation'
+import LandingHero from '@/components/landing/LandingHero'
+import LandingFooter from '@/components/landing/LandingFooter'
+
+const LandingPage = () => {
+  return (
+    <div className="min-h-screen">
+      <LandingNavigation />
+      <LandingHero />
+      <LandingFooter />
+    </div>
+  )
+}
+
+export default LandingPage