BiG-5: Complete, add switch small and medium table row size.

src/containers/Purchases/Bills/BillsLanding/BillsTable.js

@@ -15,6 +15,7 @@ import withBillActions from './withBillsActions';
 import withAlertsActions from 'containers/Alert/withAlertActions';
 import withDialogActions from 'containers/Dialog/withDialogActions';
 import withDrawerActions from 'containers/Drawer/withDrawerActions';
+import withSettings from '../../../Settings/withSettings';
 
 import { useBillsTableColumns, ActionsMenu } from './components';
 import { useBillsListContext } from './BillsListProvider';
@@ -40,6 +41,9 @@ function BillsDataTable({
 
   // #withDrawerActions
   openDrawer,
+
+  // #withSettings
+  billsTableSize,
 }) {
   // Bills list context.
   const { bills, pagination, isBillsLoading, isBillsFetching, isEmptyStatus } =
@@ -125,6 +129,7 @@ function BillsDataTable({
         onCellClick={handleCellClick}
         initialColumnsWidths={initialColumnsWidths}
         onColumnResizing={handleColumnResizing}
+        size={billsTableSize}
         payload={{
           onDelete: handleDeleteBill,
           onEdit: handleEditBill,
@@ -144,4 +149,7 @@ export default compose(
   withAlertsActions,
   withDrawerActions,
   withDialogActions,
+  withSettings(({ billsettings }) => ({
+    billsTableSize: billsettings?.tableSize,
+  })),
 )(BillsDataTable);