Ensure that the import progress does not show during sync (#2193)

Co-authored-by: Kateryna Kodonenko <kateryna@automattic.com>

Author: katinthehatsite

src/components/content-tab-import-export.tsx

@@ -229,8 +229,8 @@ const ImportSite = ( {
 	const startLoadingCursorClassName =
 		loadingServer[ selectedSite.id ] && 'animate-pulse duration-100 cursor-wait';
 
-	const isImporting = currentProgress?.progress < 100;
-	const isImported = currentProgress?.progress === 100 && ! isDraggingOver;
+	const isImporting = currentProgress?.progress < 100 && ! isThisSiteSyncing;
+	const isImported = currentProgress?.progress === 100 && ! isDraggingOver && ! isThisSiteSyncing;
 	const isInitial = ! isImporting && ! isImported;
 	return (
 		<div className={ cx( 'flex flex-col w-full', startLoadingCursorClassName ) }>