chore: adding page titles using project title. (#3692)

* chore: adding page titles

* chore: added title to remaining pages

* fix: added observer at required places

---------

Co-authored-by: LAKHAN BAHETI <lakhanbaheti9@gmail.com>

web/pages/[workspaceSlug]/projects/[projectId]/settings/estimates.tsx

@@ -1,11 +1,12 @@
 import { ReactElement } from "react";
 import { observer } from "mobx-react-lite";
 // hooks
-import { useUser } from "hooks/store";
+import { useUser, useProject } from "hooks/store";
 // layouts
 import { AppLayout } from "layouts/app-layout";
 import { ProjectSettingLayout } from "layouts/settings-layout";
 // components
+import { PageHead } from "components/core";
 import { ProjectSettingHeader } from "components/headers";
 import { EstimatesList } from "components/estimates";
 // types
@@ -17,13 +18,18 @@ const EstimatesSettingsPage: NextPageWithLayout = observer(() => {
   const {
     membership: { currentProjectRole },
   } = useUser();
-
+  const { currentProjectDetails } = useProject();
+  // derived values
   const isAdmin = currentProjectRole === EUserProjectRoles.ADMIN;
+  const pageTitle = currentProjectDetails?.name ? `${currentProjectDetails?.name} - Estimates` : undefined;
 
   return (
-    <div className={`h-full w-full overflow-y-auto py-8 pr-9 ${isAdmin ? "" : "pointer-events-none opacity-60"}`}>
-      <EstimatesList />
-    </div>
+    <>
+      <PageHead title={pageTitle} />
+      <div className={`h-full w-full overflow-y-auto py-8 pr-9 ${isAdmin ? "" : "pointer-events-none opacity-60"}`}>
+        <EstimatesList />
+      </div>
+    </>
   );
 });