[Docs] Add comprehensive frontend documentation

[webmaxru]

Objective

Create comprehensive documentation for the frontend application to improve maintainability and onboarding of new developers.

Details

The current frontend README only contains the default Vite + React + TypeScript template boilerplate. We need proper documentation that covers:

Required Documentation

• Architecture Overview

  • Component structure and organization
  • State management approach (Context API usage)
  • Routing structure
  • API integration patterns

• Setup and Development

  • Prerequisites and dependencies
  • Environment configuration
  • Development server commands
  • Build and deployment process

• Component Documentation

  • Document key components in src/components/
  • Props and usage examples
  • Context providers (AuthContext, ThemeContext)
  • Admin components structure

• Styling Guidelines

  • Tailwind CSS conventions used
  • Theme system documentation
  • Responsive design approach

• API Integration

  • API client configuration (src/api/config.ts)
  • Error handling patterns
  • Authentication flow

• Testing

  • Testing strategy and tools
  • How to run tests
  • Example test patterns

• Code Organization

  • Folder structure explanation
  • Naming conventions
  • Best practices for new features

Dependencies

None

Notes

• Consider creating separate documentation files for different aspects (e.g., docs/frontend/)
• Update the current frontend/README.md to be more project-specific
• Link to the main architecture documentation in docs/architecture.md where relevant
• Include examples and code snippets where helpful