even more error handling

ui/app/peers/[peerName]/page.tsx

@@ -50,19 +50,31 @@ const PeerData = async ({ params: { peerName } }: DataConfigProps) => {
   };
 
   const getStatData = async () => {
-    const flowServiceAddr = GetFlowHttpAddressFromEnv();
+    try {
+      const flowServiceAddr = GetFlowHttpAddressFromEnv();
+      const response = await fetch(`${flowServiceAddr}/v1/peers/stats/${peerName}`);
 
-    const peerStats: PeerStatResponse = await fetch(
-      `${flowServiceAddr}/v1/peers/stats/${peerName}`
-    ).then((res) => res.json());
+      if (!response.ok) {
+        // Handle HTTP errors
+        console.error(`HTTP error: Status ${response.status} while fetching stats for peer ${peerName}`);
+        return null; // or throw an error
+      }
 
-    if (peerStats.errorMessage) {
-      console.log(`Error fetching stats for peer ${peerName}: ${peerStats.errorMessage}`);
-    }
+      const peerStats = await response.json();
+      if (peerStats.errorMessage) {
+        console.error(`Error fetching stats for peer ${peerName}: ${peerStats.errorMessage}`);
+        return null; // or handle this error specifically
+      }
 
-    return peerStats.statData;
+      return peerStats.statData;
+    } catch (error) {
+      // Handle network errors
+      console.error(`Network error while fetching stats for peer ${peerName}: ${error}`);
+      return null; // or rethrow the error
+    }
   };
 
+
   const slots = await getSlotData();
   const stats = await getStatData();