Add legacyBehavior flag to Links with nested a

We'll fix this later

components/GridRep/index.tsx

@@ -248,7 +248,7 @@ const GridRep = (props: Props) => {
   )
 
   return (
-    <Link href={`/p/${props.shortcode}`}>
+    <Link legacyBehavior href={`/p/${props.shortcode}`}>
       <a className={styles.gridRep}>
         {detailsWithUsername}
         <div className={styles.weaponGrid}>

components/about/LinkItem/index.tsx

@@ -21,7 +21,7 @@ const LinkItem = ({ icon, title, link, className, ...props }: Props) => {
 
   return (
     <div className={classes}>
-      <Link href={link}>
+      <Link legacyBehavior href={link}>
         <a href={link} target="_blank" rel="noreferrer">
           <div className={styles.left}>
             <i className={styles.icon}>{icon}</i>

components/party/PartyHeader/index.tsx

@@ -183,7 +183,7 @@ const PartyHeader = (props: Props) => {
   ) => {
     return (
       <div>
-        <Link href={`/${username}`} passHref>
+        <Link legacyBehavior href={`/${username}`} passHref>
           <a className={linkClass}>{userBlock(username, picture, element)}</a>
         </Link>
       </div>
@@ -193,7 +193,7 @@ const PartyHeader = (props: Props) => {
   const linkedRaidBlock = (raid: Raid) => {
     return (
       <div>
-        <Link href={`/teams?raid=${raid.slug}`} passHref>
+        <Link legacyBehavior href={`/teams?raid=${raid.slug}`} passHref>
           <a className={`Raid ${linkClass}`}>{raid.name[locale]}</a>
         </Link>
       </div>