bump next & use legacy next/router

components/Menu/Menu.tsx

@@ -41,7 +41,7 @@ const Item = styled("li", {
 export type MenuProps = ComponentProps<typeof Wrapper>;
 
 const Menu = ({ ...rest }: MenuProps) => {
-  const router = useRouter();
+  const router = useRouter(true);
 
   return (
     <Wrapper {...rest}>

components/PageTitle/PageTitle.tsx

@@ -22,7 +22,7 @@ const TitleLink = styled(Link, {
 export type PageTitleProps = ComponentProps<typeof Title>;
 
 const PageTitle = ({ children, ...rest }: PageTitleProps) => {
-  const router = useRouter();
+  const router = useRouter(true);
 
   return (
     <Title {...rest}>

components/VNC/VNC.tsx

@@ -38,7 +38,7 @@ export type VNCProps = ComponentPropsWithoutRef<typeof Display> & {
 };
 
 const VNC = ({ server, style, ...rest }: VNCProps, ref: Ref<Partial<RFB>>) => {
-  const router = useRouter();
+  const router = useRouter(true);
 
   // we definitely do NOT want this page to connect more than once!
   const [loaded, setLoaded] = useState(false);