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/WeeklySchedule.svelte

@@ -6,12 +6,13 @@
 	// shadcn-svelte components
 	import { Button } from '$lib/components/ui/button';
 	import * as Card from '$lib/components/ui/card';
-	import { Input } from '$lib/components/ui/input';
 	import { Checkbox } from '$lib/components/ui/checkbox';
 	import * as Modal from '$lib/components/ui/dialog';
 	import * as AlertDialog from '$lib/components/ui/alert-dialog';
 	import { Skeleton } from '$lib/components/ui/skeleton';
 
+	const TIME15 = ['00', '15', '30', '45'];
+
 	// =============== Types ===============
 	type WorkingHourRow = {
 		weekday: number;
@@ -479,20 +480,30 @@
 									<Checkbox bind:checked={row.is_open} />
 								</td>
 								<td class="py-2">
-									<Input
-										type="time"
+									<select
 										bind:value={row.start_time}
 										disabled={!row.is_open}
 										class="max-w-[70px] text-sm"
-									/>
+									>
+										{#each Array(24) as _, hour}
+											{#each TIME15 as min}
+												<option value="{String(hour).padStart(2,'0')}:{min}">{String(hour).padStart(2,'0')}:{min}</option>
+											{/each}
+										{/each}
+									</select>
 								</td>
 								<td class="py-2">
-									<Input
-										type="time"
+									<select
 										bind:value={row.end_time}
 										disabled={!row.is_open}
 										class="max-w-[70px] text-sm"
-									/>
+									>
+										{#each Array(24) as _, hour}
+											{#each TIME15 as min}
+												<option value="{String(hour).padStart(2,'0')}:{min}">{String(hour).padStart(2,'0')}:{min}</option>
+											{/each}
+										{/each}
+									</select>
 								</td>
 							</tr>
 						{/each}