fix subscription page

apps/dashboard/src/components/layout/Sidebar.tsx

@@ -95,6 +95,10 @@ const NAV_ITEMS = [
   { href: '/settings', key: 'settings', icon: Settings, minRole: 'OWNER' },
 ] as const
 
+const OWNER_SYSTEM_NAV_ITEMS = [
+  { href: '/subscription', key: 'subscription', icon: 'CreditCard', minRole: 'OWNER' },
+] as const
+
 export const APPROVED_BASELINE_MENU_KEYS = NAV_ITEMS.map((item) => item.key)
 
 const ICON_MAP = {
@@ -280,7 +284,30 @@ export default function Sidebar() {
     }))
 
   const useGeneratedMenu = menuLoadState === 'loaded'
-  const resolvedMenuItems = useGeneratedMenu ? (menuItems ?? []) : fallbackMenuItems
+  const ownerSystemMenuItems = OWNER_SYSTEM_NAV_ITEMS
+    .filter((item) => !mounted || hasMinRole(role, item.minRole))
+    .map((item) => ({
+      id: `system:${item.href}`,
+      systemKey: item.key,
+      label: dict.nav[item.key] ?? item.key,
+      itemType: 'INTERNAL_PAGE' as const,
+      routeOrUrl: item.href,
+      icon: item.icon,
+      parentId: null,
+      openInNewTab: false,
+      displayOrder: 0,
+      children: [],
+    }))
+  const generatedMenuItems = useGeneratedMenu ? (menuItems ?? []) : fallbackMenuItems
+  const generatedRoutes = new Set(
+    generatedMenuItems
+      .filter((item) => item.itemType === 'INTERNAL_PAGE' && item.routeOrUrl)
+      .map((item) => toDashboardAppPath(item.routeOrUrl)),
+  )
+  const resolvedMenuItems = [
+    ...generatedMenuItems,
+    ...ownerSystemMenuItems.filter((item) => !generatedRoutes.has(toDashboardAppPath(item.routeOrUrl))),
+  ]
 
   function renderGeneratedMenu(items: GeneratedMenuItem[], depth = 0): ReactNode {
     return items.map((item) => {