billing adn account

frontend/src/layout/AppSidebar.tsx

@@ -172,6 +172,21 @@ const AppSidebar: React.FC = () => {
         label: "WORKFLOW",
         items: workflowItems,
       },
+      {
+        label: "ACCOUNT",
+        items: [
+          {
+            icon: <DollarLineIcon />,
+            name: "Plans & Billing",
+            path: "/account/billing",
+          },
+          {
+            icon: <DollarLineIcon />,
+            name: "Purchase Credits",
+            path: "/account/credits/purchase",
+          },
+        ],
+      },
       {
         label: "SETTINGS",
         items: [
@@ -186,16 +201,6 @@ const AppSidebar: React.FC = () => {
               { name: "Import / Export", path: "/settings/import-export" },
             ],
           },
-          {
-            icon: <DollarLineIcon />,
-            name: "Billing",
-            subItems: [
-              { name: "Overview", path: "/billing/overview" },
-              { name: "Credits", path: "/billing/credits" },
-              { name: "Transactions", path: "/billing/transactions" },
-              { name: "Usage", path: "/billing/usage" },
-            ],
-          },
           {
             icon: <DocsIcon />,
             name: "Help & Documentation",
@@ -215,6 +220,7 @@ const AppSidebar: React.FC = () => {
         name: "Billing & Credits",
         subItems: [
           { name: "Billing Management", path: "/admin/billing" },
+          { name: "Payment Approvals", path: "/admin/payments/approvals" },
           { name: "Credit Costs", path: "/admin/credit-costs" },
         ],
       },