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/[account]/_components/account-layout-header.tsx

@@ -1,8 +1,8 @@
 import { PageHeader } from '@kit/ui/page';
 
-import { MobileAppNavigation } from '~/(dashboard)/home/[account]/_components/mobile-app-navigation';
+import { AccountLayoutMobileNavigation } from '~/(dashboard)/home/[account]/_components/account-layout-mobile-navigation';
 
-export function AppHeader({
+export function AccountLayoutHeader({
   children,
   title,
   description,
@@ -16,7 +16,7 @@ export function AppHeader({
     <PageHeader
       title={title}
       description={description}
-      mobileNavigation={<MobileAppNavigation slug={account} />}
+      mobileNavigation={<AccountLayoutMobileNavigation account={account} />}
     >
       {children}
     </PageHeader>

apps/web/app/(dashboard)/home/[account]/_components/account-layout-mobile-navigation.tsx

@@ -25,21 +25,21 @@ import { Trans } from '@kit/ui/trans';
 
 import featureFlagsConfig from '~/config/feature-flags.config';
 import pathsConfig from '~/config/paths.config';
-import { getOrganizationAccountSidebarConfig } from '~/config/team-account-sidebar.config';
+import { getTeamAccountSidebarConfig } from '~/config/team-account-sidebar.config';
 
 const features = {
   enableTeamAccounts: featureFlagsConfig.enableTeamAccounts,
   enableTeamCreation: featureFlagsConfig.enableTeamCreation,
 };
 
-export const MobileAppNavigation = (
+export const AccountLayoutMobileNavigation = (
   props: React.PropsWithChildren<{
-    slug: string;
+    account: string;
   }>,
 ) => {
   const signOut = useSignOut();
 
-  const Links = getOrganizationAccountSidebarConfig(props.slug).routes.map(
+  const Links = getTeamAccountSidebarConfig(props.account).routes.map(
     (item, index) => {
       if ('children' in item) {
         return item.children.map((child) => {

apps/web/app/(dashboard)/home/[account]/_components/account-layout-sidebar-navigation.tsx

@@ -0,0 +1,59 @@
+'use client';
+
+import { SidebarDivider, SidebarGroup, SidebarItem } from '@kit/ui/sidebar';
+import { Trans } from '@kit/ui/trans';
+
+import { getTeamAccountSidebarConfig } from '~/config/team-account-sidebar.config';
+
+export function AccountLayoutSidebarNavigation({
+  account,
+}: React.PropsWithChildren<{
+  account: string;
+}>) {
+  return (
+    <>
+      {getTeamAccountSidebarConfig(account).routes.map((item, index) => {
+        if ('divider' in item) {
+          return <SidebarDivider key={index} />;
+        }
+
+        if ('children' in item) {
+          return (
+            <SidebarGroup
+              key={item.label}
+              label={<Trans i18nKey={item.label} defaults={item.label} />}
+              collapsible={item.collapsible}
+              collapsed={item.collapsed}
+            >
+              {item.children.map((child) => {
+                return (
+                  <SidebarItem
+                    key={child.path}
+                    end={child.end}
+                    path={child.path}
+                    Icon={child.Icon}
+                  >
+                    <Trans i18nKey={child.label} defaults={child.label} />
+                  </SidebarItem>
+                );
+              })}
+            </SidebarGroup>
+          );
+        }
+
+        return (
+          <SidebarItem
+            key={item.path}
+            end={item.end}
+            path={item.path}
+            Icon={item.Icon}
+          >
+            <Trans i18nKey={item.label} defaults={item.label} />
+          </SidebarItem>
+        );
+      })}
+    </>
+  );
+}
+
+export default AccountLayoutSidebarNavigation;

apps/web/app/(dashboard)/home/[account]/_components/account-layout-sidebar.tsx

@@ -20,7 +20,7 @@ import { ProfileAccountDropdownContainer } from '~/(dashboard)/home/_components/
 import featureFlagsConfig from '~/config/feature-flags.config';
 import pathsConfig from '~/config/paths.config';
 
-import { AppSidebarNavigation } from './app-sidebar-navigation';
+import { AccountLayoutSidebarNavigation } from './account-layout-sidebar-navigation';
 
 type AccountModel = {
   label: string | null;
@@ -33,7 +33,7 @@ const features = {
   enableTeamCreation: featureFlagsConfig.enableTeamCreation,
 };
 
-export function AppSidebar(props: {
+export function AccountLayoutSidebar(props: {
   account: string;
   accounts: AccountModel[];
   collapsed: boolean;
@@ -81,7 +81,7 @@ function SidebarContainer(props: {
       </SidebarContent>
 
       <SidebarContent className={`h-[calc(100%-160px)] overflow-y-auto`}>
-        <AppSidebarNavigation account={account} />
+        <AccountLayoutSidebarNavigation account={account} />
       </SidebarContent>
 
       <div className={'absolute bottom-4 left-0 w-full'}>

apps/web/app/(dashboard)/home/[account]/_components/app-sidebar-navigation.tsx

@@ -1,61 +0,0 @@
-'use client';
-
-import { SidebarDivider, SidebarGroup, SidebarItem } from '@kit/ui/sidebar';
-import { Trans } from '@kit/ui/trans';
-
-import { getOrganizationAccountSidebarConfig } from '~/config/team-account-sidebar.config';
-
-export function AppSidebarNavigation({
-  account,
-}: React.PropsWithChildren<{
-  account: string;
-}>) {
-  return (
-    <>
-      {getOrganizationAccountSidebarConfig(account).routes.map(
-        (item, index) => {
-          if ('divider' in item) {
-            return <SidebarDivider key={index} />;
-          }
-
-          if ('children' in item) {
-            return (
-              <SidebarGroup
-                key={item.label}
-                label={<Trans i18nKey={item.label} defaults={item.label} />}
-                collapsible={item.collapsible}
-                collapsed={item.collapsed}
-              >
-                {item.children.map((child) => {
-                  return (
-                    <SidebarItem
-                      key={child.path}
-                      end={child.end}
-                      path={child.path}
-                      Icon={child.Icon}
-                    >
-                      <Trans i18nKey={child.label} defaults={child.label} />
-                    </SidebarItem>
-                  );
-                })}
-              </SidebarGroup>
-            );
-          }
-
-          return (
-            <SidebarItem
-              key={item.path}
-              end={item.end}
-              path={item.path}
-              Icon={item.Icon}
-            >
-              <Trans i18nKey={item.label} defaults={item.label} />
-            </SidebarItem>
-          );
-        },
-      )}
-    </>
-  );
-}
-
-export default AppSidebarNavigation;