Primeiro commit

src/pages/Connectivity.jsx

@@ -0,0 +1,41 @@
+// src/pages/Connectivity.jsx
+import React, { useState, useEffect } from 'react';
+import axios from 'axios';
+
+const Connectivity = () => {
+  const [connectivity, setConnectivity] = useState(null);
+
+  useEffect(() => {
+    axios.get('http://localhost:8080/api/v1/connectivity', {
+      headers: { 'Authorization': 'Basic YWRtaW46YWRtaW4=' }
+    })
+    .then(response => {
+      setConnectivity(response.data);
+    })
+    .catch(error => {
+      console.error("There was an error fetching the connectivity data:", error);
+    });
+  }, []);
+
+  return (
+    <div>
+      <h1>Connectivity</h1>
+      {connectivity ? (
+        <div>
+          <h2>Wi-Fi</h2>
+          <p>Status: {connectivity.wifi.status}</p>
+          <p>SSID: {connectivity.wifi.ssid}</p>
+          <p>Signal Strength: {connectivity.wifi.signal_strength} dBm</p>
+          <h2>MQTT</h2>
+          <p>Status: {connectivity.mqtt.status}</p>
+          <p>Broker: {connectivity.mqtt.broker}</p>
+          <p>Port: {connectivity.mqtt.port}</p>
+        </div>
+      ) : (
+        <p>Loading...</p>
+      )}
+    </div>
+  );
+};
+
+export default Connectivity;