Update packages and refactored code for improved performance

Updated versions of various packages including "@tanstack/react-query", "@typescript-eslint/eslint-plugin", "@typescript-eslint/parser", and "@marsidev/react-turnstile".

 Additionally, refactored the code in several files including package.json, members-page.loader.ts, page.tsx to ensure proper import statements and optimal function execution order.

apps/web/app/home/[account]/billing/return/page.tsx

@@ -4,7 +4,6 @@ import { notFound, redirect } from 'next/navigation';
 
 import { getBillingGatewayProvider } from '@kit/billing-gateway';
 import { BillingSessionStatus } from '@kit/billing-gateway/components';
-import { requireUser } from '@kit/supabase/require-user';
 import { getSupabaseServerComponentClient } from '@kit/supabase/server-component-client';
 
 import billingConfig from '~/config/billing.config';

apps/web/app/home/[account]/members/_lib/server/members-page.loader.ts

@@ -2,10 +2,9 @@ import 'server-only';
 
 import { SupabaseClient } from '@supabase/supabase-js';
 
+import { loadTeamWorkspace } from '~/home/[account]/_lib/server/team-account-workspace.loader';
 import { Database } from '~/lib/database.types';
 
-import { loadTeamWorkspace } from '../../../_lib/server/team-account-workspace.loader';
-
 /**
  * Load data for the members page
  * @param client
@@ -16,10 +15,10 @@ export async function loadMembersPageData(
   slug: string,
 ) {
   return Promise.all([
-    loadTeamWorkspace(slug),
     loadAccountMembers(client, slug),
     loadInvitations(client, slug),
     canAddMember,
+    loadTeamWorkspace(slug),
   ]);
 }
 

apps/web/app/home/[account]/members/page.tsx

@@ -18,7 +18,6 @@ import { If } from '@kit/ui/if';
 import { PageBody } from '@kit/ui/page';
 import { Trans } from '@kit/ui/trans';
 
-import { loadTeamWorkspace } from '~/home/[account]/_lib/server/team-account-workspace.loader';
 import { createI18nServerInstance } from '~/lib/i18n/i18n.server';
 import { withI18n } from '~/lib/i18n/with-i18n';
 
@@ -44,9 +43,7 @@ export const generateMetadata = async () => {
 async function TeamAccountMembersPage({ params }: Params) {
   const client = getSupabaseServerComponentClient();
 
-  const { user } = await loadTeamWorkspace(params.account);
-
-  const [{ account }, members, invitations, canAddMember] =
+  const [members, invitations, canAddMember, { user, account }] =
     await loadMembersPageData(client, params.account);
 
   const canManageRoles = account.permissions.includes('roles.manage');

apps/web/app/home/[account]/settings/page.tsx

@@ -1,3 +1,5 @@
+import { getSupabaseServerComponentClient } from '@kit/supabase/server-component-client';
+import { createTeamAccountsApi } from '@kit/team-accounts/api';
 import { TeamAccountSettingsContainer } from '@kit/team-accounts/components';
 import { PageBody } from '@kit/ui/page';
 import { Trans } from '@kit/ui/trans';
@@ -7,7 +9,6 @@ import { createI18nServerInstance } from '~/lib/i18n/i18n.server';
 
 // local imports
 import { TeamAccountLayoutPageHeader } from '../_components/team-account-layout-page-header';
-import { loadTeamWorkspace } from '../_lib/server/team-account-workspace.loader';
 
 export const generateMetadata = async () => {
   const i18n = await createI18nServerInstance();
@@ -29,14 +30,15 @@ const paths = {
 };
 
 async function TeamAccountSettingsPage(props: Props) {
-  const data = await loadTeamWorkspace(props.params.account);
+  const api = createTeamAccountsApi(getSupabaseServerComponentClient());
+  const data = await api.getTeamAccount(props.params.account);
 
   const account = {
-    id: data.account.id,
-    name: data.account.name,
-    pictureUrl: data.account.picture_url,
-    slug: data.account.slug,
-    primaryOwnerUserId: data.account.primary_owner_user_id,
+    id: data.id,
+    name: data.name,
+    pictureUrl: data.picture_url,
+    slug: data.slug as string,
+    primaryOwnerUserId: data.primary_owner_user_id,
   };
 
   return (