fix: Two column layout fix (#383)

Author: tammy-a11y

packages/angular-sdk-components/src/lib/_components/designSystemExtension/banner/banner.component.scss

@@ -28,6 +28,10 @@
   column-gap: calc(2 * 0.5rem);
   row-gap: calc(2 * 0.5rem);
   align-items: start;
+
+  & > *:nth-child(2) {
+    min-width: 0;
+  }
 }
 
 .background-image-style {

packages/angular-sdk-components/src/lib/_components/infra/view/view.component.ts

@@ -162,7 +162,6 @@ export class ViewComponent implements OnInit, OnDestroy, OnChanges {
     this.showLabel$ = this.configProps$.showLabel || isDetailsTemplate(this.templateName$) || this.showLabel$;
     // label & showLabel within inheritedProps takes precedence over configProps
     this.label$ = this.inheritedProps$.label || this.label$;
-    this.showLabel$ = this.inheritedProps$.showLabel || this.showLabel$;
     // children may have a 'reference' so normalize the children array
     this.arChildren$ = ReferenceComponent.normalizePConnArray(this.pConn$.getChildren());
     this.visibility$ = this.configProps$.visibility ?? this.visibility$;

packages/angular-sdk-components/src/lib/_components/template/default-page/default-page.component.html

@@ -24,13 +24,11 @@ <h1 *ngIf="title">{{ title }}</h1>
         'psdk-grid-filter-narrow-wide': this.layout$ === 'narrow-wide'
       }"
     >
-      <div>
-        <component-mapper
-          *ngFor="let child of arChildren$"
-          [name]="child.getPConnect().getComponentName()"
-          [props]="{ pConn$: child.getPConnect() }"
-        ></component-mapper>
-      </div>
+      <component-mapper
+        *ngFor="let child of arChildren$"
+        [name]="child.getPConnect().getComponentName()"
+        [props]="{ pConn$: child.getPConnect() }"
+      ></component-mapper>
     </div>
   </div>
 </ng-template>