diff --git a/app/(authenticated)/images/[id]/page.tsx b/app/(authenticated)/images/[id]/page.tsx
index 9899619..07f47fb 100644
--- a/app/(authenticated)/images/[id]/page.tsx
+++ b/app/(authenticated)/images/[id]/page.tsx
@@ -2,6 +2,7 @@ import {Alert, Breadcrumbs, Button, Link, Stack, Typography} from "@mui/material
 import CardBackground from "@/components/layout/cardBackground";
 import {imageFactory} from "@/src/models/ImageModel";
 import ImageEditor from "@/components/images/imageEditor";
+import NextLink from "next/link";
 
 export default async function ImageEditPage({params}: { params: { id: string } }) {
     const imageId = parseInt(params.id, 10)
@@ -14,7 +15,11 @@ export default async function ImageEditPage({params}: { params: { id: string } }
                     <Typography>画像が削除されました。</Typography>
                 </Alert>
 
-                <Button variant="contained" href="/images/">
+                <Button
+                    variant="contained"
+                    href="/images/"
+                    component={NextLink}
+                >
                     画像管理に戻る
                 </Button>
             </Stack>
@@ -24,10 +29,20 @@ export default async function ImageEditPage({params}: { params: { id: string } }
     return (
         <Stack spacing={1} mx={2} my={3}>
             <Breadcrumbs aria-label="breadcrumb" sx={{pl: 2}}>
-                <Link underline="hover" color="inherit" href="/">
+                <Link
+                    underline="hover"
+                    color="inherit"
+                    href="/"
+                    component={NextLink}
+                >
                     管理者のダッシュボード
                 </Link>
-                <Link underline="hover" color="inherit" href={"/images/"}>
+                <Link
+                    underline="hover"
+                    color="inherit"
+                    href={"/images/"}
+                    component={NextLink}
+                >
                     画像管理
                 </Link>
                 <Typography color="text.primary">{image.id}</Typography>
diff --git a/app/(authenticated)/images/create/page.tsx b/app/(authenticated)/images/create/page.tsx
index d53811b..fc1ed56 100644
--- a/app/(authenticated)/images/create/page.tsx
+++ b/app/(authenticated)/images/create/page.tsx
@@ -1,16 +1,27 @@
 import {Stack, Breadcrumbs, Link, Typography} from "@mui/material";
 import CardBackground from "@/components/layout/cardBackground";
 import ImageCreator from "@/components/images/imageCreator";
+import NextLink from "next/link";
 
 export default function ImageCreatePage() {
 
     return (
         <Stack spacing={1} mx={2} my={3}>
             <Breadcrumbs aria-label="breadcrumb" sx={{pl: 2}}>
-                <Link underline="hover" color="inherit" href="/">
+                <Link
+                    underline="hover"
+                    color="inherit"
+                    href="/"
+                    component={NextLink}
+                >
                     管理者のダッシュボード
                 </Link>
-                <Link underline="hover" color="inherit" href={"/images/"}>
+                <Link
+                    underline="hover"
+                    color="inherit"
+                    href={"/images/"}
+                    component={NextLink}
+                >
                     画像管理
                 </Link>
                 <Typography color="text.primary">画像作成</Typography>
diff --git a/app/(authenticated)/images/page.tsx b/app/(authenticated)/images/page.tsx
index 9c8d6c2..ac18d70 100644
--- a/app/(authenticated)/images/page.tsx
+++ b/app/(authenticated)/images/page.tsx
@@ -2,6 +2,7 @@ import {Stack, Breadcrumbs, Link, Typography, Avatar, Button} from "@mui/materia
 import CardBackground from "@/components/layout/cardBackground";
 import {imageFactory} from "@/src/models/ImageModel";
 import React from "react";
+import NextLink from "next/link";
 
 export default async function ImagesPage() {
     const images = await imageFactory().index()
@@ -9,7 +10,12 @@ export default async function ImagesPage() {
     return (
         <Stack spacing={1} mx={2} my={3}>
             <Breadcrumbs aria-label="breadcrumb" sx={{pl: 2}}>
-                <Link underline="hover" color="inherit" href="/">
+                <Link
+                    underline="hover"
+                    color="inherit"
+                    href="/"
+                    component={NextLink}
+                >
                     管理者のダッシュボード
                 </Link>
                 <Typography color="text.primary">画像管理</Typography>
@@ -21,7 +27,13 @@ export default async function ImagesPage() {
             >
                 <Stack spacing={1}>
                     {images?.map((image) => (
-                        <Button variant={"contained"} fullWidth href={`/images/${image.id}`} key={image.id}>
+                        <Button
+                            variant={"contained"}
+                            fullWidth
+                            href={`/images/${image.id}`}
+                            component={NextLink}
+                            key={image.id}
+                        >
                             <Stack direction={"row"} spacing={2} alignItems={"center"} sx={{width:"100%"}}>
                                 <Avatar src={`${process.env.NEXT_PUBLIC_API_URL}/images/${image.id}/file`}/>
                                 <Typography>
diff --git a/app/(authenticated)/locations/page.tsx b/app/(authenticated)/locations/page.tsx
index 10f93c6..150b957 100644
--- a/app/(authenticated)/locations/page.tsx
+++ b/app/(authenticated)/locations/page.tsx
@@ -1,11 +1,17 @@
 import {Breadcrumbs, Link, Stack, Typography} from "@mui/material";
 import CardBackground from "@/components/layout/cardBackground";
+import NextLink from "next/link";
 
 export default function  LocationPage() {
     return (
         <Stack spacing={1} mx={2} my={3}>
             <Breadcrumbs aria-label="breadcrumb" sx={{pl:2}}>
-                <Link underline="hover" color="inherit" href="/public">
+                <Link
+                    underline="hover"
+                    color="inherit"
+                    href="/"
+                    component={NextLink}
+                >
                     管理者のダッシュボード
                 </Link>
                 <Typography color="text.primary">場所管理</Typography>
diff --git a/app/(authenticated)/roles/[id]/page.tsx b/app/(authenticated)/roles/[id]/page.tsx
index fa4ded3..ae7e265 100644
--- a/app/(authenticated)/roles/[id]/page.tsx
+++ b/app/(authenticated)/roles/[id]/page.tsx
@@ -3,6 +3,7 @@ import CardBackground from "@/components/layout/cardBackground";
 import {roleFactory} from "@/src/models/RoleModel";
 import {permissionFactory} from "@/src/models/PermissionModel";
 import RoleEditor from "@/components/roles/roleEditor";
+import NextLink from "next/link";
 
 export default async function RoleDetailPage({params}: { params: { id: string } }) {
     const roleId = parseInt(params.id, 10)
@@ -16,7 +17,11 @@ export default async function RoleDetailPage({params}: { params: { id: string }
                     <Typography>ロールが存在しません。</Typography>
                 </Alert>
 
-                <Button variant="contained" href="/roles/">
+                <Button
+                    variant="contained"
+                    href="/roles/"
+                    component={NextLink}
+                >
                     ロール管理に戻る
                 </Button>
             </Stack>
@@ -26,10 +31,20 @@ export default async function RoleDetailPage({params}: { params: { id: string }
     return (
         <Stack spacing={1} mx={2} my={3}>
             <Breadcrumbs aria-label="breadcrumb" sx={{pl: 2}}>
-                <Link underline="hover" color="inherit" href="/">
+                <Link
+                    underline="hover"
+                    color="inherit"
+                    href="/"
+                    component={NextLink}
+                >
                     管理者のダッシュボード
                 </Link>
-                <Link underline="hover" color="inherit" href="/roles/">
+                <Link
+                    underline="hover"
+                    color="inherit"
+                    href="/roles/"
+                    component={NextLink}
+                >
                     ロール管理
                 </Link>
                 <Typography color="text.primary">{role.name}</Typography>
diff --git a/app/(authenticated)/roles/create/page.tsx b/app/(authenticated)/roles/create/page.tsx
index 5e361bc..0c53226 100644
--- a/app/(authenticated)/roles/create/page.tsx
+++ b/app/(authenticated)/roles/create/page.tsx
@@ -1,6 +1,7 @@
 import {Stack, Breadcrumbs, Link, Typography} from "@mui/material";
 import CardBackground from "@/components/layout/cardBackground";
 import RoleCreator from "@/components/roles/roleCreator";
+import NextLink from "next/link";
 
 export default function RoleCreatePage() {
 
@@ -8,10 +9,20 @@ export default function RoleCreatePage() {
     return (
         <Stack spacing={1} mx={2} my={3}>
             <Breadcrumbs aria-label="breadcrumb" sx={{pl: 2}}>
-                <Link underline="hover" color="inherit" href="/">
+                <Link
+                    underline="hover"
+                    color="inherit"
+                    component={NextLink}
+                    href="/"
+                >
                     管理者のダッシュボード
                 </Link>
-                <Link underline="hover" color="inherit" href="/roles/">
+                <Link
+                    underline="hover"
+                    color="inherit"
+                    href="/roles/"
+                    component={NextLink}
+                >
                     ロール管理
                 </Link>
                 <Typography color="text.primary">ロール作成</Typography>
diff --git a/app/(authenticated)/roles/page.tsx b/app/(authenticated)/roles/page.tsx
index 4ed6558..ca346ff 100644
--- a/app/(authenticated)/roles/page.tsx
+++ b/app/(authenticated)/roles/page.tsx
@@ -2,6 +2,7 @@ import {Stack, Breadcrumbs, Link, Typography} from "@mui/material";
 import {roleFactory} from "@/src/models/RoleModel";
 import RolesAgGrid from "@/components/roles/rolesAgGrid";
 import CardBackground from "@/components/layout/cardBackground";
+import NextLink from "next/link";
 
 export default async function RolesPage() {
     const roles = await roleFactory().index()
@@ -9,7 +10,12 @@ export default async function RolesPage() {
     return (
         <Stack spacing={1} mx={2} my={3}>
             <Breadcrumbs aria-label="breadcrumb" sx={{pl: 2}}>
-                <Link underline="hover" color="inherit" href="/">
+                <Link
+                    underline="hover"
+                    color="inherit"
+                    href="/"
+                    component={NextLink}
+                >
                     管理者のダッシュボード
                 </Link>
                 <Typography color="text.primary">ロール管理</Typography>
diff --git a/app/(authenticated)/sports/[id]/automatic-match-editor/page.tsx b/app/(authenticated)/sports/[id]/automatic-match-editor/page.tsx
index dd678f7..1afaad0 100644
--- a/app/(authenticated)/sports/[id]/automatic-match-editor/page.tsx
+++ b/app/(authenticated)/sports/[id]/automatic-match-editor/page.tsx
@@ -3,6 +3,7 @@ import {Stack, Link, Typography, Breadcrumbs} from "@mui/material";
 import {sportFactory} from "@/src/models/SportModel";
 import {gameFactory} from "@/src/models/GameModel";
 import {CrossGameAutomaticMatchEditor} from "@/components/automation/CrossGameAutomaticMatchEditor";
+import NextLink from "next/link";
 
 export default async function CrossGameAutomaticMatchEditorPage({params}: { params: { id: string } }) {
     const sportId = parseInt(params.id, 10)
@@ -13,13 +14,28 @@ export default async function CrossGameAutomaticMatchEditorPage({params}: { para
     return(
         <Stack spacing={1} mx={2} my={3}>
             <Breadcrumbs aria-label="breadcrumb" sx={{pl:2}}>
-                <Link underline="hover" color="inherit" href="/">
+                <Link
+                    underline="hover"
+                    color="inherit"
+                    href="/"
+                    component={NextLink}
+                >
                     管理者のダッシュボード
                 </Link>
-                <Link underline="hover" color="inherit" href={"/sports"}>
+                <Link
+                    underline="hover"
+                    color="inherit"
+                    href={"/sports"}
+                    component={NextLink}
+                >
                     競技管理
                 </Link>
-                <Link underline="hover" color="inherit" href={`/sports/${sportId}`}>
+                <Link
+                    underline="hover"
+                    color="inherit"
+                    href={`/sports/${sportId}`}
+                    component={NextLink}
+                >
                     {sport.name}
                 </Link>
                 <Typography color="text.primary">一括試合編集(Cross Game)</Typography>
diff --git a/app/(authenticated)/sports/[id]/create-league/page.tsx b/app/(authenticated)/sports/[id]/create-league/page.tsx
index 379a498..34f4fcf 100644
--- a/app/(authenticated)/sports/[id]/create-league/page.tsx
+++ b/app/(authenticated)/sports/[id]/create-league/page.tsx
@@ -3,6 +3,7 @@ import CardBackground from "@/components/layout/cardBackground";
 import {sportFactory} from "@/src/models/SportModel";
 import GameForm from "@/components/league/legacy/GameForm";
 import {tagFactory} from "@/src/models/TagModel";
+import NextLink from "next/link";
 
 export default async function LeaguePage({params}: { params: { id: string } }) {
     const sportId = parseInt(params.id, 10)
@@ -12,13 +13,28 @@ export default async function LeaguePage({params}: { params: { id: string } }) {
     return (
         <Stack spacing={2} mx={2} my={3}>
             <Breadcrumbs aria-label="breadcrumb" sx={{pl: 2}}>
-                <Link underline="hover" color="inherit" href="/public">
+                <Link
+                    underline="hover"
+                    color="inherit"
+                    href="/"
+                    component={NextLink}
+                >
                     管理者のダッシュボード
                 </Link>
-                <Link underline="hover" color="inherit" href={"/sports"}>
+                <Link
+                    underline="hover"
+                    color="inherit"
+                    href={"/sports"}
+                    component={NextLink}
+                >
                     競技管理
                 </Link>
-                <Link underline="hover" color="inherit" href={`/sports/${sportId}`}>
+                <Link
+                    underline="hover"
+                    color="inherit"
+                    href={`/sports/${sportId}`}
+                    component={NextLink}
+                >
                     {sport.name}
                 </Link>
                 <Typography color="text.primary">リーグを作成・編集</Typography>
diff --git a/app/(authenticated)/sports/[id]/games/[gameId]/automatic-match-editor/page.tsx b/app/(authenticated)/sports/[id]/games/[gameId]/automatic-match-editor/page.tsx
index 4cf147d..767d2cc 100644
--- a/app/(authenticated)/sports/[id]/games/[gameId]/automatic-match-editor/page.tsx
+++ b/app/(authenticated)/sports/[id]/games/[gameId]/automatic-match-editor/page.tsx
@@ -3,6 +3,7 @@ import {Stack, Link, Typography, Breadcrumbs} from "@mui/material";
 import {sportFactory} from "@/src/models/SportModel";
 import {gameFactory} from "@/src/models/GameModel";
 import {AutomaticMatchEditor} from "@/components/automation/AutomaticMatchEditor";
+import NextLink from "next/link";
 
 export default async function AutomaticMatchEditorPage({params}: { params: { gameId:string, id: string } }) {
     const gameId = parseInt(params.gameId, 10)
@@ -13,16 +14,36 @@ export default async function AutomaticMatchEditorPage({params}: { params: { gam
     return(
         <Stack spacing={1} mx={2} my={3}>
             <Breadcrumbs aria-label="breadcrumb" sx={{pl:2}}>
-                <Link underline="hover" color="inherit" href="/">
+                <Link
+                    underline="hover"
+                    color="inherit"
+                    href="/"
+                    component={NextLink}
+                >
                     管理者のダッシュボード
                 </Link>
-                <Link underline="hover" color="inherit" href={"/sports"}>
+                <Link
+                    underline="hover"
+                    color="inherit"
+                    href={"/sports"}
+                    component={NextLink}
+                >
                     競技管理
                 </Link>
-                <Link underline="hover" color="inherit" href={`/sports/${sport.id}`}>
+                <Link
+                    underline="hover"
+                    color="inherit"
+                    href={`/sports/${sport.id}`}
+                    component={NextLink}
+                >
                     {sport.name}
                 </Link>
-                <Link underline="hover" color="inherit" href={`/sports/${sport.id}/games/${game.id}`}>
+                <Link
+                    underline="hover"
+                    color="inherit"
+                    href={`/sports/${sport.id}/games/${game.id}`}
+                    component={NextLink}
+                >
                     {game.name}(ID:{gameId})
                 </Link>
                 <Typography color="text.primary">試合一括編集</Typography>
diff --git a/app/(authenticated)/sports/[id]/games/[gameId]/generate-league-matches/page.tsx b/app/(authenticated)/sports/[id]/games/[gameId]/generate-league-matches/page.tsx
index 5bfefe2..95c4010 100644
--- a/app/(authenticated)/sports/[id]/games/[gameId]/generate-league-matches/page.tsx
+++ b/app/(authenticated)/sports/[id]/games/[gameId]/generate-league-matches/page.tsx
@@ -4,6 +4,7 @@ import {gameFactory} from "@/src/models/GameModel";
 import {sportFactory} from "@/src/models/SportModel";
 import {locationFactory} from "@/src/models/LocationModel";
 import MakeLeagueMatches from "@/components/automation/makeLeagueMatches";
+import NextLink from "next/link";
 
 export default async function GamePage({params}: { params: { id: string, gameId: string } }) {
     const gameId = parseInt(params.gameId, 10)
@@ -19,7 +20,11 @@ export default async function GamePage({params}: { params: { id: string, gameId:
                     <Typography>リーグではありません</Typography>
                 </Alert>
 
-                <Button variant="contained" href={`/sports/${sport.id}/games/${game.id}`}>
+                <Button
+                    variant="contained"
+                    href={`/sports/${sport.id}/games/${game.id}`}
+                    component={NextLink}
+                >
                     {game.name}(ID:{gameId})へ戻る
                 </Button>
             </Stack>
@@ -29,16 +34,36 @@ export default async function GamePage({params}: { params: { id: string, gameId:
     return (
         <Stack spacing={1} mx={2} my={3}>
             <Breadcrumbs aria-label="breadcrumb" sx={{pl: 2}}>
-                <Link underline="hover" color="inherit" href="/">
+                <Link
+                    underline="hover"
+                    color="inherit"
+                    href="/"
+                    component={NextLink}
+                >
                     管理者のダッシュボード
                 </Link>
-                <Link underline="hover" color="inherit" href={"/sports"}>
+                <Link
+                    underline="hover"
+                    color="inherit"
+                    href={"/sports"}
+                    component={NextLink}
+                >
                     競技管理
                 </Link>
-                <Link underline="hover" color="inherit" href={`/sports/${sport.id}`}>
+                <Link
+                    underline="hover"
+                    color="inherit"
+                    href={`/sports/${sport.id}`}
+                    component={NextLink}
+                >
                     {sport.name}
                 </Link>
-                <Link underline="hover" color="inherit" href={`/sports/${sport.id}/games/${game.id}`}>
+                <Link
+                    underline="hover"
+                    color="inherit"
+                    href={`/sports/${sport.id}/games/${game.id}`}
+                    component={NextLink}
+                >
                     {game.name}(ID:{gameId})
                 </Link>
                 <Typography color="text.primary">リーグの試合を再生成</Typography>
diff --git a/app/(authenticated)/sports/[id]/games/[gameId]/matches/[matchId]/page.tsx b/app/(authenticated)/sports/[id]/games/[gameId]/matches/[matchId]/page.tsx
index b1ba6be..87a9bea 100644
--- a/app/(authenticated)/sports/[id]/games/[gameId]/matches/[matchId]/page.tsx
+++ b/app/(authenticated)/sports/[id]/games/[gameId]/matches/[matchId]/page.tsx
@@ -3,6 +3,7 @@ import {sportFactory} from "@/src/models/SportModel";
 import {gameFactory} from "@/src/models/GameModel";
 import {matchFactory} from "@/src/models/MatchModel";
 import MatchEditor from "@/components/match/matchEditor";
+import NextLink from "next/link";
 
 export default async function MatchPage({params}: { params: { matchId:string, gameId:string, id: string } }) {
     const matchId = parseInt(params.matchId, 10)
@@ -15,16 +16,36 @@ export default async function MatchPage({params}: { params: { matchId:string, ga
     return(
         <Stack spacing={1} mx={2} my={3}>
             <Breadcrumbs aria-label="breadcrumb" sx={{pl:2}}>
-                <Link underline="hover" color="inherit" href="/public">
+                <Link
+                    underline="hover"
+                    color="inherit"
+                    href="/"
+                    component={NextLink}
+                >
                     管理者のダッシュボード
                 </Link>
-                <Link underline="hover" color="inherit" href={"/sports"}>
+                <Link
+                    underline="hover"
+                    color="inherit"
+                    href={"/sports"}
+                    component={NextLink}
+                >
                     競技管理
                 </Link>
-                <Link underline="hover" color="inherit" href={`/sports/${sport.id}`}>
+                <Link
+                    underline="hover"
+                    color="inherit"
+                    href={`/sports/${sport.id}`}
+                    component={NextLink}
+                >
                     {sport.name}
                 </Link>
-                <Link underline="hover" color="inherit" href={`/sports/${sport.id}/games/${gameId}`}>
+                <Link
+                    underline="hover"
+                    color="inherit"
+                    href={`/sports/${sport.id}/games/${gameId}`}
+                    component={NextLink}
+                >
                     {game.name}(ID:{gameId})
                 </Link>
                 <Typography color="text.primary">試合(ID:{match.id})</Typography>
diff --git a/app/(authenticated)/sports/[id]/games/[gameId]/page.tsx b/app/(authenticated)/sports/[id]/games/[gameId]/page.tsx
index 7cc16f1..3ed98c3 100644
--- a/app/(authenticated)/sports/[id]/games/[gameId]/page.tsx
+++ b/app/(authenticated)/sports/[id]/games/[gameId]/page.tsx
@@ -11,6 +11,7 @@ import {teamFactory} from "@/src/models/TeamModel";
 import {GameEntryList} from "@/components/league/legacy/GameEntryList";
 import AddGameEntryDialog from "@/components/league/legacy/AddGameEntryDialog";
 import AddGameEntryAutomation from "@/components/league/legacy/AddGameEntryAutomation";
+import NextLink from "next/link";
 
 export default async function GamePage({params}: { params: { gameId: string, id: string } }) {
     const gameId = parseInt(params.gameId, 10)
@@ -34,13 +35,28 @@ export default async function GamePage({params}: { params: { gameId: string, id:
     return (
         <Stack spacing={1} mx={2} my={3}>
             <Breadcrumbs aria-label="breadcrumb" sx={{pl: 2}}>
-                <Link underline="hover" color="inherit" href="/">
+                <Link
+                    underline="hover"
+                    color="inherit"
+                    href="/"
+                    component={NextLink}
+                >
                     管理者のダッシュボード
                 </Link>
-                <Link underline="hover" color="inherit" href={"/sports"}>
+                <Link
+                    underline="hover"
+                    color="inherit"
+                    href={"/sports"}
+                    component={NextLink}
+                >
                     競技管理
                 </Link>
-                <Link underline="hover" color="inherit" href={`/sports/${sport.id}`}>
+                <Link
+                    underline="hover"
+                    color="inherit"
+                    href={`/sports/${sport.id}`}
+                    component={NextLink}
+                >
                     {sport.name}
                 </Link>
                 <Typography color="text.primary">{game.name}(ID:{gameId})</Typography>
diff --git a/app/(authenticated)/sports/[id]/page.tsx b/app/(authenticated)/sports/[id]/page.tsx
index 9b77f72..fa6847a 100644
--- a/app/(authenticated)/sports/[id]/page.tsx
+++ b/app/(authenticated)/sports/[id]/page.tsx
@@ -5,6 +5,7 @@ import SportEditor from "@/components/sports/sportEditor";
 import LeagueList from "@/components/sports/leagueList";
 import {gameFactory} from "@/src/models/GameModel";
 import SportInProgressMatchList from "@/components/match/sportInProgressMatchList";
+import NextLink from "next/link";
 
 export default async function SportPage({params}: { params: { id: string } }) {
     const sportId = parseInt(params.id, 10)
@@ -17,10 +18,20 @@ export default async function SportPage({params}: { params: { id: string } }) {
     return (
         <Stack spacing={1} mx={2} my={3}>
             <Breadcrumbs aria-label="breadcrumb" sx={{pl: 2}}>
-                <Link underline="hover" color="inherit" href="/">
+                <Link
+                    underline="hover"
+                    color="inherit"
+                    href="/"
+                    component={NextLink}
+                >
                     管理者のダッシュボード
                 </Link>
-                <Link underline="hover" color="inherit" href={"/sports"}>
+                <Link
+                    underline="hover"
+                    color="inherit"
+                    href={"/sports"}
+                    component={NextLink}
+                >
                     競技管理
                 </Link>
                 <Typography color="text.primary">{sport.name}</Typography>
diff --git a/app/(authenticated)/sports/create/page.tsx b/app/(authenticated)/sports/create/page.tsx
index da80118..c588f5c 100644
--- a/app/(authenticated)/sports/create/page.tsx
+++ b/app/(authenticated)/sports/create/page.tsx
@@ -1,15 +1,26 @@
 import {Stack, Breadcrumbs, Link, Typography} from "@mui/material";
 import CardBackground from "@/components/layout/cardBackground";
 import SportCreator from "@/components/sports/sportCreator";
+import NextLink from "next/link";
 
 export default async function CreateSport() {
     return (
         <Stack spacing={1} mx={2} my={3}>
             <Breadcrumbs aria-label="breadcrumb" sx={{pl: 2}}>
-                <Link underline="hover" color="inherit" href="/">
+                <Link
+                    underline="hover"
+                    color="inherit"
+                    href="/"
+                    component={NextLink}
+                >
                     管理者のダッシュボード
                 </Link>
-                <Link underline="hover" color="inherit" href="../../sports" >
+                <Link
+                    underline="hover"
+                    color="inherit"
+                    href="../../sports"
+                    component={NextLink}
+                >
                     競技管理
                 </Link>
                 <Typography color="text.primary">競技を新規作成</Typography>
diff --git a/app/(authenticated)/sports/page.tsx b/app/(authenticated)/sports/page.tsx
index a104790..3bcfdcc 100644
--- a/app/(authenticated)/sports/page.tsx
+++ b/app/(authenticated)/sports/page.tsx
@@ -2,6 +2,7 @@ import {Breadcrumbs, Grid, Link, Stack, Typography} from "@mui/material";
 import CardBackground from "@/components/layout/cardBackground";
 import SportsList from "@/components/sports/sportsList";
 import {sportFactory} from "@/src/models/SportModel";
+import NextLink from "next/link";
 
 export default async function SportsPage() {
     const sports = await sportFactory().index()
@@ -9,7 +10,12 @@ export default async function SportsPage() {
     return (
         <Stack spacing={2} mx={2} my={3}>
             <Breadcrumbs aria-label="breadcrumb" sx={{pl:2}}>
-                <Link underline="hover" color="inherit" href="/">
+                <Link
+                    underline="hover"
+                    color="inherit"
+                    href="/"
+                    component={NextLink}
+                >
                     管理者のダッシュボード
                 </Link>
                 <Typography color="text.primary">競技管理</Typography>
diff --git a/app/(authenticated)/tags/[id]/page.tsx b/app/(authenticated)/tags/[id]/page.tsx
index f5a4dd7..c1fc280 100644
--- a/app/(authenticated)/tags/[id]/page.tsx
+++ b/app/(authenticated)/tags/[id]/page.tsx
@@ -2,6 +2,7 @@ import {Alert, Breadcrumbs, Button, Link, Stack, Typography} from "@mui/material
 import CardBackground from "@/components/layout/cardBackground";
 import {tagFactory} from "@/src/models/TagModel";
 import TagEditor from "@/components/tags/tagEditor";
+import NextLink from "next/link";
 
 export default async function RoleDetailPage({params}: { params: { id: string } }) {
     const tagId = parseInt(params.id, 10)
@@ -14,7 +15,11 @@ export default async function RoleDetailPage({params}: { params: { id: string }
                     <Typography>タグが存在しません。</Typography>
                 </Alert>
 
-                <Button variant="contained" href="/tags/">
+                <Button
+                    variant="contained"
+                    href="/tags/"
+                    component={NextLink}
+                >
                     タグ管理に戻る
                 </Button>
             </Stack>
@@ -24,10 +29,20 @@ export default async function RoleDetailPage({params}: { params: { id: string }
     return (
         <Stack spacing={1} mx={2} my={3}>
             <Breadcrumbs aria-label="breadcrumb" sx={{pl: 2}}>
-                <Link underline="hover" color="inherit" href="/">
+                <Link
+                    underline="hover"
+                    color="inherit"
+                    href="/"
+                    component={NextLink}
+                >
                     管理者のダッシュボード
                 </Link>
-                <Link underline="hover" color="inherit" href={"/tags/"}>
+                <Link
+                    underline="hover"
+                    color="inherit"
+                    href={"/tags/"}
+                    component={NextLink}
+                >
                     タグ管理
                 </Link>
                 <Typography color="text.primary">{tag.name}</Typography>
diff --git a/app/(authenticated)/tags/create/page.tsx b/app/(authenticated)/tags/create/page.tsx
index d5dcbe4..29c1e9e 100644
--- a/app/(authenticated)/tags/create/page.tsx
+++ b/app/(authenticated)/tags/create/page.tsx
@@ -1,16 +1,27 @@
 import {Stack, Breadcrumbs, Link, Typography} from "@mui/material";
 import CardBackground from "@/components/layout/cardBackground";
 import TagCreator from "@/components/tags/tagCreator";
+import NextLink from "next/link";
 
 export default function TagCreatePage() {
 
     return (
         <Stack spacing={1} mx={2} my={3}>
             <Breadcrumbs aria-label="breadcrumb" sx={{pl: 2}}>
-                <Link underline="hover" color="inherit" href="/">
+                <Link
+                    underline="hover"
+                    color="inherit"
+                    href="/"
+                    component={NextLink}
+                >
                     管理者のダッシュボード
                 </Link>
-                <Link underline="hover" color="inherit" href={"/tags/"}>
+                <Link
+                    underline="hover"
+                    color="inherit"
+                    href={"/tags/"}
+                    component={NextLink}
+                >
                     タグ管理
                 </Link>
                 <Typography color="text.primary">タグ作成</Typography>
diff --git a/app/(authenticated)/tags/page.tsx b/app/(authenticated)/tags/page.tsx
index 3793592..976ad49 100644
--- a/app/(authenticated)/tags/page.tsx
+++ b/app/(authenticated)/tags/page.tsx
@@ -2,6 +2,7 @@ import {Stack, Breadcrumbs, Link, Typography} from "@mui/material";
 import CardBackground from "@/components/layout/cardBackground";
 import {tagFactory} from "@/src/models/TagModel";
 import TagsAgGrid from "@/components/tags/tagsAgGrid";
+import NextLink from "next/link";
 
 export default async function TagsPage() {
     const tags = await tagFactory().index()
@@ -9,7 +10,12 @@ export default async function TagsPage() {
     return (
         <Stack spacing={1} mx={2} my={3}>
             <Breadcrumbs aria-label="breadcrumb" sx={{pl: 2}}>
-                <Link underline="hover" color="inherit" href="/">
+                <Link
+                    underline="hover"
+                    color="inherit"
+                    href="/"
+                    component={NextLink}
+                >
                     管理者のダッシュボード
                 </Link>
                 <Typography color="text.primary">タグ管理</Typography>
diff --git a/app/(authenticated)/teams/[id]/page.tsx b/app/(authenticated)/teams/[id]/page.tsx
index 361ce10..e0188d2 100644
--- a/app/(authenticated)/teams/[id]/page.tsx
+++ b/app/(authenticated)/teams/[id]/page.tsx
@@ -4,6 +4,7 @@ import React from "react";
 import {teamFactory} from "@/src/models/TeamModel";
 import TeamEditor from "@/components/teams/teamEditor";
 import {classFactory} from "@/src/models/ClassModel";
+import NextLink from "next/link";
 
 export default async function TeamDetailPage({ params }: { params: { id: string } }) {
     const teamId = parseInt(params.id, 10)
@@ -15,10 +16,20 @@ export default async function TeamDetailPage({ params }: { params: { id: string
     return (
         <Stack spacing={1} mx={2} my={3}>
             <Breadcrumbs aria-label="breadcrumb" sx={{pl: 2}}>
-                <Link underline="hover" color="inherit" href="/">
+                <Link
+                    underline="hover"
+                    color="inherit"
+                    href="/"
+                    component={NextLink}
+                >
                     管理者のダッシュボード
                 </Link>
-                <Link underline="hover" color="inherit" href={"/teams/"}>
+                <Link
+                    underline="hover"
+                    color="inherit"
+                    href={"/teams/"}
+                    component={NextLink}
+                >
                     チーム管理
                 </Link>
                 <Typography color="text.primary">{teamInfo.name}</Typography>
diff --git a/app/(authenticated)/teams/automatic-rename/page.tsx b/app/(authenticated)/teams/automatic-rename/page.tsx
index 1c4a316..0feba22 100644
--- a/app/(authenticated)/teams/automatic-rename/page.tsx
+++ b/app/(authenticated)/teams/automatic-rename/page.tsx
@@ -3,6 +3,7 @@ import CardBackground from "@/components/layout/cardBackground";
 import {teamFactory} from "@/src/models/TeamModel";
 import React from "react";
 import AutomaticRename from "@/components/teams/automatic-rename/automaticRename";
+import NextLink from "next/link";
 
 export default async function TeamAutomaticRenamePage() {
     const teams = await teamFactory().index()
@@ -10,10 +11,20 @@ export default async function TeamAutomaticRenamePage() {
     return (
         <Stack spacing={1} mx={2} my={3}>
             <Breadcrumbs aria-label="breadcrumb" sx={{pl: 2}}>
-                <Link underline="hover" color="inherit" href="/">
+                <Link
+                    underline="hover"
+                    color="inherit"
+                    href="/"
+                    component={NextLink}
+                >
                     管理者のダッシュボード
                 </Link>
-                <Link underline="hover" color="inherit" href={"/teams/"}>
+                <Link
+                    underline="hover"
+                    color="inherit"
+                    href={"/teams/"}
+                    component={NextLink}
+                >
                     チーム管理
                 </Link>
                 <Typography color="text.primary">
diff --git a/app/(authenticated)/teams/export/page.tsx b/app/(authenticated)/teams/export/page.tsx
index 55fb385..9603fec 100644
--- a/app/(authenticated)/teams/export/page.tsx
+++ b/app/(authenticated)/teams/export/page.tsx
@@ -6,6 +6,7 @@ import React from "react";
 import ExportTeams from "@/components/teams/export/exportTeams";
 import {userFactory} from "@/src/models/UserModel";
 import {classFactory} from "@/src/models/ClassModel";
+import NextLink from "next/link";
 
 export default async function TeamPage() {
     const teams = await teamFactory().index()
@@ -16,10 +17,20 @@ export default async function TeamPage() {
     return (
         <Stack spacing={1} mx={2} my={3}>
             <Breadcrumbs aria-label="breadcrumb" sx={{pl: 2}}>
-                <Link underline="hover" color="inherit" href="/">
+                <Link
+                    underline="hover"
+                    color="inherit"
+                    href="/"
+                    component={NextLink}
+                >
                     管理者のダッシュボード
                 </Link>
-                <Link underline="hover" color="inherit" href="/teams/">
+                <Link
+                    underline="hover"
+                    color="inherit"
+                    href="/teams/"
+                    component={NextLink}
+                >
                     チーム管理
                 </Link>
                 <Typography color="text.primary">
diff --git a/app/(authenticated)/teams/page.tsx b/app/(authenticated)/teams/page.tsx
index c7e8296..f363a54 100644
--- a/app/(authenticated)/teams/page.tsx
+++ b/app/(authenticated)/teams/page.tsx
@@ -4,6 +4,7 @@ import TeamsAgGrid from "@/components/teams/teamsTable";
 import {classFactory} from "@/src/models/ClassModel";
 import {teamFactory} from "@/src/models/TeamModel";
 import {teamTagFactory} from "@/src/models/TeamTagModel";
+import NextLink from "next/link";
 
 export default async function TeamPage() {
     const classes = await classFactory().index()
@@ -13,7 +14,12 @@ export default async function TeamPage() {
     return (
         <Stack spacing={1} mx={2} my={3}>
             <Breadcrumbs aria-label="breadcrumb" sx={{pl: 2}}>
-                <Link underline="hover" color="inherit" href="/">
+                <Link
+                    underline="hover"
+                    color="inherit"
+                    href="/"
+                    component={NextLink}
+                >
                     管理者のダッシュボード
                 </Link>
                 <Typography color="text.primary">チーム管理</Typography>
@@ -27,6 +33,7 @@ export default async function TeamPage() {
                     <Button
                         variant={"contained"}
                         href={"/teams/export"}
+                        component={NextLink}
                     >
                         エクスポート
                     </Button>
@@ -34,6 +41,7 @@ export default async function TeamPage() {
                     <Button
                         variant={"contained"}
                         href={"/teams/automatic-rename"}
+                        component={NextLink}
                     >
                         一括名前変更
                     </Button>
diff --git a/app/(authenticated)/users/[id]/page.tsx b/app/(authenticated)/users/[id]/page.tsx
index 6ce0806..11f7b27 100644
--- a/app/(authenticated)/users/[id]/page.tsx
+++ b/app/(authenticated)/users/[id]/page.tsx
@@ -5,6 +5,7 @@ import React from "react";
 import UserEditor from "@/components/users/userEditor";
 import {roleFactory} from "@/src/models/RoleModel";
 import {classFactory} from "@/src/models/ClassModel";
+import NextLink from "next/link";
 
 export default async function UserDetailPage({params}: { params: { id: string } }) {
     const userId = parseInt(params.id, 10)
@@ -20,7 +21,11 @@ export default async function UserDetailPage({params}: { params: { id: string }
                     <Typography>ユーザーが存在しません。</Typography>
                 </Alert>
 
-                <Button variant="contained" href="/users/">
+                <Button
+                    variant="contained"
+                    href="/users/"
+                    component={NextLink}
+                >
                     ユーザー管理に戻る
                 </Button>
             </Stack>
@@ -30,10 +35,20 @@ export default async function UserDetailPage({params}: { params: { id: string }
     return (
         <Stack spacing={1} mx={2} my={3}>
             <Breadcrumbs aria-label="breadcrumb" sx={{pl: 2}}>
-                <Link underline="hover" color="inherit" href="/">
+                <Link
+                    underline="hover"
+                    color="inherit"
+                    href="/"
+                    component={NextLink}
+                >
                     管理者のダッシュボード
                 </Link>
-                <Link underline="hover" color="inherit" href="/users/">
+                <Link
+                    underline="hover"
+                    color="inherit"
+                    href="/users/"
+                    component={NextLink}
+                >
                     ユーザー管理
                 </Link>
                 <Typography color="text.primary">{user.name}</Typography>
diff --git a/app/(authenticated)/users/csv/page.tsx b/app/(authenticated)/users/csv/page.tsx
index f4c55cc..9572583 100644
--- a/app/(authenticated)/users/csv/page.tsx
+++ b/app/(authenticated)/users/csv/page.tsx
@@ -2,6 +2,7 @@ import {Stack, Breadcrumbs, Link, Typography} from "@mui/material";
 import CardBackground from "@/components/layout/cardBackground";
 import {classFactory} from "@/src/models/ClassModel";
 import UserCreatingAutomation from "@/components/users/csv/userCreatingAutomation";
+import NextLink from "next/link";
 
 export default async function UsersCsv() {
     const classes = await classFactory().index()
@@ -9,10 +10,20 @@ export default async function UsersCsv() {
     return (
         <Stack spacing={1} mx={2} my={3}>
             <Breadcrumbs aria-label="breadcrumb" sx={{pl: 2}}>
-                <Link underline="hover" color="inherit" href="/">
+                <Link
+                    underline="hover"
+                    color="inherit"
+                    href="/"
+                    component={NextLink}
+                >
                     管理者のダッシュボード
                 </Link>
-                <Link underline="hover" color="inherit" href="/users/" >
+                <Link
+                    underline="hover"
+                    color="inherit"
+                    href="/users/"
+                    component={NextLink}
+                >
                     ユーザー管理
                 </Link>
                 <Typography color="text.primary">CSV</Typography>
diff --git a/app/(authenticated)/users/page.tsx b/app/(authenticated)/users/page.tsx
index d5993e6..52182c7 100644
--- a/app/(authenticated)/users/page.tsx
+++ b/app/(authenticated)/users/page.tsx
@@ -4,6 +4,7 @@ import UsersAgGrid from "@/components/users/usersAgGrid";
 import {userFactory} from "@/src/models/UserModel";
 import {classFactory} from "@/src/models/ClassModel";
 import {teamFactory} from "@/src/models/TeamModel";
+import NextLink from "next/link";
 
 export default async function UsersPage() {
     const users = await userFactory().index()
@@ -13,7 +14,12 @@ export default async function UsersPage() {
     return (
         <Stack spacing={1} mx={2} my={3}>
             <Breadcrumbs aria-label="breadcrumb" sx={{pl: 2}}>
-                <Link underline="hover" color="inherit" href="/">
+                <Link
+                    underline="hover"
+                    color="inherit"
+                    href="/"
+                    component={NextLink}
+                >
                     管理者のダッシュボード
                 </Link>
                 <Typography color="text.primary">ユーザー管理</Typography>
diff --git a/app/error.tsx b/app/error.tsx
index 302a922..64d01cc 100644
--- a/app/error.tsx
+++ b/app/error.tsx
@@ -2,6 +2,7 @@
 import {useEffect} from "react";
 import {Stack, Typography, Button} from "@mui/material";
 import WiderLogo from "@/components/svg/wider";
+import NextLink from "next/link";
 
 export default function Error({
                                   error,
@@ -27,6 +28,7 @@ export default function Error({
                     href={"/"}
                     sx={{py:1.5, width:"100%"}}
                     disableElevation
+                    component={NextLink}
                 >
                     トップに戻る
                 </Button>
diff --git a/app/not-found.tsx b/app/not-found.tsx
index 35b27b9..e3e04d7 100644
--- a/app/not-found.tsx
+++ b/app/not-found.tsx
@@ -1,5 +1,6 @@
 import {Stack, Typography, Button} from "@mui/material";
 import WiderLogo from "@/components/svg/wider";
+import NextLink from "next/link";
 
 export default function NotFound(){
     return (
@@ -12,6 +13,7 @@ export default function NotFound(){
                     variant="contained"
                     color="primary"
                     href={"/"}
+                    component={NextLink}
                     sx={{py:1.5, width:"100%"}}
                     disableElevation
                 >
diff --git a/components/automation/AutomaticMatchEditor.tsx b/components/automation/AutomaticMatchEditor.tsx
index cf1a138..304389f 100644
--- a/components/automation/AutomaticMatchEditor.tsx
+++ b/components/automation/AutomaticMatchEditor.tsx
@@ -21,6 +21,7 @@ import {LocalizationProvider} from "@mui/x-date-pickers";
 import {AdapterDayjs} from "@mui/x-date-pickers/AdapterDayjs";
 import {HiArrowPath, HiCheck} from "react-icons/hi2";
 import MatchEditorStatus from "@/components/automation/matchEditorStatus";
+import NextLink from "next/link";
 
 export type AutomaticMatchEditorProps = {
     game: Game
@@ -347,6 +348,7 @@ export function AutomaticMatchEditor(props: AutomaticMatchEditorProps) {
                     color={"error"}
                     startIcon={<HiArrowPath/>}
                     href={`/sports/${props.game.sportId}/games/${props.game.id}`}
+                    component={NextLink}
                 >
                     戻る
                 </Button>
diff --git a/components/automation/CrossGameAutomaticMatchEditor.tsx b/components/automation/CrossGameAutomaticMatchEditor.tsx
index 6e8d63d..071be27 100644
--- a/components/automation/CrossGameAutomaticMatchEditor.tsx
+++ b/components/automation/CrossGameAutomaticMatchEditor.tsx
@@ -21,6 +21,7 @@ import MatchEditorStatus from "@/components/automation/matchEditorStatus";
 import {HiArrowPath, HiCheck} from "react-icons/hi2";
 import {useRouter} from "next/navigation";
 import {useAsync} from "react-use";
+import NextLink from "next/link";
 
 export type CrossGameAutomaticMatchEditorProps = {
     games: Game[]
@@ -391,6 +392,7 @@ export function CrossGameAutomaticMatchEditor(props: CrossGameAutomaticMatchEdit
                     color={"error"}
                     startIcon={<HiArrowPath/>}
                     href={`/sports/${props.games[0].sportId}`}
+                    component={NextLink}
                 >
                     戻る
                 </Button>
diff --git a/components/layout/buttonLarge.tsx b/components/layout/buttonLarge.tsx
index eed2499..b115197 100644
--- a/components/layout/buttonLarge.tsx
+++ b/components/layout/buttonLarge.tsx
@@ -1,5 +1,6 @@
 import {Avatar, Button, Stack, Grid, Typography} from "@mui/material";
 import React, {ReactNode} from "react";
+import NextLink from "next/link";
 
 type ButtonLargeProps = {
     img?: string;
@@ -15,6 +16,7 @@ export const ButtonLarge: React.FC<ButtonLargeProps> = ({img, children, link})=>
                 variant={"contained"}
                 sx={{width:"100%"}}
                 href={link}
+                component={NextLink}
             >
                 <Stack
                     direction={"row"}
diff --git a/components/layout/cardBackground.tsx b/components/layout/cardBackground.tsx
index e857d24..2a1d870 100644
--- a/components/layout/cardBackground.tsx
+++ b/components/layout/cardBackground.tsx
@@ -1,6 +1,7 @@
 import {Button, Card, Stack, Typography, useTheme} from "@mui/material";
 import React, {ReactNode} from 'react';
 import {red} from "@mui/material/colors";
+import NextLink from "next/link";
 
 type CardProps = {
     title?: string;
@@ -22,11 +23,23 @@ const CardBackground: React.FC<CardProps> = ({title, button, link, children, onC
             >
                 <Stack pb={2} spacing={1} direction={"row"} justifyContent={"flex-start"} alignItems="center">
                     {title && <Typography color={"text.primary"}>{title}</Typography>}
-                    {button &&
+                    {button && link &&
                         <Button
                             color={"secondary"}
                             variant={"contained"}
                             href={link}
+                            component={NextLink}
+                            onClick={onClick}
+                        >
+                            <Typography fontSize={"inherit"} color={"text.primary"}>
+                                {button}
+                            </Typography>
+                        </Button>
+                    }
+                    {button && !link &&
+                        <Button
+                            color={"secondary"}
+                            variant={"contained"}
                             onClick={onClick}
                         >
                             <Typography fontSize={"inherit"} color={"text.primary"}>
diff --git a/components/layout/navigation.tsx b/components/layout/navigation.tsx
index 8db3177..2e3d0e6 100644
--- a/components/layout/navigation.tsx
+++ b/components/layout/navigation.tsx
@@ -14,10 +14,9 @@ import {
 } from "react-icons/hi2";
 import {SiGithub} from "react-icons/si";
 import WiderLogo from "@/components/svg/wider";
-import Link from "next/link"
 import NavPrivacyPolicyDrawer from "@/components/layout/navPrivacyPolicyDrawer";
 import LogoutButton from "@/components/auth/LogoutButton";
-
+import NextLink from "next/link";
 
 export const Navigation = () => {
     const theme = useTheme();
@@ -47,7 +46,7 @@ export const Navigation = () => {
                     color={"secondary"}
                     variant={"contained"}
                     sx={{py: buttonPadding, width: "100%", fontWeight: "600"}}
-                    component={Link}
+                    component={NextLink}
                     href={"/"}
                     onClick={handleDrawerToggle}
                 >
@@ -64,7 +63,7 @@ export const Navigation = () => {
                     disabled={true}
                     variant={"contained"}
                     sx={{py: buttonPadding, width: "100%", fontWeight: "600"}}
-                    component={Link}
+                    component={NextLink}
                     href={"/"}
                     onClick={handleDrawerToggle}
                 >
@@ -81,7 +80,7 @@ export const Navigation = () => {
                     disabled={true}
                     variant={"contained"}
                     sx={{py: buttonPadding, width: "100%", fontWeight: "600"}}
-                    component={Link}
+                    component={NextLink}
                     href={"/"}
                     onClick={handleDrawerToggle}
                 >
@@ -101,7 +100,7 @@ export const Navigation = () => {
                     color={"secondary"}
                     variant={"contained"}
                     sx={{py: buttonPadding, width: "100%", fontWeight: "600"}}
-                    component={Link}
+                    component={NextLink}
                     href={"/sports"}
                     onClick={handleDrawerToggle}
                 >
@@ -117,7 +116,7 @@ export const Navigation = () => {
                     color={"secondary"}
                     variant={"contained"}
                     sx={{py: buttonPadding, width: "100%", fontWeight: "600"}}
-                    component={Link}
+                    component={NextLink}
                     href={"/locations"}
                     onClick={handleDrawerToggle}
                 >
@@ -137,7 +136,7 @@ export const Navigation = () => {
                     color={"secondary"}
                     variant={"contained"}
                     sx={{py: buttonPadding, width: "100%", fontWeight: "600"}}
-                    component={Link}
+                    component={NextLink}
                     href={"/users"}
                     onClick={handleDrawerToggle}
                 >
@@ -153,7 +152,7 @@ export const Navigation = () => {
                     color={"secondary"}
                     variant={"contained"}
                     sx={{py: buttonPadding, width: "100%", fontWeight: "600"}}
-                    component={Link}
+                    component={NextLink}
                     href={"/teams"}
                     onClick={handleDrawerToggle}
                 >
@@ -169,7 +168,7 @@ export const Navigation = () => {
                     color={"secondary"}
                     variant={"contained"}
                     sx={{py: buttonPadding, width: "100%", fontWeight: "600"}}
-                    component={Link}
+                    component={NextLink}
                     href={"/roles"}
                     onClick={handleDrawerToggle}
                 >
@@ -185,7 +184,7 @@ export const Navigation = () => {
                     color={"secondary"}
                     variant={"contained"}
                     sx={{py: buttonPadding, width: "100%", fontWeight: "600"}}
-                    component={Link}
+                    component={NextLink}
                     href={"/tags"}
                     onClick={handleDrawerToggle}
                 >
@@ -201,7 +200,7 @@ export const Navigation = () => {
                     color={"secondary"}
                     variant={"contained"}
                     sx={{py: buttonPadding, width: "100%", fontWeight: "600"}}
-                    component={Link}
+                    component={NextLink}
                     href={"/images"}
                     onClick={handleDrawerToggle}
                 >
@@ -252,7 +251,10 @@ export const Navigation = () => {
                     >
                         <HiBars2 color={theme.palette.text.primary}/>
                     </IconButton>
-                    <Button href={"/"}>
+                    <Button
+                        href={"/"}
+                        component={NextLink}
+                    >
                         <Stack
                             direction={"row"}
                             spacing={1}
diff --git a/components/league/legacy/GameEntryContent.tsx b/components/league/legacy/GameEntryContent.tsx
index f5d7fbe..8cd4897 100644
--- a/components/league/legacy/GameEntryContent.tsx
+++ b/components/league/legacy/GameEntryContent.tsx
@@ -5,6 +5,7 @@ import {useRouter} from "next/navigation";
 import {Game, gameFactory} from "@/src/models/GameModel";
 import {Team} from "@/src/models/TeamModel";
 import {ConfirmDialog} from "@/components/league/legacy/ConfirmDialog";
+import NextLink from "next/link";
 
 export type GameEntryContentProps = {
     game: Game
@@ -33,6 +34,7 @@ export function GameEntryContent(props: GameEntryContentProps) {
                 <TableCell>
                     <Link
                             href={`/admin/teams/${props.entryTeam.id}`}
+                            component={NextLink}
                     >
                         {props.entryTeam.id}
                     </Link>
diff --git a/components/league/table/matchCell.tsx b/components/league/table/matchCell.tsx
index ca37ca4..a3cb1f2 100644
--- a/components/league/table/matchCell.tsx
+++ b/components/league/table/matchCell.tsx
@@ -4,6 +4,7 @@ import {Match} from "@/src/models/MatchModel";
 import {Sport} from "@/src/models/SportModel";
 import {Game} from "@/src/models/GameModel";
 import {Team} from "@/src/models/TeamModel";
+import NextLink from "next/link";
 
 
 export type MatchCellProps = {
@@ -41,7 +42,7 @@ export default function MatchCell(props: MatchCellProps) {
             height={100}
             width={200}
             border={1}
-            component={Link}
+            component={NextLink}
             href={`/sports/${props.sport.id}/games/${props.game.id}/matches/${props.match.id}`}
             alignItems={"center"}
             justifyContent={"center"}
diff --git a/components/league/table/teamCell.tsx b/components/league/table/teamCell.tsx
index 36b97ae..a3554c4 100644
--- a/components/league/table/teamCell.tsx
+++ b/components/league/table/teamCell.tsx
@@ -1,6 +1,7 @@
 import {Box, Typography} from "@mui/material";
 import {Team} from "@/src/models/TeamModel";
 import Link from "next/link";
+import NextLink from "next/link";
 
 
 export type TeamCellProps = {
@@ -14,7 +15,7 @@ export default function TeamCell(props: TeamCellProps) {
             height={100}
             width={200}
             border={1}
-            component={Link}
+            component={NextLink}
             href={`/teams/${props.team.id}`}
             alignItems={"center"}
             justifyContent={"center"}
diff --git a/components/match/matchCard.tsx b/components/match/matchCard.tsx
index be007bc..85b6176 100644
--- a/components/match/matchCard.tsx
+++ b/components/match/matchCard.tsx
@@ -5,6 +5,7 @@ import {sportFactory} from "@/src/models/SportModel";
 import {gameFactory} from "@/src/models/GameModel";
 import {locationFactory} from "@/src/models/LocationModel";
 import {teamFactory} from "@/src/models/TeamModel";
+import NextLink from "next/link";
 
 type MatchCardProps = {
     match: Match
@@ -32,6 +33,7 @@ export default async function MatchCard(props: MatchCardProps) {
                     px: 2
                 }}
                 href={`/sports/${props.match.sportId}/games/${props.match.gameId}/matches/${props.match.id}`}
+                component={NextLink}
             >
                 <Stack
                     width={"100%"}
diff --git a/components/match/matchEditor.tsx b/components/match/matchEditor.tsx
index d696766..a98b6fb 100644
--- a/components/match/matchEditor.tsx
+++ b/components/match/matchEditor.tsx
@@ -34,6 +34,7 @@ import dayjs, {Dayjs} from "dayjs";
 import {AdapterDayjs} from "@mui/x-date-pickers/AdapterDayjs";
 import {DateTimePicker, LocalizationProvider} from "@mui/x-date-pickers";
 import Grid from "@mui/material/Grid";
+import NextLink from "next/link";
 
 export type MatchEditorProps = {
     sport: Sport
@@ -207,8 +208,11 @@ export default function MatchEditor(props: MatchEditorProps) {
 
     return (
         <Stack spacing={2} pb={10}>
-            <CardBackground title={`試合 ${leftTeamName} vs ${rightTeamName} の結果を登録`}
-                            button={"リーグに戻る"} link={`/sports/${props.sport.id}/${props.game.id}`}>
+            <CardBackground
+                title={`試合 ${leftTeamName} vs ${rightTeamName} の結果を登録`}
+                button={"リーグに戻る"}
+                link={`/sports/${props.sport.id}/games/${props.game.id}`}
+            >
                 <Card sx={{backgroundColor: "e1e4f6", color: "primary", mb: 2, maxWidth: "md"}}
                       variant={"outlined"}>
                     <Stack mx={2} my={2} spacing={2} direction={"column"}>
@@ -506,7 +510,7 @@ export default function MatchEditor(props: MatchEditorProps) {
                         <Button
                             variant={"contained"}
                             color={"info"}
-                            component={Link}
+                            component={NextLink}
                             href={`/sports/${props.sport.id}/${props.game.id}`}
                             sx={{border: "1px solid #5f6dc2", py: 2}}
                         >
@@ -538,7 +542,7 @@ export default function MatchEditor(props: MatchEditorProps) {
                         <Button
                             variant={"contained"}
                             color={"info"}
-                            component={Link}
+                            component={NextLink}
                             href={`/sports/${props.sport.id}/${props.game.id}`}
                             sx={{border: "1px solid #5f6dc2", py: 2}}
                         >
diff --git a/components/roles/roleCreator.tsx b/components/roles/roleCreator.tsx
index aa05107..398d0ac 100644
--- a/components/roles/roleCreator.tsx
+++ b/components/roles/roleCreator.tsx
@@ -3,6 +3,7 @@ import {Button, Stack, TextField, TextFieldProps} from "@mui/material";
 import {useRouter} from "next/navigation";
 import {useRef} from "react";
 import {roleFactory} from "@/src/models/RoleModel";
+import NextLink from "next/link";
 
 export default function RoleCreator() {
     const router = useRouter()
@@ -66,6 +67,7 @@ export default function RoleCreator() {
 
                 <Button
                     href="/roles"
+                    component={NextLink}
                     variant="contained"
                 >
                     キャンセル
diff --git a/components/tags/tagCreator.tsx b/components/tags/tagCreator.tsx
index e333eac..2253013 100644
--- a/components/tags/tagCreator.tsx
+++ b/components/tags/tagCreator.tsx
@@ -3,6 +3,7 @@ import {Button, Stack, TextField, TextFieldProps} from "@mui/material";
 import {useRouter} from "next/navigation";
 import {useRef} from "react";
 import {tagFactory} from "@/src/models/TagModel";
+import NextLink from "next/link";
 
 export default function TagCreator() {
     const router = useRouter()
@@ -53,6 +54,7 @@ export default function TagCreator() {
 
                 <Button
                     href="/tags"
+                    component={NextLink}
                     variant="contained"
                 >
                     キャンセル
diff --git a/components/teams/automatic-rename/automaticRename.tsx b/components/teams/automatic-rename/automaticRename.tsx
index b64c06e..64caec2 100644
--- a/components/teams/automatic-rename/automaticRename.tsx
+++ b/components/teams/automatic-rename/automaticRename.tsx
@@ -12,6 +12,7 @@ import {
 import {useRef, useState} from "react";
 import {HiArrowPath, HiCheck} from "react-icons/hi2";
 import TeamRenameStatus from "@/components/teams/automatic-rename/teamRenameStatus";
+import NextLink from "next/link";
 
 export type AutomaticRenameProps = {
     teams: Team[]
@@ -179,6 +180,7 @@ export default function AutomaticRename(props: AutomaticRenameProps) {
                     color={"error"}
                     startIcon={<HiArrowPath/>}
                     href={"/teams"}
+                    component={NextLink}
                 >
                     戻る
                 </Button>
diff --git a/yarn.lock b/yarn.lock
index 98ddc6d..d91cae9 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -28,7 +28,7 @@
   resolved "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.24.4.tgz"
   integrity sha512-vg8Gih2MLK+kOkHJp4gBEIkyaIi00jgWot2D9QOmmfLC8jINSOzmCLta6Bvz/JSBCqnegV0L80jhxkol5GWNfQ==
 
-"@babel/core@^7.0.0", "@babel/core@^7.0.0-0", "@babel/core@^7.0.0-0 || ^8.0.0-0 <8.0.0", "@babel/core@^7.12.0", "@babel/core@^7.13.0", "@babel/core@^7.21.3", "@babel/core@^7.4.0 || ^8.0.0-0 <8.0.0":
+"@babel/core@^7.21.3":
   version "7.24.4"
   resolved "https://registry.npmjs.org/@babel/core/-/core-7.24.4.tgz"
   integrity sha512-MBVlMXP+kkl5394RBLSxxk/iLTeVGuXTV3cIDXavPpMMqnSnt6apKgan/U8O3USWZCWZT/TbgfEpKa4uMgN4Dg==
@@ -1074,6 +1074,13 @@
   dependencies:
     tslib "^2.0.0"
 
+"@emnapi/runtime@^1.1.0":
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/@emnapi/runtime/-/runtime-1.2.0.tgz#71d018546c3a91f3b51106530edbc056b9f2f2e3"
+  integrity sha512-bV21/9LQmcQeCPEg3BDFtvwL6cwiTMksYNWQQ4KOxCZikEGalWtenoZ0wCiukJINlGCIi2KXx01g4FoH/LxpzQ==
+  dependencies:
+    tslib "^2.4.0"
+
 "@emotion/babel-plugin@^11.11.0":
   version "11.11.0"
   resolved "https://registry.npmjs.org/@emotion/babel-plugin/-/babel-plugin-11.11.0.tgz"
@@ -1119,7 +1126,7 @@
   resolved "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz"
   integrity sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==
 
-"@emotion/react@^11.0.0-rc.0", "@emotion/react@^11.11.4", "@emotion/react@^11.4.1", "@emotion/react@^11.5.0", "@emotion/react@^11.9.0":
+"@emotion/react@^11.11.4":
   version "11.11.4"
   resolved "https://registry.npmjs.org/@emotion/react/-/react-11.11.4.tgz"
   integrity sha512-t8AjMlF0gHpvvxk5mAtCqR4vmxiGHCeJBaQO6gncUSdklELOgtwjerNY2yuJNfwnc6vi16U/+uMF+afIawJ9iw==
@@ -1149,7 +1156,7 @@
   resolved "https://registry.npmjs.org/@emotion/sheet/-/sheet-1.2.2.tgz"
   integrity sha512-0QBtGvaqtWi+nx6doRwDdBIzhNdZrXUppvTM4dtZZWEGTXL/XE/yJxLMGlDT1Gt+UHH5IX1n+jkXyytE/av7OA==
 
-"@emotion/styled@^11.11.0", "@emotion/styled@^11.3.0", "@emotion/styled@^11.8.1":
+"@emotion/styled@^11.11.0":
   version "11.11.5"
   resolved "https://registry.npmjs.org/@emotion/styled/-/styled-11.11.5.tgz"
   integrity sha512-/ZjjnaNKvuMPxcIiUkf/9SHoG4Q196DRl1w82hQ3WCsjo1IUR8uaGWrC6a87CrYAW0Kb/pK7hk8BnLgLRi9KoQ==
@@ -1259,6 +1266,119 @@
   resolved "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.3.tgz"
   integrity sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==
 
+"@img/sharp-darwin-arm64@0.33.3":
+  version "0.33.3"
+  resolved "https://registry.yarnpkg.com/@img/sharp-darwin-arm64/-/sharp-darwin-arm64-0.33.3.tgz#2bbf676be830c5a9ae7d9294f201c9151535badd"
+  integrity sha512-FaNiGX1MrOuJ3hxuNzWgsT/mg5OHG/Izh59WW2mk1UwYHUwtfbhk5QNKYZgxf0pLOhx9ctGiGa2OykD71vOnSw==
+  optionalDependencies:
+    "@img/sharp-libvips-darwin-arm64" "1.0.2"
+
+"@img/sharp-darwin-x64@0.33.3":
+  version "0.33.3"
+  resolved "https://registry.yarnpkg.com/@img/sharp-darwin-x64/-/sharp-darwin-x64-0.33.3.tgz#c59567b141eb676e884066f76091a2673120c3f5"
+  integrity sha512-2QeSl7QDK9ru//YBT4sQkoq7L0EAJZA3rtV+v9p8xTKl4U1bUqTIaCnoC7Ctx2kCjQgwFXDasOtPTCT8eCTXvw==
+  optionalDependencies:
+    "@img/sharp-libvips-darwin-x64" "1.0.2"
+
+"@img/sharp-libvips-darwin-arm64@1.0.2":
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/@img/sharp-libvips-darwin-arm64/-/sharp-libvips-darwin-arm64-1.0.2.tgz#b69f49fecbe9572378675769b189410721b0fa53"
+  integrity sha512-tcK/41Rq8IKlSaKRCCAuuY3lDJjQnYIW1UXU1kxcEKrfL8WR7N6+rzNoOxoQRJWTAECuKwgAHnPvqXGN8XfkHA==
+
+"@img/sharp-libvips-darwin-x64@1.0.2":
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/@img/sharp-libvips-darwin-x64/-/sharp-libvips-darwin-x64-1.0.2.tgz#5665da7360d8e5ed7bee314491c8fe736b6a3c39"
+  integrity sha512-Ofw+7oaWa0HiiMiKWqqaZbaYV3/UGL2wAPeLuJTx+9cXpCRdvQhCLG0IH8YGwM0yGWGLpsF4Su9vM1o6aer+Fw==
+
+"@img/sharp-libvips-linux-arm64@1.0.2":
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/@img/sharp-libvips-linux-arm64/-/sharp-libvips-linux-arm64-1.0.2.tgz#8a05e5e9e9b760ff46561e32f19bd5e035fa881c"
+  integrity sha512-x7kCt3N00ofFmmkkdshwj3vGPCnmiDh7Gwnd4nUwZln2YjqPxV1NlTyZOvoDWdKQVDL911487HOueBvrpflagw==
+
+"@img/sharp-libvips-linux-arm@1.0.2":
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/@img/sharp-libvips-linux-arm/-/sharp-libvips-linux-arm-1.0.2.tgz#0fd33b9bf3221948ce0ca7a5a725942626577a03"
+  integrity sha512-iLWCvrKgeFoglQxdEwzu1eQV04o8YeYGFXtfWU26Zr2wWT3q3MTzC+QTCO3ZQfWd3doKHT4Pm2kRmLbupT+sZw==
+
+"@img/sharp-libvips-linux-s390x@1.0.2":
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/@img/sharp-libvips-linux-s390x/-/sharp-libvips-linux-s390x-1.0.2.tgz#4b89150ec91b256ee2cbb5bb125321bf029a4770"
+  integrity sha512-cmhQ1J4qVhfmS6szYW7RT+gLJq9dH2i4maq+qyXayUSn9/3iY2ZeWpbAgSpSVbV2E1JUL2Gg7pwnYQ1h8rQIog==
+
+"@img/sharp-libvips-linux-x64@1.0.2":
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/@img/sharp-libvips-linux-x64/-/sharp-libvips-linux-x64-1.0.2.tgz#947ccc22ca5bc8c8cfe921b39a5fdaebc5e39f3f"
+  integrity sha512-E441q4Qdb+7yuyiADVi5J+44x8ctlrqn8XgkDTwr4qPJzWkaHwD489iZ4nGDgcuya4iMN3ULV6NwbhRZJ9Z7SQ==
+
+"@img/sharp-libvips-linuxmusl-arm64@1.0.2":
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/@img/sharp-libvips-linuxmusl-arm64/-/sharp-libvips-linuxmusl-arm64-1.0.2.tgz#821d58ce774f0f8bed065b69913a62f65d512f2f"
+  integrity sha512-3CAkndNpYUrlDqkCM5qhksfE+qSIREVpyoeHIU6jd48SJZViAmznoQQLAv4hVXF7xyUB9zf+G++e2v1ABjCbEQ==
+
+"@img/sharp-libvips-linuxmusl-x64@1.0.2":
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/@img/sharp-libvips-linuxmusl-x64/-/sharp-libvips-linuxmusl-x64-1.0.2.tgz#4309474bd8b728a61af0b3b4fad0c476b5f3ccbe"
+  integrity sha512-VI94Q6khIHqHWNOh6LLdm9s2Ry4zdjWJwH56WoiJU7NTeDwyApdZZ8c+SADC8OH98KWNQXnE01UdJ9CSfZvwZw==
+
+"@img/sharp-linux-arm64@0.33.3":
+  version "0.33.3"
+  resolved "https://registry.yarnpkg.com/@img/sharp-linux-arm64/-/sharp-linux-arm64-0.33.3.tgz#a1f788ddf49ed63509dd37d4b01e571fe7f189d5"
+  integrity sha512-Zf+sF1jHZJKA6Gor9hoYG2ljr4wo9cY4twaxgFDvlG0Xz9V7sinsPp8pFd1XtlhTzYo0IhDbl3rK7P6MzHpnYA==
+  optionalDependencies:
+    "@img/sharp-libvips-linux-arm64" "1.0.2"
+
+"@img/sharp-linux-arm@0.33.3":
+  version "0.33.3"
+  resolved "https://registry.yarnpkg.com/@img/sharp-linux-arm/-/sharp-linux-arm-0.33.3.tgz#661b0671ed7f740fd06821ce15050ba23f1d0523"
+  integrity sha512-Q7Ee3fFSC9P7vUSqVEF0zccJsZ8GiiCJYGWDdhEjdlOeS9/jdkyJ6sUSPj+bL8VuOYFSbofrW0t/86ceVhx32w==
+  optionalDependencies:
+    "@img/sharp-libvips-linux-arm" "1.0.2"
+
+"@img/sharp-linux-s390x@0.33.3":
+  version "0.33.3"
+  resolved "https://registry.yarnpkg.com/@img/sharp-linux-s390x/-/sharp-linux-s390x-0.33.3.tgz#8719341d3931a297df1a956c02ee003736fa8fac"
+  integrity sha512-vFk441DKRFepjhTEH20oBlFrHcLjPfI8B0pMIxGm3+yilKyYeHEVvrZhYFdqIseSclIqbQ3SnZMwEMWonY5XFA==
+  optionalDependencies:
+    "@img/sharp-libvips-linux-s390x" "1.0.2"
+
+"@img/sharp-linux-x64@0.33.3":
+  version "0.33.3"
+  resolved "https://registry.yarnpkg.com/@img/sharp-linux-x64/-/sharp-linux-x64-0.33.3.tgz#dbd860b4aa16e7e25727c7e05b411132b58d017d"
+  integrity sha512-Q4I++herIJxJi+qmbySd072oDPRkCg/SClLEIDh5IL9h1zjhqjv82H0Seupd+q2m0yOfD+/fJnjSoDFtKiHu2g==
+  optionalDependencies:
+    "@img/sharp-libvips-linux-x64" "1.0.2"
+
+"@img/sharp-linuxmusl-arm64@0.33.3":
+  version "0.33.3"
+  resolved "https://registry.yarnpkg.com/@img/sharp-linuxmusl-arm64/-/sharp-linuxmusl-arm64-0.33.3.tgz#25b3fbfe9b6fa32d773422d878d8d84f3f6afceb"
+  integrity sha512-qnDccehRDXadhM9PM5hLvcPRYqyFCBN31kq+ErBSZtZlsAc1U4Z85xf/RXv1qolkdu+ibw64fUDaRdktxTNP9A==
+  optionalDependencies:
+    "@img/sharp-libvips-linuxmusl-arm64" "1.0.2"
+
+"@img/sharp-linuxmusl-x64@0.33.3":
+  version "0.33.3"
+  resolved "https://registry.yarnpkg.com/@img/sharp-linuxmusl-x64/-/sharp-linuxmusl-x64-0.33.3.tgz#1e533e44abf2e2d427428ed49294ddba4eb11456"
+  integrity sha512-Jhchim8kHWIU/GZ+9poHMWRcefeaxFIs9EBqf9KtcC14Ojk6qua7ghKiPs0sbeLbLj/2IGBtDcxHyjCdYWkk2w==
+  optionalDependencies:
+    "@img/sharp-libvips-linuxmusl-x64" "1.0.2"
+
+"@img/sharp-wasm32@0.33.3":
+  version "0.33.3"
+  resolved "https://registry.yarnpkg.com/@img/sharp-wasm32/-/sharp-wasm32-0.33.3.tgz#340006047a77df0744db84477768bbca6327b4b4"
+  integrity sha512-68zivsdJ0koE96stdUfM+gmyaK/NcoSZK5dV5CAjES0FUXS9lchYt8LAB5rTbM7nlWtxaU/2GON0HVN6/ZYJAQ==
+  dependencies:
+    "@emnapi/runtime" "^1.1.0"
+
+"@img/sharp-win32-ia32@0.33.3":
+  version "0.33.3"
+  resolved "https://registry.yarnpkg.com/@img/sharp-win32-ia32/-/sharp-win32-ia32-0.33.3.tgz#0fdc49ab094ed0151ec8347afac7917aa5fc5145"
+  integrity sha512-CyimAduT2whQD8ER4Ux7exKrtfoaUiVr7HG0zZvO0XTFn2idUWljjxv58GxNTkFb8/J9Ub9AqITGkJD6ZginxQ==
+
+"@img/sharp-win32-x64@0.33.3":
+  version "0.33.3"
+  resolved "https://registry.yarnpkg.com/@img/sharp-win32-x64/-/sharp-win32-x64-0.33.3.tgz#a94e1028f180666f97fd51e35c4ad092d7704ef0"
+  integrity sha512-viT4fUIDKnli3IfOephGnolMzhz5VaTvDRkYqtZxOMIoMQ4MrAziO7pT1nVnOt2FAm7qW5aa+CCc13aEY6Le0g==
+
 "@isaacs/cliui@^8.0.2":
   version "8.0.2"
   resolved "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz"
@@ -1303,7 +1423,7 @@
     "@jridgewell/resolve-uri" "^3.1.0"
     "@jridgewell/sourcemap-codec" "^1.4.14"
 
-"@mui/base@^5.0.0-beta.40", "@mui/base@5.0.0-beta.40":
+"@mui/base@5.0.0-beta.40", "@mui/base@^5.0.0-beta.40":
   version "5.0.0-beta.40"
   resolved "https://registry.npmjs.org/@mui/base/-/base-5.0.0-beta.40.tgz"
   integrity sha512-I/lGHztkCzvwlXpjD2+SNmvNQvB4227xBXhISPjEaJUXGImOQ9f3D2Yj/T3KasSI/h0MLWy74X0J6clhPmsRbQ==
@@ -1328,7 +1448,7 @@
   dependencies:
     "@babel/runtime" "^7.23.9"
 
-"@mui/material@^5.0.0", "@mui/material@^5.15.14":
+"@mui/material@^5.15.14":
   version "5.15.15"
   resolved "https://registry.npmjs.org/@mui/material/-/material-5.15.15.tgz"
   integrity sha512-3zvWayJ+E1kzoIsvwyEvkTUKVKt1AjchFFns+JtluHCuvxgKcLSRJTADw37k0doaRtVAsyh8bz9Afqzv+KYrIA==
@@ -1437,6 +1557,46 @@
   resolved "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-14.1.4.tgz"
   integrity sha512-ubmUkbmW65nIAOmoxT1IROZdmmJMmdYvXIe8211send9ZYJu+SqxSnJM4TrPj9wmL6g9Atvj0S/2cFmMSS99jg==
 
+"@next/swc-darwin-x64@14.1.4":
+  version "14.1.4"
+  resolved "https://registry.yarnpkg.com/@next/swc-darwin-x64/-/swc-darwin-x64-14.1.4.tgz#ba3683d4e2d30099f3f2864dd7349a4d9f440140"
+  integrity sha512-b0Xo1ELj3u7IkZWAKcJPJEhBop117U78l70nfoQGo4xUSvv0PJSTaV4U9xQBLvZlnjsYkc8RwQN1HoH/oQmLlQ==
+
+"@next/swc-linux-arm64-gnu@14.1.4":
+  version "14.1.4"
+  resolved "https://registry.yarnpkg.com/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-14.1.4.tgz#3519969293f16379954b7e196deb0c1eecbb2f8b"
+  integrity sha512-457G0hcLrdYA/u1O2XkRMsDKId5VKe3uKPvrKVOyuARa6nXrdhJOOYU9hkKKyQTMru1B8qEP78IAhf/1XnVqKA==
+
+"@next/swc-linux-arm64-musl@14.1.4":
+  version "14.1.4"
+  resolved "https://registry.yarnpkg.com/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-14.1.4.tgz#4bb3196bd402b3f84cf5373ff1021f547264d62f"
+  integrity sha512-l/kMG+z6MB+fKA9KdtyprkTQ1ihlJcBh66cf0HvqGP+rXBbOXX0dpJatjZbHeunvEHoBBS69GYQG5ry78JMy3g==
+
+"@next/swc-linux-x64-gnu@14.1.4":
+  version "14.1.4"
+  resolved "https://registry.yarnpkg.com/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-14.1.4.tgz#1b3372c98c83dcdab946cdb4ee06e068b8139ba3"
+  integrity sha512-BapIFZ3ZRnvQ1uWbmqEGJuPT9cgLwvKtxhK/L2t4QYO7l+/DxXuIGjvp1x8rvfa/x1FFSsipERZK70pewbtJtw==
+
+"@next/swc-linux-x64-musl@14.1.4":
+  version "14.1.4"
+  resolved "https://registry.yarnpkg.com/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-14.1.4.tgz#8459088bdc872648ff78f121db596f2533df5808"
+  integrity sha512-mqVxTwk4XuBl49qn2A5UmzFImoL1iLm0KQQwtdRJRKl21ylQwwGCxJtIYo2rbfkZHoSKlh/YgztY0qH3wG1xIg==
+
+"@next/swc-win32-arm64-msvc@14.1.4":
+  version "14.1.4"
+  resolved "https://registry.yarnpkg.com/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-14.1.4.tgz#84280a08c00cc3be24ddd3a12f4617b108e6dea6"
+  integrity sha512-xzxF4ErcumXjO2Pvg/wVGrtr9QQJLk3IyQX1ddAC/fi6/5jZCZ9xpuL9Tzc4KPWMFq8GGWFVDMshZOdHGdkvag==
+
+"@next/swc-win32-ia32-msvc@14.1.4":
+  version "14.1.4"
+  resolved "https://registry.yarnpkg.com/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-14.1.4.tgz#23ff7f4bd0a27177428669ef6fa5c3923c738031"
+  integrity sha512-WZiz8OdbkpRw6/IU/lredZWKKZopUMhcI2F+XiMAcPja0uZYdMTZQRoQ0WZcvinn9xZAidimE7tN9W5v9Yyfyw==
+
+"@next/swc-win32-x64-msvc@14.1.4":
+  version "14.1.4"
+  resolved "https://registry.yarnpkg.com/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-14.1.4.tgz#bccf5beccfde66d6c66fa4e2509118c796385eda"
+  integrity sha512-4Rto21sPfw555sZ/XNLqfxDUNeLhNYGO2dlPqsnuCg8N8a2a9u1ltqBOPQ4vj1Gf7eJC0W2hHG2eYUHuiXgY2w==
+
 "@nodelib/fs.scandir@2.1.5":
   version "2.1.5"
   resolved "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz"
@@ -1445,7 +1605,7 @@
     "@nodelib/fs.stat" "2.0.5"
     run-parallel "^1.1.9"
 
-"@nodelib/fs.stat@^2.0.2", "@nodelib/fs.stat@2.0.5":
+"@nodelib/fs.stat@2.0.5", "@nodelib/fs.stat@^2.0.2":
   version "2.0.5"
   resolved "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz"
   integrity sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==
@@ -1593,7 +1753,7 @@
     "@svgr/babel-plugin-transform-react-native-svg" "8.1.0"
     "@svgr/babel-plugin-transform-svg-component" "8.0.0"
 
-"@svgr/core@*", "@svgr/core@8.1.0":
+"@svgr/core@8.1.0":
   version "8.1.0"
   resolved "https://registry.npmjs.org/@svgr/core/-/core-8.1.0.tgz"
   integrity sha512-8QqtOQT5ACVlmsvKOJNEaWmRPmcojMOzCz4Hs2BGG/toAp/K38LcsMRyLp349glq5AzJbCEeimEoxaX6v/fLrA==
@@ -1918,7 +2078,7 @@
   dependencies:
     "@types/react" "*"
 
-"@types/react@*", "@types/react@^17.0.0 || ^18.0.0", "@types/react@^18", "@types/react@>=16.8":
+"@types/react@*", "@types/react@^18":
   version "18.2.74"
   resolved "https://registry.npmjs.org/@types/react/-/react-18.2.74.tgz"
   integrity sha512-9AEqNZZyBx8OdZpxzQlaFEVCSFUM2YXJH46yPOiOpm078k6ZLOCcuAzGum/zK8YBwY+dbahVNbHrbgrAwIRlqw==
@@ -1987,12 +2147,12 @@ acorn-jsx@^5.3.2:
   resolved "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz"
   integrity sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==
 
-"acorn@^6.0.0 || ^7.0.0 || ^8.0.0", acorn@^8.9.0:
+acorn@^8.9.0:
   version "8.11.3"
   resolved "https://registry.npmjs.org/acorn/-/acorn-8.11.3.tgz"
   integrity sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==
 
-ag-grid-community@^31.2.1, ag-grid-community@31.2.1:
+ag-grid-community@31.2.1, ag-grid-community@^31.2.1:
   version "31.2.1"
   resolved "https://registry.npmjs.org/ag-grid-community/-/ag-grid-community-31.2.1.tgz"
   integrity sha512-D+gnUQ4dHZ/EQJmupQnDqcEKiCEeuK5ZxlsIpdPKgHg/23dmW+aEdivtB9nLpSc2IEK0RUpchcSxeUT37Boo5A==
@@ -2249,7 +2409,7 @@ braces@^3.0.2:
   dependencies:
     fill-range "^7.0.1"
 
-browserslist@^4.22.2, browserslist@^4.23.0, "browserslist@>= 4.21.0":
+browserslist@^4.22.2, browserslist@^4.23.0:
   version "4.23.0"
   resolved "https://registry.npmjs.org/browserslist/-/browserslist-4.23.0.tgz"
   integrity sha512-QW8HiM1shhT2GuzkvklfjcKDiWFXHOeFCIA/huJPwHsslwcydgk7X+z2zXpEijP98UCY7HbubZt5J2Zgvf0CaQ==
@@ -2338,16 +2498,16 @@ color-convert@^2.0.1:
   dependencies:
     color-name "~1.1.4"
 
-color-name@^1.0.0, color-name@~1.1.4:
-  version "1.1.4"
-  resolved "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz"
-  integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
-
 color-name@1.1.3:
   version "1.1.3"
   resolved "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz"
   integrity sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==
 
+color-name@^1.0.0, color-name@~1.1.4:
+  version "1.1.4"
+  resolved "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz"
+  integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
+
 color-string@^1.9.0:
   version "1.9.1"
   resolved "https://registry.npmjs.org/color-string/-/color-string-1.9.1.tgz"
@@ -2497,7 +2657,7 @@ csstype@^3.0.2, csstype@^3.1.2, csstype@^3.1.3:
   resolved "https://registry.npmjs.org/d3-dispatch/-/d3-dispatch-3.0.1.tgz"
   integrity sha512-rzUyPU/S7rwUflMyLc1ETDeBj0NRuHKKAcvukozwhshr6g6c5d8zh4c2gQjY2bZ0dXeGLWc1PF174P2tVvKhfg==
 
-d3-drag@^3.0.0, "d3-drag@2 - 3":
+"d3-drag@2 - 3", d3-drag@^3.0.0:
   version "3.0.0"
   resolved "https://registry.npmjs.org/d3-drag/-/d3-drag-3.0.0.tgz"
   integrity sha512-pWbUJLdETVA8lQNJecMxoXfH6x+mO2UQo8rSmZ+QqxcbyA3hfeprFgIT//HW2nlHChWeIIMwS2Fq+gEARkhTkg==
@@ -2517,7 +2677,7 @@ d3-drag@^3.0.0, "d3-drag@2 - 3":
   dependencies:
     d3-color "1 - 3"
 
-d3-selection@^3.0.0, "d3-selection@2 - 3", d3-selection@3:
+"d3-selection@2 - 3", d3-selection@3, d3-selection@^3.0.0:
   version "3.0.0"
   resolved "https://registry.npmjs.org/d3-selection/-/d3-selection-3.0.0.tgz"
   integrity sha512-fmTRWbNMmsmWq6xJV8D19U/gw/bwrHfNXxrIN+HfZgnzqTHp9jOmKMhsTUjXOJnZOdZY9Q28y4yebKzqDKlxlQ==
@@ -2581,7 +2741,7 @@ data-view-byte-offset@^1.0.0:
     es-errors "^1.3.0"
     is-data-view "^1.0.1"
 
-dayjs@^1.10.7, dayjs@^1.11.11:
+dayjs@^1.11.11:
   version "1.11.11"
   resolved "https://registry.npmjs.org/dayjs/-/dayjs-1.11.11.tgz"
   integrity sha512-okzr3f11N6WuqYtZSvm+F776mB41wRZMhKP+hc34YdW+KmtYYK9iqvHSwo2k9FEH3fhGXvOPV6yz2IcSrfRUDg==
@@ -2927,7 +3087,7 @@ eslint-module-utils@^2.7.4, eslint-module-utils@^2.8.0:
   dependencies:
     debug "^3.2.7"
 
-eslint-plugin-import@*, eslint-plugin-import@^2.28.1:
+eslint-plugin-import@^2.28.1:
   version "2.29.1"
   resolved "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.29.1.tgz"
   integrity sha512-BbPC0cuExzhiMo4Ff1BTVwHpjjv28C5R+btTOGaCRC7UEz801up0JadwkeSk5Ued6TG34uaczuVuH6qyy5YUxw==
@@ -3014,7 +3174,7 @@ eslint-visitor-keys@^3.3.0, eslint-visitor-keys@^3.4.1, eslint-visitor-keys@^3.4
   resolved "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz"
   integrity sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==
 
-eslint@*, "eslint@^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8", "eslint@^3 || ^4 || ^5 || ^6 || ^7 || ^8", "eslint@^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0", "eslint@^6.0.0 || ^7.0.0 || >=8.0.0", "eslint@^7.0.0 || ^8.0.0", "eslint@^7.23.0 || ^8.0.0", eslint@^8:
+eslint@^8:
   version "8.57.0"
   resolved "https://registry.npmjs.org/eslint/-/eslint-8.57.0.tgz"
   integrity sha512-dZ6+mexnaTIbSBZWgou51U6OmzIhYM2VcNdtiTtI7qPNZm35Akpr0f6vtw3w1Kmn5PYo+tZVfh13WrhpS6oLqQ==
@@ -3266,6 +3426,17 @@ glob-parent@^6.0.2:
   dependencies:
     is-glob "^4.0.3"
 
+glob@10.3.10:
+  version "10.3.10"
+  resolved "https://registry.npmjs.org/glob/-/glob-10.3.10.tgz"
+  integrity sha512-fa46+tv1Ak0UPK1TOy/pZrIybNNt4HCv7SDzwyfiOZkvZLEbjsZkJBPtDHVshZjbecAoAGSC20MjLDG/qr679g==
+  dependencies:
+    foreground-child "^3.1.0"
+    jackspeak "^2.3.5"
+    minimatch "^9.0.1"
+    minipass "^5.0.0 || ^6.0.2 || ^7.0.0"
+    path-scurry "^1.10.1"
+
 glob@^7.1.3:
   version "7.2.3"
   resolved "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz"
@@ -3278,17 +3449,6 @@ glob@^7.1.3:
     once "^1.3.0"
     path-is-absolute "^1.0.0"
 
-glob@10.3.10:
-  version "10.3.10"
-  resolved "https://registry.npmjs.org/glob/-/glob-10.3.10.tgz"
-  integrity sha512-fa46+tv1Ak0UPK1TOy/pZrIybNNt4HCv7SDzwyfiOZkvZLEbjsZkJBPtDHVshZjbecAoAGSC20MjLDG/qr679g==
-  dependencies:
-    foreground-child "^3.1.0"
-    jackspeak "^2.3.5"
-    minimatch "^9.0.1"
-    minipass "^5.0.0 || ^6.0.2 || ^7.0.0"
-    path-scurry "^1.10.1"
-
 globals@^11.1.0:
   version "11.12.0"
   resolved "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz"
@@ -3842,6 +4002,13 @@ micromatch@^4.0.4:
     braces "^3.0.2"
     picomatch "^2.3.1"
 
+minimatch@9.0.3:
+  version "9.0.3"
+  resolved "https://registry.npmjs.org/minimatch/-/minimatch-9.0.3.tgz"
+  integrity sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==
+  dependencies:
+    brace-expansion "^2.0.1"
+
 minimatch@^3.0.5, minimatch@^3.1.1, minimatch@^3.1.2:
   version "3.1.2"
   resolved "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz"
@@ -3856,13 +4023,6 @@ minimatch@^9.0.1:
   dependencies:
     brace-expansion "^2.0.1"
 
-minimatch@9.0.3:
-  version "9.0.3"
-  resolved "https://registry.npmjs.org/minimatch/-/minimatch-9.0.3.tgz"
-  integrity sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==
-  dependencies:
-    brace-expansion "^2.0.1"
-
 minimist@^1.2.0, minimist@^1.2.6:
   version "1.2.8"
   resolved "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz"
@@ -3873,16 +4033,16 @@ minimist@^1.2.0, minimist@^1.2.6:
   resolved "https://registry.npmjs.org/minipass/-/minipass-7.0.4.tgz"
   integrity sha512-jYofLM5Dam9279rdkWzqHozUo4ybjdZmCsDHePy5V/PbBcVMiSZR97gmAy45aqi8CK1lG2ECd356FU86avfwUQ==
 
-ms@^2.1.1:
-  version "2.1.3"
-  resolved "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz"
-  integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
-
 ms@2.1.2:
   version "2.1.2"
   resolved "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz"
   integrity sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==
 
+ms@^2.1.1:
+  version "2.1.3"
+  resolved "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz"
+  integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
+
 nano-css@^5.6.1:
   version "5.6.1"
   resolved "https://registry.npmjs.org/nano-css/-/nano-css-5.6.1.tgz"
@@ -3907,7 +4067,7 @@ natural-compare@^1.4.0:
   resolved "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz"
   integrity sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==
 
-"next@^13.0.0 || ^14.0.0", next@14.1.4:
+next@14.1.4:
   version "14.1.4"
   resolved "https://registry.npmjs.org/next/-/next-14.1.4.tgz"
   integrity sha512-1WTaXeSrUwlz/XcnhGTY7+8eiaFvdet5z9u3V2jb+Ek1vFo0VhHKSAIJvDWfQpttWjnyw14kBeq28TPq7bTeEQ==
@@ -4152,7 +4312,7 @@ queue-microtask@^1.2.2:
   resolved "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz"
   integrity sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==
 
-react-dom@*, "react-dom@^16.3.0 || ^17.0.0 || ^18.0.0", "react-dom@^17.0.0 || ^18.0.0", react-dom@^18, react-dom@^18.2.0, react-dom@>=16.6.0, react-dom@>=16.8.0, react-dom@>=17:
+react-dom@^18:
   version "18.2.0"
   resolved "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz"
   integrity sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==
@@ -4210,7 +4370,7 @@ react-use@^17.5.0:
     ts-easing "^0.2.0"
     tslib "^2.1.0"
 
-react@*, "react@^16.3.0 || ^17.0.0 || ^18.0.0", "react@^16.8.0 || ^17.0.0 || ^18.0.0", "react@^17.0.0 || ^18.0.0", react@^18, react@^18.2.0, "react@>= 16.8.0 || 17.x.x || ^18.0.0-0", react@>=16.6.0, react@>=16.8, react@>=16.8.0, react@>=17:
+react@^18:
   version "18.2.0"
   resolved "https://registry.npmjs.org/react/-/react-18.2.0.tgz"
   integrity sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==
@@ -4395,14 +4555,7 @@ semver@^6.3.1:
   resolved "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz"
   integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==
 
-semver@^7.5.4:
-  version "7.6.0"
-  resolved "https://registry.npmjs.org/semver/-/semver-7.6.0.tgz"
-  integrity sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg==
-  dependencies:
-    lru-cache "^6.0.0"
-
-semver@^7.6.0:
+semver@^7.5.4, semver@^7.6.0:
   version "7.6.0"
   resolved "https://registry.npmjs.org/semver/-/semver-7.6.0.tgz"
   integrity sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg==
@@ -4517,6 +4670,11 @@ source-map-js@^1.0.1, source-map-js@^1.0.2:
   resolved "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.0.tgz"
   integrity sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==
 
+source-map@0.5.6:
+  version "0.5.6"
+  resolved "https://registry.npmjs.org/source-map/-/source-map-0.5.6.tgz"
+  integrity sha512-MjZkVp0NHr5+TPihLcadqnlVoGIoWo4IBHptutGh9wI3ttUYvCG26HkSuDi+K6lsZ25syXJXcctwgyVCt//xqA==
+
 source-map@^0.5.7:
   version "0.5.7"
   resolved "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz"
@@ -4527,11 +4685,6 @@ source-map@^0.6.1:
   resolved "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz"
   integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
 
-source-map@0.5.6:
-  version "0.5.6"
-  resolved "https://registry.npmjs.org/source-map/-/source-map-0.5.6.tgz"
-  integrity sha512-MjZkVp0NHr5+TPihLcadqnlVoGIoWo4IBHptutGh9wI3ttUYvCG26HkSuDi+K6lsZ25syXJXcctwgyVCt//xqA==
-
 stack-generator@^2.0.5:
   version "2.0.10"
   resolved "https://registry.npmjs.org/stack-generator/-/stack-generator-2.0.10.tgz"
@@ -4677,16 +4830,16 @@ styled-jsx@5.1.1:
   dependencies:
     client-only "0.0.1"
 
-stylis@^4.3.0:
-  version "4.3.2"
-  resolved "https://registry.npmjs.org/stylis/-/stylis-4.3.2.tgz"
-  integrity sha512-bhtUjWd/z6ltJiQwg0dUfxEJ+W+jdqQd8TbWLWyeIJHlnsqmGLRFFd8e5mA0AZi/zx90smXRlN66YMTcaSFifg==
-
 stylis@4.2.0:
   version "4.2.0"
   resolved "https://registry.npmjs.org/stylis/-/stylis-4.2.0.tgz"
   integrity sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw==
 
+stylis@^4.3.0:
+  version "4.3.2"
+  resolved "https://registry.npmjs.org/stylis/-/stylis-4.3.2.tgz"
+  integrity sha512-bhtUjWd/z6ltJiQwg0dUfxEJ+W+jdqQd8TbWLWyeIJHlnsqmGLRFFd8e5mA0AZi/zx90smXRlN66YMTcaSFifg==
+
 supports-color@^5.3.0:
   version "5.5.0"
   resolved "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz"
@@ -4776,7 +4929,7 @@ tsconfig-paths@^3.15.0:
     minimist "^1.2.6"
     strip-bom "^3.0.0"
 
-tslib@*, tslib@^2.0.0, tslib@^2.0.3, tslib@^2.1.0, tslib@^2.4.0:
+tslib@^2.0.0, tslib@^2.0.3, tslib@^2.1.0, tslib@^2.4.0:
   version "2.6.2"
   resolved "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz"
   integrity sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==
@@ -4837,7 +4990,7 @@ typed-array-length@^1.0.6:
     is-typed-array "^1.1.13"
     possible-typed-array-names "^1.0.0"
 
-typescript@^5, typescript@>=3.3.1, typescript@>=4.2.0, typescript@>=4.9.5:
+typescript@^5:
   version "5.4.4"
   resolved "https://registry.npmjs.org/typescript/-/typescript-5.4.4.tgz"
   integrity sha512-dGE2Vv8cpVvw28v8HCPqyb08EzbBURxDpuhJvTrusShUfGnhHBafDsLdS1EhhxyL6BJQE+2cT3dDPAv+MQ6oLw==