adds mobile drawer

web/src/routes/trails/+page.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+    import { page } from "$app/stores";
     import Select, {
         type SelectItem,
     } from "$lib/components/base/select.svelte";
@@ -26,19 +27,7 @@
 
     let filterExpanded: boolean = true;
 
-    export const filter: TrailFilter = {
-        q: "",
-        category: [],
-        near: {
-            radius: 2000,
-        },
-        distanceMin: 0,
-        distanceMax: 20000,
-        elevationGainMin: 0,
-        elevationGainMax: 4000,
-        sort: "created",
-        sortOrder: "+",
-    };
+    const filter: TrailFilter = $page.data.filter;
 
     onMount(() => {
         const storedDisplayOption = localStorage.getItem("displayOption");

web/src/routes/trails/+page.ts

@@ -1,8 +1,28 @@
+import type { TrailFilter } from "$lib/models/trail";
 import { categories_index } from "$lib/stores/category_store";
-import { trails_index } from "$lib/stores/trail_store";
+import { trails_search_filter } from "$lib/stores/trail_store";
 import type { ServerLoad } from "@sveltejs/kit";
 
-export const load: ServerLoad = async ({ params, locals }) => {
-    await trails_index()
+export const load: ServerLoad = async ({ params, locals, url }) => {
+    const filter: TrailFilter = {
+        q: "",
+        category: [],
+        near: {
+            radius: 2000,
+        },
+        distanceMin: 0,
+        distanceMax: 20000,
+        elevationGainMin: 0,
+        elevationGainMax: 4000,
+        sort: "created",
+        sortOrder: "+",
+    };
+    const paramCategory = url.searchParams.get("category");
+    if (paramCategory) {
+        filter.category.push(paramCategory);
+    }
+    await trails_search_filter(filter);
     await categories_index()
+
+    return {filter};
 };