feat: style participants list

client/src/components/ParticipantsList.tsx

@@ -5,10 +5,11 @@ function ParticipantList() {
 
   return (
     <>
-      <h3 className="text-lg font-semibold">Participants</h3>
       <ul>
         {state.participants.map((participant) => (
-          <li key={participant.userId}>{participant.name}</li>
+          <li key={participant.userId} className="p-4 border-b border-gray-200">
+            {participant.name}
+          </li>
         ))}
       </ul>
     </>

client/src/pages/Room.tsx

@@ -25,7 +25,7 @@ function Room() {
     );
   }
 
-  // is connected
+  // View when is connected to the room
   return (
     <Layout>
       <section className="w-full">