[ACS-5611] Add custom metadata side panels as new extension feature (#3466)

* [ACS-5611] Add custom metadata panels as new extensions feature

* [ACS-5611] Add custom metadata panels unit tests

* [ACS-5611] Minor fixes

* [ACS-5611] Text ellipsis for name column to always display badges

* [ACS-5611] Use latest ADF and JS-API

* [ACS-5611] Unit test fix

* [ACS-5611] Click action only if exists

projects/aca-content/src/lib/components/dl-custom-components/name-column/name-column.component.html

@@ -1,5 +1,5 @@
 <div class="aca-custom-name-column">
-  <div [ngClass]="{ 'aca-name-column-container': isFile && isFileWriteLocked }">
+  <div class="aca-name-column-container">
     <span
       role="link"
       tabindex="0"

projects/aca-content/src/lib/components/dl-custom-components/name-column/name-column.component.scss

@@ -13,6 +13,10 @@
   }
 
   .aca-name-column-container {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+
     aca-locked-by {
       display: flex;
       align-items: center;

projects/aca-content/src/lib/components/dl-custom-components/name-column/name-column.component.ts

@@ -117,6 +117,8 @@ export class CustomNameColumnComponent extends NameColumnComponent implements On
   }
 
   onBadgeClick(badge: Badge) {
-    this.appExtensionService.runActionById(badge.actions?.click, this.node);
+    if (badge.actions?.click) {
+      this.appExtensionService.runActionById(badge.actions?.click, this.node);
+    }
   }
 }