added login success toast

frontend/src/routes/(auth)/login/+page.svelte

@@ -5,6 +5,7 @@
 	import { Button } from '$lib/components/ui/button'
 	import { goto } from '$app/navigation'
 	import { Loader2 } from 'lucide-svelte'
+	import { toast } from 'svelte-sonner'
 
 	export let data: PageData
 	let isLoading = false
@@ -18,6 +19,7 @@
 		const data = await response.json()
 		isLoading = false
 		if (data.success) {
+			toast.success('Successfully Logged In')
 			goto('/')
 		}
 	}
@@ -29,9 +31,9 @@
 		<ThemeToggle />
 	</div>
 	<div
-		class="relative hidden h-full flex-col bg-primary-foreground p-10 text-white dark:border-r lg:flex">
+		class="bg-primary-foreground relative hidden h-full flex-col p-10 text-white dark:border-r lg:flex">
 		<div
-			class="relative z-20 flex items-center text-lg font-medium text-primary">
+			class="text-primary relative z-20 flex items-center text-lg font-medium">
 			Shortener
 		</div>
 	</div>
@@ -42,16 +44,16 @@
 				<h1 class="text-2xl font-semibold tracking-tight">
 					Login to your account
 				</h1>
-				<p class="text-sm text-muted-foreground">
+				<p class="text-muted-foreground text-sm">
 					Enter your email below to login to your account
 				</p>
 			</div>
 			<UserAuthForm form={data.form} {isLoading} />
-			<p class="px-8 text-center text-sm text-muted-foreground">
+			<p class="text-muted-foreground px-8 text-center text-sm">
 				Don't Have An Account? Signup{' '}
 				<a
 					href="/signup"
-					class="underline underline-offset-4 hover:text-primary">
+					class="hover:text-primary underline underline-offset-4">
 					Here
 				</a>
 			</p>

frontend/src/routes/api/login/+server.ts

@@ -41,6 +41,6 @@ export const POST: RequestHandler = async (event) => {
 		})
 		return new Response(JSON.stringify({ success: true }))
 	} else {
-		return new Response(JSON.stringify({ hello: 'hello' }))
+		return new Response(JSON.stringify({ success: false }))
 	}
 }