Update Shadcn Sidebar (#73)

Migrated Sidebar to use Shadcn UI's

apps/web/app/home/[account]/_components/team-account-layout-sidebar-navigation.tsx

@@ -1,5 +1,4 @@
-import { SidebarDivider, SidebarGroup, SidebarItem } from '@kit/ui/sidebar';
-import { Trans } from '@kit/ui/trans';
+import { SidebarNavigation } from '@kit/ui/shadcn-sidebar';
 
 import { getTeamAccountSidebarConfig } from '~/config/team-account-navigation.config';
 
@@ -8,50 +7,7 @@ export function TeamAccountLayoutSidebarNavigation({
 }: React.PropsWithChildren<{
   account: string;
 }>) {
-  const routes = getTeamAccountSidebarConfig(account).routes;
+  const routes = getTeamAccountSidebarConfig(account);
 
-  return (
-    <>
-      {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>
-        );
-      })}
-    </>
-  );
+  return <SidebarNavigation config={routes} />;
 }