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/lib/index.ts

@@ -450,6 +450,7 @@ export function findFirstValue(obj: any): any {
 export let themes = [
 	{ name: 'light', label: 'Light' },
 	{ name: 'dark', label: 'Dark' },
+	{ name: 'dim', label: 'Dim' },
 	{ name: 'night', label: 'Night' },
 	{ name: 'forest', label: 'Forest' },
 	{ name: 'aqua', label: 'Aqua' },
@@ -594,7 +595,8 @@ export function getIsDarkMode() {
 			theme === 'night' ||
 			theme === 'aestheticDark' ||
 			theme === 'northernLights' ||
-			theme === 'forest';
+			theme === 'forest' ||
+			theme === 'dim';
 		return isDark;
 	}