fix: only show relevant actions

app/(tabs)/index.tsx

@@ -332,16 +332,20 @@ export default function DeviceListScreen() {
               </View>
 
               <View style={styles.deviceActions}>
+                {item.status?.toLowerCase() === 'offline' && (
                   <ActionIcon
                     name="Wake"
-                  symbolName="bolt.fill"
+                    symbolName="bolt.circle.fill"
                     fallbackName="flash"
                     color="#4CAF50"
                     onPress={() => handleWake(item)}
                   />
+                )}
+                {item.status?.toLowerCase() === 'online' && (
+                  <>
                     <ActionIcon
                       name="Sleep"
-                  symbolName="moon.fill"
+                      symbolName="moon.circle.fill"
                       fallbackName="moon"
                       color="#FF9800"
                       onPress={() => handleSleep(item)}
@@ -360,6 +364,8 @@ export default function DeviceListScreen() {
                       color="#f44336"
                       onPress={() => handleShutdown(item)}
                     />
+                  </>
+                )}
               </View>
             </View>
           </View>