Add Markdown editor component and integrate it into AdventureModal

frontend/src/lib/components/AdventureModal.svelte

@@ -32,6 +32,7 @@
 	import { appVersion } from '$lib/config';
 	import CategoryDropdown from './CategoryDropdown.svelte';
 	import { findFirstValue } from '$lib';
+	import MarkdownEditor from './MarkdownEditor.svelte';
 
 	let wikiError: string = '';
 
@@ -577,15 +578,10 @@
 							</div>
 							<div>
 								<label for="description">{$t('adventures.description')}</label><br />
-								<textarea
-									id="description"
-									name="description"
-									bind:value={adventure.description}
-									class="textarea textarea-bordered w-full h-32"
-								></textarea>
+								<MarkdownEditor bind:text={adventure.description} />
 								<div class="mt-2">
 									<div class="tooltip tooltip-right" data-tip={$t('adventures.wiki_desc')}>
-										<button type="button" class="btn btn-neutral" on:click={generateDesc}
+										<button type="button" class="btn btn-neutral mt-2" on:click={generateDesc}
 											>{$t('adventures.generate_desc')}</button
 										>
 									</div>