fix: resolve Firefox search icon overlapping placeholder text (#4390)

* fix: resolve Firefox search icon overlapping placeholder text

- Increase input left padding from pl-4 to pl-9 to provide clearance
- Remove redundant placeholder:pl-4 class
- Ensures 24px spacing between search icon and text content

* Update SearchBox component to adjust padding on focus state

---------

Co-authored-by: neha <[email protected]>
Co-authored-by: angelplusultra <[email protected]>
Co-authored-by: Timothy Carambat <[email protected]>

Author: 4 people

frontend/src/components/Sidebar/SearchBox/index.jsx

@@ -61,7 +61,7 @@ export default function SearchBox({ user, showNewWsModal }) {
           onChange={handleSearch}
           onReset={handleReset}
           onFocus={(e) => e.target.select()}
-          className="border-none w-full h-full rounded-lg bg-theme-sidebar-item-default pl-4 pr-1 placeholder:text-theme-settings-input-placeholder placeholder:pl-4 outline-none text-white search-input peer text-sm"
+          className="border-none w-full h-full rounded-lg bg-theme-sidebar-item-default pl-9 focus:pl-4 pr-1 placeholder:text-theme-settings-input-placeholder outline-none text-white search-input peer text-sm"
         />
         <MagnifyingGlass
           size={14}