load rooms oncreate

frontend/src/lib/Buttons/RoomsSelector.svelte

@@ -44,7 +44,7 @@
 <div class="min-w-[20ch]">
 	{#if loadingRooms}
 		<div
-			class="text-sm rounded md:text-smtext-gray-700 py-1 font-medium tracking-tight relative"
+			class="text-sm rounded-2xl md:text-smtext-gray-700 py-1 font-medium tracking-tight relative ring-1 ring-blue-500 px-2"
 			title="Choose a different room"
 			bind:this={boxEl}
 		>

frontend/src/lib/liveblocks/useRooms.ts

@@ -12,7 +12,7 @@ export function useRooms(): Writable<RoomResponse[]> {
     () => {
       refreshRooms().then((rooms) => roomsStorage.set(rooms))
     }, INTERVAL);
-
+  refreshRooms().then((rooms) => roomsStorage.set(rooms))
   onDestroy(() => {
     clearInterval(interval);
   });