fix: disable image scaling when lazyload is off

Author: girishpanchal30

assets/src/dashboard/parts/connected/OptimizationStatus.js

@@ -10,19 +10,20 @@ const OptimizationStatus = () => {
 	const statuses = useSelect( select => {
 		const { getSiteSettings } = select( 'optimole' );
 		const siteSettings = getSiteSettings();
+		const lazyloadEnabled = 'enabled' === siteSettings?.lazyload;
 		return [
 			{
 				active: 'enabled' === siteSettings?.image_replacer,
 				label: optimoleDashboardApp.strings.optimization_status.statusTitle1,
 				description: optimoleDashboardApp.strings.optimization_status.statusSubTitle1
 			},
 			{
-				active: 'enabled' === siteSettings?.lazyload,
+				active: lazyloadEnabled,
 				label: optimoleDashboardApp.strings.optimization_status.statusTitle2,
 				description: optimoleDashboardApp.strings.optimization_status.statusSubTitle2
 			},
 			{
-				active: 'disabled' === siteSettings?.scale,
+				active: lazyloadEnabled && 'disabled' === siteSettings?.scale,
 				label: optimoleDashboardApp.strings.optimization_status.statusTitle3,
 				description: optimoleDashboardApp.strings.optimization_status.statusSubTitle3
 			}