Create base page structure with domains, and tabs in two column structure to be used for all domain management screens

[Imran92]

When we click on a site on the wordpress.com/sites page, a site management view opens with URL https://wordpress.com/overview/:site where we can manage all the site settings. We plan to implement the same experience for wordpress.com/domains/manage.

As part of that, we'll need the base structure that will be opened for all domains upon click.

We'll follow the site management window's code structure and flow. So this will function like context handler middleware.

Example code structure from site management - https://github.com/Automattic/wp-calypso/blob/cd5fdb87e1d1efd967a16e115c83e81248f342bb/client/hosting/overview/index.tsx#L31

POC code - https://github.com/Automattic/wp-calypso/blob/b471336d65f71abd5a9b6e3ab14d7b24fd094779/client/my-sites/domains/index.js#L157

Screenshot:

Tasks:

• [ ] Menu on sidebar gets minimized when domain opens
• [ ] "Domains" portion gets smaller and shows only the domain name, connected status and action
• [ ] The page works like a middleware
• [ ] There is a tab pane on right side (add two or more dummy tabs with dummy data) with a topbar (We can re-use the ItemPreviewPane component from site management, check POC for example)
• [ ] The tab switching works and opens with a new URL just like the tabs in wordpress.com/sites
• [ ] This page opens with dummy data when we click on a Domain in the list

Out of Scope:

• Populating the page with real data of the domain. For now, we can just use dummy data, or just the existing domain management component as we have in the POC

[github-actions[bot]]

OpenAI suggested the following labels for this issue:

• [Feature Group] Emails & Domains: The issue focuses on creating a page structure for domain management, which falls under domain-related features.
• [Feature] Domain Management: This feature specifically addresses the tools and interfaces needed for managing domains, which is the main topic of the issue.
• [Feature] Site Settings: The creation of a new base page structure implies settings that will likely affect the overall management and configuration of the site.
• [Feature] User Management: Since the proposed structure involves tabs and organization, it may also involve the management of users related to domain administration.