refactor: shifting lots of stuff around

frontend/src/pages/settings/index.tsx

@@ -0,0 +1,28 @@
+import { Shortcuts } from "@components/shortcuts/Shortcuts";
+import { Button } from "@kobalte/core/button";
+
+export const Settings = () => {
+	const logout = () => {
+		localStorage.removeItem("access");
+		localStorage.removeItem("refresh");
+		window.location.href = "/login";
+	};
+
+	return (
+		<>
+			<main class="container pt-2">
+				<div class="flex flex-col px-4 gap-2">
+					<h1 class="text-3xl font-bold">Settings</h1>
+
+					<Shortcuts />
+					<Button
+						class="p-2 bg-neutral-100 border mt-4 border-neutral-300"
+						onClick={logout}
+					>
+						Logout
+					</Button>
+				</div>
+			</main>
+		</>
+	);
+};