perfeito! mas abaixo, continue mostrando as notificações de mensagens, mimos recebidos, curtidas em seu perfil, etc
Atualizei a aba de Notificações para mostrar três seções principais: 1) Pessoas que curtiram seu perfil (com verificação de conta); 2) Mensagens recentes com avatares e preview da última mensagem; 3) Mimos recebidos com valor e data. Cada seção tem um badge contando o total de notificações, e o usuário pode clicar nas mensagens para abrir o chat diretamente.
esta box de saldo, deixe-a ao lado esquerdo da foto de perfil da pessoa em que estou conversando
Agora preciso encontrar o componente de chat/conversa para ver onde colocar o saldo:
Agora vou ler o chat-interface para entender onde colocar o saldo:
Vou ler o início do chat para ver a seção de header:
Perfeito! Agora preciso ver como o balance é passado para o chat-interface:
Agora vou fazer as mudanças. Preciso:
- Adicionar o balance ao ChatInterface props
- Modificar o header do chat para mostrar o saldo ao lado esquerdo da foto
Adicionei o saldo do usuário no header do chat, posicionado ao lado esquerdo da foto de perfil da pessoa. O saldo é exibido em um badge verde com o formato "R$ XX,XX", criando uma chamada visual clara para o usuário. O balance é passado como prop do page.tsx e agora é visível durante toda a conversa.
a box de valor esta duplicada no chat, remova uma delas
