clean up

src/lib/components/container/navbar/language-toggle.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+	import Button from '@/components/ui/button/button.svelte';
 	import { currentLang, languages, setLanguage } from '../../../store/language';
 
 	const localeFlags = {
@@ -12,12 +13,9 @@
 	}
 </script>
 
-<button
-	on:click={toggleLanguage}
-	class="inline-flex items-center gap-2 rounded-md border border-slate-700 bg-transparent px-3 py-1.5 hover:bg-slate-800"
->
+<Button variant="outline" on:click={toggleLanguage}>
 	<span class="text-sm">{localeFlags[$currentLang as keyof typeof localeFlags]}</span>
-	<span class="text-sm text-slate-200">
+	<span class="text-sm">
 		{$currentLang === 'en' ? 'English' : 'Deutsch'}
 	</span>
-</button>
+</Button>

src/lib/locales/de.json

@@ -12,7 +12,9 @@
 	"no-account": "Kein Konto?",
 	"sign-up": "Registrieren",
 	"or": "ODER",
-	"email-placeholder": "müller@gmail.com", 
+	"reset-password-description": "Geben Sie Ihre E-Mail-Adresse ein und wir senden Ihnen Anweisungen zum Zurücksetzen Ihres Passworts.",
+	"reset-link": "Reset-Link senden",
+	"email-placeholder": "müller@gmail.com",
 	"sign-in-with-google": "Mit Google anmelden",
 	"password": "Passwort",
 	"get-started": "Loslegen",

src/lib/locales/en.json

@@ -13,7 +13,9 @@
 	"no-account": "No account?",
 	"sign-up": "Sign up",
 	"or": "OR",
-	"email-placeholder": "john@gmail.com", 
+	"reset-password-description": "Enter your email address and we'll send you instructions to reset your password", 
+	"reset-link": "Send Reset Link",
+	"email-placeholder": "john@gmail.com",
 	"sign-in-with-google": "Sign in with Google",
 	"password": "Password",
 	"get-started": "Get Started",

src/routes/(auth)/forgot-password/+page.svelte

@@ -36,7 +36,7 @@
 	<Card.Header>
 		<Card.Title class="text-2xl">{$_('reset-password')}</Card.Title>
 		<Card.Description>
-			{$_('reset-password')}
+			{$_('reset-password-description')}
 		</Card.Description>
 	</Card.Header>
 	<Card.Content>
@@ -52,7 +52,7 @@
 				/>
 			</div>
 			<Button type="submit" class="w-full" disabled={isSubmitting}>
-				{isSubmitting ? 'Sending...' : 'Send Reset Link'}
+				{isSubmitting ? 'Sending...' : $_('reset-link')}
 			</Button>
 			<div class="mt-4 text-center text-sm">
 				{$_('remember-your-password')}