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
@@ -67,6 +68,21 @@ fun LobstersItem(
       modifier = Modifier.padding(start = 12.dp, end = 24.dp),
       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() },
@@ -120,8 +143,6 @@ fun LobstersItem(
     }
   }
 }
-  }
-}
 
 @Composable
 fun TagRow(