Merge https://github.com/LAION-AI/Open-Assistant into dark-mode-implementation

website/src/components/Header/Header.tsx

@@ -100,8 +100,8 @@ export function Header(props) {
                         className="absolute inset-x-0 top-0 z-0 origin-top rounded-b-2xl bg-white px-6 pb-6 pt-32 shadow-2xl shadow-gray-900/20"
                       >
                         <div className="space-y-4">
-                          <MobileNavLink href="#join-us">Join Us</MobileNavLink>
-                          <MobileNavLink href="#faqs">FAQs</MobileNavLink>
+                          <MobileNavLink href="/#join-us">Join Us</MobileNavLink>
+                          <MobileNavLink href="/#faqs">FAQs</MobileNavLink>
                         </div>
                         <div className="mt-8 flex flex-col gap-4"></div>
                       </Popover.Panel>

website/src/components/Header/NavLinks.tsx

@@ -3,13 +3,13 @@ import Link from "next/link";
 import { AnimatePresence, motion } from "framer-motion";
 
 export function NavLinks(): JSX.Element {
-  let [hoveredIndex, setHoveredIndex] = useState(null);
+  const [hoveredIndex, setHoveredIndex] = useState(null);
 
   return (
     <>
       {[
-        ["Join Us", "#join-us"],
-        ["FAQ", "#faq"],
+        ["Join Us", "/#join-us"],
+        ["FAQ", "/#faq"],
       ].map(([label, href], index) => (
         <Link
           key={label}

website/src/components/Header/UserMenu.tsx

@@ -3,7 +3,7 @@ import { signOut, useSession } from "next-auth/react";
 import Image from "next/image";
 import { Popover } from "@headlessui/react";
 import { AnimatePresence, motion } from "framer-motion";
-import { FaCog, FaSignOutAlt, FaGithub } from "react-icons/fa";
+import { FaCog, FaSignOutAlt } from "react-icons/fa";
 import { Box, useColorModeValue } from "@chakra-ui/react";
 
 export function UserMenu() {