fix: update action description display to limit text overflow for better readability

Author: mjabascal10

frontend/src/app/incident-response/shared/component/action-builder/action-builder.component.html

@@ -96,7 +96,9 @@ <h4 class="panel-title m-0">Flow Actions</h4>
                       <div class="icon-box mr-2" style="margin-right: 8px;"></div>
                     <div>
                       <div class="fw-bold">{{ action.title }}</div>
-                      <small class="text-muted">{{ action.description }}</small>
+                      <small style="display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;"  class="text-muted">
+                        {{ action.description }}
+                      </small>
                     </div>
                   </div>
                   <div class="icon-bin font-size-xs text-danger cursor-pointer" (click)="removeAction(action)"></div>

frontend/src/app/incident-response/shared/component/action-builder/action-builder.component.scss

@@ -4,8 +4,6 @@
   transition: background-color 0.2s ease;
   justify-content: center;
   min-height: 210px;
-  max-height: 500px;
-  overflow: auto;
 }
 
 .action-block {