restore link in navbar and separate badge dropdown

client/src/components/Navbar.tsx

@@ -1,13 +1,18 @@
 import { IconUser, IconSun, IconMoon } from "@tabler/icons-react";
+import Link from "next/link";
 
 export default function Navbar() {
   return (
     <header className="navbar mx-1 w-auto justify-center drop-shadow-sm md:mx-16 lg:mx-40">
-      <div className="flex-1">
-        <span className="btn btn-ghost no-animation cursor-default gap-1 text-xl normal-case hover:bg-transparent">
+      <div className="flex flex-1 items-center gap-1">
+        <Link
+          href="/"
+          className="btn btn-ghost no-animation p-0 text-xl normal-case hover:bg-transparent"
+        >
           chessu
-          <div className="dropdown hover:dropdown-open">
-            <label tabIndex={0} className="badge badge-sm mt-1 cursor-help">
+        </Link>
+        <div className="dropdown dropdown-right hover:dropdown-open">
+          <label tabIndex={0} className="badge badge-sm cursor-help">
             alpha
           </label>
           <div
@@ -30,7 +35,6 @@ export default function Navbar() {
             </div>
           </div>
         </div>
-        </span>
       </div>
       <div className="flex-none">
         <div className="btn btn-ghost btn-circle">