Add secondary column when screen is wide enough

IceCubesApp/App/IceCubesApp.swift

@@ -94,6 +94,8 @@ struct IceCubesApp: App {
                 popToRootTab: $popToRootTab,
                 tabs: availableTabs,
                 routerPath: sidebarRouterPath) {
+      GeometryReader { proxy in
+        HStack(spacing: 0) {
           ZStack {
             if selectedTab == .profile {
               ProfileTab(popToRootTab: $popToRootTab)
@@ -113,6 +115,14 @@ struct IceCubesApp: App {
               }
             }
           }
+          if proxy.frame(in: .global).width > (.maxColumnWidth + .secondaryColumnWidth),
+             currentAccount.account?.id != nil {
+            Divider().edgesIgnoringSafeArea(.all)
+            NotificationsTab(popToRootTab: $popToRootTab, lockedType: nil, isSecondaryColumn: true)
+              .frame(maxWidth: 360)
+          }
+        }
+      }
     }.onChange(of: $appAccountsManager.currentAccount.id) { _ in
       sideBarLoadedTabs.removeAll()
     }

IceCubesApp/App/Tabs/NotificationTab.swift

@@ -18,6 +18,7 @@ struct NotificationsTab: View {
   @Binding var popToRootTab: Tab
 
   let lockedType: Models.Notification.NotificationType?
+  let isSecondaryColumn: Bool
 
   var body: some View {
     NavigationStack(path: $routerPath.path) {
@@ -25,6 +26,7 @@ struct NotificationsTab: View {
         .withAppRouter()
         .withSheetDestinations(sheetDestinations: $routerPath.presentedSheet)
         .toolbar {
+          if !isSecondaryColumn {
             statusEditorToolbarItem(routerPath: routerPath,
                                     visibility: userPreferences.postVisibility)
             if UIDevice.current.userInterfaceIdiom != .pad {
@@ -33,6 +35,7 @@ struct NotificationsTab: View {
               }
             }
           }
+        }
         .toolbarBackground(theme.primaryBackgroundColor.opacity(0.50), for: .navigationBar)
         .id(appAccount.currentAccount.id)
     }

IceCubesApp/App/Tabs/Tabs.swift

@@ -37,9 +37,9 @@ enum Tab: Int, Identifiable, Hashable {
     case .federated:
       TimelineTab(popToRootTab: popToRootTab, timeline: .federated)
     case .notifications:
-      NotificationsTab(popToRootTab: popToRootTab, lockedType: nil)
+      NotificationsTab(popToRootTab: popToRootTab, lockedType: nil, isSecondaryColumn: false)
     case .mentions:
-      NotificationsTab(popToRootTab: popToRootTab, lockedType: .mention)
+      NotificationsTab(popToRootTab: popToRootTab, lockedType: .mention, isSecondaryColumn: false)
     case .explore:
       ExploreTab(popToRootTab: popToRootTab)
     case .messages:

Packages/DesignSystem/Sources/DesignSystem/DesignSystem.swift

@@ -5,6 +5,7 @@ public extension CGFloat {
   static let dividerPadding: CGFloat = 2
   static let statusColumnsSpacing: CGFloat = 8
   static let maxColumnWidth: CGFloat = 650
+  static let secondaryColumnWidth: CGFloat = 360
   static let sidebarWidth: CGFloat = 80
   static let pollBarHeight: CGFloat = 30
 }

Packages/Status/Sources/Status/Row/StatusRowView.swift

@@ -319,6 +319,7 @@ public struct StatusRowView: View {
           Text("status.action.translate")
         }
       }
+      .buttonStyle(.borderless)
     }
 
     if let translation = viewModel.translation, !viewModel.isLoadingTranslation {