SearchWithFilter textbox icon overlaps with input text in Demo

[kaiwerther]

In the Demo, the SearchWithFilter component displays an icon inside the search textbox that overlaps with the input text, making it hard to read and reducing usability.

Steps to reproduce:

1. Open the Demo.
2. Navigate to the SearchWithFilter section (e.g., "Search Products").
3. Observe that the search icon inside the textbox overlaps with the placeholder/input text (see attached screenshot).

Expected behavior:

• The icon should be properly spaced or aligned so that it does not overlap with the textbox text.
• Input text should be clearly readable.

Actual behavior:

• The icon and text overlap, causing visual clutter and hindering user experience.