add store selector instead of simple redirect

Author: ajgeiss0702

src/routes/(info)/lttstore/+layout.svelte

@@ -8,6 +8,7 @@
   import {popup} from "$lib/replacements/popup.ts";
   import type { MouseEventHandler } from "svelte/elements";
   import { setContext } from "svelte";
+  import { dev } from "$app/environment";
 
   let { data, children } = $props();
 
@@ -71,10 +72,12 @@
     </select>
   </div>
 </div>
-<div class="card border-2 mt-1 p-2 border-amber-600! bg-amber-600/21! limit-large mx-auto">
-  I am currently working on migrating the LTTStore watcher database to support tracking both the US store and the Global store.
-  During this time, this site will probably be very broken, and possibly display incorrect data.
-</div>
+{#if !dev}
+  <div class="card border-2 mt-1 p-2 border-amber-600! bg-amber-600/21! limit-large mx-auto">
+    I am currently working on migrating the LTTStore watcher database to support tracking both the US store and the Global store.
+    During this time, this site will probably be very broken, and possibly display incorrect data.
+  </div>
+{/if}
 {@render children?.()}
 <br>
 <div class="p-4">

src/routes/(info)/lttstore/+page.server.ts

@@ -0,0 +1,19 @@
+<script lang="ts">
+  import USFlag from "./flags/us.webp"
+  import Global from "./flags/Global.svelte";
+</script>
+<div class="min-h-dvh flex justify-center items-center text-center px-4">
+  <div>
+    <h1>Please select a store</h1>
+    <div class="flex justify-center items-center gap-2 flex-wrap">
+      <a href="/lttstore/us">
+        <img class="w-64" src={USFlag} alt="US" />
+        US
+      </a>
+      <a href="/lttstore/global">
+        <Global/>
+        Global
+      </a>
+    </div>
+  </div>
+</div>

src/routes/(info)/lttstore/+page.svelte

@@ -0,0 +1 @@
+export const prerender = true;

src/routes/(info)/lttstore/+page.ts

@@ -0,0 +1,7 @@
+<script>
+	import Globe from "svelte-bootstrap-icons/lib/Globe.svelte";
+
+</script>
+<div class="w-64 aspect-19/10 bg-blue-500 flex justify-center items-center text-white">
+  <Globe class="w-25 h-25"/>
+</div>