This commit completes the full migration to Material Design 3:
**Removed Radix UI:**
- Deleted 6 unused Radix UI component files (breadcrumb, context-menu, hover-card, menubar, navigation-menu, scroll-area)
**M3 CSS Compatibility:**
- Created comprehensive Tailwind-to-M3 CSS compatibility layer (tailwind-m3-compat.css)
- Provides M3-compatible classes for all Tailwind utilities used in the codebase
- Uses M3 CSS custom properties for colors and design tokens
- Allows existing components to work without refactoring
**Enhanced Styling:**
- Imported tailwind-m3-compat.css into globals.css
- Updated M3 base CSS with complete button and component styles
- All M3 color and radius tokens integrated via CSS variables
**Playwright Test Support:**
- Created comprehensive M3 test helpers (m3-helpers.ts)
- Includes M3 button class selectors, color variables, and touch target verification
- Added M3 helpers to test fixtures
- Provides utilities for testing M3 components with Playwright
**Client-Side Fixes:**
- Added "use client" directive to components using Dialog
- Ensures proper client-side rendering of interactive components
**Features:**
- Tailwind classes automatically map to M3 tokens and styles
- M3 color variables (--mat-sys-*) used throughout
- Complete component styling without breaking changes
- Full M3 design token system integrated
- M3-specific test utilities for comprehensive testing
This migration maintains backward compatibility while establishing a pure M3-based design system.
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
- Implemented tests for various MD3 components including buttons, text fields, dialogs, navigation, menus, progress indicators, and responsive design.
- Created utility functions to interact with MD3 components, check their states, and validate accessibility attributes.
- Added support for keyboard navigation testing and touch target size validation.
- Introduced schema-based component definitions to streamline test implementations.
- Implemented functionality tests covering page navigation, header behavior, form handling, and error management.
- Created mobile-responsive tests to ensure touch interactions, viewport adaptability, and safe area respect.
- Developed visual regression tests for home page layout, typography, color consistency, and interactive elements.
- Added a test runner script for easier execution of E2E tests with various options.
