feat: add robot connection

ref: N25B-400

src/pages/MonitoringPage/MonitoringPage.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import styles from './MonitoringPage.module.css';
 import useProgramStore from "../../utils/programStore.ts";
-import { GestureControls, SpeechPresets, DirectSpeechInput, StatusList } from './Components';
+import { GestureControls, SpeechPresets, DirectSpeechInput, StatusList, RobotConnected } from './Components';
 import { nextPhase, pauseExperiment, playExperiment, resetExperiment, resetPhase } from ".//MonitoringPageAPI.ts"
 
 type Goal = { id?: string | number; description?: string; achieved?: boolean };
@@ -126,12 +126,11 @@ const MonitoringPage: React.FC = () => {
               >
                 ⟲
               </button>
-          </div>
+          </div>  
         </div>
 
         <div className={styles.connectionStatus}>
-          <h3>Connection:</h3>
-          <p className={styles.connected}>● Robot is connected</p>
+          {RobotConnected()}
         </div>
       </header>