feat: switch to config file system

app/routes/users/components/oidc.tsx

@@ -1,17 +1,14 @@
 import { OrganizationIcon, PasskeyFillIcon } from '@primer/octicons-react';
-
 import Card from '~/components/Card';
 import Link from '~/components/Link';
-import type { HeadplaneContext } from '~/utils/config/headplane';
-
+import { HeadplaneConfig } from '~/utils/state';
 import Add from '../dialogs/add';
 
 interface Props {
-	readonly oidc: NonNullable<HeadplaneContext['oidc']>;
-	readonly magic: string | undefined;
+	readonly oidc: NonNullable<HeadplaneConfig['oidc']>;
 }
 
-export default function Oidc({ oidc, magic }: Props) {
+export default function Oidc({ oidc }: Props) {
 	return (
 		<Card variant="flat" className="mb-8 w-full max-w-full p-0">
 			<div className="flex flex-col md:flex-row">

app/routes/users/overview.tsx

@@ -11,12 +11,11 @@ import { ErrorPopup } from '~/components/Error';
 import StatusCircle from '~/components/StatusCircle';
 import type { Machine, User } from '~/types';
 import cn from '~/utils/cn';
-import { loadContext } from '~/utils/config/headplane';
-import { loadConfig } from '~/utils/config/headscale';
 import { del, post, pull } from '~/utils/headscale';
 import { send } from '~/utils/res';
 import { getSession } from '~/utils/sessions.server';
 
+import { hp_getConfig, hs_getConfig } from '~/utils/state';
 import toast from '~/utils/toast';
 import Auth from './components/auth';
 import Oidc from './components/oidc';
@@ -36,11 +35,11 @@ export async function loader({ request }: LoaderFunctionArgs) {
 		machines: machines.nodes.filter((machine) => machine.user.id === user.id),
 	}));
 
-	const context = await loadContext();
+	const context = hp_getConfig();
+	const { mode, config } = hs_getConfig();
 	let magic: string | undefined;
 
-	if (context.config.read) {
-		const config = await loadConfig();
+	if (mode !== 'no') {
 		if (config.dns.magic_dns) {
 			magic = config.dns.base_domain;
 		}
@@ -152,11 +151,7 @@ export default function Page() {
 				Manage the users in your network and their permissions. Tip: You can
 				drag machines between users to change ownership.
 			</p>
-			{data.oidc ? (
-				<Oidc oidc={data.oidc} magic={data.magic} />
-			) : (
-				<Auth magic={data.magic} />
-			)}
+			{data.oidc ? <Oidc oidc={data.oidc} /> : <Auth magic={data.magic} />}
 			<ClientOnly fallback={<Users users={users} />}>
 				{() => (
 					<InteractiveUsers