chore: improve upsell

Author: HardeepAsrani

css/settings.css

@@ -2365,6 +2365,10 @@ li.draggable-item .components-panel__body-toggle.components-button{
 	padding: 24px 0;
 }
 
+.fz-condition-control.is-upsell {
+	opacity: 0.6;
+}
+
 .fz-condition-control .components-button {
 	width: 100%;
 	margin: 0;

js/Conditions/ConditionsControl.js

@@ -1,3 +1,8 @@
+/**
+ * External dependencies.
+ */
+import classNames from 'classnames';
+
 /**
  * WordPress dependencies.
  */
@@ -124,7 +129,7 @@ const ConditionsControl = ({
     };
 
     return (
-        <div className="fz-condition-control">
+        <div className={ classNames('fz-condition-control', { 'is-upsell': ! window.feedzyData.isPro }) }>
             <SelectControl
                 label={ __( 'Include If', 'feedzy-rss-feeds' ) }
                 value={ conditions.match }