Color room state for better overview (#5280)

* Color room state

bring colors to the state of a room for better overview

* Update ServerRoomRow.jsx

---------

Co-authored-by: Ahmad Farhat <ahmad.farhat@blindsidenetworks.com>

app/javascript/components/admin/server_rooms/ServerRoomRow.jsx

@@ -58,9 +58,9 @@ export default function ServerRoomRow({ room }) {
 
   const meetingRunning = () => {
     if (online) {
-      return <td className="border-0 text-success"> { t('admin.server_rooms.running') } </td>;
+      return <td className="border-0 text-success"><span className="badge bg-success"> { t('admin.server_rooms.running') } </span></td>;
     }
-    return <td className="border-0"> { t('admin.server_rooms.not_running') } </td>;
+    return <td className="border-0"><span className="badge bg-danger"> { t('admin.server_rooms.not_running') } </span></td>;
   };
 
   return (