chore: upgrade to Next.js 13

frontend/src/pages/404.tsx

@@ -8,7 +8,7 @@ import {
   Group,
 } from "@mantine/core";
 import Meta from "../components/Meta";
-import { NextLink } from "@mantine/next";
+import Link from "next/link";
 
 const useStyles = createStyles((theme) => ({
   root: {
@@ -53,7 +53,7 @@ const ErrorNotFound = () => {
           className={classes.description}
         ></Text>
         <Group position="center">
-          <Button component={NextLink} href="/" variant="light">
+          <Button component={Link} href="/" variant="light">
             Bring me back
           </Button>
         </Group>

frontend/src/pages/account/shares.tsx

@@ -12,9 +12,8 @@ import {
 } from "@mantine/core";
 import { useClipboard } from "@mantine/hooks";
 import { useModals } from "@mantine/modals";
-import { NextLink } from "@mantine/next";
 import moment from "moment";
-import getConfig from "next/config";
+import Link from "next/link";
 import { useRouter } from "next/router";
 import { useEffect, useState } from "react";
 import { TbLink, TbTrash } from "react-icons/tb";
@@ -24,8 +23,6 @@ import shareService from "../../services/share.service";
 import { MyShare } from "../../types/share.type";
 import toast from "../../utils/toast.util";
 
-const { publicRuntimeConfig } = getConfig();
-
 const MyShares = () => {
   const modals = useModals();
   const clipboard = useClipboard();
@@ -54,7 +51,7 @@ const MyShares = () => {
               <Title order={3}>It's empty here 👀</Title>
               <Text>You don't have any shares.</Text>
               <Space h={5} />
-              <Button component={NextLink} href="/upload" variant="light">
+              <Button component={Link} href="/upload" variant="light">
                 Create one
               </Button>
             </Stack>

frontend/src/pages/index.tsx

@@ -8,9 +8,9 @@ import {
   ThemeIcon,
   Title,
 } from "@mantine/core";
-import { NextLink } from "@mantine/next";
 import getConfig from "next/config";
 import Image from "next/image";
+import Link from "next/link";
 import { useRouter } from "next/router";
 import { TbCheck } from "react-icons/tb";
 import Meta from "../components/Meta";
@@ -126,7 +126,7 @@ export default function Home() {
 
               <Group mt={30}>
                 <Button
-                  component={NextLink}
+                  component={Link}
                   href="/auth/signUp"
                   radius="xl"
                   size="md"
@@ -135,7 +135,7 @@ export default function Home() {
                   Get started
                 </Button>
                 <Button
-                  component={NextLink}
+                  component={Link}
                   href="https://github.com/stonith404/pingvin-share"
                   target="_blank"
                   variant="default"