Revert "ssr on"

This reverts commit 3e9a22e788.

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

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
 
-	let { ref, ...restProps }: DropdownMenuPrimitive.GroupProps = $props();
+	let { ref = $bindable(null), ...restProps }: DropdownMenuPrimitive.GroupProps = $props();
 </script>
 
-<DropdownMenuPrimitive.Group 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,7 @@
 <script lang="ts">
 	import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
 
-	let { ref, ...restProps }: DropdownMenuPrimitive.TriggerProps = $props();
+	let { ref = $bindable(null), ...restProps }: DropdownMenuPrimitive.TriggerProps = $props();
 </script>
 
-<DropdownMenuPrimitive.Trigger 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<HTMLSpanElement>>> = $props();
+	}: WithoutChildren<WithElementRef<HTMLAttributes<HTMLDivElement>>> = $props();
 </script>
 
-<span
+<div
 	bind:this={ref}
 	data-slot="skeleton"
 	class={cn("bg-accent animate-pulse rounded-md", className)}
 	{...restProps}
-></span>
+></div>

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

@@ -2,14 +2,11 @@ import type { LayoutServerLoad } from './$types';
 import { dev } from '$app/environment';
 
 export const load: LayoutServerLoad = async (event) => {
-    // 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'
-        });
-    }
+    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

@@ -0,0 +1 @@
+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 as any);
+    return await getHopiumQuestion(hopiumEvent);
 }