logout button

app/routes/index.jsx

@@ -1,6 +1,6 @@
 import { getSession } from "~/sessions";
 import { getMe } from "~/utils";
-import { useLoaderData } from "@remix-run/react";
+import { Link, useLoaderData } from "@remix-run/react";
 import { prisma } from "~/db.server";
 import { Form } from "@remix-run/react";
 
@@ -90,6 +90,12 @@ export default function Index() {
               alt=""
             />
             <h1>{data.me.username}</h1>
+            <Link
+              className="text-sky-400 hover:text-sky-600 hover:underline"
+              to={"/logout"}
+            >
+              Logout
+            </Link>
           </div>
         ) : (
           <a