add motd to the server page

src/app/components/navbar.tsx

@@ -1,6 +1,7 @@
 import Link from "next/link";
 import Logo from "./logo";
 import { RedirectButton } from "./rediect-button";
+import { ToggleThemeButton } from "./theme-toggle-button";
 
 type Page = {
   title: string;
@@ -12,7 +13,7 @@ const pages: Page[] = [
   { title: "Server", url: "/server/java/hypixel.net" },
 ];
 
-export default function NavBar() {
+export default function NavBar(): JSX.Element {
   return (
     <div className="bg-secondary w-full rounded-lg flex items-center gap-3 mt-2 bg-opacity-85 h-12">
       <div className="flex items-center gap-2 pl-3 pr-3">
@@ -27,8 +28,13 @@ export default function NavBar() {
 
       <div className="flex-grow"></div>
 
-      <div className="mr-4">
-        <RedirectButton title="Star us on Github!" url="https://github.com/RealFascinated/minecraft-helper" />
+      <div className="mr-4 flex items-center gap-2">
+        <RedirectButton
+          title="Star us on Github!"
+          url="https://github.com/RealFascinated/minecraft-helper"
+          openInNewTab
+        />
+        <ToggleThemeButton />
       </div>
     </div>
   );