[WOOPRD-466][Woo POS][Product search] Implement search input based on the design

[kidinov]

Closes: #WOOPRD-466

Description

Changes the UI of the search input based on the design. It's maybe not final so lets not merge it yet

• Font is smaller otherwise it's cut off by the internal input paddings ✅
• The clear is standard from the library (used another one)

I asked Wagner regarding this pdfdoF-6XY-p2#comment-8073 ✅

WSViBnnZyFv39tpr9v1gVy-fi-2128_21295

Steps to reproduce

• Open POS
• Open Search
• Validate the search input design in dark and light mode

Testing information

• Animation is slightly broken, but as we need to change it anyway, I decided not to spend time on fixing

Images/gif

04-28--14-35.mp4

• I have considered if this change warrants release notes and have added them to RELEASE-NOTES.txt if necessary. Use the "[Internal]" label for non-user-facing changes.

Reviewer (or Author, in the case of optional code reviews):

Please make sure these conditions are met before approving the PR, or request changes if the PR needs improvement:

• The PR is small and has a clear, single focus, or a valid explanation is provided in the description. If needed, please request to split it into smaller PRs.
• Ensure Adequate Unit Test Coverage: The changes are reasonably covered by unit tests or an explanation is provided in the PR description.
• Manual Testing: The author listed all the tests they ran, including smoke tests when needed (e.g., for refactorings). The reviewer confirmed that the PR works as expected on big (tablet) and small (phone) in case of UI changes, and no regressions are added.

[wpmobilebot]

📲 You can test the changes from this Pull Request in WooCommerce-Wear Android by scanning the QR code below to install the corresponding build.

	App Name	WooCommerce-Wear Android
	Platform	⌚️ Wear OS
	Flavor	Jalapeno
	Build Type	Debug
	Commit	c5a625e
	Direct Download	woocommerce-wear-prototype-build-pr13980-c5a625e.apk

[wpmobilebot]

📲 You can test the changes from this Pull Request in WooCommerce Android by scanning the QR code below to install the corresponding build.

	App Name	WooCommerce Android
	Platform	📱 Mobile
	Flavor	Jalapeno
	Build Type	Debug
	Commit	c5a625e
	Direct Download	woocommerce-prototype-build-pr13980-c5a625e.apk

[codecov-commenter]

Codecov Report

Attention: Patch coverage is 0% with 112 lines in your changes missing coverage. Please review.

Project coverage is 38.30%. Comparing base (91dc1f2) to head (c5a625e).
Report is 9 commits behind head on trunk.

Files with missing lines	Patch %	Lines
...os/common/composeui/component/WooPosSearchInput.kt	0.00%	112 Missing ⚠️

Additional details and impacted files

@@             Coverage Diff              @@
##              trunk   #13980      +/-   ##
============================================
- Coverage     38.31%   38.30%   -0.02%     
- Complexity     9495     9496       +1     
============================================
  Files          2116     2116              
  Lines        116389   116422      +33     
  Branches      14918    14919       +1     
============================================
+ Hits          44591    44592       +1     
- Misses        67715    67748      +33     
+ Partials       4083     4082       -1     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.

[samiuelson]

LGTM