Cleanup Dropdown UI

src/app/app.html

@@ -9,13 +9,28 @@
 
   <section>
     <h2>Dropdown Component</h2>
-    <dropdown
-      [options]="dropdownOptions"
-      [(selectedValue)]="selectedDropdownValue"
-      (change)="handleDropdownChange($event)"
-      icon="language">
-    </dropdown>
-    <p>Selected Value: {{ selectedDropdownValue() }}</p>
+    <div style="display: flex; flex-direction: column; gap: 40px; align-items: flex-start;">
+      <div>
+        <h3>Object Options</h3>
+        <dropdown
+          [options]="dropdownOptions"
+          [(value)]="selectedDropdownValue"
+          (selectionChange)="handleDropdownChange($event)"
+          icon="language">
+        </dropdown>
+        <p>Selected Value: {{ selectedDropdownValue() }}</p>
+      </div>
+
+      <div>
+        <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>