added clear-header attribute for body layout

clear-header removes background color and border from the header

src/Umbraco.Web.UI.Client/src/packages/core/components/body-layout/body-layout.element.ts

@@ -20,7 +20,7 @@ export class UmbBodyLayoutElement extends LitElement {
 	 * Renders a headline in the header.
 	 * @public
 	 * @type {string}
-	 * @attr
+	 * @attr {string} clear-header - renders the header without background and borders.
 	 * @default ''
 	 */
 	@property()
@@ -120,6 +120,11 @@ export class UmbBodyLayoutElement extends LitElement {
 				box-sizing: border-box;
 			}
 
+			:host([clear-header]) #header {
+				background-color: transparent;
+				border-color: transparent;
+			}
+
 			#headline {
 				display: block;
 				margin: 0 var(--uui-size-layout-1);

src/Umbraco.Web.UI.Client/src/packages/users/users/collection/user-collection.element.ts

@@ -35,7 +35,7 @@ export class UmbUserCollectionElement extends UmbLitElement {
 
 	render() {
 		return html`
-			<umb-body-layout>
+			<umb-body-layout clear-header>
 				<umb-user-collection-header slot="header"></umb-user-collection-header>
 				<umb-router-slot id="router-slot" .routes=${this._routes}></umb-router-slot>
 			</umb-body-layout>