Implement New Domain Detail Page (Based on Updated Design)

[yahyafakhroji]

Overview

We need to implement a new Domain Detail Page for the domain resource, based on the latest design specifications in the Figma master design file.

Figma reference:
https://www.figma.com/design/bBEQ8YeTP4SngNl5EkkQdH/Datum—Master-Design-File?node-id=3825-205497&t=Kia6FO9BqzivNSdT-1

⸻

Goals
• Introduce a fully redesigned Domain Detail Page.
• Align UI and UX with our updated design system (Olli Design System, if applicable).
• Ensure layout, components, and content follow the new structure shown in Figma.
• Improve clarity, navigation, and management capabilities for domain resources.

⸻

Acceptance Criteria
• The Domain Detail Page matches the Figma design closely.
• All sections display correct data from the backend.
• All UI interactions function as intended.
• Error, loading, and empty states follow design guidelines.
• No breaking changes to existing domain list.

⸻

Non-Goals
• No changes to domain list page.
• No backend API modifications (unless absolutely necessary).

⸻

Dependencies
• Latest Olli components (if applicable).
• Domain & DNS zone API schemas.