aded bases ui for selector of tools

src/SelectionMenue/TypeSelector.svelte

@@ -0,0 +1 @@
+<a href="#/Wordle">Wordle</a>

src/app.svelte

@@ -1,10 +1,16 @@
 <script>
-	import Game from "./wordle/game.svelte";
+	import Router from "svelte-spa-router";
+	import Wordle from "./wordle/game.svelte";
+	import TypeSelector from "./SelectionMenue/TypeSelector.svelte";
+
+	let routes = {
+		"/": TypeSelector,
+		"/Wordle": Wordle,
+	};
 </script>
 
 <div id="root">
-	<h1>CLASSROOM WORDLE <span>~made by Rhythm Upadhyay of 7th A</span></h1>
-	<Game />
+	<Router {routes} />
 </div>
 
 <style>
@@ -15,21 +21,7 @@
 
 	#root {
 		height: 100%;
-		display: flex;
-		flex-direction: column;
 		margin: 0;
 		font-family: "Sour Gummy", sans-serif;
 	}
-
-	h1 {
-		text-align: center;
-		margin: 5px 0px;
-		text-decoration: underline #444;
-	}
-
-	span {
-		font-size: 0.5em;
-		text-decoration: none;
-		color: #444;
-	}
 </style>

src/wordle/game.svelte

@@ -10,17 +10,18 @@
 	});
 </script>
 
+<h1>CLASSROOM WORDLE <span>~made by Rhythm Upadhyay of 7th A</span></h1>
 <div id="root">
 	<div id="left">
 		<Display />
 		<Keyboard />
 	</div>
-    <Right />
+	<Right />
 </div>
 
 <style>
 	#root {
-        height: 90%;
+		height: 90%;
 		display: flex;
 		margin: 0;
 		font-family: "Sour Gummy", sans-serif;
@@ -37,4 +38,15 @@
 		border: 2px solid #444;
 		font-family: "JetBrains Mono", monospace;
 	}
+	h1 {
+		text-align: center;
+		margin: 5px 0px;
+		text-decoration: underline #444;
+	}
+
+	span {
+		font-size: 0.5em;
+		text-decoration: none;
+		color: #444;
+	}
 </style>

src/wordle/logic.svelte.js

@@ -210,7 +210,7 @@ export let data = $state({
 
 let WordleGamesData = localStorage.getItem("WordleGamesData") || "";
 
-if (WordleGamesData == "") {
+if (WordleGamesData != "") {
 	data.value = JSON.parse(WordleGamesData);
 } else {
 	data.value = {