[MVP1] Refactor: Componente card listagem

# Contexto
Adicionar responsividade, definir um tamanho fixo para os cards, textos e títulos e corrigir rota.

No BaseCard, a forma como o handleClick foi feita abaixo está sobrescrevendo a URL.

```
const handleClick = (route: string) => {
router.push(`/${route}`)
}
```

Precisamos encontrar uma maneira que ele concatene caso tiver outros dados na URL. Por exemplo, se estamos em auto estudo no fundamentos de typescript, **/autoestudo/fundamentos-de-typescript** , ao acessar um tópico deve adicionar a url o tópico escolhido, **autoestudo/fundamentos-de-typescript/condicionais**

# Critérios
- [x] Suporte para textos e títulos grandes
- [x] Tratar a responsividade para os diferentes tamanhos de tela que precisamos suportar