Tela de login sem a integração com backend

## Describe the feature

Essa tarefa tem a responsabilidade de criar a tela de login, mas sem a funcionalidade do login em si e sua integração com o back-end. No entanto, todo o resto deve estar pronto, como as validações dos textos do input.

## Use Case

O usuário deverá ter uma tela de login.

## Implementation Details

Atenção!
O octopost não foi estruturado com o mobile first inicialmente, mas nessa página, será necessário que seja mobile first, seguindo fielmente o design do figma que está disponível nas informações adicionais.
Para facilitar o processo de formulário, você deverá usar o react hook form para criação de formulário, com a validação se ele será emitido ou não com zod.
Esses dois também facilitarão para que você exiba os erros dos campos.
Pode ser que você tenha problemas com a referência no componentes de Input, caso tenha, dê uma olhada nesse vídeo https://www.youtube.com/watch?v=evYPKboKiDs&t=884s

## Visual Concepts

Mobile:


Desktop:


## Additional Information

link do figma: https://www.figma.com/design/peiX1rvJum4D1RV99Fchqw/Layout-Octo?node-id=54395-66

Start by reviewing the existing input components and the current frontend structure before implementing the login screen. Use the linked Figma design as the visual reference and verify the mobile-first and desktop layouts, input validation, and displayed field errors. Done means the screen and form behavior are complete without backend login integration.

Written by the indexing model from the issue text.