fix(ios): replace TabView with ZStack + bottom toolbar picker

TabView swallows child toolbar items (QueryEditorView's play button,
overflow menu). Use ZStack with opacity switching instead — both views
stay alive, toolbar items propagate correctly through the single
NavigationStack. Bottom toolbar has a segmented picker for tab switching.

Author: datlechin

TableProMobile/TableProMobile/Views/ConnectedTabView.swift

@@ -114,15 +114,15 @@ struct ConnectedTabView: View {
     }
 
     private var tabContent: some View {
-        TabView(selection: $selectedTab) {
+        ZStack {
             TableListView(
                 connection: connection,
                 tables: tables,
                 session: session,
                 onRefresh: { await refreshTables() }
             )
-            .tabItem { Label("Tables", systemImage: "tablecells") }
-            .tag(Tab.tables)
+            .opacity(selectedTab == .tables ? 1 : 0)
+            .allowsHitTesting(selectedTab == .tables)
 
             QueryEditorView(
                 session: session,
@@ -133,12 +133,21 @@ struct ConnectedTabView: View {
                 connectionId: connection.id,
                 historyStorage: historyStorage
             )
-            .tabItem { Label("Query", systemImage: "terminal") }
-            .tag(Tab.query)
+            .opacity(selectedTab == .query ? 1 : 0)
+            .allowsHitTesting(selectedTab == .query)
         }
         .navigationTitle(supportsDatabaseSwitching && databases.count > 1 ? "" : displayName)
         .navigationBarTitleDisplayMode(.inline)
         .toolbar { tabToolbar }
+        .toolbar {
+            ToolbarItemGroup(placement: .bottomBar) {
+                Picker("Tab", selection: $selectedTab) {
+                    Label("Tables", systemImage: "tablecells").tag(Tab.tables)
+                    Label("Query", systemImage: "terminal").tag(Tab.query)
+                }
+                .pickerStyle(.segmented)
+            }
+        }
     }
 
     @ToolbarContentBuilder