chore: update svg icons

src/routes/home/Menu.tsx

@@ -1,7 +1,7 @@
 import { FC } from "react";
 import { NavLink, useLocation } from "react-router-dom";
 import Tooltip from "../../common/component/Tooltip";
-import settingIcon from "../../assets/icons/setting.svg?url";
+import IconSetting from "../../assets/icons/setting.svg";
 type Props = {};
 const Menu: FC<Props> = () => {
   const { pathname } = useLocation();
@@ -10,7 +10,7 @@ const Menu: FC<Props> = () => {
       <li className="cursor-pointer flex items-center p-2.5 gap-2.5 link_navs">
         <NavLink className="link" to={`/setting/overview?f=${pathname}`}>
           <Tooltip placement="right" tip="Settings">
-            <img src={settingIcon} alt="setting icon" className="w-6 h-6 max-w-[unset]" />
+            <IconSetting className="w-6 h-6 dark:fill-gray-400" />
           </Tooltip>
         </NavLink>
       </li>