resolve logout issues

src/app/dashboard/page.tsx

@@ -1,10 +1,10 @@
 import { requireAuth } from '@/lib/auth/server';
 import { getServers } from '@/lib/api/server/servers';
 import { hasPermission } from '@/lib/types';
-import { logoutAction } from '@/lib/actions/auth';
 import Link from 'next/link';
 import { ServerListWithActions } from '@/components/server/ServerListWithActions';
 import { SteamCMDNotification } from '@/components/ui/SteamCMDNotification';
+import LogoutButton from '@/components/ui/LogoutButton';
 
 export default async function DashboardPage() {
 	const session = await requireAuth();
@@ -38,25 +38,7 @@ export default async function DashboardPage() {
 								<span className="ml-1 hidden sm:inline">Users</span>
 							</Link>
 						)}
-						<form action={logoutAction}>
-							<button type="submit" className="flex items-center text-gray-300 hover:text-white">
-								<svg
-									xmlns="http://www.w3.org/2000/svg"
-									className="h-6 w-6"
-									fill="none"
-									viewBox="0 0 24 24"
-									stroke="currentColor"
-								>
-									<path
-										strokeLinecap="round"
-										strokeLinejoin="round"
-										strokeWidth="2"
-										d="M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1"
-									/>
-								</svg>
-								<span className="ml-1 hidden sm:inline">Logout</span>
-							</button>
-						</form>
+						<LogoutButton />
 					</div>
 				</div>
 			</header>