feat: introduce Map page

app/app.jsx

@@ -6,6 +6,7 @@ import 'bootstrap/dist/css/bootstrap.min.css';
 
 import Contact from './pages/contact';
 import Home from './pages/home';
+import Map from './pages/map-page';
 import NavBar from './components/nav-bar';
 
 export default function App() {
@@ -18,6 +19,7 @@ export default function App() {
             <NavBar />
             <Routes>
                 <Route path="/" element={<Home />} />
+                <Route path="/map" element={<Map />} />
                 <Route path="/contact" element={<Contact />} />
             </Routes>
         </BrowserRouter>

app/components/nav-bar.js

@@ -9,6 +9,11 @@ function NavigationBar () {
             <Navbar.Brand href="/">GTFS Realtime Display</Navbar.Brand>
             <Navbar.Toggle aria-controls="basic-navbar-nav" />
             <Navbar.Collapse id="basic-navbar-nav">
+                <Nav className="mr-auto">
+                    <LinkContainer to="/map">
+                        <Nav.Link>Map</Nav.Link>
+                    </LinkContainer>
+                </Nav>
                 <Nav className="mr-auto">
                     <LinkContainer to="/contact">
                         <Nav.Link>Contact</Nav.Link>

app/pages/contact.js

@@ -13,7 +13,7 @@ const Contact = () => {
             <p>
         Source code has been made public on{' '}
                 <a
-                    href="https://github.com/Software-Ingenieur-Begerad/gtfs-display"
+                    href="https://github.com/Software-Ingenieur-Begerad/gtfs-rt-display"
                     target="_blank"
                 >
           GitHub

app/pages/map-page.jsx

@@ -0,0 +1,8 @@
+import React from 'react';
+export default function MapPage() {
+    return (
+	<>
+	    <h1>MapPage</h1>
+	</>
+    );
+}