feat: destaca dados mockados e WIP no app

src/pages/AuthPages.jsx

@@ -3,6 +3,7 @@ import { useState } from 'react'
 import { authRepository } from '../repositories/authRepository.js'
 
 import { BrandLogo } from '../components/Brand.jsx'
+import { FeatureBadge, FeatureCallout } from '../components/FeatureState.jsx'
 import loginClinicImage from '../assets/figma/login-clinic.png'
 
 export function LoginPage({ navigate }) {
@@ -163,6 +164,7 @@ export function LoginPage({ navigate }) {
             type="button"
           >
             dev · credenciais
+            <FeatureBadge className="border-white/20 bg-white/10 text-white/70" status="mock" text="mock" />
             <span aria-hidden="true" className="text-[9px]">
               ^
             </span>
@@ -181,6 +183,12 @@ export function RegisterPage({ navigate }) {
       description="Crie um acesso mockado para navegar pelo ambiente da clínica."
       title="Criar acesso"
     >
+      <FeatureCallout
+        className="mt-6"
+        description="Cadastro ainda é apenas demonstrativo e não cria conta real."
+        status="mock"
+        title="Fluxo mockado"
+      />
       <form
         className="mt-8 grid gap-5"
         onSubmit={(event) => {