✨(frontend) handle another recording mode is active

Refactor literals in the recording status hook and introduce a new status.
Align the login prompt style with the newly introduced warning message, and
guide users by clearly indicating that the two modes are mutually exclusive.
Users are prompted to stop the other mode before starting a new one.

This situation should happen less often now that checkboxes allow users to start
transcription and recording together. Hopefully, the UX is clear enough.

The growing number of props passed to the controls buttons may become an issue
and will likely require refactoring later.

src/frontend/src/locales/en/rooms.json

@@ -324,7 +324,8 @@
       "start": "Start transcribing the meeting",
       "stop": "Stop transcribing the meeting",
       "saving": "Saving…",
-      "starting": "Starting…"
+      "starting": "Starting…",
+      "anotherModeStarted": "Screen recording is running. Switch panels and stop it."
     },
     "linkMore": "Learn more",
     "notAdminOrOwner": {
@@ -362,7 +363,8 @@
       "start": "Start recording the meeting",
       "stop": "Stop recording the meeting",
       "saving": "Saving…",
-      "starting": "Starting…"
+      "starting": "Starting…",
+      "anotherModeStarted": "Transcription is running. <br/> Switch panels and stop it."
     },
     "notAdminOrOwner": {
       "heading": "Restricted Access",