Add Dashboard screen

src/components/Navbar/MenuDropdown.js

@@ -17,7 +17,7 @@ export default function MenuDropdown() {
 			<Dropdown.Menu onSelect={onSelect}>
 				<Dropdown.Item eventKey={'login'}>Login</Dropdown.Item>
 				<Dropdown.Item eventKey={'register'}>Register</Dropdown.Item>
-				<Dropdown.Item eventKey={2}>Dashboard</Dropdown.Item>
+				<Dropdown.Item eventKey={'/'}>Dashboard</Dropdown.Item>
 				<Dropdown.Item eventKey={3}>Schedule a Meeting</Dropdown.Item>
 				<Dropdown.Item eventKey={4}>Account Settings</Dropdown.Item>
 				<Dropdown.Item eventKey={5}>Log Out</Dropdown.Item>

src/screens/App.js

@@ -3,6 +3,7 @@ import 'rsuite/lib/styles/index.less';
 import { Container } from 'rsuite';
 import { BrowserRouter as Router, Switch, Route } from 'react-router-dom';
 
+import Dashboard from './Dashboard';
 import Login from './Login';
 import Register from './Register';
 import NavBar from '../components/Navbar/NavBar';
@@ -22,6 +23,9 @@ export default function App() {
 			<Container style={containerStyle}>
 				<NavBar />
 				<Switch>
+					<Route path='/' exact>
+						<Dashboard />
+					</Route>
 					<Route path='/login'>
 						<Login />
 					</Route>

src/screens/Dashboard.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Panel } from 'rsuite';
+
+const boxStyle = {
+	margin: '50px 10px',
+};
+
+export default function Dashboard() {
+	return (
+		<Panel header={<h3>Dashboard</h3>} bordered style={boxStyle}>
+			<p>This is just experimenting with stuff.</p>
+		</Panel>
+	);
+}