Added "forgot password?" back

Server/app/svelte/src/auth/login-component.svelte

@@ -25,6 +25,7 @@
     let googleButton
 
     let parentProps = getContext("auth")
+    let locale = "en"
 
     function renderGoogle() {
         if (parentProps.googleInit) {
@@ -80,7 +81,7 @@
         <input bind:this={rememberMe} type="checkbox" id="remember-me-checkbox"><label id="remember-me-label" for="passwordInput">remember me</label>
     </div>
     <button class="auth-button" on:click="{() => AuthTools.login(msgs,inputs)}">Log in</button>
-    <a id="forgot-password" href="forgot-password"></a>
+    <a id="forgot-password" href={"/"+locale+"/reset-password"}>Forgot password?</a>
     <!--
     <hr class="auth-line">
     <div class="auth-methods-group">

Server/app/svelte/src/auth/reset-password-component.svelte

@@ -0,0 +1,47 @@
+<svelte:options tag="reset-password-component" />
+
+<script>
+
+    // Import statements
+    import { onMount } from 'svelte'
+
+    // Export statements
+
+
+    // Main code
+
+    onMount(() => {
+
+
+	})
+</script>
+
+<div id="container">
+    <div id="text-container">
+        <p>Contact us at our Discord Server. We are going to send a new password to the email that you used for registration.</p>
+    </div>
+</div>
+
+
+<style>
+
+    @import '/css/common.css';
+
+    #text-container {
+        position: relative;
+        max-width: calc(100vw - 4rem);
+        margin: auto;
+    }
+
+    #container {
+        margin: auto;
+        max-width: 800px;
+        margin-top: 1rem;
+        margin-bottom: 4rem;
+    }
+
+    #container p {
+        text-align: justify;
+    }
+
+</style>

Server/app/svelte/src/components/map-component.svelte

@@ -15,7 +15,7 @@
     let mapContainer
     
     function createMap(center,zoom) {
-        let map = L.map(mapContainer, {
+        map = L.map(mapContainer, {
             center: center,
             zoom: zoom,
         });