feat: finished breadcrumbs for all project types except secret manager

frontend/src/pages/ssh/OverviewPage/OverviewPage.tsx

@@ -3,7 +3,7 @@ import { useTranslation } from "react-i18next";
 import { motion } from "framer-motion";
 
 import { ProjectPermissionCan } from "@app/components/permissions";
-import { Tab, TabList, TabPanel, Tabs } from "@app/components/v2";
+import { PageHeader, Tab, TabList, TabPanel, Tabs } from "@app/components/v2";
 import { ProjectPermissionActions, ProjectPermissionSub } from "@app/context";
 
 import { SshCaSection, SshCertificatesSection } from "./components";
@@ -19,12 +19,14 @@ export const OverviewPage = () => {
     <>
       <Helmet>
         <title>{t("common.head-title", { title: "Certificates" })}</title>
-        <meta property="og:image" content="/images/message.png" />
       </Helmet>
       <div className="h-full bg-bunker-800">
         <div className="container mx-auto flex flex-col justify-between bg-bunker-800 text-white">
-          <div className="mx-auto mb-6 w-full max-w-7xl px-6 py-6">
-            <p className="mb-4 mr-4 text-3xl font-semibold text-white">SSH</p>
+          <div className="mx-auto mb-6 w-full max-w-7xl">
+            <PageHeader
+              title="Overview"
+              description="Infisical SSH lets you issue SSH credentials to clients to provide short-lived, secure SSH access to infrastructure."
+            />
             <Tabs defaultValue={TabSections.SshCertificates}>
               <TabList>
                 <Tab value={TabSections.SshCertificates}>SSH Certificates</Tab>