feat(NavLinks): Link+responsive size

components/NavLinks.js

@@ -16,12 +16,12 @@ function NavLinks({ prev, next }) {
   let nextText = next != 1 ? "Suivante" : "Retour au début";
   return (
     <Center p="6" justify="space-between">
-      <a href={"/photos/" + prev}>
+      <Link href={"/photos/" + prev}>
         <Button
           as="a"
           borderRadius="full"
           colorScheme="gray"
-          fontSize="xl"
+          fontSize={["sm", "md", "xl"]}
           size="lg"
           mx={2}
           cursor="pointer"
@@ -29,13 +29,13 @@ function NavLinks({ prev, next }) {
           <Text mr={2}>⟸</Text>
           <Text>{prevText}</Text>
         </Button>
-      </a>
-      <a href={"/photos/" + next}>
+      </Link>
+      <Link href={"/photos/" + next}>
         <Button
           as="a"
           borderRadius="full"
           colorScheme="gray"
-          fontSize="xl"
+          fontSize={["sm", "md", "xl"]}
           size="lg"
           mx={2}
           cursor="pointer"
@@ -43,7 +43,7 @@ function NavLinks({ prev, next }) {
           <Text>{nextText}</Text>
           <Text ml={2}>⟹</Text>
         </Button>
-      </a>
+      </Link>
     </Center>
   );
 }