feat: apply requested changes

web/src/routes/(manage)/room/[slug]/+page.svelte

@@ -4,6 +4,7 @@
 	import * as InputOTP from "$lib/components/ui/input-otp";
 	import { eventTarget } from "$lib/ws.svelte";
 	import { toast } from "svelte-sonner";
+	import { sidebarState } from "$lib/sidebar.svelte.ts";
 
 	const slug = $derived(page.params.slug);
 
@@ -82,7 +83,9 @@
 	})
 </script>
 
-<h1 class="text-2xl font-bold">Raum {slug}</h1>
+<h1 class="text-2xl font-bold" onclick={() => {
+	sidebarState.open = !sidebarState.open;
+}}>Raum {slug}</h1>
 <div style="display: flex; align-items: center; gap: 1rem;">
 	<InputOTP.Root maxlength={3} pattern={TICKET_INPUT_REGEX} bind:value={nextTicket} onkeypress={(e) => {
 		isInvalid = false;
@@ -132,4 +135,4 @@
 	#ticket {
 		display: flex;
 	}
-</style>
+</style>