Update package versions for improved stability

This commit updates the versions of "@types/node", "react-hook-form", and "@tanstack/react-query-next-experimental" packages throughout the application. These updates include minor version changes that improve the stability and compatibility of these libraries within the app.

packages/ui/package.json

@@ -51,7 +51,7 @@
     "next-themes": "0.3.0",
     "prettier": "^3.2.5",
     "react-day-picker": "^8.10.1",
-    "react-hook-form": "^7.51.3",
+    "react-hook-form": "^7.51.4",
     "react-i18next": "^14.1.1",
     "sonner": "^1.4.41",
     "tailwindcss": "3.4.3",

packages/ui/src/makerkit/mode-toggle.tsx

@@ -10,6 +10,7 @@ import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
+  DropdownMenuLabel,
   DropdownMenuSub,
   DropdownMenuSubContent,
   DropdownMenuSubTrigger,
@@ -94,19 +95,33 @@ export function SubMenuModeToggle() {
   );
 
   return (
-    <DropdownMenuSub>
-      <DropdownMenuSubTrigger>
-        <span className={'flex w-full items-center space-x-2'}>
-          <Icon theme={resolvedTheme} />
+    <>
+      <DropdownMenuSub>
+        <DropdownMenuSubTrigger
+          className={
+            'hidden w-full items-center justify-between space-x-2 lg:flex'
+          }
+        >
+          <span className={'flex space-x-2'}>
+            <Icon theme={resolvedTheme} />
 
-          <span>
-            <Trans i18nKey={'common:theme'} />
+            <span>
+              <Trans i18nKey={'common:theme'} />
+            </span>
           </span>
-        </span>
-      </DropdownMenuSubTrigger>
+        </DropdownMenuSubTrigger>
 
-      <DropdownMenuSubContent>{MenuItems}</DropdownMenuSubContent>
-    </DropdownMenuSub>
+        <DropdownMenuSubContent>{MenuItems}</DropdownMenuSubContent>
+      </DropdownMenuSub>
+
+      <div className={'lg:hidden'}>
+        <DropdownMenuLabel>
+          <Trans i18nKey={'common:theme'} />
+        </DropdownMenuLabel>
+
+        {MenuItems}
+      </div>
+    </>
   );
 }