feat: modelfile edit

src/routes/(app)/modelfiles/create/+page.svelte

@@ -78,15 +78,15 @@ SYSTEM """${system}"""`.replace(/^\s*\n/gm, '');
 	];
 
 	let categories = {
-		Character: false,
-		Assistant: false,
-		Writing: false,
-		Productivity: false,
-		Programming: false,
-		'Data Analysis': false,
-		Lifestyle: false,
-		Education: false,
-		Business: false
+		character: false,
+		assistant: false,
+		writing: false,
+		productivity: false,
+		programming: false,
+		'data analysis': false,
+		lifestyle: false,
+		education: false,
+		business: false
 	};
 
 	const saveModelfile = async (modelfile) => {
@@ -513,7 +513,9 @@ SYSTEM """${system}"""`.replace(/^\s*\n/gm, '');
 							class="p-1 px-3 text-xs flex rounded transition"
 							type="button"
 							on:click={() => {
-								suggestions = [...suggestions, { content: '' }];
+								if (suggestions.length === 0 || suggestions.at(-1).content !== '') {
+									suggestions = [...suggestions, { content: '' }];
+								}
 							}}
 						>
 							<svg
@@ -568,8 +570,7 @@ SYSTEM """${system}"""`.replace(/^\s*\n/gm, '');
 						{#each Object.keys(categories) as category}
 							<div class="flex space-x-2 text-sm">
 								<input type="checkbox" bind:checked={categories[category]} />
-
-								<div>{category}</div>
+								<div class="capitalize">{category}</div>
 							</div>
 						{/each}
 					</div>