refac: chat tag suggestions behaviour

src/lib/components/common/Tags.svelte

@@ -7,6 +7,7 @@
 	const i18n = getContext('i18n');
 
 	export let tags = [];
+	export let suggestionTags = [];
 </script>
 
 <ul class="flex flex-row flex-wrap gap-[0.3rem] line-clamp-1">
@@ -19,6 +20,7 @@
 
 	<TagInput
 		label={tags.length == 0 ? $i18n.t('Add Tags') : ''}
+		{suggestionTags}
 		on:add={(e) => {
 			dispatch('add', e.detail);
 		}}

src/lib/components/common/Tags/TagInput.svelte

@@ -7,6 +7,8 @@
 	const i18n = getContext('i18n');
 
 	export let label = '';
+	export let suggestionTags = [];
+
 	let showTagInput = false;
 	let tagName = '';
 
@@ -37,11 +39,13 @@
 					}
 				}}
 			/>
-			<datalist id="tagOptions">
-				{#each $tags as tag}
-					<option value={tag.name} />
-				{/each}
-			</datalist>
+			{#if suggestionTags.length > 0}
+				<datalist id="tagOptions">
+					{#each suggestionTags as tag}
+						<option value={tag.name} />
+					{/each}
+				</datalist>
+			{/if}
 
 			<button type="button" aria-label={$i18n.t('Save Tag')} on:click={addTagHandler}>
 				<svg