Scaffold React App with Supabase Backend

Create a mobile-first responsive web application using ReactJS, TypeScript, and Vite with the following specifications:

Technical Requirements:

Set up a new Vite project with React and TypeScript
Implement Supabase for backend services (Authentication and Database)
Integrate shadcn UI library for consistent styling
Ensure mobile-first responsive design using modern CSS practices
Core Features:

Authentication System:

Email/password signup form with validation
Email/password login form with validation
Protected routes for authenticated users
Logout functionality
Test Users Configuration:
Create two test accounts with the following credentials:

User 1: [email protected] / password123
User 2: [email protected] / password123
Project Structure:

Implement proper component organization
Set up type definitions for all components and data
Create reusable UI components using shadcn
Establish proper routing using React Router
Specific Requirements:

Set up Supabase:

Create new Supabase project
Configure authentication settings
Set up necessary database tables
Implement security rules
User Interface:

Create responsive navigation bar
Design mobile-friendly forms
Implement proper error handling and loading states
Add success/error notifications
Please provide the complete implementation with proper code organization, error handling, and TypeScript type safety.