feat: Enable add button in ActionsList based on multipleAction prop and style disabled state in sidebar

app/src/components/layout/sidebarRight/properties/eventProperties/components/ActionsList.tsx

@@ -116,11 +116,14 @@ const ActionsList: React.FC<ActionsListProps> = ({
       <div className="actions">
         <div className="header">
           <div className="header-value">Actions</div>
-          {multipleAction && (
+
-            <button className="add-button" onClick={() => handleAddAction()}>
+          <button
+            className="add-button"
+            onClick={() => handleAddAction()}
+            disabled={!multipleAction}
+          >
             <AddIcon /> Add
           </button>
-          )}
         </div>
         <div
           className="lists-main-container"

app/src/styles/layout/sidebar.scss

@@ -731,6 +731,9 @@
         path {
           stroke: var(--primary-color);
         }
+        &:disabled {
+          background-color: var(--text-disabled);
+        }
       }
     }
 
@@ -799,14 +802,15 @@
           width: 100%;
           margin: 2px 0;
           border-radius: #{$border-radius-small};
-        }
-
           .value {
             display: flex;
             justify-content: flex-start;
             align-items: center;
             min-width: 80%;
             gap: 6px;
+            .input-value {
+              text-align: start;
+            }
 
             input {
               width: fit-content;
@@ -814,6 +818,7 @@
               accent-color: var(--accent-color);
             }
           }
+        }
 
         .active {
           background: var(--highlight-accent-color);