[Bug] me sale doble el footer

asi me sale.

** alguien sabe como puedo descargarlo de figma sin que tome todas las imagenes? solo el rectanglo con los simbolos?*****

INDEX.JSX

const Footer =() =>{
        return <footer className='footer' style={{ backgroundImage: "url(/footer.img)" }}>
            <div className='redes'>
                <a href='https://www.aluracursos.com/'>
                    <img src="/img/facebook.png" alt='Facebook' />
                </a>
                <a href='https://www.aluracursos.com/'>
                    <img src="/img/twitter.png" alt='twitter' />
                </a>
                <a href='https://www.aluracursos.com/'>
                    <img src="/img/instagram.png" alt='instagram' />
                </a>
            </div>
            <img src='/img/Logo.png' alt='org' />
            <strong>Desarrollado por Alura</strong>
        </footer>
    }

export default Footer

APP.JS

import { useState } from 'react';
import './App.css';
import Header from './componentes/header/header';
import Formulario from './componentes/formulario/formulario';
import MiOrg from './componentes/MiOrg';
import Equipo from './componentes/equipo';

function App() {
  const [mostrarFormulario, actualizarMostrar] = useState(false)
  const [colaboradores, actualizarColaboradores] = useState([])

  //Ternario --> condicion ? seMuestra : noSeMuestra

  const cambiarMostrar = () =>{
    actualizarMostrar(!mostrarFormulario)
  }

//Registrar Colaborador
const registrarColaborador = (colaborador) => {
  console.log("Nuevo Colaborador", colaborador)
  //spread Operator
  actualizarColaboradores([...colaboradores, colaborador])
}

  //Lista de quipos
  const equipos = [

    {
      titulo: "Programación",
      colorPrimario: "#57C278",
      colorSecundario: "#D9F7E9"
    },
    {
      titulo: "Front End",
      colorPrimario: "#82CFFA",
      colorSecundario: "#E8F8FF"
    },
    {
      titulo: "Data Science",
      colorPrimario: "#A6D157",
      colorSecundario: "#F0F8E2"
    },
    {
      titulo: "Devops",
      colorPrimario: "#E06B69",
      colorSecundario: "#FDE7E8"
    },
    {
      titulo: "UX y Diseño",
      colorPrimario: "#DB6EBF",
      colorSecundario: "#FAE9F5"
    },
    {
      titulo: "Móvil",
      colorPrimario: "#FFBA05",
      colorSecundario: "#FFF5D9"
    },
    {
      titulo: "Innovación y Gestión",
      colorPrimario: "#FF8A29",
      colorSecundario: "#FFEEDF"
    },
    

]

  return (
    <div>
     <Header />
   {/* mostrarFormulario ? <Formulario /> : <></>*/}
       {
        mostrarFormulario && <Formulario 
         equipos={ equipos.map((equipo) => equipo.titulo)} 
     registrarColaborador = {registrarColaborador}
        />
       }

     <MiOrg cambiarMostrar={cambiarMostrar}/>
     
     {
      equipos.map( (equipo) => <Equipo 
      datos={equipo} 
      key={equipo.titulo} 
      colaboradores ={colaboradores.filter(colaborador => colaborador.equipo === equipo.titulo)} 
      />
      )
      }

      <Footer />
    </div>
  );
}

export default App;