feat: add new page transition

inertia/styles/index.css

@@ -1,6 +1,40 @@
 html,
 body {
-	height: 100svh;
+	min-height: 100svh;
 	width: 100%;
 	background-color: light-dark(var(--mantine-color-white), rgb(34, 40, 49));
 }
+
+.__transition_fadeIn {
+	animation: fadeIn 0.25s ease;
+	opacity: 1;
+	scale: 1;
+}
+
+.__transition_fadeOut {
+	animation: fadeOut 0.25s ease;
+	opacity: 0;
+	scale: 0.9;
+}
+
+@keyframes fadeIn {
+	from {
+		opacity: 0;
+		scale: 0.9;
+	}
+	to {
+		opacity: 1;
+		scale: 1;
+	}
+}
+
+@keyframes fadeOut {
+	from {
+		opacity: 1;
+		scale: 1;
+	}
+	to {
+		opacity: 0;
+		scale: 0.9;
+	}
+}