Fixed 'use client' usage.

src/app/(main)/teams/[teamId]/TeamProvider.tsx

@@ -1,4 +1,3 @@
-'use client';
 import { createContext, ReactNode, useEffect } from 'react';
 import { useTeam } from 'components/hooks';
 import { Loading } from 'react-basics';

src/app/(main)/teams/[teamId]/layout.tsx

@@ -1,5 +0,0 @@
-import TeamProvider from './TeamProvider';
-
-export default function ({ children, params: { teamId } }) {
-  return <TeamProvider teamId={teamId}>{children}</TeamProvider>;
-}

src/app/(main)/teams/[teamId]/settings/TeamSettingsLayout.tsx

@@ -1,6 +1,6 @@
 'use client';
 import { ReactNode } from 'react';
-import SettingsLayout from 'components/layout/SettingsLayout';
+import MenuLayout from 'components/layout/MenuLayout';
 import { useMessages } from 'components/hooks';
 
 export default function ({ children, teamId }: { children: ReactNode; teamId: string }) {
@@ -24,5 +24,5 @@ export default function ({ children, teamId }: { children: ReactNode; teamId: st
     },
   ].filter(n => n);
 
-  return <SettingsLayout items={items}>{children}</SettingsLayout>;
+  return <MenuLayout items={items}>{children}</MenuLayout>;
 }

src/app/(main)/teams/[teamId]/settings/layout.tsx

@@ -1,5 +1,5 @@
-import TeamSettings from './TeamSettings';
+import TeamSettingsLayout from './TeamSettingsLayout';
 
 export default function ({ children, params: { teamId } }) {
-  return <TeamSettings teamId={teamId}>{children}</TeamSettings>;
+  return <TeamSettingsLayout teamId={teamId}>{children}</TeamSettingsLayout>;
 }