refactor roomcompponent

frontend/src/lib/components/Room.svelte

@@ -0,0 +1,16 @@
+<script lang="ts">
+    import { type Room } from "$lib/types"
+    let { room }: { room: Room } = $props()
+</script>
+
+<div class="room flex flex-col items-start gap-2 rounded-lg bg-white p-6 shadow-md">
+    <h2 class="flex items-center gap-2 text-xl font-semibold">
+        {room.name}
+        {#if room.private}
+            <span class="text-gray-500">🔒</span>
+        {/if}
+    </h2>
+    <!-- <span class="text-sm text-gray-600"> -->
+    <!-- {participants} participant{participants === 1 ? "" : "s"} -->
+    <!-- </span> -->
+</div>