fix: use native .toolbar(.bottomBar) for pagination — system glass material

Author: datlechin

TableProMobile/TableProMobile/Views/DataBrowserView.swift

@@ -97,34 +97,35 @@ struct DataBrowserView: View {
                 }
             }
         }
-        .safeAreaInset(edge: .bottom) {
+        .toolbar {
             if !rows.isEmpty {
-                HStack {
+                ToolbarItem(placement: .bottomBar) {
                     Button {
                         Task { await goToPreviousPage() }
                     } label: {
                         Image(systemName: "chevron.left")
                     }
                     .disabled(pagination.currentPage == 0 || isLoading)
-
+                }
+                ToolbarItem(placement: .bottomBar) {
                     Spacer()
-
+                }
+                ToolbarItem(placement: .bottomBar) {
                     Text(paginationLabel)
                         .font(.footnote)
                         .foregroundStyle(.secondary)
-
+                }
+                ToolbarItem(placement: .bottomBar) {
                     Spacer()
-
+                }
+                ToolbarItem(placement: .bottomBar) {
                     Button {
                         Task { await goToNextPage() }
                     } label: {
                         Image(systemName: "chevron.right")
                     }
                     .disabled(!pagination.hasNextPage || isLoading)
                 }
-                .padding(.horizontal, 20)
-                .padding(.vertical, 12)
-                .background(.ultraThinMaterial)
             }
         }
         .task { await loadData(isInitial: true) }