adds settings collection

web/src/lib/components/trail/map_with_elevation.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
+    import { page } from "$app/stores";
     import type { Trail } from "$lib/models/trail";
-    import { currentUser } from "$lib/stores/user_store";
     import { createMarkerFromWaypoint } from "$lib/util/leaflet_util";
     import type AutoGraticule from "$lib/vendor/leaflet-graticule/leaflet-auto-graticule";
     import type { Map, Marker } from "leaflet";
@@ -52,7 +52,7 @@
             closeBtn: false,
             followMarker: true,
             autofitBounds: true,
-            imperial: $currentUser?.unit == "imperial" ?? false,
+            imperial: $page.data.settings?.unit == "imperial" ?? false,
             reverseCoords: false,
             acceleration: false,
             slope: true,

web/src/lib/components/trail/trail_card.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+    import { page } from "$app/stores";
     import type { Trail } from "$lib/models/trail";
     import { getFileURL } from "$lib/util/file_util";
     import {
@@ -64,12 +65,12 @@
         <div class="flex mt-1 gap-4 text-sm text-gray-500 whitespace-nowrap">
             <span
                 ><i class="fa fa-left-right mr-2"></i>{formatDistance(
-                    trail.distance,
+                    trail.distance
                 )}</span
             >
             <span
                 ><i class="fa fa-up-down mr-2"></i>{formatElevation(
-                    trail.elevation_gain,
+                    trail.elevation_gain
                 )}</span
             >
             <span

web/src/lib/components/trail/trail_filter_panel.svelte

@@ -12,6 +12,7 @@
     import Search, { type SearchItem } from "../base/search.svelte";
     import Slider from "../base/slider.svelte";
     import type { SelectItem } from "../base/select.svelte";
+    import { page } from "$app/stores";
 
     export let categories: Category[];
     export let filterExpanded: boolean = true;

web/src/lib/components/trail/trail_info_panel.svelte

@@ -31,6 +31,7 @@
     import Textarea from "../base/textarea.svelte";
     import CommentCard from "../comment/comment_card.svelte";
     import PhotoGallery from "../photo_gallery.svelte";
+    import { page } from "$app/stores";
 
     export let trail: Trail;
     export let mode: "overview" | "map" = "map";

web/src/lib/components/trail/trail_list_item.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+    import { page } from "$app/stores";
     import type { Trail } from "$lib/models/trail";
     import { getFileURL } from "$lib/util/file_util";
     import {
@@ -53,12 +54,12 @@
         <div class="flex mt-1 gap-4 text-sm text-gray-500">
             <span
                 ><i class="fa fa-left-right mr-2"></i>{formatDistance(
-                    trail.distance,
+                    trail.distance
                 )}</span
             >
             <span
                 ><i class="fa fa-up-down mr-2"></i>{formatElevation(
-                    trail.elevation_gain,
+                    trail.elevation_gain
                 )}</span
             >
             <span