Solucionado
hoje, com a Alura e o Google Gemini
Como em outra tela tem o mesmo comportamento ja havia criado hum component do styled para centralizar esse css.
<ContainerCards>
{favorito.map(video => <Card id={video.id} titulo={video.titulo} capa={video.capa} key={video.id}/>)}
</ContainerCards>
import {styled} from "styled-components";
const ContainerCards = styled.section`
display: flex;
justify-content: space-around;
`
export default ContainerCards;