Add Known Issues Page

src/app/pages/main/main.html

@@ -0,0 +1,36 @@
+<div class="container">
+  <h1>AEF Component Test</h1>
+
+  <section id="switch-test" class="test-container">
+    <h2>Switch Component</h2>
+    <switch [(isActive)]="isToggled" (toggle)="handleToggle($event)"></switch>
+    <p>Switch is: {{ isToggled() ? 'ON' : 'OFF' }}</p>
+  </section>
+
+  <section id="dropdown-test">
+    <h2>Dropdown Component</h2>
+    <div style="display: flex; flex-direction: column; gap: 40px; align-items: flex-start;">
+      <div class="test-container">
+        <h3>Object Options</h3>
+        <dropdown
+          [options]="dropdownOptions"
+          [(value)]="selectedDropdownValue"
+          [defaultIndex]="0"
+          (selectionChange)="handleDropdownChange($event)"
+          icon="language">
+        </dropdown>
+        <p>Selected Value: {{ selectedDropdownValue() }}</p>
+      </div>
+
+      <div class="test-container">
+        <h3>String Options (Simple)</h3>
+        <dropdown
+          [options]="['Small', 'Medium', 'Large']"
+          [(value)]="selectedSize"
+          placeholder="Choose Size">
+        </dropdown>
+        <p>Selected Size: {{ selectedSize() }}</p>
+      </div>
+    </div>
+  </section>
+</div>