feat(ui): improve full mobile browser support

Implements responsive mobile layout improvements and host-only cookies for direct IP deployments.

Co-authored-by: luna <clawy@reversed.dev>
Co-committed-by: luna <clawy@reversed.dev>

UI/src/pages/Settings.tsx

@@ -9,7 +9,7 @@ import { CodeBlock } from "../components/CodeBlock";
 
 function Section({ title, description, children }: { title: string; description?: string; children: React.ReactNode }) {
 	return (
-		<Card className="p-5">
+		<Card className="p-4 sm:p-5">
 			<h2 className="text-base font-semibold text-text">{title}</h2>
 			{description && <p className="mb-4 mt-0.5 text-sm text-muted">{description}</p>}
 			<div className={description ? "" : "mt-4"}>{children}</div>
@@ -147,7 +147,7 @@ export function SettingsPage() {
 
 				<Section title="Two-factor authentication" description="Add a TOTP authenticator app for extra security.">
 					{user?.totp_enabled ? (
-						<div className="flex items-center justify-between">
+						<div className="flex flex-wrap items-center justify-between gap-3">
 							<span className="text-sm text-approved">✓ 2FA is enabled</span>
 							<Button variant="danger" onClick={() => setDisable2faOpen(true)}>
 								Disable