bandeiras na pag de log in

src/App.jsx

@@ -999,6 +999,28 @@ export default function App() {
                                 {authMode === 'login' ? t('createAccount') : t('haveAccount')}
                             </button>
                         </div>
+
+                        {/* Language Switcher for Auth Page */}
+                        <div className="mt-12 flex justify-center gap-5 pt-8 border-t border-gray-100 dark:border-gray-800/50">
+                            {[
+                                { id: 'PT', flag: '🇵🇹' },
+                                { id: 'EN', flag: '🇬🇧' },
+                                { id: 'ES', flag: '🇪🇸' },
+                                { id: 'FR', flag: '🇫🇷' },
+                                { id: 'DE', flag: '🇩🇪' }
+                            ].map(lang => (
+                                <button
+                                    key={lang.id}
+                                    type="button"
+                                    onClick={() => setLanguage(lang.id)}
+                                    className={`text-2xl transition-all duration-500 hover:scale-150 active:scale-95 ${language === lang.id ? 'scale-125 drop-shadow-[0_0_8px_rgba(79,70,229,0.3)]' : 'grayscale opacity-30 hover:grayscale-0 hover:opacity-100'}`}
+                                    title={lang.id}
+                                >
+                                    {lang.flag}
+                                </button>
+                            ))}
+                        </div>
+
                     </div>
                 </Card>