fix: admin booking modals and schedule components polish

Ultraworked with [Sisyphus](https://github.com/code-yeongyu/oh-my-openagent)

Co-authored-by: Sisyphus <clio-agent@sisyphuslabs.ai>

frontend/src/lib/components/admin/WalkInCreateModal.svelte

@@ -373,6 +373,7 @@
 			if (res.ok) {
 				toast.success('Booking created successfully!');
 				open = false;
+				window.dispatchEvent(new CustomEvent('bookingApproved'));
 				onBookingCreated?.();
 			} else {
 				const errorText = await res.text();
@@ -413,7 +414,7 @@
 </script>
 
 <Modal.Root bind:open>
-	<Modal.Content class="max-h-[90vh] max-w-4xl overflow-y-auto">
+	<Modal.Content class="max-h-[90vh] max-w-[calc(100%-2rem)] overflow-y-auto sm:max-w-2xl md:max-w-4xl">
 		<Modal.Header>
 			<Modal.Title>Walk-In Booking</Modal.Title>
 			<Modal.Description>
@@ -724,7 +725,7 @@
 									{#if serviceOverrides[service.id]}
 										<div class="rounded-lg border bg-white p-4">
 											<div class="mb-3 font-medium">{service.name}</div>
-											<div class="grid grid-cols-2 gap-4">
+											<div class="grid grid-cols-1 gap-4 sm:grid-cols-2">
 												<div class="space-y-2">
 													<Label for="price-{service.id}" class="text-xs text-gray-600"
 														>Price (£)</Label