fix: search icon misalignment

[iifawzi]

Closes #1773

Since using top can't produce the same result in different screens due to many reasons, I changed the search-box display to flex, and centered the icons inside it.

let me know if you do prefer using different approach.

[codecov]

Codecov Report

Merging #1776 (cfb0fc6) into main (881d8b5) will not change coverage.
The diff coverage is n/a.

@@           Coverage Diff           @@
##             main    #1776   +/-   ##
=======================================
  Coverage   65.95%   65.95%           
=======================================
  Files          83       83           
  Lines        4991     4991           
  Branches     1581     1581           
=======================================
  Hits         3292     3292           
  Misses       1672     1672           
  Partials       27       27           

---

Continue to review full report at Codecov.

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

[acao]

thanks a bunch for this @iifawzi ! releasing this today