refactor map popups and add inspect trackpoint feature

website/src/lib/utils.ts

@@ -12,6 +12,7 @@ import mapboxgl from "mapbox-gl";
 import tilebelt from "@mapbox/tilebelt";
 import { PUBLIC_MAPBOX_TOKEN } from "$env/static/public";
 import PNGReader from "png.js";
+import type { DateFormatter } from "@internationalized/date";
 
 export function cn(...inputs: ClassValue[]) {
     return twMerge(clsx(inputs));
@@ -215,4 +216,16 @@ export function getURLForLanguage(lang: string | null | undefined, path: string)
             return `${base}${newPath}`;
         }
     }
-}
+}
+
+function getDateFormatter(locale: string) {
+    return new Intl.DateTimeFormat(locale, {
+        dateStyle: 'medium',
+        timeStyle: 'medium'
+    });
+}
+
+export let df: DateFormatter = getDateFormatter('en');
+locale.subscribe((l) => {
+    df = getDateFormatter(l ?? 'en');
+});