Fix billing subscription route

studio/components/interfaces/Settings/Logs/UpgradePrompt.tsx

@@ -58,7 +58,7 @@ const UpgradePrompt: React.FC<Props> = ({ show, setShowUpgradePrompt }) => {
               Close
             </Button>
 
-            <Link href={`/project/${ref}/settings/billing`}>
+            <Link href={`/project/${ref}/settings/billing/subscription`}>
               <Button size="tiny">Upgrade</Button>
             </Link>
           </div>

studio/components/layouts/BillingLayout.tsx

@@ -18,7 +18,7 @@ const BillingLayout: FC<Props> = ({ children }) => {
       <div className="flex h-full w-full flex-col">
         {/* Header */}
         <div className="flex items-center space-x-4 border-b py-4 px-5 dark:border-dark">
-          <Link href={`/project/${ui.selectedProject?.ref}/settings/billing`} passHref>
+          <Link href={`/project/${ui.selectedProject?.ref}/settings/billing/subscription`} passHref>
             <a className="text-scale-900 transition-colors hover:text-scale-1200">
               <IconX size={16} strokeWidth={1.5} />
             </a>

studio/components/layouts/ProjectLayout/LayoutHeader/LayoutHeader.tsx

@@ -65,7 +65,7 @@ const LayoutHeader = ({ customHeaderComponents, breadcrumbs = [], headerBorder =
                 <ProjectDropdown />
                 {showOverUsageBadge && (
                   <div className="ml-2">
-                    <Link href={`/project/${ref}/settings/billing`}>
+                    <Link href={`/project/${ref}/settings/billing/subscription`}>
                       <a>
                         <Badge color="red">Project has exceeded usage limits </Badge>
                       </a>

studio/components/ui/OveragesBanner/OveragesBanner.tsx

@@ -85,7 +85,7 @@ const OveragesBanner: FC<Props> = ({ tier, minimal }) => {
         actions={
           minimal ? (
             <div className="flex h-full items-center">
-              <Link href={`/project/${ref}/settings/billing`}>
+              <Link href={`/project/${ref}/settings/billing/subscription`}>
                 <a>
                   <Button type="default">Explore usage details</Button>
                 </a>

studio/components/ui/UpgradeToPro.tsx

@@ -27,7 +27,7 @@ const UpgradeToPro: FC<Props> = ({ primaryText, projectRef, secondaryText }) =>
             <p className="text-sm text-scale-1100">{secondaryText}</p>
           </div>
         </div>
-        <Link href={`/project/${projectRef}/settings/billing`}>
+        <Link href={`/project/${projectRef}/settings/billing/subscription`}>
           <Button type="primary">Upgrade to Pro</Button>
         </Link>
       </div>