Fixed switch theme not showing on mobile

Author: luloxi

packages/nextjs/components/SwitchTheme.tsx

@@ -22,9 +22,10 @@ export const SwitchTheme = ({ className }: { className?: string }) => {
 
   return (
     <div
-      className={`flex space-x-2 h-8 items-center hover:bg-[#C9D8E5] dark:hover:bg-[#193048] justify-start w-full rounded-lg pl-3 text-sm ${className}`}
+      onClick={handleToggle}
+      className={`flex cursor-pointer space-x-2 h-8 items-center hover:bg-[#C9D8E5] dark:hover:bg-[#193048] justify-start w-full rounded-lg pl-3 text-sm ${className}`}
     >
-      <button onClick={handleToggle} className="swap swap-rotate flex flex-row gap-2 justify-start items-center">
+      <button className="swap swap-rotate flex flex-row gap-2 justify-start items-center">
         {isDarkMode ? <MoonIcon className="h-5 w-5" /> : <SunIcon className="h-5 w-5" />}
         <span>Switch theme</span>
       </button>