fix: animation consistency (#9)

* feat: basic dark mode

* feat: theme toggle

* Completed dark mode and about page changes

* Fix progressive blur on dark mode

* feat: dynadark tailwind plugin for dark detection

* feat: fix "supported formats" text

* fix: animation consistency

* fix: page transition origin

---------

Co-authored-by: Realmy <163438634+RealmyTheMan@users.noreply.github.com>

src/lib/animation/index.ts

@@ -55,7 +55,7 @@ export const blur = (
 				origin: Combination<
 					"top" | "bottom" | "left" | "right" | "center",
 					"top" | "bottom" | "left" | "right" | "center"
-				>;
+				> & {};
 		  }>
 		| undefined,
 	dir: {

src/routes/+layout.svelte

@@ -130,10 +130,15 @@
 							start: !$shouldGoBack ? 250 : -250,
 							end: 0,
 						},
+						y: {
+							start: 100,
+							end: 0,
+						},
 						scale: {
 							start: 0.75,
 							end: 1,
 						},
+						origin: "top center",
 					}}
 					out:blur={{
 						duration,
@@ -143,10 +148,15 @@
 							start: 0,
 							end: !$shouldGoBack ? -250 : 250,
 						},
+						y: {
+							start: 0,
+							end: 100,
+						},
 						scale: {
 							start: 1,
 							end: 0.75,
 						},
+						origin: "top center",
 					}}
 				>
 					<div class="pb-20">