Add message bridge status to field webpage

Also reformat the file.

Change-Id: I87078ba61736851d8178b17ffabe69c94be90813
Signed-off-by: James Kuszmaul <jabukuszmaul@gmail.com>
diff --git a/y2023/www/field.html b/y2023/www/field.html
index a63c6f5..cc89bb9 100644
--- a/y2023/www/field.html
+++ b/y2023/www/field.html
@@ -36,66 +36,76 @@
       </table>
 
       <table>
-	      <tr>
-		      <th colspan="2">Superstructure</th>
-		</tr>
-		<tr>
-			<td>End Effector State</td>
-			<td id="end_effector_state"> NA </td>
-		</tr>
-		<tr>
-			<td>Wrist</td>
-			<td id="wrist"> NA </td>
-		</tr>
-	</table>
-	<table>
-		<tr>
-			<th colspan="2">Game Piece</th>
-		</tr>
-		<tr>
-			<td>Game Piece Held</td>
-			<td id="game_piece"> NA </td>
-		</tr>
-	</table>
+        <tr>
+          <th colspan="2">Superstructure</th>
+    </tr>
+    <tr>
+      <td>End Effector State</td>
+      <td id="end_effector_state"> NA </td>
+    </tr>
+    <tr>
+      <td>Wrist</td>
+      <td id="wrist"> NA </td>
+    </tr>
+  </table>
+  <table>
+    <tr>
+      <th colspan="2">Game Piece</th>
+    </tr>
+    <tr>
+      <td>Game Piece Held</td>
+      <td id="game_piece"> NA </td>
+    </tr>
+  </table>
 
-	<table>
-		<tr>
-			<th colspan="2">Arm</th>
-		</tr>
-		<tr>
-			<td>State</td>
-			<td id="arm_state"> NA </td>
-		</tr>
-		<tr>
-			<td>X</td>
-			<td id="arm_x"> NA </td>
-		</tr>
-		<tr>
-			<td>Y</td>
-			<td id="arm_y"> NA </td>
-		</tr>
-		<tr>
-			<td>Circular Index</td>
-			<td id="arm_circular_index"> NA </td>
-		</tr>
-		<tr>
-			<td>Roll</td>
-			<td id="arm_roll"> NA </td>
-		</tr>
-		<tr>
-			<td>Proximal</td>
-			<td id="arm_proximal"> NA </td>
-		</tr>
-		<tr>
-			<td>Distal</td>
-			<td id="arm_distal"> NA </td>
-		</tr>
-	</table>
-	<h3>Zeroing Faults:</h3>
-	<p id="zeroing_faults"> NA </p>
-    </div>
+  <table>
+    <tr>
+      <th colspan="2">Arm</th>
+    </tr>
+    <tr>
+      <td>State</td>
+      <td id="arm_state"> NA </td>
+    </tr>
+    <tr>
+      <td>X</td>
+      <td id="arm_x"> NA </td>
+    </tr>
+    <tr>
+      <td>Y</td>
+      <td id="arm_y"> NA </td>
+    </tr>
+    <tr>
+      <td>Circular Index</td>
+      <td id="arm_circular_index"> NA </td>
+    </tr>
+    <tr>
+      <td>Roll</td>
+      <td id="arm_roll"> NA </td>
+    </tr>
+    <tr>
+      <td>Proximal</td>
+      <td id="arm_proximal"> NA </td>
+    </tr>
+    <tr>
+      <td>Distal</td>
+      <td id="arm_distal"> NA </td>
+    </tr>
+  </table>
+
+  <h3>Zeroing Faults:</h3>
+  <p id="zeroing_faults"> NA </p>
+  </div>
+  <div id="middle_readouts">
     <div id="vision_readouts">
     </div>
+    <div id="message_bridge_status">
+      <div>
+        <div>Node</div>
+        <div>Client</div>
+        <div>Server</div>
+      </div>
+    </div>
+  </div>
   </body>
 </html>