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/Schedule/DaySelector.js

@@ -3,13 +3,17 @@ import FullCalendar from '@fullcalendar/react';
 import dayGridPlugin from '@fullcalendar/daygrid';
 import interaction from '@fullcalendar/interaction';
 
+import './DaySelector.less';
+
 export default function DaySelector({ eventsList, handleSelect, handleClear }) {
 	return (
 		<FullCalendar
-			initialView='dayGridMonth'
 			plugins={[dayGridPlugin, interaction]}
+			initialView='dayGridMonth'
+			// showNonCurrentDates={false}
 			selectable={true}
-			unselectAuto={false}
+			// unselectAuto={false}
+			longPressDelay={150}
 			select={(info) => handleSelect(info)}
 			defaultAllDay={true}
 			events={eventsList}

src/components/Schedule/DaySelector.less

@@ -0,0 +1,3 @@
+.fc-view-harness {
+    padding-bottom: 100% !important
+}

src/components/Schedule/SelectedDates.js

@@ -5,7 +5,6 @@ import { Divider, Icon, IconButton } from 'rsuite';
 export default function SelectedDates({ datesList, handleDelete }) {
 	return (
 		<>
-			<h3>Dates selected</h3>
 			<ul>
 				{datesList.map((date) => (
 					<li key={date}>