[BOUNTY] Set Up Next.js Frontend Project Structure

[HuiNeng6]

Summary

Implements the Next.js frontend project structure for PrivacyLayer as specified in #23.

Changes Made

Project Setup

• ✅ Next.js 15 with App Router
• ✅ TypeScript configuration with strict mode
• ✅ Tailwind CSS for styling with dark mode support
• ✅ ESLint and Prettier configuration

Project Structure

\
frontend/
├── src/
│ ├── app/
│ │ ├── layout.tsx # Root layout with providers
│ │ ├── page.tsx # Home page with navigation
│ │ ├── providers.tsx # React Query provider
│ │ ├── globals.css # Global styles
│ │ ├── deposit/ # Deposit flow page
│ │ ├── withdraw/ # Withdrawal flow page
│ │ └── history/ # Transaction history page
│ ├── components/
│ │ ├── ui/ # Reusable UI components
│ │ ├── layout/ # Layout components
│ │ └── features/ # Feature-specific components
│ └── lib/
│ ├── sdk.ts # SDK integration setup
│ └── utils.ts # Utility functions
└── public/ # Static assets
\\

Dependencies

• @stellar/freighter-api\ for wallet integration
• \zustand\ for state management
• @tanstack/react-query\ for data fetching
• \ ailwindcss\ for styling

Features Implemented

• Home page with navigation to all sections
• Deposit page with denomination selection
• Withdraw page with note input and recipient address
• History page (placeholder for future SDK integration)
• Freighter wallet connection setup

Acceptance Criteria

• Next.js project initialized
• TypeScript configured
• Tailwind CSS working
• Basic routing set up
• 
  pm run dev\ starts dev server
• 
  pm run build\ builds successfully
• README with setup instructions

Testing

\\�ash
cd frontend
npm install
npm run build
\\

Build output:
\
Route (app) Size First Load JS
┌ ○ / 3.46 kB 106 kB
├ ○ /deposit 946 B 103 kB
├ ○ /history 455 B 103 kB
└ ○ /withdraw 947 B 103 kB
\\

Bounty

This PR addresses the bounty issue #23.

Reward: USDC via Drips Wave

Closes #23