chore: update package versions and dependencies across multiple files (#413)

* chore: update package versions and dependencies across multiple files

- Bumped application version to 2.21.3 in package.json.
- Updated dependencies including turbo to version 2.6.1, @next/bundle-analyzer and @next/eslint-plugin-next to version 16.0.3, and @supabase/supabase-js to version 2.81.1.
- Adjusted @types/node, @types/react, and @types/react-dom versions for consistency.
- Refactored package.json files to utilize catalog dependencies for improved management.
- Incremented various other dependencies such as react-i18next to version 16.3.3 and tailwind-merge to version 3.4.0.

* chore: downgrade @next/bundle-analyzer and @next/eslint-plugin-next to version 16.0.2 and update next to version 16.0.2 in pnpm-lock.yaml and pnpm-workspace.yaml

- Updated package versions for consistency across the project.
- Adjusted the overflow property in the PageWithSidebar component for improved layout handling.

* feat: add sorting functionality to DataTable header

- Implemented click handler for sortable headers in the DataTable component, allowing users to toggle sorting between ascending and descending order.
- Enhanced user interaction by updating the header's visual state based on the current sorting direction.

* fix: update layout and structure in UserHomePage and DashboardDemo components

- Added a new div structure within the PageBody of UserHomePage for improved layout.
- Simplified the grid structure in DashboardDemo by adjusting the number of columns for better responsiveness.
- Enhanced the PageWithSidebar component to ensure proper flex behavior and layout consistency.

* refactor: simplify PageBody structure in UserHomePage

- Removed unnecessary div elements within the PageBody of UserHomePage for cleaner layout.
- Enhanced readability and maintainability of the component structure.

apps/web/app/home/[account]/_components/dashboard-demo-charts.tsx

@@ -50,11 +50,7 @@ export default function DashboardDemo() {
         'animate-in fade-in flex flex-col space-y-4 pb-36 duration-500'
       }
     >
-      <div
-        className={
-          'grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-3 2xl:grid-cols-4'
-        }
-      >
+      <div className={'grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-4'}>
         <Card>
           <CardHeader>
             <CardTitle className={'flex items-center gap-2.5'}>

apps/web/package.json

@@ -54,25 +54,25 @@
     "@makerkit/data-loader-supabase-core": "^0.0.10",
     "@makerkit/data-loader-supabase-nextjs": "^1.2.5",
     "@marsidev/react-turnstile": "^1.3.1",
-    "@nosecone/next": "1.0.0-beta.14",
+    "@nosecone/next": "1.0.0-beta.15",
     "@radix-ui/react-icons": "^1.3.2",
-    "@supabase/supabase-js": "2.80.0",
-    "@tanstack/react-query": "5.90.7",
+    "@supabase/supabase-js": "catalog:",
+    "@tanstack/react-query": "catalog:",
     "@tanstack/react-table": "^8.21.3",
     "date-fns": "^4.1.0",
     "lucide-react": "^0.553.0",
     "next": "catalog:",
     "next-sitemap": "^4.2.3",
     "next-themes": "0.4.6",
-    "react": "19.2.0",
+    "react": "catalog:",
     "react-dom": "19.2.0",
     "react-hook-form": "^7.66.0",
-    "react-i18next": "^16.2.4",
+    "react-i18next": "^16.3.3",
     "recharts": "2.15.3",
-    "tailwind-merge": "^3.3.1",
+    "tailwind-merge": "^3.4.0",
     "tw-animate-css": "catalog:",
     "urlpattern-polyfill": "^10.1.0",
-    "zod": "^3.25.74"
+    "zod": "catalog:"
   },
   "devDependencies": {
     "@kit/eslint-config": "workspace:*",