fix: add responsive css for api/user/group/client page add buttons (#1508)

Co-authored-by: james <james@goldfish.net>
Co-authored-by: Elias Schneider <login@eliasschneider.com>

frontend/src/routes/settings/admin/api-keys/+page.svelte

@@ -36,7 +36,7 @@
 
 <Card.Root>
 	<Card.Header>
-		<div class="flex items-center justify-between">
+		<div class="flex flex-wrap items-center justify-between md:flex-nowrap gap-4">
 			<div>
 				<Card.Title>
 					<ShieldPlus class="text-primary/80 size-5" />
@@ -47,7 +47,7 @@
 				>
 			</div>
 			{#if !expandAddApiKey}
-				<Button onclick={() => (expandAddApiKey = true)}>{m.add_api_key()}</Button>
+				<Button class="w-full md:w-auto" onclick={() => (expandAddApiKey = true)}>{m.add_api_key()}</Button>
 			{:else}
 				<Button class="h-8 p-3" variant="ghost" onclick={() => (expandAddApiKey = false)}>
 					<LucideMinus class="size-5" />