fix: use overflow-clip in table paginations (#86)

Closes #78

Author: omarhoumz

src/features/tasks/components/data-table-pagination.tsx

@@ -22,7 +22,10 @@ export function DataTablePagination<TData>({
   table,
 }: DataTablePaginationProps<TData>) {
   return (
-    <div className='flex items-center justify-between overflow-auto px-2'>
+    <div
+      className='flex items-center justify-between overflow-clip px-2'
+      style={{ overflowClipMargin: 1 }}
+    >
       <div className='hidden flex-1 text-sm text-muted-foreground sm:block'>
         {table.getFilteredSelectedRowModel().rows.length} of{' '}
         {table.getFilteredRowModel().rows.length} row(s) selected.

src/features/users/components/data-table-pagination.tsx

@@ -22,7 +22,10 @@ export function DataTablePagination<TData>({
   table,
 }: DataTablePaginationProps<TData>) {
   return (
-    <div className='flex items-center justify-between overflow-auto px-2'>
+    <div
+      className='flex items-center justify-between overflow-clip px-2'
+      style={{ overflowClipMargin: 1 }}
+    >
       <div className='hidden flex-1 text-sm text-muted-foreground sm:block'>
         {table.getFilteredSelectedRowModel().rows.length} of{' '}
         {table.getFilteredRowModel().rows.length} row(s) selected.