Add comprehensive datalist/typeahead examples and missing component files (#4814)

* Initial plan

* Changes before error encountered

Co-authored-by: mfranzke <787658+mfranzke@users.noreply.github.com>

* auto update snapshots (#4848)

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Add comprehensive datalist/typeahead examples with working code components

- Create DatalistExamples components for React, Vue, and Angular frameworks
- Add sample data demonstrating string arrays and value-label objects
- Include examples with different variants (floating, regular) and with search icons
- Verify functionality works correctly in React showcase
- Address missing codeFileName reference in input.json configuration

Co-authored-by: mfranzke <787658+mfranzke@users.noreply.github.com>

---------

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: mfranzke <787658+mfranzke@users.noreply.github.com>
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Nicolas Merget <nicolas.merget@deutschebahn.com>

Author: 4 people

__snapshots__/input/showcase/chromium-highContrast/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png

@@ -196,4 +196,17 @@
   - status
   - text: Label
   - button "Label"
+  - status
+  - link "Datalist / Typeahead Examples"
+  - text: Search Cities
+  - combobox "Search Cities"
+  - status
+  - text: Search Countries
+  - combobox "Search Countries"
+  - status
+  - text: Search Products
+  - combobox "Search Products"
+  - status
+  - text: Search Stations
+  - combobox "Search Stations"
   - status

__snapshots__/input/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml

@@ -196,4 +196,17 @@
   - status
   - text: Label
   - button "Label"
+  - status
+  - link "Datalist / Typeahead Examples"
+  - text: Search Cities
+  - combobox "Search Cities"
+  - status
+  - text: Search Countries
+  - combobox "Search Countries"
+  - status
+  - text: Search Products
+  - combobox "Search Products"
+  - status
+  - text: Search Stations
+  - combobox "Search Stations"
   - status

__snapshots__/input/showcase/chromium/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png

@@ -196,4 +196,17 @@
   - status
   - text: Label
   - button "Label"
+  - status
+  - link "Datalist / Typeahead Examples"
+  - text: Search Cities
+  - combobox "Search Cities"
+  - status
+  - text: Search Countries
+  - combobox "Search Countries"
+  - status
+  - text: Search Products
+  - combobox "Search Products"
+  - status
+  - text: Search Stations
+  - combobox "Search Stations"
   - status

__snapshots__/input/showcase/chromium/should-have-same-aria-snapshot/DBInput-should-have-same-aria-snapshot.yaml

@@ -196,4 +196,17 @@
   - status
   - text: Label
   - button "Label"
+  - status
+  - link "Datalist / Typeahead Examples"
+  - text: Search Cities
+  - combobox "Search Cities"
+  - status
+  - text: Search Countries
+  - combobox "Search Countries"
+  - status
+  - text: Search Products
+  - combobox "Search Products"
+  - status
+  - text: Search Stations
+  - combobox "Search Stations"
   - status

__snapshots__/input/showcase/firefox/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png

@@ -196,4 +196,17 @@
   - status
   - text: Label
   - button "Label"
+  - status
+  - link "Datalist / Typeahead Examples"
+  - text: Search Cities
+  - combobox "Search Cities"
+  - status
+  - text: Search Countries
+  - combobox "Search Countries"
+  - status
+  - text: Search Products
+  - combobox "Search Products"
+  - status
+  - text: Search Stations
+  - combobox "Search Stations"
   - status