A fonte usada no app e a Geist (e Geist Mono para textos monoespaçados). Ambas sao do Google Fonts, importadas via next/font/google.
Now let me check the dashboard layout to see where the deposit-withdraw header and "Membro Free" text are:
Let me find where "Membro Free" is rendered:
The "Membro Free" text is in the hamburger menu. Let me see the full context there and check where the deposit/withdraw buttons are in relation:
Now I can see the structure. The "Membro Free" badge is followed by the Depositar/Sacar buttons in the hamburger menu. I need to add a balance block between the badge and the buttons. Let me check how the user's balance is stored:
I can see the database has a balance field but it's not synced to the auth context. I need to:
balance to the User interface in auth-contextNow add balance to the syncUserXp function so it stays updated:
Now add balance to the login flow when loading an existing user:
Now add the balance block in the hamburger menu between the "Membro Free" badge and the deposit/sacar buttons:
Adicionei um bloco de saldo no menu hamburger entre o badge "Membro Free/VIP" e os botoes de Depositar/Sacar. O bloco tem um fundo sutil com borda verde, mostra "Saldo Atual" como label e o valor em R$ formatado em verde (#30ff00). O saldo e sincronizado do banco de dados a cada 10 segundos junto com o XP do usuario.