update:follower page

app/src/main/java/com/aiosman/riderpro/FollowerPage.kt

@@ -6,11 +6,14 @@ import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.Spacer
-import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.WindowInsets
+import androidx.compose.foundation.layout.asPaddingValues
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.height
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.layout.statusBars
+import androidx.compose.foundation.layout.systemBars
 import androidx.compose.foundation.layout.width
 import androidx.compose.foundation.lazy.LazyColumn
 import androidx.compose.material3.Text
@@ -18,6 +21,7 @@ import androidx.compose.runtime.Composable
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.platform.LocalContext
 import androidx.compose.ui.res.painterResource
 import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.tooling.preview.Preview
@@ -27,23 +31,32 @@ import androidx.compose.ui.unit.sp
 @Preview
 @Composable
 fun FollowerPage() {
-    val heightOfStatusBar = 24.dp
-    Column(
-        modifier = Modifier
-            .padding(top = 16.dp + 24.dp, start = 16.dp, end = 16.dp)
-
-    ) {
-        NoticeScreenHeader("FOLLOWERS")
-        Spacer(modifier = Modifier.height(28.dp))
-        LazyColumn(
-            modifier = Modifier.weight(1f)
+    val paddingValues = WindowInsets.systemBars.asPaddingValues()
+    Spacer(modifier=Modifier.height(paddingValues.calculateTopPadding()))
+    Column {
+        Box(
+            modifier = Modifier
+                .height(paddingValues.calculateTopPadding())
+                .fillMaxWidth()
+                .background(Color.Black)
+        )
+        Column(
+            modifier = Modifier
+                .padding(start = 16.dp, end = 16.dp)
         ) {
-            item {
-                repeat(20) {
-                    FollowerItem()
+            Spacer(modifier = Modifier.height(24.dp))
+            NoticeScreenHeader("FOLLOWERS")
+            Spacer(modifier = Modifier.height(28.dp))
+            LazyColumn(
+                modifier = Modifier.weight(1f)
+            ) {
+                item {
+                    repeat(20) {
+                        FollowerItem()
+                    }
                 }
-            }
 
+            }
         }
     }
 }