feat(frontend): slightly better error page

Foxnouns.Frontend/app/components/nav/BaseNavbar.tsx

@@ -0,0 +1,22 @@
+import { ReactNode } from "react";
+import { Nav, Navbar } from "react-bootstrap";
+import { Link } from "@remix-run/react";
+import Logo from "~/components/nav/Logo";
+
+export default function BaseNavbar({ children, theme }: { children?: ReactNode; theme: string }) {
+	return (
+		<Navbar expand="lg" className={`mb-4 mx-2 bg-${theme}`} color={theme} variant={theme}>
+			<Navbar.Brand to="/" as={Link}>
+				<Logo />
+			</Navbar.Brand>
+			{children && (
+				<>
+					<Navbar.Toggle aria-controls="main-navbar" />
+					<Navbar.Collapse id="main-navbar">
+						<Nav className="ms-auto">{children}</Nav>
+					</Navbar.Collapse>
+				</>
+			)}
+		</Navbar>
+	);
+}