chore: updated dependencies

src/components/layouts/Footer/Footer.tsx

@@ -1,10 +1,10 @@
 import { Container, Paper, Typography } from '@mui/material'
-import NextLink from 'next/link'
 import MuiLink from '@mui/material/Link'
+import NextLink from 'next/link'
 
-import { FooterColumn } from '@interfaces'
 import { faAngleRight } from '@fortawesome/free-solid-svg-icons'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
+import { FooterColumn } from '@interfaces'
 
 const Footer = () => {
   const columns: FooterColumn[] = [
@@ -50,11 +50,12 @@ const Footer = () => {
                 {column.links.map((link, index) => (
                   <li key={index}>
                     <FontAwesomeIcon icon={faAngleRight} listItem />
-                    <NextLink href={link.url} passHref>
-                      <MuiLink>
-                        {link.label}
-                      </MuiLink>
-                    </NextLink>
+                    <MuiLink
+                      component={NextLink}
+                      href={link.url}
+                    >
+                      {link.label}
+                    </MuiLink>
                   </li>
                 ))}
               </ul>

src/components/layouts/Header/Header.tsx

@@ -1,8 +1,8 @@
 import { faBars } from '@fortawesome/free-solid-svg-icons'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import { AppBar, Box, Container, IconButton, NoSsr, ListItemButton, Divider } from '@mui/material'
-import NextLink from 'next/link'
+import { AppBar, Box, Container, Divider, IconButton, ListItemButton, NoSsr } from '@mui/material'
 import dynamic from 'next/dynamic'
+import NextLink from 'next/link'
 import { useRouter } from 'next/router'
 import { useEffect, useState } from 'react'
 
@@ -65,12 +65,10 @@ const Header = () => {
         >
           <div>
             <NextLink href="/">
-              <a>
-                <EntGamers
-                  width="40"
-                  height="40"
-                />
-              </a>
+              <EntGamers
+                width="40"
+                height="40"
+              />
             </NextLink>
           </div>
           <div
@@ -120,14 +118,14 @@ const Header = () => {
               sx={{ paddingTop: '0' }}
             >
               {MenuItems.map(({ label, url }) => (
-                <NextLink key={`menu-item-${label}`} href={url} passHref>
-                  <ListItemButton
-                    component="a"
-                    selected={router.pathname === url}
-                  >
-                    <ListItemText primary={label} />
-                  </ListItemButton>
-                </NextLink>
+                <ListItemButton
+                  key={`menu-item-${label}`}
+                  href={url}
+                  component={NextLink}
+                  selected={router.pathname === url}
+                >
+                  <ListItemText primary={label} />
+                </ListItemButton>
               ))}
             </List>
           </Box>

src/components/pages/home/SocialNetworks.tsx

@@ -1,18 +1,17 @@
-import gsap, { Linear } from 'gsap'
-import ScrollTrigger from 'gsap/dist/ScrollTrigger'
-import ScrollToPlugin from 'gsap/dist/ScrollToPlugin'
+import { SocialSliderProps } from '@components/pages/home/socialNetworks/SocialSlider'
 import { Container, Paper } from '@mui/material'
+import gsap, { Linear } from 'gsap'
+import ScrollToPlugin from 'gsap/dist/ScrollToPlugin'
+import ScrollTrigger from 'gsap/dist/ScrollTrigger'
 import { FC, useEffect, useRef } from 'react'
 
-import SocialSlider, { SocialSliderProps } from '@components/pages/home/socialNetworks/SocialSlider'
-
 gsap.registerPlugin(ScrollTrigger, ScrollToPlugin)
 
 export interface SocialNetworksProps {
   socialNetworks: SocialSliderProps['slides']
 }
 
-const SocialNetworks: FC<SocialNetworksProps> = ({ socialNetworks }) => {
+const SocialNetworks: FC<SocialNetworksProps> = () => {
   const layer01 = useRef<HTMLDivElement| null>(null)
   const layer02 = useRef<HTMLDivElement| null>(null)
   const layer03 = useRef<HTMLDivElement| null>(null)
@@ -87,9 +86,9 @@ const SocialNetworks: FC<SocialNetworksProps> = ({ socialNetworks }) => {
               component={Container}
               variant='glass'
             >
-              <SocialSlider
+              {/* <SocialSlider
                 slides={socialNetworks}
-              />
+              /> */}
             </Paper>
           </div>
         </div>

src/components/pages/home/Team.tsx

@@ -1,4 +1,4 @@
-import { Container, Button, Typography } from '@mui/material'
+import { Button, Container, Typography } from '@mui/material'
 import NextLink from 'next/link'
 import { FC } from 'react'
 
@@ -57,24 +57,22 @@ const Team: FC<TeamProps> = ({ title, teamMembers, joinTeamButtonText, viewTeamB
             marginBlock: '16px'
           }}
         >
-          <NextLink href="/equipo" passHref>
-            <Button
-              variant="contained"
-              color="info"
-              component="a"
-            >
-              {viewTeamButtonText}
-            </Button>
-          </NextLink>
-          <NextLink href="/equipo/unirse" passHref>
-            <Button
-              variant="contained"
-              color="success"
-              component="a"
-            >
-              {joinTeamButtonText}
-            </Button>
-          </NextLink>
+          <Button
+            href="/equipo"
+            variant="contained"
+            color="info"
+            component={NextLink}
+          >
+            {viewTeamButtonText}
+          </Button>
+          <Button
+            href="/equipo/unirse"
+            variant="contained"
+            color="success"
+            component={NextLink}
+          >
+            {joinTeamButtonText}
+          </Button>
         </div>
       </Container>
     </div>

src/components/profiles/ProfileCard.tsx

@@ -4,12 +4,12 @@ import { Avatar, Card, CardContent, IconButton, Tooltip, Typography } from '@mui
 import NextImage from 'next/image'
 import { FC } from 'react'
 
-import { SocialLink } from '@interfaces'
-import { faGlobe } from '@fortawesome/free-solid-svg-icons'
 import BadgeBook from '@assets/images/gaming/BadgeBook.png'
 import BadgeShield from '@assets/images/gaming/BadgeShield.png'
 import BadgeSword from '@assets/images/gaming/BadgeSword.png'
 import ButtonA from '@assets/images/gaming/ButtonA.png'
+import { faGlobe } from '@fortawesome/free-solid-svg-icons'
+import { SocialLink } from '@interfaces'
 
 export interface ProfileCardProps {
   userName: string
@@ -47,6 +47,7 @@ const ProfileCard: FC<ProfileCardProps> = ({ avatar, biography, socialNetworks,
           >
             <NextImage
               src={role === 'moderator' ? BadgeShield : role === 'collaborator' ? BadgeBook : BadgeSword}
+              alt={role}
               width={30}
               height={30}
             />
@@ -62,6 +63,7 @@ const ProfileCard: FC<ProfileCardProps> = ({ avatar, biography, socialNetworks,
       >
         <NextImage
           src={ButtonA}
+          alt="Button A"
           width={30}
           height={30}
         />
@@ -90,6 +92,7 @@ const ProfileCard: FC<ProfileCardProps> = ({ avatar, biography, socialNetworks,
           >
             <NextImage
               src={avatar}
+              alt={userName}
               width={150}
               height={150}
             />

src/pages/404.tsx

@@ -34,17 +34,16 @@ const Page404 = () => {
         >
           El árbol que buscas no está aquí
         </Typography>
-        <NextLink href="/">
-          <Button
-            sx={{
-              marginBlock: 1
-            }}
-            component="a"
-            variant="contained"
-          >
+        <Button
+          sx={{
+            marginBlock: 1
+          }}
+          href="/"
+          component={NextLink}
+          variant="contained"
+        >
             Volver al inicio
-          </Button>
-        </NextLink>
+        </Button>
       </Box>
     </Contained>
   )

src/pages/equipo.tsx

@@ -3,9 +3,9 @@ import { GetStaticProps, InferGetStaticPropsType } from 'next'
 import NextLink from 'next/link'
 import { FC } from 'react'
 
-import ProfileCard, { ProfileCardProps } from '@components/profiles/ProfileCard'
-import Contained from '@components/layouts/Contained'
 import Seo from '@components/Seo'
+import Contained from '@components/layouts/Contained'
+import ProfileCard, { ProfileCardProps } from '@components/profiles/ProfileCard'
 import { EquipoPageProps } from '@interfaces'
 
 export const getStaticProps: GetStaticProps<EquipoPageProps> = async () => {
@@ -103,15 +103,14 @@ const Equipo: FC<InferGetStaticPropsType<typeof getStaticProps>> = (
           marginBlock: 2
         }}
       >
-        <NextLink href="/equipo/unirse" passHref>
-          <Button
-            variant="contained"
-            color="primary"
-            component="a"
-          >
+        <Button
+          href="/equipo/unirse"
+          variant="contained"
+          color="primary"
+          component={NextLink}
+        >
             Quiero ser administrador
-          </Button>
-        </NextLink>
+        </Button>
       </Box>
       <Typography variant="h2" align="center" gutterBottom >
         {moderatorsTitle}
@@ -157,15 +156,14 @@ const Equipo: FC<InferGetStaticPropsType<typeof getStaticProps>> = (
           marginBlock: 2
         }}
       >
-        <NextLink href="/equipo/unirse" passHref>
-          <Button
-            variant="contained"
-            color="primary"
-            component="a"
-          >
+        <Button
+          href="/equipo/unirse"
+          variant="contained"
+          color="primary"
+          component={NextLink}
+        >
             Quiero ser moderador
-          </Button>
-        </NextLink>
+        </Button>
       </Box>
       <Typography variant="h2" align="center" gutterBottom >
         {collaboratorsTitle}
@@ -211,15 +209,14 @@ const Equipo: FC<InferGetStaticPropsType<typeof getStaticProps>> = (
           marginBlock: 2
         }}
       >
-        <NextLink href="/equipo/unirse" passHref>
-          <Button
-            variant="contained"
-            color="primary"
-            component="a"
-          >
+        <Button
+          href="/equipo/unirse"
+          variant="contained"
+          color="primary"
+          component={NextLink}
+        >
             Quiero ser colaborador
-          </Button>
-        </NextLink>
+        </Button>
       </Box>
 
     </Contained>

src/pages/index.tsx

@@ -1,12 +1,12 @@
 import type { NextPage } from 'next'
 
+import Seo from '@components/Seo'
+import Footer from '@components/layouts/Footer'
+import Header from '@components/layouts/Header'
 import Clanes from '@components/pages/home/Clanes'
 import Hero from '@components/pages/home/Hero'
 import SocialNetworks from '@components/pages/home/SocialNetworks'
 import Team from '@components/pages/home/Team'
-import Header from '@components/layouts/Header'
-import Footer from '@components/layouts/Footer'
-import Seo from '@components/Seo'
 
 const Home: NextPage = () => {
   return (