Refactor UI components for improved localization and styling

- Updated various headings and text elements to utilize localization functions for better internationalization support.
- Simplified gradient styles in headings to enhance readability.
- Adjusted adventure and travel statistics sections to reflect localized titles and descriptions.
- Enhanced filter options and buttons with localized text for clarity.
- Modified Tailwind CSS configuration to include a new color 'dim' for future styling needs.

frontend/src/routes/settings/+page.svelte

@@ -285,9 +285,7 @@
 		<div class="container mx-auto px-6 py-8">
 			<div class="flex items-center justify-between">
 				<div>
-					<h1
-						class="text-4xl font-bold bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent pb-1"
-					>
+					<h1 class="text-4xl font-bold bg-clip-text text-primary pb-1">
 						{$t('settings.settings_page')}
 					</h1>
 				</div>