refactor(pagetitle): migrate pagetitle to typescript

- migrate to typescript
- add description field to page title
- add package installation for @types/react-helmet

client/package.json

@@ -64,6 +64,7 @@
     "@types/html-to-draftjs": "^1.4.0",
     "@types/react-draft-wysiwyg": "^1.13.2",
     "@types/react-google-recaptcha": "^2.1.2",
+    "@types/react-helmet": "^6.1.2",
     "@types/react-router-dom": "^5.3.0",
     "@types/styled-components": "^5.1.14",
     "@typescript-eslint/eslint-plugin": "^4.32.0",

client/src/components/PageTitle/PageTitle.component.tsx

@@ -0,0 +1,24 @@
+import Helmet from 'react-helmet'
+
+const PageTitle = ({
+  title,
+  description,
+}: {
+  title: string | undefined
+  description: string | undefined
+}) => {
+  const defaultTitle = 'AskGov'
+  const defaultDescription = 'Answers from the Singapore Government'
+
+  return (
+    <Helmet>
+      <title>{title ? title : defaultTitle}</title>
+      <meta
+        name="description"
+        content={description ? description : defaultDescription}
+      />
+    </Helmet>
+  )
+}
+
+export default PageTitle