Refactor styling of multiple screens and NavBar

-  Add the title to the navbar
- Add react-helmet and Title component to help change tab/page title
- Improve layout of Schedule screen
- Add a "clear selection" button to Schedule screen
- Improve readability of forms

src/components/Navbar/NavBar.js

@@ -1,17 +1,28 @@
 import React from 'react';
 
-import { Header, Navbar } from 'rsuite';
+import { Header, Navbar, Nav } from 'rsuite';
 import MenuDropdown from './MenuDropdown';
+import Title from './../General/Title';
 
-const headerStyle = {
-	borderRadius: '7px 7px 0 0',
-};
-
-export default function NavBar() {
+export default function NavBar({ title }) {
 	return (
 		<Header>
-			<Navbar appearance='inverse' style={headerStyle}>
-				<Navbar.Body>
+			<Title title={title} />
+			<Navbar appearance='inverse' >
+				<Navbar.Body
+					style={{
+						display: 'flex',
+						justifyContent: 'space-between',
+						alignItems: 'center',
+					}}
+				>
+					<Nav style={{ visibility: 'hidden' }}>
+						{/* This hidden nav is a hack to have the title perfectly centered. */}
+						<MenuDropdown  />
+					</Nav>
+					<div>
+						<h3>{title}</h3>
+					</div>
 					<MenuDropdown />
 				</Navbar.Body>
 			</Navbar>