Show when preset is conditional in the viewer block

src/components/features/PresetView.svelte

@@ -10,6 +10,7 @@
   let { preset }: PresetViewProps = $props();
 
   const sortedTagsList = $derived(preset.settings.tags.toSorted((a, b) => a.localeCompare(b)));
+  const requiredTagsList = $derived(preset.settings.requiredTags.toSorted((a, b) => a.localeCompare(b)));
 </script>
 
 <DetailsBlock title="Preset Name">
@@ -24,3 +25,11 @@
     be automatically removed from the editor.
   </DetailsBlock>
 {/if}
+{#if preset.settings.conditional}
+  <DetailsBlock title="Conditional">
+    This preset will only appear when one of the tags below are present on image.
+  </DetailsBlock>
+  <DetailsBlock title="Conditional Tags">
+    <TagsList tags={requiredTagsList}></TagsList>
+  </DetailsBlock>
+{/if}