⚙️ Added Settings page scaffold

src/client/components/App.tsx

@@ -6,6 +6,7 @@ import Import from "./Import";
 import { ComicDetail } from "./ComicDetail";
 import Library from "./Library";
 import Search from "./Search";
+import Settings from "./Settings";
 
 import { Switch, Route } from "react-router";
 import Navbar from "./Navbar";
@@ -33,6 +34,9 @@ class App extends React.Component {
             path={"/comic/details/:comicObjectId"}
             component={ComicDetail}
           />
+          <Route path="/settings">
+            <Settings />
+          </Route>
         </Switch>
       </div>
     );

src/client/components/Navbar.tsx

@@ -202,7 +202,11 @@ const Navbar: React.FunctionComponent = (props) => {
                   </span>
                 ) : null}
               </p>
-              <p className="control">Settings</p>
+              <p className="control">
+                <Link to="/settings" className="navbar-item">
+                  Settings
+                </Link>
+              </p>
             </div>
           </div>
         </div>

src/client/components/Settings.tsx

@@ -0,0 +1,15 @@
+import React, { useState, useEffect, useCallback, ReactElement } from "react";
+
+interface ISettingsProps {}
+
+export const Settings = (props: ISettingsProps): ReactElement => {
+  return (
+    <section className="container">
+      <div className="section">
+        <h1 className="title">Settings</h1>
+      </div>
+    </section>
+  );
+};
+
+export default Settings;