fix: hide the input field while connecting

Author: ye231101

src/components/RoomScreen.js

@@ -258,7 +258,7 @@ function RoomContainer({ roomName, onLeave }) {
         </div>
       </div>
 
-      <div className="vp-chat-input-bar">
+      {remoteParticipants.length > 0 && <div className="vp-chat-input-bar">
         <div className="vp-chat-input-container">
           <input
             className="vp-chat-input"
@@ -272,7 +272,7 @@ function RoomContainer({ roomName, onLeave }) {
             <SendHorizonal size={20} color="white" />
           </button>
         </div>
-      </div>
+      </div>}
     </div>
   );
 }