chore: update svg icons

src/routes/users/Search.tsx

@@ -1,6 +1,6 @@
 import Tippy from "@tippyjs/react";
-import searchIcon from "../../assets/icons/search.svg?url";
-import addIcon from "../../assets/icons/add.svg?url";
+import IconSearch from "../../assets/icons/search.svg";
+import IconAdd from "../../assets/icons/add.svg";
 import AddEntriesMenu from "../../common/component/AddEntriesMenu";
 import Tooltip from "../../common/component/Tooltip";
 import { FC, ChangeEvent } from "react";
@@ -17,12 +17,12 @@ const Search: FC<Props> = ({ input, updateInput }) => {
   return (
     <div className="hidden md:flex relative min-h-[56px] px-2 py-3 items-center justify-between gap-2 shadow-[rgb(0_0_0_/_10%)_0px_1px_0px] dark:border-b-gray-500">
       <div className="flex items-center gap-1">
-        <img src={searchIcon} alt="search icon" />
+        <IconSearch className="dark:fill-gray-400 w-6 h-6 shrink-0" />
         <input value={input} placeholder={`${t("action.search")}...`} className="w-full text-sm bg-transparent dark:text-gray-50" onChange={handleInput} />
       </div>
       <Tooltip tip={t("more")} placement="bottom">
         <Tippy interactive placement="bottom-end" trigger="click" content={<AddEntriesMenu />}>
-          <img src={addIcon} alt="add icon" className="cursor-pointer" />
+          <IconAdd role="button" className="dark:fill-gray-400" />
         </Tippy>
       </Tooltip>
     </div>