A4A Sites: update fields on breakpoint change

client/a8c-for-agencies/sections/sites/sites-dashboard-provider.tsx

@@ -116,6 +116,17 @@ export const SitesDashboardProvider = ( {
 		filters: buildFilters( { issueTypes } ),
 	} );
 
+	useEffect( () => {
+		const fields = getFieldsByBreakpoint( isDesktop );
+		const fieldsForBreakpoint = [ ...fields ].sort().toString();
+		const existingFields = [ ...( dataViewsState?.fields ?? [] ) ].sort().toString();
+		// Compare the content of the arrays, not its referrences that will always be different.
+		// sort() sorts the array in place, so we need to clone them first.
+		if ( existingFields !== fieldsForBreakpoint ) {
+			setDataViewsState( ( prevState ) => ( { ...prevState, fields } ) );
+		}
+	}, [ isDesktop, dataViewsState?.fields ] );
+
 	useEffect( () => {
 		setInitialSelectedSiteUrl( siteUrlInitialState );
 		if ( ! siteUrlInitialState ) {