supabase / dbdev / 21026617772

51%

push

github

Migrate to shadcn/ui components and react-hook-form (#347)

* Migrate to shadcn/ui components and react-hook-form

This PR completes the migration to shadcn/ui components and modernizes
the form handling system.

## Component Migrations

- **Toast System**: Replace react-hot-toast with shadcn toast
  - Add toast.success() and toast.error() helper methods
  - Update all 8 files using toasts

- **Search**: Refactor to use shadcn Popover + cmdk Command
  - Add keyboard navigation and accessibility
  - Better semantic structure

- **Cards**: Convert PackageCard and AccessTokenCard to shadcn Card

- **Buttons**: Convert ThemeSwitcher and Edit page to shadcn Button

- **Forms**: Add Alert, Textarea, Dialog components

## Form System Migration

- Replace react-final-form with react-hook-form
- Use @hookform/resolvers for Zod validation
- Add noValidate for consistent JS-based validation
- Remove unused zod-form-validator-utils.ts

## Cleanup

- Remove react-hot-toast, react-final-form, final-form dependencies
- Remove redundant loader.tsx component
- Standardize on Skeleton + Spinner for loading states

## Testing

- Update tests for react-hook-form API
- Add ResizeObserver/scrollIntoView mocks for cmdk
- All 24 tests pass

* update prettier

* checkout without ref

* format

---------

Co-authored-by: Claude <noreply@anthropic.com>
Co-authored-by: Alaister Young <a@alaisteryoung.com>

79 of 180 branches covered (43.89%)

Branch coverage included in aggregate %.

72 of 131 new or added lines in 11 files covered. (54.96%)

265 of 494 relevant lines covered (53.64%)

4.4 hits per line