fix redirections

src/pages/Editor.tsx

@@ -2,7 +2,7 @@ import {
     CSSProperties,
     Dispatch,
     RefObject,
-    SetStateAction,
+    SetStateAction, startTransition,
     useCallback,
     useEffect,
     useMemo,
@@ -196,9 +196,9 @@ function Editor({ id, name, courtType, content }: EditorProps) {
                     { content },
                     "PUT",
                 )
-                if (response.status == 401) {
+                if (response.status == 401) startTransition(() =>  {
                     navigate("/login")
-                }
+                })
                 return response.ok ? SaveStates.Ok : SaveStates.Err
             }}
             onNameChange={async (name: string) => {
@@ -212,9 +212,9 @@ function Editor({ id, name, courtType, content }: EditorProps) {
                     { name },
                     "PUT",
                 )
-                if (response.status == 401) {
+                if (response.status == 401) startTransition(() => {
                     navigate("/login")
-                }
+                })
                 return response.ok
             }}
         />

src/pages/HomePage.tsx

@@ -177,7 +177,9 @@ function TableData({ allTactics }: { allTactics: Tactic[] }) {
                 key={tactic.id}
                 className="data"
                 onClick={() => {
-                    navigate("/tactic/" + tactic.id + "/edit")
+                    startTransition(() => {
+                        navigate("/tactic/" + tactic.id + "/edit")
+                    })
                 }}>
                 {truncateString(tactic.name, 25)}
             </td>
@@ -221,7 +223,7 @@ function Team({ teams }: { teams: Team[] }) {
         <div id="teams">
             <div className="titre-side-menu">
                 <h2 className="title">Mes équipes</h2>
-                <button className="new" onClick={() => navigate("/team/new")}>
+                <button className="new" onClick={() => startTransition(() => navigate("/team/new"))}>
                     +
                 </button>
             </div>
@@ -240,7 +242,7 @@ function Tactic({ lastTactics }: { lastTactics: Tactic[] }) {
                 <button
                     className="new"
                     id="create-tactic"
-                    onClick={() => navigate("/tactic/new")}>
+                    onClick={() => startTransition(() => navigate("/tactic/new"))}>
                     +
                 </button>
             </div>
@@ -273,7 +275,9 @@ function ButtonTeam({ team }: { team: Team }) {
                 id={"button-team" + team.id}
                 className="button-side-menu data"
                 onClick={() => {
-                    navigate("/team/" + team.id)
+                    startTransition(() => {
+                        navigate("/team/" + team.id)
+                    })
                 }}>
                 {name}
             </div>
@@ -290,7 +294,9 @@ function ButtonLastTactic({ tactic }: { tactic: Tactic }) {
             id={"button" + tactic.id}
             className="button-side-menu data"
             onClick={() => {
-                navigate("/tactic/" + tactic.id + "/edit")
+                startTransition(() => {
+                    navigate("/tactic/" + tactic.id + "/edit")
+                })
             }}>
             {name}
         </div>

src/pages/NewTacticPage.tsx

@@ -66,11 +66,11 @@ function CourtKindButton({
                     "POST",
                 )
 
-                if (response.status === 401) {
+                if (response.status === 401) startTransition(() => {
                     // if unauthorized
                     navigate("/login")
                     return
-                }
+                })
 
                 const { id } = await response.json()
                 startTransition(() => {