[FE][Layout] Criar componente genérico de Card

Componente genérico de Card
>Implementar criação do componente de Card

- O Card será um padrão em todo o projeto, variando apenas em cores, tamanhos e conteúdo interno. Para tornar a atividade desafiadora, a ideia é criar um componente genérico, que possa ser reutilizado em qualquer parte do código, permitindo personalização completa do conteúdo através de props e children.

### Explicação
>Para dar um norte a quem for desenvolver o Card

- Children são usados em componentes para permitir que o conteúdo seja passado dinamicamente. Isso torna o Card mais flexível, permitindo que dentro dele possam ser inseridos textos, imagens, botões ou qualquer outro componente sem precisar de novas props específicas.
---
### Ideia de desenvolvimento




Observando os prints, percebe-se que os Cards seguem um padrão de borda quadrada, espaçamento, mas possuem variações em tamanho, cor de fundo, presença de imagem ou quantidade de texto.
- Detalhes: _Procurar no template qual que é o estilo de card mais usado(tamanho, cor de fundo e espaçamento) e implementar essa regra de __default__ dentro do componente._

### Exemplos

``` javascript

Serviços

Confira nossos serviços exclusivos!

// Card médio com texto simples e cor de fundo cinza claro

// Card com estilos padrão

Produtos

Veja nossa linha completa de produtos.

location.pathname="/products"}>Ver mais
// Card maior com botão dentro para navegação e fundo branco

location.pathname="/products"}>

Oferta especial!

Descontos imperdíveis para você.

//Card clicável para navegação, com imagem e conteúdo dinâmico

```