refactor: update UI components and page layouts

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

components/header.tsx

@@ -20,7 +20,7 @@ export default function Header({ title, subtitle, imageUrl, actions, maxWidth =
         <div className="sticky top-0 z-50 bg-yellow-50 dark:bg-yellow-900 border-b border-yellow-200 dark:border-yellow-800">
           <div className={`${maxWidth} mx-auto py-3 px-4 sm:px-6 lg:px-8`}>
             <p className="text-center text-sm text-yellow-800 dark:text-yellow-200">
-              ⚠️ Warning: Viewing public wishlists may spoil surprises
+              ⚠️ Atenção: visualizar listas públicas pode estragar surpresas
             </p>
           </div>
         </div>