fix a bug in theme switcher related to events

components/ThemeSwitcher/IconThemeSwitcher.tsx

@@ -38,7 +38,7 @@ const IconThemeSwitcher = () => {
         onBlur={() => {
           requestAnimationFrame(() => {
             if (!ref.current?.contains(document.activeElement)) {
-              setToggled(!toggled);
+              setToggled(false);
             }
           });
         }}

components/ThemeSwitcher/NativeThemeSwitcher.tsx

@@ -22,7 +22,7 @@ const NativeThemeSwitcher = () => {
       {theme}
       <FontAwesomeIcon icon={faAngleDown} size="sm" />
       <select
-        onClick={(e) => {
+        onChange={(e) => {
           setTheme(e.currentTarget.value);
         }}
         className="absolute inset-0 h-full w-full appearance-none opacity-0"