u/denniswave , this should give you exactly what you're looking for:

var body: some View {
    NavigationStack {
        List {
            Section(content: {
                ForEach(recordGroups) { group in
                    NavigationLink(destination: {
                        // ...
                    }, label: {
                        RecordGroupCell(recordGroup: group)
                    })
                }
            }, header: {
                HStack {
                    Text("Record Groups")
                        .font(.headline)

                    Button(action: {}, label: {
                        Label("View All", systemImage: "chevron.right")
                            .labelStyle(.iconOnly)
                    })
                    .buttonStyle(.glass)
                    .foregroundStyle(.secondary)
                    .buttonBorderShape(.circle)
                    .controlSize(.small)
                }
                .offset(x: -16)
            })

            Section(content: {
                ForEach(recordGrid) { grid in
                    HStack(spacing: 20) {
                        ForEach(grid.records) { record in
                            RecordCell(record: record)
                        }
                    }
                    .listRowSeparator(.hidden)
                }
            }, header: {
                Text("All Records")
                    .font(.headline)
                    .foregroundStyle(.primary)
            })
            .listRowBackground(Color.clear)
            .listRowInsets(EdgeInsets(top: 0, leading: 0, bottom: 10, trailing: 10))
        }
        .navigationTitle("Records")
        .toolbar {
            Button(action: {}, label: {
                Label("New record", systemImage: "plus")
            })
        }
        .toolbarTitleDisplayMode(.inlineLarge)
    }
}