DataViewToolbar: Pagination misaligned from rest of toolbar

Hey PatternFly team!😁

I was recently working with the DataViewToolbar component attempting to align the toolbar with the pagination in the same row. Currently, when passing a pagination prop to the component the pagination is not aligned in the same row as the rest of the toolbar. Example (and this same behavior is displayed in the examples in the component's docs):

PatternFly's toolbar design guidelines recommend these be aligned in the same row.

After some investigation, I found the pagination is wrapped in a div that uses flex with a set width of 100%. This causes the pagination to render in its own row distinct from the rest of the toolbar. Link to code referenced

Please implement a fix that aligns the pagination in the same row as the rest of the toolbar. Thank you!😄

Jira Issue: PF-4529

Bắt đầu tại packages/module/src/DataViewToolbar/DataViewToolbar.tsx, ở pagination wrapper được issue đề cập, sau đó so sánh hành vi của component với các ví dụ trong tài liệu DataViewToolbar. Xác nhận bản sửa bằng cách kiểm tra rằng pagination được render trên cùng một hàng với phần nội dung toolbar còn lại, phù hợp với các nguyên tắc thiết kế toolbar.