refactor: update UI components and page layouts

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

app/page.tsx

@@ -11,7 +11,7 @@ import ShareButton from '@/components/share-button';
 export default function Home() {
   const [wishlists, setWishlists] = useState<Wishlist[]>([]);
   const [isLoading, setIsLoading] = useState(true);
-  const [settings, setSettings] = useState<Settings>({ siteTitle: 'Wishlist', homepageSubtext: 'Browse and explore available wishlists' });
+  const [settings, setSettings] = useState<Settings>({ siteTitle: 'Chá de Bebê', homepageSubtext: 'Escolha um presente da lista!' });
 
   useEffect(() => {
     fetchWishlists();
@@ -47,8 +47,8 @@ export default function Home() {
           subtitle={settings.homepageSubtext}
           actions={
             <ShareButton
-              title="Check out this wishlist!"
-              text="I thought you might be interested in this wishlist."
+              title="Veja a lista do chá de bebê!"
+              text="Dê uma olhada na lista de presentes do chá de bebê."
             />
           }
         />
@@ -58,11 +58,11 @@ export default function Home() {
           <div className="px-4 sm:px-0">
             {isLoading ? (
               <div className="text-center py-12">
-                <p className="text-gray-600 dark:text-gray-400">Loading...</p>
+                <p className="text-gray-600 dark:text-gray-400">Carregando...</p>
               </div>
             ) : wishlists.length === 0 ? (
               <div className="text-center py-12 bg-white dark:bg-gray-800 rounded-lg shadow">
-                <p className="text-gray-500 dark:text-gray-400">No public wishlists available yet</p>
+                <p className="text-gray-500 dark:text-gray-400">Nenhuma lista disponível ainda</p>
               </div>
             ) : (
               <div className="grid grid-cols-1 gap-6">