Fix open newly created card and on column change

frontend/src/lib/components/card/Card.svelte

@@ -4,7 +4,7 @@
 	import ModalCard from './ModalCard.svelte';
 
 	export let card: Card;
-	export let showModal = false;
+	$: showModal = card.showModal;
 </script>
 
 <div
@@ -34,8 +34,8 @@
 </div>
 
 {#if showModal}
-	<ModalCard {card} bind:showModal />
-{/if}
+	<ModalCard {card} />
+{:else}{/if}
 
 <style lang="less">
 	.card {

frontend/src/lib/components/card/ModalCard.svelte

@@ -6,7 +6,6 @@
 	import { cards } from '$lib/types/Card';
 
 	export let card: Card;
-	export let showModal: boolean;
 
 	let newTitle: string = card.title;
 	let newContent: string = card.content;
@@ -15,7 +14,7 @@
 		if (card.title !== newTitle || card.content !== newContent) {
 			if (!(await card.update(newTitle, newContent))) return;
 		}
-		if (closeModal) showModal = false;
+		if (closeModal) card.showModal = false;
 
 		cards.reload();
 	}
@@ -37,12 +36,12 @@
 				<button
 					on:click|once={async () => {
 						await card.delete();
-						showModal = false;
+						card.showModal = false;
 					}}
 				>
 					<TrashIcon />
 				</button>
-				<button on:click|once={() => (showModal = false)}>
+				<button on:click|once={() => (card.showModal = false)}>
 					<CloseIcon />
 				</button>
 			</div>

frontend/src/lib/components/project/Column.svelte

@@ -68,6 +68,8 @@
 		}
 
 		cards.reload();
+
+		card.showModal = true;
 	}
 </script>
 

frontend/src/lib/components/tags/SelectTags.svelte

@@ -29,6 +29,8 @@
 		}
 		isOpen = false;
 		cards.reload();
+
+		card.showModal = true;
 	}
 
 	async function createOption() {

frontend/src/lib/types/Card.ts

@@ -1,10 +1,10 @@
 import cardsApi from '$lib/api/cardsApi';
+import { toastAlert } from '$lib/utils/toasts';
 import { get, writable } from 'svelte/store';
 import CardTag from './CardTag';
 import Project from './Project';
-import { toastAlert } from '$lib/utils/toasts';
-import type TagOption from './TagOption';
 import type ProjectTag from './ProjectTag';
+import type TagOption from './TagOption';
 
 const { subscribe, set, update } = writable([] as Card[]);
 
@@ -21,6 +21,7 @@ export default class Card {
 	private _title: string;
 	private _content: string;
 	private _cardTags: CardTag[];
+	public showModal: boolean = false;
 
 	private constructor(
 		id: number,