Multi-select: option selection and search not working as expected

[tishoyanchev]

By creating this pull request you agree to the terms in CONTRIBUTING.md.
https://github.com/Infineon/.github/blob/master/CONTRIBUTING.md
--- DO NOT DELETE ANYTHING ABOVE THIS LINE ---

• update count after persistentSelectedOptions array updates to make sure all options get selected even when duplicate exists. This resolves bug 1.
• Added filtering logic inside collectSelectedOptions to prevent duplicates from being displayed on load time. This resolves bug 3
• Reassign the loadedOptions to filteredOptions inside handleDocumentClick. This resolves bug 2.

Issue reference: #1603

📦 Published PR as canary version: 30.10.0--canary.1680.e37294a413e39f8d2701149f49bc70ea9487f1e6.0

✨ Test out this PR locally via:

npm install @infineon/infineon-design-system-stencil@30.10.0--canary.1680.e37294a413e39f8d2701149f49bc70ea9487f1e6.0
# or 
yarn add @infineon/infineon-design-system-stencil@30.10.0--canary.1680.e37294a413e39f8d2701149f49bc70ea9487f1e6.0

[github-actions]

PR Preview Action v1.6.0
🚀 View preview at https://Infineon.github.io/infineon-design-system-stencil/pr-preview-angular-example/pr-1680/
Built to branch gh-pages at 2025-01-15 15:16 UTC. Preview will be ready when the GitHub Pages deployment is complete.

[github-actions]

--STORYBOOK-PREVIEW--

• PR Preview URL for Storybook: https://Infineon.github.io/infineon-design-system-stencil/pr-preview/pr-1680/

[github-actions]

--EXAMPLE-APPS-PREVIEW--
PR Preview URLs:

• Vue example: https://Infineon.github.io/infineon-design-system-stencil/pr-preview-vue-example/pr-1680/
• React example: https://Infineon.github.io/infineon-design-system-stencil/pr-preview-react-example/pr-1680/
• Angular example: https://Infineon.github.io/infineon-design-system-stencil/pr-preview-angular-example/pr-1680/
• Vanilla example: https://Infineon.github.io/infineon-design-system-stencil/pr-preview-vanilla-example/pr-1680/