Bug 1814995 - Add private tabs to `TabsTray`

app/src/main/java/org/mozilla/fenix/tabstray/TabsTray.kt

@@ -44,6 +44,8 @@ fun TabsTray(
         .observeAsComposableState { state -> state.mode }.value ?: TabsTrayState.Mode.Normal
     val normalTabs = tabsTrayStore
         .observeAsComposableState { state -> state.normalTabs }.value ?: emptyList()
+    val privateTabs = tabsTrayStore
+        .observeAsComposableState { state -> state.privateTabs }.value ?: emptyList()
     val pagerState = rememberPagerState(initialPage = 0)
     val scope = rememberCoroutineScope()
     val animateScrollToPage: ((Page) -> Unit) = { page ->
@@ -86,13 +88,16 @@ fun TabsTray(
                         }
                     }
                     Page.PrivateTabs -> {
-                        Text(
+                        if (displayTabsInGrid) {
-                            text = "Private tabs",
+                            TabGrid(
-                            modifier = Modifier.padding(all = 16.dp),
+                                tabs = privateTabs,
-                            color = FirefoxTheme.colors.textPrimary,
+                            )
-                            style = FirefoxTheme.typography.body1,
+                        } else {
+                            TabList(
+                                tabs = privateTabs,
                             )
                         }
+                    }
                     Page.SyncedTabs -> {
                         Text(
                             text = "Synced tabs",
@@ -113,6 +118,10 @@ private fun TabsTrayPreview() {
     val store = TabsTrayStore(
         initialState = TabsTrayState(
             normalTabs = generateFakeTabsList(),
+            privateTabs = generateFakeTabsList(
+                tabCount = 7,
+                isPrivate = true,
+            ),
         ),
     )
 
@@ -142,13 +151,13 @@ private fun TabsTrayMultiSelectPreview() {
     }
 }
 
-private fun generateFakeTabsList(tabCount: Int = 10): List<TabSessionState> {
+private fun generateFakeTabsList(tabCount: Int = 10, isPrivate: Boolean = false): List<TabSessionState> =
-    val fakeTab = TabSessionState(
+    List(tabCount) { index ->
-        id = "tabId",
+        TabSessionState(
+            id = "tabId$index-$isPrivate",
             content = ContentState(
                 url = "www.mozilla.com",
+                private = isPrivate,
             ),
         )
-
+    }
-    return List(tabCount) { fakeTab }
-}