feat(#3): Add forgot password functionality

src/routes/+layout.svelte

@@ -237,25 +237,50 @@
 </footer>
 
 <div
-	id="success-toast"
+	id={localGeneral.toastType == 'success' ? 'success-toast' : 'error-toast'}
 	role="alert"
-	class="alert alert-success fixed top-20 right-3 max-w-52 text-white {localGeneral.hideToast
+	class="alert {localGeneral.toastType == 'success'
+		? 'alert-success'
+		: 'alert-error'} fixed top-20 right-3 max-w-52 text-white {localGeneral.hideToast
 		? 'hidden'
 		: ''}"
 >
-	<svg
-		xmlns="http://www.w3.org/2000/svg"
-		class="stroke-current shrink-0 h-6 w-6"
-		fill="none"
-		viewBox="0 0 24 24"
-		><path
-			stroke-linecap="round"
-			stroke-linejoin="round"
-			stroke-width="2"
-			d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"
-		/></svg
-	>
-	<span>Added to basket</span>
+	{#if localGeneral.toastType == 'success'}
+		<svg
+			xmlns="http://www.w3.org/2000/svg"
+			class="stroke-current shrink-0 h-6 w-6"
+			fill="none"
+			viewBox="0 0 24 24"
+			><path
+				stroke-linecap="round"
+				stroke-linejoin="round"
+				stroke-width="2"
+				d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"
+			/></svg
+		>
+	{:else}
+		<svg
+			class="stroke-current shrink-0 h-6 w-6"
+			viewBox="0 0 32 32"
+			xml:space="preserve"
+			xmlns="http://www.w3.org/2000/svg"
+			xmlns:xlink="http://www.w3.org/1999/xlink"
+			><g
+				><g id="Error_1_"
+					><g id="Error">
+						<circle cx="16" cy="16" id="BG" r="16" style="fill:#E6E6E6;" />
+						<path
+							d="M14.5,25h3v-3h-3V25z M14.5,6v13h3V6H14.5z"
+							id="Exclamatory_x5F_Sign"
+							style="fill:#D72828;"
+						/>
+					</g>
+				</g></g
+			></svg
+		>
+	{/if}
+
+	<span>{localGeneral.toastMessage == '' ? 'Added to basket' : localGeneral.toastMessage}</span>
 </div>
 
 <style scoped>