refactor: enhance UI components with improved styling and layout

- Updated CollectionCard, CountryCard, LodgingCard, NoteCard, RegionCard, TransportationCard, UserCard, and ShareModal components for better visual consistency and responsiveness.
- Introduced hover effects and transitions for a more interactive experience.
- Improved accessibility by ensuring proper alt text for images and using semantic HTML elements.
- Refactored date formatting logic into a utility function for reuse across components.
- Added new translations for profile viewing and joined date in the localization files.

frontend/src/lib/dateUtils.ts

@@ -118,6 +118,23 @@ export function validateDateRange(
 	return { valid: true };
 }
 
+export function formatDateInTimezone(utcDate: string, timezone: string | null): string {
+	if (!utcDate) return '';
+	try {
+		return new Intl.DateTimeFormat(undefined, {
+			timeZone: timezone || undefined,
+			year: 'numeric',
+			month: 'short',
+			day: 'numeric',
+			hour: '2-digit',
+			minute: '2-digit',
+			hour12: true
+		}).format(new Date(utcDate));
+	} catch {
+		return new Date(utcDate).toLocaleString();
+	}
+}
+
 /**
  * Format UTC date for display
  * @param utcDate - UTC date in ISO format