Add helmet title

Signed-off-by: gearnode <bryan@frimin.fr>

apps/console/src/pages/FrameworkListPage.tsx

@@ -10,7 +10,7 @@ import { Card, CardContent } from "@/components/ui/card";
 import { Badge } from "@/components/ui/badge";
 import { Link } from "react-router";
 import type { FrameworkListPageQuery as FrameworkListPageQueryType } from "./__generated__/FrameworkListPageQuery.graphql";
-
+import { Helmet } from "react-helmet-async";
 const FrameworkListPageQuery = graphql`
   query FrameworkListPageQuery {
     node(id: "AZSfP_xAcAC5IAAAAAAltA") {
@@ -125,8 +125,13 @@ export default function FrameworkListPage() {
   }, [loadQuery]);
 
   return (
+    <>
+      <Helmet>
+        <title>Frameworks - Probo Console</title>
+      </Helmet>
       <Suspense fallback={<FrameworkListPageFallback />}>
         {queryRef && <FrameworkListPageContent queryRef={queryRef} />}
       </Suspense>
+    </>
   );
 }

apps/console/src/pages/FrameworkOverviewPage.tsx

@@ -23,7 +23,7 @@ import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import { Progress } from "@/components/ui/progress";
 import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
 import type { FrameworkOverviewPageQuery as FrameworkOverviewPageQueryType } from "./__generated__/FrameworkOverviewPageQuery.graphql";
-
+import { Helmet } from "react-helmet-async";
 const FrameworkOverviewPageQuery = graphql`
   query FrameworkOverviewPageQuery($frameworkId: ID!) {
     node(id: $frameworkId) {
@@ -198,9 +198,14 @@ export default function FrameworkOverviewPage() {
   }, [loadQuery, frameworkId]);
 
   return (
+    <>
+      <Helmet>
+        <title>Framework Overview - Probo Console</title>
+      </Helmet>
       <Suspense fallback={<FrameworkOverviewPageFallback />}>
         {queryRef && <FrameworkOverviewPageContent queryRef={queryRef} />}
       </Suspense>
+    </>
   );
 }
 

apps/console/src/pages/NotFoundPage.tsx

@@ -1,10 +1,16 @@
 import { Link } from "react-router";
+import { Helmet } from "react-helmet-async";
 
 export default function NotFoundPage() {
   return (
+    <>
+      <Helmet>
+        <title>404 - Probo Console</title>
+      </Helmet>
       <div>
         <p>The page might have been moved, deleted, or never existed.</p>
         <Link to="/">Return to Home</Link>
       </div>
+    </>
   );
 }

apps/console/src/pages/PeopleListPage.tsx

@@ -8,6 +8,7 @@ import {
 import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
 import { Badge } from "@/components/ui/badge";
 import { CircleUser, Globe, Shield } from "lucide-react";
+import { Helmet } from "react-helmet-async";
 import type { PeopleListPageQuery as PeopleListPageQueryType } from "./__generated__/PeopleListPageQuery.graphql";
 
 const PeopleListPageQuery = graphql`
@@ -131,8 +132,13 @@ export default function PeopleListPage() {
   }
 
   return (
+    <>
+      <Helmet>
+        <title>People - Probo Console</title>
+      </Helmet>
       <Suspense fallback={<PeopleListPageFallback />}>
       <PeopleListPageContent queryRef={queryRef} />
     </Suspense>
+    </>
   );
 }

apps/console/src/pages/SettingsPage.tsx

@@ -43,10 +43,6 @@ function SettingsPageContent({
 
   return (
     <>
-      <Helmet>
-        <title>Settings - Probo Console</title>
-      </Helmet>
-      
       <div className="container mx-auto p-6 space-y-6">
         <div>
           <h1 className="text-4xl font-medium tracking-tight">Settings</h1>
@@ -187,8 +183,13 @@ export default function SettingsPage() {
   }
 
   return (
+    <>
+      <Helmet>
+        <title>Settings - Probo Console</title>
+      </Helmet>
       <Suspense fallback={<SettingsPageFallback />}>
         <SettingsPageContent queryRef={queryRef} />
       </Suspense>
+    </>
   );
 }

apps/console/src/pages/VendorListPage.tsx

@@ -15,7 +15,7 @@ import { Button } from "@/components/ui/button";
 import { Link } from "react-router";
 import Fuse from "fuse.js";
 import type { VendorListPageQuery as VendorListPageQueryType } from "./__generated__/VendorListPageQuery.graphql";
-
+import { Helmet } from "react-helmet-async";
 const ITEMS_PER_PAGE = 2;
 
 const vendorListPageQuery = graphql`
@@ -290,8 +290,13 @@ export default function VendorListPage() {
   }
 
   return (
+    <>
+      <Helmet>
+        <title>Vendors - Probo Console</title>
+      </Helmet>
       <Suspense fallback={<VendorListFallback />}>
         <VendorListContent queryRef={queryRef} onPageChange={handlePageChange} />
       </Suspense>
+    </>
   );
 }

apps/console/src/pages/VendorOverviewPage.tsx

@@ -10,7 +10,7 @@ import { graphql, PreloadedQuery, usePreloadedQuery, useQueryLoader } from "reac
 import { Suspense, useEffect } from "react"
 import type { VendorOverviewPageQuery as VendorOverviewPageQueryType } from "./__generated__/VendorOverviewPageQuery.graphql"
 import { useParams } from "react-router";
-
+import { Helmet } from "react-helmet-async";
 const VendorOverviewPageQuery = graphql`
   query VendorOverviewPageQuery($vendorId: ID!) {
     node(id: $vendorId) {
@@ -246,8 +246,13 @@ export default function VendorOverviewPage() {
   }
 
   return (
+    <>
+      <Helmet>
+        <title>Vendor Overview - Probo Console</title>
+      </Helmet>
       <Suspense fallback={<VendorOverviewPageFallback />}>
         <VendorOverviewPageContent queryRef={queryRef} />
       </Suspense>
+    </>
   );
 }