[CLXP-294] update search bar design

[DjamelSoualmi]

Detailed purpose of the PR

Result and observation

• Breaking changes ?
  If checked, what have you broken ?

• Extra lib ?
  If checked, Which extra lib did you add ? (name, purpose, link ...).

Testing Strategy

• Already covered by tests
• Manual testing
• Unit testing

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 93.27%. Comparing base (9548762) to head (e541b9d).

Additional details and impacted files

@@            Coverage Diff            @@
##           CLXP-300    #2984   +/-   ##
=========================================
  Coverage     93.26%   93.27%           
=========================================
  Files           442      442           
  Lines          6939     6941    +2     
  Branches        544      544           
=========================================
+ Hits           6472     6474    +2     
  Misses          370      370           
  Partials         97       97           

Files with missing lines	Coverage Δ
...pacademy-components/src/atom/input-search/index.js	100.00% <100.00%> (ø)
...ademy-components/src/molecule/search-form/index.js	100.00% <ø> (ø)
...ademy-components/src/organism/mooc-header/index.js	88.33% <ø> (ø)

---

Continue to review full report in Codecov by Sentry.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 9548762...e541b9d. Read the comment docs.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.