fix(ui): warning border on collapse

src/app/profile/profile-structure/profile-structure.component.html

-<app-collapse [variant]="collapseVariant" [size]="'medium'" [boxShadow]="true">
+<app-collapse
+  class="borderWarning"
+  [variant]="collapseVariant"
+  [size]="'medium'"
+  [boxShadow]="true"
+  [warningBorder]="!isValid()"
+>
   <app-collapse-header>
     <div class="collapseHeader">
       <div class="left">

src/app/shared/components/v3/collapse/collapse.component.ts

@@ -22,6 +22,8 @@ export class CollapseComponent implements AfterContentInit {
   /** Box-shadow when expanded? */
   @Input() boxShadow? = false;
 
+  @Input() warningBorder? = false;
+
   /** Default expanded value */
   @Input() expanded? = false;
 
@@ -39,6 +41,12 @@ export class CollapseComponent implements AfterContentInit {
   }
 
   public get classes(): string[] {
-    return [this.variant, this.size, this.expanded ? 'expanded' : '', this.boxShadow ? 'boxShadow' : ''];
+    return [
+      this.variant,
+      this.size,
+      this.expanded ? 'expanded' : '',
+      this.boxShadow ? 'boxShadow' : '',
+      this.warningBorder ? 'warningBorder' : '',
+    ];
   }
 }