Fix navigation breaking on admin edit page

[adring93]

User Story

As an admin, I want the navigation on the Admin Edit page to work without breaking, so I can use the site smoothly across all screen sizes.

Acceptance Criteria

• Fix the navigation breaking issue on "edit-profile-admin.html" at medium screen sizes (around 768px), ensuring no overlap or site breakage.
• Use Tailwind CSS to adjust the navigation layout, maintaining consistency with the overall page design on all screen sizes (desktop, tablet, mobile).
• Ensure the navigation fix integrates with the existing page layout set by other tasks (e.g., Fix Admin Edit page for all screen sizes #416).
• Do not use JavaScript for this task unless explicitly approved by the teacher, rely on HTML and CSS only.

Technical Notes

• Use Tailwind utility classes for layout adjustments (e.g., w-full, max-w-full to prevent overflow).
• Test on Live Server across devices, confirming the navigation works without breaking per Figma mockups.
• Verify accessibility with keyboard navigation (e.g., tab focus visible).

[inastefansdottir]

Just noticed after accepting the PR that the logo needs to be changed, and the dashboard > profile needs less space around it. Totally my fault for catching it so late!

Left picture is how it looks on live server and the right is from the figma file.