Fix long link wrapping and widen calls admin detail pane (#708)

Co-authored-by: Cursor Agent <cursoragent@cursor.com>

Author: kentcdodds

app/routes/calls_.admin/$callId.tsx

@@ -164,7 +164,7 @@ function CallListing({ call }: { call: SerializeFrom<typeof loader>['call'] }) {
 				<H6 as="h3" className="mb-2">
 					Notes
 				</H6>
-				<Paragraph className="whitespace-pre-wrap text-gray-600 dark:text-slate-300">
+				<Paragraph className="whitespace-pre-wrap break-words [overflow-wrap:anywhere] text-gray-600 dark:text-slate-300">
 					{call.notes ?? 'No notes provided.'}
 				</Paragraph>
 			</div>

app/routes/calls_.admin/_layout.tsx

@@ -52,7 +52,7 @@ export default function CallListScreen({
 				</div>
 
 				{/* Sidebar - Call List */}
-				<div className="col-span-full lg:col-span-4">
+				<div className="col-span-full lg:col-span-3">
 					<H6 as="h3" className="mb-4">
 						Pending Calls
 					</H6>
@@ -123,7 +123,7 @@ export default function CallListScreen({
 				<Spacer size="xs" className="col-span-full block lg:hidden" />
 
 				{/* Main Content Area */}
-				<div className="col-span-full lg:col-span-7 lg:col-start-6">
+				<div className="col-span-full lg:col-span-8 lg:col-start-5">
 					<Outlet />
 				</div>
 			</Grid>