epic 7: user story 3: edit teacher page

[kaijanna]

keep in contact with the dev assigned to ticket #487 who is/have been working on adding the basic of the page.

The page needs to be pixel-prefect - see the figma file

• font

• colors

• spacing

• Editable fields should follow the figma file

• Form validation should prevent incorrect or empty fields.

The save update button and delete user, needs to provide feedback upon submission.
Use the "files added fail" and "files added success" in figma as a template for this.

• added feedback to update button
• added feedback to delete user button

The page needs to be responsive

• desctop
• mobil

Technical Considerations:

• Use Tailwind CSS (or preferred styling framework) for precise design implementation.
• Implement real-time search functionality for user search.
• Apply form validation to ensure proper data submission.
• Optimize UI components for performance and accessibility (WCAG compliance).
• Maintain consistent spacing, fonts, and colors according to the design system.