feat: enhance login page design and functionality by integrating new components, updating styles, and improving user experience

apps/web/src/lib/components/DecorativeTopLine.svelte

@@ -0,0 +1,14 @@
+<script lang="ts">
+	interface Props {
+		class?: string;
+	}
+
+	let { class: className = '' }: Props = $props();
+</script>
+
+<div
+	class={[
+		'via-primary absolute top-0 left-0 h-1 w-full bg-linear-to-r from-transparent to-transparent opacity-50',
+		className
+	]}
+></div>