feat: account edit request modal with auto-select and responsive improvements

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

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

frontend/src/lib/components/account/UserBookingModal.svelte

@@ -249,7 +249,7 @@
 </script>
 
 <Modal.Root bind:open>
-	<Modal.Content class="max-h-[90vh] max-w-sm overflow-y-auto md:max-w-3xl">
+	<Modal.Content class="max-h-[90vh] max-w-[calc(100%-2rem)] overflow-y-auto sm:max-w-md md:max-w-3xl">
 		<Modal.Header>
 			<div class="flex items-center justify-between">
 				<div>
@@ -584,7 +584,7 @@
 {/if}
 
 <Modal.Root open={showCancelConfirm} onOpenChange={(v) => (showCancelConfirm = v)}>
-	<Modal.Content class="max-w-sm">
+	<Modal.Content class="max-w-[calc(100%-2rem)]">
 		<Modal.Header>
 			<Modal.Title>Cancel Booking</Modal.Title>
 			<Modal.Description>
@@ -622,7 +622,7 @@
 		}
 	}}
 >
-	<Modal.Content class="max-w-sm">
+	<Modal.Content class="max-w-[calc(100%-2rem)]">
 		<Modal.Header>
 			<Modal.Title>Leave a Tip</Modal.Title>
 			<Modal.Description>Show your appreciation for great service</Modal.Description>