added the modal for editing the cards in the flashcards app. will make the actual editing logic soon

src/routes/flashcards/StatsAndButtons.svelte

@@ -1,15 +1,9 @@
 <script>
-	import { stats} from "./logic.svelte.js";
+	import { stats } from "./logic.svelte.js";
 </script>
 
-<div class="invisible">
-	<button class="btn mini"> Reset Deck </button>
-</div>
 <div class="flex gap-5">
 	<span class="text-green-500"><i class="nf nf-md-check"></i>: {stats.AnswerKnown}</span>
 	<span class="text-red-500"><i class="nf nf-md-close"></i>: {stats.AnswerNotKnown}</span>
 	<span class="text-blue-500"><i class="nf nf-md-help"></i>: {stats.AnswerNotChecked}</span>
 </div>
-<div>
-	<button class="btn mini"> Reset Deck </button>
-</div>

src/routes/flashcards/editCards.svelte

@@ -0,0 +1 @@
+<div class="border-2 rounded bg-zinc-800">heyyy</div>

src/routes/nav.svelte

@@ -59,7 +59,9 @@
 	import { Modal, Content, Trigger } from "sv-popup";
 	import { colseModal, ShowSeconds } from "./IdleScreen/logic/TimeAndTableData.svelte.js";
 	import EditTimetableDiv from "./IdleScreen/components/timetable/EditTimetable.svelte";
-	import {TabOpen} from "./randomname/+page.svelte";
+	import { TabOpen } from "./randomname/+page.svelte";
+	import { resetDeck } from "./flashcards/logic.svelte";
+	import EditCards from "./flashcards/editCards.svelte";
 </script>
 
 <div class="mb-1 flex items-center justify-between rounded border-2">
@@ -111,9 +113,17 @@
 				</Trigger>
 			</Modal>
 		{:else if CurrentPage == "/randomname"}
-			<button class="btn dull mini" onclick={() => (TabOpen.v = true)}>
+			<button class="btn dull mini" onclick={() => (TabOpen.v = true)}> Edit list of names </button>
-				Edit list of names
+		{:else if CurrentPage == "/flashcards"}
-			</button>
+			<Modal>
+				<Content>
+					<EditCards />
+				</Content>
+				<Trigger>
+					<button class="btn dull mini">Edit Decks</button>
+				</Trigger>
+			</Modal>
+			<button class="btn dull mini" onclick={() => resetDeck}> Reset current Deck </button>
 		{/if}
 	</div>
 </div>