🛂 Migrate to Chakra UI v3

[alejsdev]

Preview:

Screencast.from.2025-02-17.18-11-24.mp4

Packages were updated, all lint errors were fixed, deprecated elements were replaced with newer ones, several components were updated with new snippets, styling tweaks were implemented, and Playwright tests were updated as well.

• The snippets are now in the new ui directory.
• Since the Chakra Icons package is no longer supported, the old icons were replaced with React Icons.
• The hooks were removed. The useDisclosure is no longer needed since the Dialog now handles the opening/closing.
• Modal and AlertDialog components were replaced with the Dialog component.
• The theme was simplified.
• FormControl and FormErrorMessage were replaced with the Field component, which can accept a label and error as props.
• The Table, Menu, and Drawer components were replaced with the new components.
• InputRightElement and InputLeftElement were replaced with props endElement and startElement in InputGroup.
• PasswordField was replaced with PasswordInput.
• CustomToast was deleted as it's no longer needed. The toast creation was updated to the new format.
• Pagination was simplified.
• EmptyState added for Items.
• The boolean prop names changed from is to , e.g., isInvalid changed to invalid.

[tiangolo]

Awesome, thank you! 🙌 🚀