Removed 'login' from the navbar

Right-justified the 'signed in as' text

frontend/src/pages/NavBar.js

@@ -1,14 +1,26 @@
-import {Link} from "react-router-dom";
+import {Nav, Navbar} from "react-bootstrap";
+import Container from "react-bootstrap/Container";
+import React from "react";
 
 function NavBar() {
     return (
-        <div>
-            <Link to="/">Home</Link>
-            <Link to="/login">Login</Link>
-            <Link to="/garage">Garage</Link>
-            <Link to="/settings">Settings</Link>
-        </div>
+        <Navbar expand="lg" className="bg-body-tertiary">
+            <Container>
+                <Navbar.Brand href="/garage">Driveline</Navbar.Brand>
+                <Navbar.Toggle />
+                <Navbar.Collapse>
+                    <Nav>
+                        <Nav.Link href="/garage">Garage</Nav.Link>
+                        <Nav.Link href="/settings">Settings</Nav.Link>
+                    </Nav>
+
+                </Navbar.Collapse>
+                <Nav className={"ms-auto"}>
+                    <Navbar.Text >Signed in as: placeholder</Navbar.Text>
+                </Nav>
+            </Container>
+        </Navbar>
     );
 }
 
-export default NavBar;
+export default NavBar;

frontend/src/pages/Settings.js

@@ -5,6 +5,11 @@ export const Settings = () => {
             <h1>Settings</h1>
             <p>Change your settings here</p>
             <p>Placeholder</p>
+
+            <footer>
+                <a target="_blank" href="https://icons8.com/icon/vGQkspHvmobZ/settings">Settings</a> icon by <a
+                target="_blank" href="https://icons8.com">Icons8</a>
+            </footer>
         </div>
     );
 }