initial commit - moving controls for background image into dedicated …

…component. Moving styles. This is in preparation for adding colors and other background controls later.

packages/edit-site/src/components/sidebar-dataviews/default-views.js

@@ -80,12 +80,12 @@ export function useDefaultViewsWithItemCounts( { postType } ) {
 			return [];
 		}
 
+		// If there are no records, return the default views with no counts.
 		if ( ! records ) {
 			return defaultViews;
 		}
 
 		const counts = {
-			all: totalItems,
 			drafts: records.filter( ( record ) => record.status === 'draft' )
 				.length,
 			future: records.filter( ( record ) => record.status === 'future' )
@@ -101,6 +101,9 @@ export function useDefaultViewsWithItemCounts( { postType } ) {
 				.length,
 		};
 
+		// All items excluding trashed items as per the default "all" status query.
+		counts.all = totalItems ? totalItems - counts.trash : 0;
+
 		// Filter out views with > 0 item counts.
 		return defaultViews.map( ( _view ) => {
 			_view.count = counts[ _view.slug ];