ssr on

website/src/lib/components/ui/dropdown-menu/dropdown-menu-group.svelte

@@ -1,7 +1,14 @@
 <script lang="ts">
 	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
 
-	let { ref = $bindable(null), ...restProps }: DropdownMenuPrimitive.GroupProps = $props();
+	let {
+		ref = $bindable(null),
+		...restProps
+	}: DropdownMenuPrimitive.GroupProps = $props();
 </script>
 
-<DropdownMenuPrimitive.Group bind:ref data-slot="dropdown-menu-group" {...restProps} />
+<DropdownMenuPrimitive.Group
+	bind:ref
+	data-slot="dropdown-menu-group"
+	{...restProps}
+/>

website/src/lib/components/ui/dropdown-menu/dropdown-menu-trigger.svelte

@@ -1,7 +1,14 @@
 <script lang="ts">
 	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
 
-	let { ref = $bindable(null), ...restProps }: DropdownMenuPrimitive.TriggerProps = $props();
+	let {
+		ref = $bindable(null),
+		...restProps
+	}: DropdownMenuPrimitive.TriggerProps = $props();
 </script>
 
-<DropdownMenuPrimitive.Trigger bind:ref data-slot="dropdown-menu-trigger" {...restProps} />
+<DropdownMenuPrimitive.Trigger
+	bind:ref
+	data-slot="dropdown-menu-trigger"
+	{...restProps}
+/>

website/src/lib/components/ui/skeleton/skeleton.svelte

@@ -6,12 +6,12 @@
 		ref = $bindable(null),
 		class: className,
 		...restProps
-	}: WithoutChildren<WithElementRef<HTMLAttributes<HTMLDivElement>>> = $props();
+	}: WithoutChildren<WithElementRef<HTMLAttributes<HTMLSpanElement>>> = $props();
 </script>
 
-<div
+<span
 	bind:this={ref}
 	data-slot="skeleton"
 	class={cn("bg-accent animate-pulse rounded-md", className)}
 	{...restProps}
-></div>
+></span>

website/src/routes/+layout.server.ts

@@ -2,11 +2,14 @@ import type { LayoutServerLoad } from './$types';
 import { dev } from '$app/environment';
 
 export const load: LayoutServerLoad = async (event) => {
-    event.setHeaders({
-        'Cache-Control': dev
-            ? 'no-cache'
-            : 'private, max-age=30'
-    });
+    // Only set Cache-Control if not already set
+    if (!event.request.headers.get('cache-control')) {
+        event.setHeaders({
+            'Cache-Control': dev
+                ? 'no-cache'
+                : 'private, max-age=30'
+        });
+    }
 
     // Use the user data already fetched and processed in hooks
     return {

website/src/routes/+layout.ts

@@ -1 +0,0 @@
-export const ssr = false;

website/src/routes/api/v1/hopium/[id]/+server.ts

@@ -16,5 +16,5 @@ export async function GET(event) {
         route: { id: "/api/hopium/questions/[id]" }
     };
 
-    return await getHopiumQuestion(hopiumEvent);
+    return await getHopiumQuestion(hopiumEvent as any);
 }