Update remaining page headers

Signed-off-by: Émile Ré <nemile.re@gmail.com>

apps/console/src/layouts/ConsoleLayout.tsx

@@ -291,6 +291,7 @@ function BreadcrumbControlOverview() {
           {data.control?.name}
         </BreadCrumbNavLink>
       </BreadcrumbItem>
+      <Outlet />
     </>
   );
 }
@@ -306,6 +307,17 @@ function BreadcrumbCreateControl() {
   );
 }
 
+function BreadcrumbUpdateControl() {
+  return (
+    <>
+      <BreadcrumbSeparator />
+      <BreadcrumbItem>
+        <BreadcrumbPage>Update Control</BreadcrumbPage>
+      </BreadcrumbItem>
+    </>
+  );
+}
+
 function BreadcrumbPolicyList() {
   const { organizationId } = useParams();
   return (
@@ -413,7 +425,12 @@ export default function ConsoleLayout() {
                           <BreadcrumbControlOverview />
                         </Suspense>
                       }
-                    />
+                    >
+                      <Route
+                        path="update"
+                        element={<BreadcrumbUpdateControl />}
+                      />
+                    </Route>
                     <Route
                       path="update"
                       element={<BreadcrumbUpdateFramework />}