LobstersItem: split details and button to separate composables

Signed-off-by: Harsh Shandilya <me@msfjarvis.dev>

app/src/main/java/dev/msfjarvis/lobsters/ui/posts/LobstersItem.kt

@@ -5,6 +5,7 @@ import androidx.compose.foundation.ExperimentalFoundationApi
 import androidx.compose.foundation.background
 import androidx.compose.foundation.combinedClickable
 import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.fillMaxWidth
@@ -68,6 +69,21 @@ fun LobstersItem(
       verticalAlignment = Alignment.CenterVertically,
       horizontalArrangement = Arrangement.SpaceBetween,
     ) {
+      PostDetails(
+        post,
+      )
+      SaveButton(
+        isSaved,
+        onSaveButtonClick,
+      )
+    }
+  }
+}
+
+@Composable
+fun PostDetails(
+  post: SavedPost,
+) {
   Column(
     modifier = Modifier.fillMaxWidth(),
   ) {
@@ -105,6 +121,13 @@ fun LobstersItem(
       )
     }
   }
+}
+
+@Composable
+fun SaveButton(
+  isSaved: Boolean,
+  onSaveButtonClick: () -> Unit,
+) {
   IconToggleButton(
     checked = isSaved,
     onCheckedChange = { onSaveButtonClick.invoke() },
@@ -119,8 +142,6 @@ fun LobstersItem(
       )
     }
   }
-    }
-  }
 }
 
 @Composable