Add Start Meeting button (#4794)

* Add Start Meeting btn

* Change px to rem

app/assets/stylesheets/application.bootstrap.scss

@@ -101,6 +101,11 @@ body {
   box-shadow: none;
 }
 
+// aligns the "Copy Join" btn with the "Start Meeting" btn
+.start-meeting-btn {
+  min-height: 2.56rem;
+}
+
 // Smoothen bootstrap transition
 .fade {
   transition: opacity 0.3s ease !important;

app/javascript/components/rooms/room/Room.jsx

@@ -75,7 +75,7 @@ export default function Room() {
               }
           </Col>
           <Col>
-            <Button variant="brand" className="mt-1 mx-2 float-end" onClick={startMeeting.mutate} disabled={startMeeting.isLoading}>
+            <Button variant="brand" className="start-meeting-btn mt-1 mx-2 float-end" onClick={startMeeting.mutate} disabled={startMeeting.isLoading}>
               {startMeeting.isLoading && <Spinner className="me-2" />}
               { room?.online ? (
                 t('room.meeting.join_meeting')