chore: empty rooms list

src/components/Rooms.tsx

@@ -14,7 +14,10 @@ export const Rooms = () => {
 
     return (
         <div class="stack-v">
-            {rooms.map((room, i) => (
+            {rooms.length === 0 ? (
+                <div>Ancora nessuna gara</div>
+            ) : (
+                rooms.map((room, i) => (
                     <div class="card tint-green stack-v center">
                         <div class="fill-w stack-h center" key={i}>
                             <code>{room.id}</code>
@@ -28,7 +31,8 @@ export const Rooms = () => {
                             </button>
                         </div>
                     </div>
-            ))}
+                ))
+            )}
         </div>
     )
 }