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/General/TimezonePicker.js

@@ -9,10 +9,10 @@ export default function TimezonePicker() {
 		<InputPicker
 			data={timezones}
 			// cleanable={false}
-			style={{ width: 320 }}
+			style={{ width: "100%" }}
 			labelKey='timezone'
 			groupBy='area'
-			placeholder='Type to search and select your timezone'
+			placeholder='type to search your timezone'
 			onSelect={(value, item, event) => setTimezone(item.timezone)}
 			onClean={(event) => setTimezone('')}
 			value={timezone}

src/components/General/Title.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Helmet } from 'react-helmet';
+
+export default function TitleComponent({ title }) {
+	var defaultTitle = 'Meeting Planner';
+	return (
+		<Helmet>
+			<title>{title ? `${title} | Meeting Planner` : defaultTitle}</title>
+		</Helmet>
+	);
+}