added service health indicators for Google Photos, iCloud, and NAS; implemented health check logic in settings and onboarding screens

src/components/ServiceHealthIndicator.js

@@ -0,0 +1,41 @@
+import React from 'react';
+import { View, StyleSheet } from 'react-native';
+
+/**
+ * Circular health indicator dot
+ *
+ * status values:
+ *   'inactive' → grey  (not used / not connected)
+ *   'healthy'  → green (connected and working)
+ *   'error'    → red   (connected but errors fetching data)
+ *   'checking' → amber (currently checking)
+ */
+const COLORS = {
+  inactive: '#9e9e9e',
+  healthy: '#34a853',
+  error: '#d93025',
+  checking: '#fbbc04',
+};
+
+const ServiceHealthIndicator = ({ status = 'inactive', size = 10 }) => (
+  <View
+    style={[
+      styles.dot,
+      {
+        width: size,
+        height: size,
+        borderRadius: size / 2,
+        backgroundColor: COLORS[status] || COLORS.inactive,
+      },
+    ]}
+  />
+);
+
+const styles = StyleSheet.create({
+  dot: {
+    marginRight: 8,
+  },
+});
+
+export default ServiceHealthIndicator;
+