FIX: updates the logic and layout of the API Token

[GabrielTozatti]

Description

Complete update of components and logic for the new API Token page layout

Summary

• Visual update of all components on the API Token page to match the new design layout.
• Adaptation of the associated logic to support the new token creation and listing flow.
• Implementation of new loading, error, and confirmation states according to the updated design.
• Usability and interface adjustments for better alignment with the proposed design.
• Ensured responsiveness and visual consistency with the rest of the system.

Screenshots

VIDEO: Link

Checklist

• I reviewed my PR code before submitting
• I ensured that the implementation is working correctly and did not impact other parts of the app
• I implemented error handling for all actions/requests and verified how they will be displayed in the UI (or there was no error handling needed).
• I mentioned the PR link in the task

[guimroque]

Code Review - Summary

What was done

Complete redesign of the API Token management interface with:

• New modal layout with improved UX/UI
• Enhanced form components with better validation feedback
• Redesigned token list with search functionality
• New confirmation dialog for token deletion
• Added date formatting utility
• Updated success screen with better information display

Positive Points

• Good separation of concerns with modular components
• Proper use of React Hook Form for form management
• Responsive design considerations
• Good use of TypeScript interfaces
• Proper error handling in form validation
• Clean component structure following project patterns

Issues Found

• Missing error handling in async operations
• Potential performance issues with search filtering
• Accessibility concerns with icon buttons
• Missing input validation and sanitization
• Hardcoded styling values instead of theme tokens
• Missing loading states for some operations

Total comments: 8 (2 critical, 4 important, 2 suggestions)

[aws-amplify-us-east-1]

This pull request is automatically being deployed by Amplify Hosting (learn more).

Access this pull request here: https://pr-801.db1b4e2lqk8yl.amplifyapp.com