[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

Start at the BaseCard component and inspect the handleClick entry point described in the issue, then trace how the current route is assembled when a topic is selected. Check the card behavior with long titles and at the supported screen sizes. Done means the existing path is preserved when adding a topic, while large text and the required responsive layouts remain supported.

Scritto dal modello di indicizzazione a partire dal testo della issue.