migrate auth v2 code

frontend/src/routes/join/[code]/+page.server.ts

@@ -1,24 +0,0 @@
-import { fail, redirect } from '@sveltejs/kit';
-import { joinMember, setDeviceTokenCookie } from '$lib/server/auth';
-
-export const actions = {
-	default: async (event) => {
-		const code = event.params.code;
-		const fd = await event.request.formData();
-		const name = fd.get('name') as string;
-
-		if (!name) {
-			return fail(400, { error: 'Name is required' });
-		}
-
-		const deviceToken = crypto.randomUUID();
-
-		try {
-			const result = await joinMember(code, name, deviceToken);
-			setDeviceTokenCookie(event, deviceToken);
-			throw redirect(303, `/${result.famSlug}/${result.name}`);
-		} catch (e) {
-			return fail(400, { error: e instanceof Error ? e.message : 'Invalid invite code' });
-		}
-	},
-};

frontend/src/routes/join/[code]/+page.svelte

@@ -1,67 +0,0 @@
-<script lang="ts">
-	import AuthShell from '$lib/components/AuthShell.svelte';
-
-	let { form } = $props();
-	let name = $state('');
-</script>
-
-<AuthShell title="Join your family" subtitle="Enter your name to join. It must match a member slot created by your admin.">
-	{#if form?.error}
-		<p class="form-error">{form.error}</p>
-	{/if}
-
-	<form method="POST">
-		<label>
-			Your name
-			<input name="name" bind:value={name} placeholder="Your exact name" required />
-		</label>
-		<button type="submit">Join</button>
-	</form>
-</AuthShell>
-
-<style>
-	form {
-		display: grid;
-		gap: 0.9rem;
-	}
-	label {
-		display: flex;
-		flex-direction: column;
-		gap: 0.3rem;
-		font-size: 0.85rem;
-		font-weight: 500;
-		color: #374151;
-	}
-	input {
-		padding: 0.6rem 0.75rem;
-		border: 1px solid #d1d5db;
-		border-radius: 8px;
-		font-size: 0.95rem;
-	}
-	input:focus {
-		outline: none;
-		border-color: #4338ca;
-		box-shadow: 0 0 0 3px rgba(67, 56, 202, 0.15);
-	}
-	button {
-		margin-top: 0.25rem;
-		background: #4338ca;
-		color: #fff;
-		border: none;
-		border-radius: 8px;
-		padding: 0.75rem;
-		font-size: 1rem;
-		font-weight: 600;
-		cursor: pointer;
-	}
-	button:hover { background: #3730a3; }
-	.form-error {
-		background: #fef2f2;
-		color: #b91c1c;
-		border: 1px solid #fecaca;
-		border-radius: 8px;
-		padding: 0.6rem 0.75rem;
-		font-size: 0.85rem;
-		margin: 0 0 1rem;
-	}
-</style>

frontend/src/routes/join/[code]/[member]/+page.server.ts

@@ -1,24 +0,0 @@
-import { fail, redirect } from '@sveltejs/kit';
-import { setDeviceTokenCookie } from '$lib/server/auth';
-import { PROXY_URL } from '$app/env/public';
-
-const HONO_URL = PROXY_URL;
-
-export const actions = {
-	default: async (event) => {
-		const code = event.params.code;
-		const name = event.params.member;
-
-		const res = await fetch(`${HONO_URL}/api/members/direct-join`, {
-			method: 'POST',
-			headers: { 'Content-Type': 'application/json' },
-			body: JSON.stringify({ inviteCode: code, name }),
-		});
-		const data = await res.json();
-		if (!res.ok) return fail(400, { error: data.error || 'Join failed' });
-
-		setDeviceTokenCookie(event, data.deviceToken);
-
-		throw redirect(303, `/${data.famSlug}/${data.name}`);
-	},
-};

frontend/src/routes/join/[code]/[member]/+page.svelte

@@ -1,45 +0,0 @@
-<script lang="ts">
-	import { page } from '$app/state';
-	import { enhance } from '$app/forms';
-	import AuthShell from '$lib/components/AuthShell.svelte';
-
-	let { form } = $props();
-	let memberName = $derived(page.params.member);
-</script>
-
-<AuthShell
-	title="Join as {memberName}"
-	subtitle="You've been invited to your family's chore board. One tap and you're in."
->
-	{#if form?.error}
-		<p class="form-error">{form.error}</p>
-	{/if}
-
-	<form method="POST" use:enhance>
-		<button type="submit">Join as {memberName}</button>
-	</form>
-</AuthShell>
-
-<style>
-	button {
-		width: 100%;
-		background: #4338ca;
-		color: #fff;
-		border: none;
-		border-radius: 8px;
-		padding: 0.75rem;
-		font-size: 1rem;
-		font-weight: 600;
-		cursor: pointer;
-	}
-	button:hover { background: #3730a3; }
-	.form-error {
-		background: #fef2f2;
-		color: #b91c1c;
-		border: 1px solid #fecaca;
-		border-radius: 8px;
-		padding: 0.6rem 0.75rem;
-		font-size: 0.85rem;
-		margin: 0 0 1rem;
-	}
-</style>