Update UI (minor)

Author: yuxuanleong

Frontend/src/components/collab/CollabNavigationBar.jsx

@@ -6,6 +6,7 @@ const CollabNavigationBar = ({ handleExit, users, handleCodeRun, setLanguage, la
   return (
      <Navbar className='bg-light' sticky='top'>
         <Container className='d-flex justify-content-between'>
+          
           {/* Language Dropdown on left */}
           <Nav className='me-auto'>
             <Dropdown onSelect={(eventKey) => setLanguage(eventKey)}>
@@ -19,14 +20,16 @@ const CollabNavigationBar = ({ handleExit, users, handleCodeRun, setLanguage, la
               </DropdownMenu>
             </Dropdown>
           </Nav>
+          
           {/* Run Code and Exit Buttons in Center */}
           <Nav className='mx-auto'>
             <Button onClick={handleCodeRun}>Run Code</Button>
             <Button variant="danger" className="ms-2" onClick={handleExit}>Exit</Button>
           </Nav>
 
           {/* Users at the right */}
-          <Nav>
+          <Nav className='d-flex align-items-center'>
+            <p className='mb-0 me-2'>Users online:</p>
             {users.map(user => {
                 return <div
                 className='border rounded p-2 bg-secondary text-center mx-2'

Frontend/src/components/matching/SuccessfulMatch.jsx

@@ -6,6 +6,7 @@ function SuccessfulMatch({ handleClose }) {
         <div className="matching-container">
             <div className="matching-text">
                 <h2>We found you a match!</h2>
+                <p>Redirecting you to collab space...</p>
             </div>
         </div>
     );