Update database types and relationships

The commit removes semicolons at the ends of lines and makes updates to the Database object in the `database.types.ts` file. This better aligns the syntax with TypeScript norms. It also affects many database relationships, including but not limited to `Accounts`, `Roles`, and `Subscriptions`.

apps/web/app/(dashboard)/home/[account]/_lib/server/team-account-workspace.loader.ts

@@ -20,7 +20,7 @@ import pathsConfig from '~/config/paths.config';
 export const loadTeamWorkspace = cache(async (accountSlug: string) => {
   const client = getSupabaseServerComponentClient();
 
-  const accountPromise = client.rpc('organization_account_workspace', {
+  const accountPromise = client.rpc('team_account_workspace', {
     account_slug: accountSlug,
   });
 

apps/web/app/(dashboard)/home/_components/home-sidebar.tsx

@@ -16,7 +16,7 @@ import { loadUserWorkspace } from '../_lib/load-user-workspace';
 
 export function HomeSidebar() {
   const collapsed = getSidebarCollapsed();
-  const { accounts, user } = use(loadUserWorkspace());
+  const { accounts, user, workspace } = use(loadUserWorkspace());
 
   return (
     <Sidebar collapsed={collapsed}>
@@ -38,7 +38,11 @@ export function HomeSidebar() {
 
       <div className={'absolute bottom-4 left-0 w-full'}>
         <SidebarContent>
-          <ProfileAccountDropdownContainer collapsed={collapsed} user={user} />
+          <ProfileAccountDropdownContainer
+            collapsed={collapsed}
+            user={user}
+            account={workspace}
+          />
         </SidebarContent>
       </div>
     </Sidebar>

apps/web/app/(dashboard)/home/_components/personal-account-dropdown-container.tsx

@@ -9,27 +9,37 @@ import { useUser } from '@kit/supabase/hooks/use-user';
 import featuresFlagConfig from '~/config/feature-flags.config';
 import pathsConfig from '~/config/paths.config';
 
+const paths = {
+  home: pathsConfig.app.home,
+};
+
+const features = {
+  enableThemeToggle: featuresFlagConfig.enableThemeToggle,
+};
+
 export function ProfileAccountDropdownContainer(props: {
   collapsed: boolean;
   user: User | null;
+
+  account?: {
+    id: string | null;
+    name: string | null;
+    picture_url: string | null;
+  };
 }) {
   const signOut = useSignOut();
   const user = useUser(props.user);
-
   const userData = user.data ?? props.user ?? null;
 
   return (
-    <div className={props.collapsed ? '' : 'w-full animate-in fade-in-90'}>
+    <div className={props.collapsed ? '' : 'w-full'}>
       <PersonalAccountDropdown
-        paths={{
-          home: pathsConfig.app.home,
-        }}
-        features={{
-          enableThemeToggle: featuresFlagConfig.enableThemeToggle,
-        }}
         className={'w-full'}
+        paths={paths}
+        features={features}
         showProfileName={!props.collapsed}
         user={userData}
+        account={props.account}
         signOutRequested={() => signOut.mutateAsync()}
       />
     </div>

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

@@ -1,26 +1,62 @@
 import { cache } from 'react';
 
+import { SupabaseClient } from '@supabase/supabase-js';
+
 import { getSupabaseServerComponentClient } from '@kit/supabase/server-component-client';
 
 import featureFlagsConfig from '~/config/feature-flags.config';
 import { Database } from '~/lib/database.types';
 
+/**
+ * @name loadUserWorkspace
+ * @description
+ * Load the user workspace data. It's a cached per-request function that fetches the user workspace data.
+ * It can be used across the server components to load the user workspace data.
+ */
 export const loadUserWorkspace = cache(async () => {
   const client = getSupabaseServerComponentClient();
   const loadAccounts = featureFlagsConfig.enableTeamAccounts;
 
-  const accounts = loadAccounts ? await loadUserAccounts(client) : [];
-  const { data } = await client.auth.getUser();
+  const accountsPromise = loadAccounts
+    ? loadUserAccounts(client)
+    : Promise.resolve([]);
+
+  const workspacePromise = loadUserAccountWorkspace(client);
+  const userPromise = client.auth.getUser();
+
+  const [accounts, workspace, userResult] = await Promise.all([
+    accountsPromise,
+    workspacePromise,
+    userPromise,
+  ]);
+
+  const user = userResult.data.user;
+
+  if (!user) {
+    throw new Error('User is not logged in');
+  }
 
   return {
     accounts,
-    user: data.user,
+    workspace,
+    user,
   };
 });
 
-async function loadUserAccounts(
-  client: ReturnType<typeof getSupabaseServerComponentClient<Database>>,
-) {
+async function loadUserAccountWorkspace(client: SupabaseClient<Database>) {
+  const { data, error } = await client
+    .from('user_account_workspace')
+    .select(`*`)
+    .single();
+
+  if (error) {
+    throw error;
+  }
+
+  return data;
+}
+
+async function loadUserAccounts(client: SupabaseClient<Database>) {
   const { data: accounts, error } = await client
     .from('user_accounts')
     .select(`name, slug, picture_url`);