Add dynamic tab titles

package.json

@@ -14,6 +14,7 @@
 		"react": "^16.8.6",
 		"react-dom": "^16.8.6",
 		"react-github-btn": "^1.0.6",
+		"react-helmet": "^6.1.0",
 		"react-markdown": "^5.0.3",
 		"react-router-dom": "^4.3.1",
 		"react-scripts": "3.0.1"

src/components/HomePage.js

@@ -13,6 +13,7 @@ import Button from '@material-ui/core/Button';
 import Divider from '@material-ui/core/Divider';
 import Nav from './Nav';
 import GlobalStyles from '../styles/GlobalStyles';
+import { Helmet } from 'react-helmet';
 
 const drawerWidth = 240;
 
@@ -117,6 +118,9 @@ function HomePage (props) {
 
 	return (
 		<ThemeProvider theme={GlobalTheme}>
+			<Helmet>
+				<title>{title}</title>
+			</Helmet>
 			<div className={classes.root}>
 				<CssBaseline />
 				<AppBar position='fixed' className={classes.appBar}>

src/components/Page.js

@@ -22,6 +22,7 @@ import Support from './Support';
 import GlobalStyles from '../styles/GlobalStyles';
 import Overview from './Overview';
 import Paper from '@material-ui/core/Paper';
+import { Helmet } from 'react-helmet';
 
 const drawerWidth = 240;
 
@@ -125,6 +126,9 @@ function Page (props) {
 
 	return (
 		<ThemeProvider theme={GlobalTheme}>
+			<Helmet>
+				<title>{title}</title>
+			</Helmet>
 			<div>
 				<div className={classes.root}>
 					<CssBaseline />