Fix deployment

Author: fzaninotto

riddle/src/Root.tsx

@@ -4,13 +4,13 @@ export default function Root() {
   return (
     <div className="w-screen h-screen bg-indigo-950 text-zinc-50">
       <div className="flex w-screen space-x-6 p-4 rounded-b-lg bg-indigo-900">
-        <NavLink to="/" unstable_viewTransition>
+        <NavLink to="/" viewTransition>
           Home
         </NavLink>
-        <NavLink to="/riddle/1/question/0" unstable_viewTransition>
+        <NavLink to="/riddle/1/question/0" viewTransition>
           Riddle 1
         </NavLink>
-        <NavLink to="/riddle/2/question/0" unstable_viewTransition>
+        <NavLink to="/riddle/2/question/0" viewTransition>
           OWASP TOP 3
         </NavLink>
       </div>

riddle/src/routes/riddle.$riddleId.question.$question.tsx

@@ -21,15 +21,15 @@ export const RiddleQuestion = () => {
       ref={ref}
       method="POST"
       className="flex w-full place-content-center px-4"
-      unstable_viewTransition // Doesn't work
+      viewTransition
       onSubmit={(e) => {
         if (document.startViewTransition) {
           e.preventDefault();
           // Manually trigger the view transition
           document.startViewTransition(async () => {
             submit(ref.current, {
               method: "POST",
-              unstable_viewTransition: true, // Doesn't work
+              viewTransition: true,
             });
             await new Promise((resolve) => setTimeout(resolve, 100));
           });