added tab titles to subpages of about page

Author: Dylan Zhang

frontend/src/pages/about/constitution.tsx

@@ -1,10 +1,14 @@
 import Layout from "@/components/Layout";
 import PageBody from "@/components/PageBody";
 import PageTitle from "@/components/PageTitle";
+import TabTitle from 'next/head'
 
 const ConstitutionPage = () => {
   return (
     <Layout>
+      <TabTitle>
+        <title>Constitution | CseSoc UNSW</title>
+      </TabTitle>
       <PageTitle title="CONSTITUTION" />
       <PageBody>
         <div>
@@ -52,4 +56,4 @@ const ConstitutionPage = () => {
   );
 }
 
-export default ConstitutionPage;
+export default ConstitutionPage;

frontend/src/pages/about/election-guide.tsx

@@ -1,10 +1,14 @@
 import Layout from "@/components/Layout";
 import PageBody from "@/components/PageBody";
 import PageTitle from "@/components/PageTitle";
+import TabTitle from 'next/head'
 
 const ElectionGuidePage = () => {
   return (
     <Layout>
+      <TabTitle>
+        <title>Constitution | CseSoc UNSW</title>
+      </TabTitle>
       <PageTitle title="ELECTION GUIDE" />
       <PageBody>
         <div>
@@ -114,4 +118,4 @@ const ElectionGuidePage = () => {
   );
 };
 
-export default ElectionGuidePage;
+export default ElectionGuidePage;

frontend/src/pages/about/execs-directors-subcoms.tsx

@@ -3,10 +3,14 @@ import Layout from "@/components/Layout";
 import PageBody from "@/components/PageBody";
 import PageTitle from "@/components/PageTitle";
 import { EXECS } from "@/../public/data/execs";
+import TabTitle from 'next/head'
 
 const ExecsDirectorsSubcommitteesPage = () => {
   return (
     <Layout>
+      <TabTitle>
+        <title>Execs, Directors, Subcom | CseSoc UNSW</title>
+      </TabTitle>
       <PageTitle title="EXECS, DIRECTORS & SUBCOMMITTEES" />
       <PageBody>
         {/* CSESOC TEAM */}

frontend/src/pages/about/faqs.tsx

@@ -1,10 +1,14 @@
 import Layout from "@/components/Layout";
 import PageBody from "@/components/PageBody";
 import PageTitle from "@/components/PageTitle";
+import TabTitle from 'next/head'
 
 const FaqsPage = () => {
   return (
     <Layout>
+      <TabTitle>
+        <title>FAQs | CseSoc UNSW</title>
+      </TabTitle>
       <PageTitle title="FREQUENTLY ASKED QUESTIONS" />
       <PageBody>
         <div>
@@ -54,4 +58,4 @@ const FaqsPage = () => {
   );
 };
 
-export default FaqsPage;
+export default FaqsPage;

frontend/src/pages/about/index.tsx

@@ -7,7 +7,6 @@ import TabTitle from 'next/head';
 export default function AboutPage() {
   return (
     <Layout>
-
       <TabTitle>
         <title>About Us | CseSoc UNSW</title>
       </TabTitle>

frontend/src/pages/about/our-history.tsx

@@ -1,6 +1,7 @@
 import Layout from "@/components/Layout";
 import PageBody from "@/components/PageBody";
 import PageTitle from "@/components/PageTitle";
+import TabTitle from 'next/head'
 import { useState } from "react";
 
 const MIN_YEAR = 2007;
@@ -13,6 +14,10 @@ const OurHistoryPage = () => {
 
   return (
     <Layout>
+      <TabTitle>
+        <title>Our History | CseSoc UNSW</title>
+      </TabTitle>
+
       <PageTitle title="OUR HISTORY" />
       <PageBody>
         <div>