fix: lates

components/app-shell.tsx

@@ -125,13 +125,15 @@ export async function AppShell({
             })}
           </nav>
           <div className="mt-auto border-t border-line px-2 pt-5">
-            <Link
-              href="/auth/logout"
-              className="flex items-center gap-3 rounded-xl px-4 py-2.5 text-sm font-semibold text-on-surface-variant transition hover:text-on-surface"
-            >
-              <span className="material-symbols-outlined text-sm">logout</span>
-              <span>{t("nav", "logout")}</span>
-            </Link>
+            <form action="/auth/logout" method="post" className="w-full">
+              <button
+                type="submit"
+                className="flex w-full items-center gap-3 rounded-xl px-4 py-2.5 text-sm font-semibold text-on-surface-variant transition hover:text-on-surface"
+              >
+                <span className="material-symbols-outlined text-sm">logout</span>
+                <span>{t("nav", "logout")}</span>
+              </button>
+            </form>
           </div>
         </aside>
         <div className="flex min-h-screen flex-1 flex-col">