feat: transition router

Author: Rahuletto

app/auth/login/components/Form.tsx

@@ -5,12 +5,12 @@ import PasswordInput from "./form/PasswordInput";
 import rotateUrl from "@/utils/URL";
 import Button from "@/components/Button";
 import { token } from "@/utils/Tokenize";
-import { useRouter } from "next/navigation";
+import { useTransitionRouter } from "next-view-transitions";
 import Link from "next/link";
 import { setCookie } from "@/utils/Cookies";
 
 export default function Form() {
-	const router = useRouter();
+	const router = useTransitionRouter();
 	const [uid, setUid] = useState("");
 	const [pass, setPass] = useState("");
 

app/not-found.tsx

@@ -1,10 +1,11 @@
 "use client";
-import { useRouter } from "next/navigation";
+import { useTransitionRouter } from "next-view-transitions";
+
 import React from "react";
 import { FaQuestion } from "react-icons/fa6";
 
 export default function NotFoundPage() {
-	const router = useRouter();
+	const router = useTransitionRouter();
 	return (
 		<main className="h-screen w-screen bg-light-info-background flex-col dark:bg-dark-info-background flex items-center justify-center">
 			<div className="flex w-fit flex-col items-center justify-center relative">

app/sleeping/page.tsx

@@ -1,11 +1,11 @@
 "use client";
-import { useRouter } from "next/navigation";
+import { useTransitionRouter } from "next-view-transitions";
 import React from "react";
 import { HiServerStack } from "react-icons/hi2";
 import { RiZzzFill } from "react-icons/ri";
 
 export default function Sleeping() {
-	const router = useRouter();
+	const router = useTransitionRouter();
 	return (
 		<main className="h-screen w-screen bg-light-info-background flex-col dark:bg-dark-info-background flex items-center justify-center">
 			<div className="flex w-fit flex-col items-center justify-center relative">