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/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>