chore: bump version to 2.23.10 and enhance workspace loading logic (#447)

* chore: bump version to 2.23.10 and enhance workspace loading logic

- Updated application version from 2.23.9 to 2.23.10 in package.json.
- Refactored workspace loading functions to use async/await for improved error handling and added redirects for missing workspaces or users.
- Updated sidebar layout components to handle asynchronous data fetching and redirection more effectively.
- Minor adjustments to personal account dropdown styles for consistency.

apps/web/app/home/(user)/_lib/server/load-user-workspace.ts

@@ -1,5 +1,7 @@
 import { cache } from 'react';
 
+import { redirect } from 'next/navigation';
+
 import { createAccountsApi } from '@kit/accounts/api';
 import { getSupabaseServerClient } from '@kit/supabase/server-client';
 import { createAccountCreationPolicyEvaluator } from '@kit/team-accounts/policies';
@@ -35,6 +37,11 @@ async function workspaceLoader() {
     requireUserInServerComponent(),
   ]);
 
+  // If the user is not found or the workspace is not found, redirect to the home page - this may happen if the JWT is invalid or expired (ex. user deleted?)
+  if (!workspace || !user) {
+    redirect('/');
+  }
+
   // Check if user can create team accounts (policy check)
   const canCreateTeamAccount = shouldLoadAccounts
     ? await checkCanCreateTeamAccount(user.id)

apps/web/app/home/(user)/layout.tsx

@@ -1,6 +1,7 @@
 import { use } from 'react';
 
 import { cookies } from 'next/headers';
+import { redirect } from 'next/navigation';
 
 import { z } from 'zod';
 
@@ -30,9 +31,15 @@ function UserHomeLayout({ children }: React.PropsWithChildren) {
 
 export default withI18n(UserHomeLayout);
 
-function SidebarLayout({ children }: React.PropsWithChildren) {
-  const workspace = use(loadUserWorkspace());
-  const state = use(getLayoutState());
+async function SidebarLayout({ children }: React.PropsWithChildren) {
+  const [workspace, state] = await Promise.all([
+    loadUserWorkspace().catch(() => null),
+    getLayoutState(),
+  ]);
+
+  if (!workspace) {
+    redirect('/');
+  }
 
   return (
     <UserWorkspaceContextProvider value={workspace}>

apps/web/app/home/[account]/layout.tsx

@@ -1,6 +1,7 @@
 import { use } from 'react';
 
 import { cookies } from 'next/headers';
+import { redirect } from 'next/navigation';
 
 import { z } from 'zod';
 
@@ -33,14 +34,20 @@ function TeamWorkspaceLayout({ children, params }: TeamWorkspaceLayoutProps) {
   return <HeaderLayout account={account}>{children}</HeaderLayout>;
 }
 
-function SidebarLayout({
+async function SidebarLayout({
   account,
   children,
 }: React.PropsWithChildren<{
   account: string;
 }>) {
-  const data = use(loadTeamWorkspace(account));
-  const state = use(getLayoutState(account));
+  const [data, state] = await Promise.all([
+    loadTeamWorkspace(account),
+    getLayoutState(account),
+  ]);
+
+  if (!data) {
+    redirect('/');
+  }
 
   const accounts = data.accounts.map(({ name, slug, picture_url }) => ({
     label: name,