Revert router changes

Author: 1andee

src/components/app.tsx

@@ -1,5 +1,5 @@
 import { FunctionalComponent, h } from 'preact';
-import { Router } from 'preact-router';
+import { Route, Router } from 'preact-router';
 
 import Home from '../routes/home';
 import AboutUs from '../routes/about-us';
@@ -23,13 +23,13 @@ const App: FunctionalComponent = () => {
         <div id="preact_root">
             <Header />
             <Router onChange={removeTrailingSlash}>
-                <AboutUs path="/about-us" />
-                <Canteen path="/canteen" />
-                <Membership path="/membership" />
-                <ScannerFeeds path="/live-feed"/>
-                <ShiftCalendar path="/shift-calendar" />
-                <Stations path="/stations" />
-                <Home exact path="/" />
+                <Route path="/" component={Home} />
+                <Route path="/about-us" component={AboutUs} />
+                <Route path="/canteen" component={Canteen} />
+                <Route path="/membership" component={Membership} />
+                <Route path="/live-feed" component={ScannerFeeds} />
+                <Route path="/shift-calendar" component={ShiftCalendar} />
+                <Route path="/stations" component={Stations} />
                 <NotFoundPage default />
             </Router>
             <Footer />