Add Prototype Version of Brand Accent Component

src/app/pages/main/main.html

@@ -1,4 +1,6 @@
 <div class="container">
+  <brand-accent></brand-accent>
+
   <h1>AEF Component Test</h1>
 
   <section id="switch-test" class="test-container">

src/app/pages/main/main.scss

@@ -7,3 +7,15 @@ section#dropdown-test {
 .test-container {
   max-width: 100%;
 }
+
+brand-accent {
+  position: absolute;
+
+  width: 100%;
+  height: 100%;
+
+  top: 0;
+  left: 0;
+
+  z-index: -999999;
+}

src/app/pages/main/main.ts

@@ -1,11 +1,12 @@
 import { Component, signal } from '@angular/core';
 import { Switch } from '../../components/switch/switch';
 import { Dropdown, DropdownOption } from '../../components/dropdown/dropdown';
+import { BrandAccent } from '../../components/brand-accent/brand-accent';
 
 @Component({
   selector: 'app-main-page',
   standalone: true,
-  imports: [Switch, Dropdown],
+  imports: [Switch, Dropdown, BrandAccent],
   templateUrl: './main.html',
   styleUrl: './main.scss',
 })