Rename component files and update code dependencies

Numerous component files have been renamed for better organization and readability. This includes changing 'app' to 'account-layout' in various instances and 'organization' to 'team' to ensure consistency across code. Additionally, dependencies within codes have been updated in line with the renaming. The pull request also includes a minor update to the pnpm-lock file, reflecting the latest version of Next.js.

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

@@ -1,17 +1,17 @@
-import { PageBody, PageHeader } from '@kit/ui/page';
 import { Trans } from '@kit/ui/trans';
 
+import { UserAccountHeader } from '~/(dashboard)/home/(user)/_components/user-account-header';
 import { withI18n } from '~/lib/i18n/with-i18n';
 
 function UserSettingsLayout(props: React.PropsWithChildren) {
   return (
     <>
-      <PageHeader
+      <UserAccountHeader
         title={<Trans i18nKey={'common:yourAccountTabLabel'} />}
         description={'Manage your account settings'}
       />
 
-      <PageBody>{props.children}</PageBody>
+      {props.children}
     </>
   );
 }

apps/web/app/(dashboard)/home/(user)/settings/page.tsx

@@ -26,11 +26,7 @@ export const generateMetadata = async () => {
 function PersonalAccountSettingsPage() {
   return (
     <PageBody>
-      <div
-        className={
-          'container mx-auto flex max-w-2xl flex-1 flex-col items-center'
-        }
-      >
+      <div className={'mx-auto flex w-full flex-1 flex-col lg:max-w-2xl'}>
         <PersonalAccountSettingsContainer features={features} paths={paths} />
       </div>
     </PageBody>