fix: settings modal size

frontend/src/components/Categories.vue

@@ -5,10 +5,11 @@
 				{{ label }}
 			</div>
 			<Button @click="() => showCategoryForm()">
-				<template #icon>
+				<template #prefix>
 					<Plus v-if="!showForm" class="h-3 w-3 stroke-1.5" />
 					<X v-else class="h-3 w-3 stroke-1.5" />
 				</template>
+				{{ showForm ? __('Close') : __('New') }}
 			</Button>
 		</div>
 
@@ -28,12 +29,11 @@
 		</div>
 
 		<div class="overflow-y-scroll">
-			<div class="text-base divide-y space-y-2">
+			<div class="text-base space-y-2">
 				<FormControl
 					:value="cat.category"
 					type="text"
 					v-for="cat in categories.data"
-					class=""
 					@change.stop="(e) => update(cat.name, e.target.value)"
 				/>
 			</div>

frontend/src/components/Modals/Settings.vue

@@ -1,5 +1,5 @@
 <template>
-	<Dialog v-model="show" :options="{ size: '4xl' }">
+	<Dialog v-model="show" :options="{ size: '5xl' }">
 		<template #body>
 			<div class="flex h-[calc(100vh_-_8rem)]">
 				<div class="flex w-52 shrink-0 flex-col bg-surface-gray-2 p-2">