feat: Restrict Google Map and Calendar access in offline mode

Disabled Google Map and Calendar screens when offline, leaving only the Quiz button functional.
Added checks for network connectivity to conditionally enable or block buttons.
Displayed a Toast message to inform users about the lack of internet connection when attempting to access restricted screens.

Author: raniabbrk

app/src/main/java/com/github/lookupgroup27/lookup/ui/overview/Menu.kt

@@ -1,6 +1,7 @@
 package com.github.lookupgroup27.lookup.ui.overview
 
 import android.annotation.SuppressLint
+import android.widget.Toast
 import androidx.compose.foundation.Image
 import androidx.compose.foundation.layout.*
 import androidx.compose.foundation.rememberScrollState
@@ -13,13 +14,15 @@ import androidx.compose.ui.*
 import androidx.compose.ui.draw.blur
 import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.layout.ContentScale
+import androidx.compose.ui.platform.LocalContext
 import androidx.compose.ui.platform.testTag
 import androidx.compose.ui.res.painterResource
 import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.unit.dp
 import com.github.lookupgroup27.lookup.R
 import com.github.lookupgroup27.lookup.ui.navigation.*
 import com.github.lookupgroup27.lookup.ui.profile.profilepic.AvatarViewModel
+import com.github.lookupgroup27.lookup.util.NetworkUtils
 import com.google.firebase.auth.FirebaseAuth
 
 @SuppressLint("UnusedMaterial3ScaffoldPaddingParameter")
@@ -31,6 +34,9 @@ fun MenuScreen(navigationActions: NavigationActions, avatarViewModel: AvatarView
 
   val userId = auth.currentUser?.uid.orEmpty()
 
+  val context = LocalContext.current
+  val isOnline = remember { mutableStateOf(NetworkUtils.isNetworkAvailable(context)) }
+
   // Fetch the selected avatar for the logged-in user
   val selectedAvatar by avatarViewModel.selectedAvatar.collectAsState(initial = null)
 
@@ -104,23 +110,35 @@ fun MenuScreen(navigationActions: NavigationActions, avatarViewModel: AvatarView
                     }
                 Spacer(modifier = Modifier.height(8.dp))
 
+                // Blocked buttons when offline
                 Button(
-                    onClick = { navigationActions.navigateTo(Screen.CALENDAR) },
+                    onClick = {
+                      if (isOnline.value) navigationActions.navigateTo(Screen.CALENDAR)
+                      else
+                          Toast.makeText(
+                                  context,
+                                  "You're not connected to the internet",
+                                  Toast.LENGTH_SHORT)
+                              .show()
+                    },
+                    enabled = isOnline.value,
                     modifier = Modifier.fillMaxWidth(0.6f)) {
-                      Text(
-                          text = "Calendar",
-                          style = MaterialTheme.typography.headlineSmall,
-                          fontWeight = FontWeight.Bold)
+                      Text("Calendar", style = MaterialTheme.typography.headlineSmall)
                     }
-                Spacer(modifier = Modifier.height(8.dp))
 
                 Button(
-                    onClick = { navigationActions.navigateTo(Screen.GOOGLE_MAP) },
+                    onClick = {
+                      if (isOnline.value) navigationActions.navigateTo(Screen.GOOGLE_MAP)
+                      else
+                          Toast.makeText(
+                                  context,
+                                  "You're not connected to the internet",
+                                  Toast.LENGTH_SHORT)
+                              .show()
+                    },
+                    enabled = isOnline.value,
                     modifier = Modifier.fillMaxWidth(0.6f)) {
-                      Text(
-                          text = "Google Map",
-                          style = MaterialTheme.typography.headlineSmall,
-                          fontWeight = FontWeight.Bold)
+                      Text("Google Map", style = MaterialTheme.typography.headlineSmall)
                     }
               }
         }