refactor(ui): replace icons in mode-toggle

Author: wu-vincent

components/magicui/mode-toggle.tsx

@@ -5,7 +5,7 @@ import {useTheme} from "next-themes";
 
 import {cn} from "@/lib/utils";
 import {Button} from "@/components/ui/button";
-import {FaMoon, FaSun} from "react-icons/fa";
+import {MdDarkMode, MdSunny} from "react-icons/md";
 
 export const ModeToggle = React.forwardRef<
   HTMLButtonElement,
@@ -24,8 +24,8 @@ export const ModeToggle = React.forwardRef<
       onClick={() => setTheme(theme === "dark" ? "light" : "dark")}
       {...props}
     >
-      <FaSun className="text-neutral-800 dark:hidden dark:text-neutral-200 size-5"/>
-      <FaMoon className="hidden text-neutral-800 dark:block dark:text-neutral-200"/>
+      <MdSunny className="text-neutral-800 dark:hidden dark:text-neutral-200 size-5"/>
+      <MdDarkMode className="hidden text-neutral-800 dark:block dark:text-neutral-200 size-6"/>
     </Button>
   );
 });