Dashboard v1: Unify the list view of the SitesDataViews with v2 (#107877)

* Dashboard v1: Make actions consistent with v2

* Dashboard v1: Make name and URL field consistent with v2

* Dashboard v1: Disable layout switcher on sites dataviews

* Update tests

Author: arthur791004

client/sites-dashboard/components/sites-p2-badge.tsx

@@ -3,6 +3,8 @@ import {
 	PLAN_ECOMMERCE_TRIAL_MONTHLY,
 	PLAN_HOSTING_TRIAL_MONTHLY,
 } from '@automattic/calypso-products';
+import { translate } from 'i18n-calypso';
+import { isMigrationInProgress } from 'calypso/data/site-migration';
 import type { SiteExcerptData, SiteExcerptNetworkData } from '@automattic/sites';
 
 export const TRACK_SOURCE_NAME = 'sites-dashboard';
@@ -23,6 +25,21 @@ export const getManagePluginsUrl = ( slug: string ) => {
 	return `/plugins/manage/${ slug }`;
 };
 
+export const getSiteDisplayUrl = ( site: SiteExcerptData ) => {
+	if ( site.options?.is_redirect ) {
+		return site.slug;
+	}
+	return site.URL.replace( 'https://', '' ).replace( 'http://', '' );
+};
+
+export const getSiteDisplayName = ( site: SiteExcerptData ) => {
+	if ( isMigrationInProgress( site ) ) {
+		return translate( 'Incoming Migration' );
+	}
+
+	return site.name || getSiteDisplayUrl( site );
+};
+
 export const displaySiteUrl = ( siteUrl: string ) => {
 	return siteUrl.replace( 'https://', '' ).replace( 'http://', '' );
 };

client/sites-dashboard/utils.ts

@@ -210,13 +210,15 @@ const SitesDashboard = ( {
 					showTitle: true,
 					mediaField: 'icon',
 					showMedia: true,
+					descriptionField: 'URL',
 			  }
 			: {
 					type: 'table',
 					titleField: 'site-title',
 					showTitle: true,
 					mediaField: 'icon',
 					showMedia: true,
+					descriptionField: 'URL',
 					layout: {
 						styles: {
 							site: {