android: hide reconnect button in m3e when no successful aacp connection

android/app/src/main/java/me/kavishdevar/librepods/presentation/screens/AirPodsSettingsScreen.kt

@@ -736,6 +736,7 @@ fun AirPodsSettingsScreen(
 
                             val animatedShapeColor by animateColorAsState(if (reconnecting) primaryContainerColor else secondaryContainerColor)
 
+                            if (state.connectionSuccessful) {
                                 Box(
                                     modifier = Modifier
                                         .size(240.dp)
@@ -792,7 +793,10 @@ fun AirPodsSettingsScreen(
 
                                             val bounds = shapePath.getBounds()
 
-                                        val scale = min(size.width/bounds.width, size.height/bounds.height) * 0.8f
+                                            val scale = min(
+                                                size.width / bounds.width,
+                                                size.height / bounds.height
+                                            ) * 0.8f
 
                                             scaleMatrix.reset()
 
@@ -826,6 +830,13 @@ fun AirPodsSettingsScreen(
                                     style = MaterialTheme.typography.labelSmallEmphasized,
                                     color = MaterialTheme.colorScheme.primary
                                 )
+                            } else {
+                                Text(
+                                    text = stringResource(R.string.not_connected),
+                                    style = MaterialTheme.typography.labelMediumEmphasized,
+                                    color = MaterialTheme.colorScheme.primary
+                                )
+                            }
                         }
 
                         if (!BuildConfig.PLAY_BUILD) {