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

src/containers/Accounting/JournalsLanding/ManualJournalActionsBar.js

@@ -73,7 +73,7 @@ function ManualJournalActionsBar({
 
   // Handle table row size change.
   const handleTableRowSizeChange = (size) => {
-    addSetting('manual_journal', 'tableSize', size);
+    addSetting('manualJournals', 'tableSize', size);
   };
 
   return (

src/containers/Accounting/JournalsLanding/ManualJournalsDataTable.js

@@ -13,6 +13,7 @@ import withManualJournals from './withManualJournals';
 import withManualJournalsActions from './withManualJournalsActions';
 import withAlertsActions from 'containers/Alert/withAlertActions';
 import withDrawerActions from 'containers/Drawer/withDrawerActions';
+import withSettings from '../../Settings/withSettings';
 
 import { useManualJournalsContext } from './ManualJournalsListProvider';
 import { useMemorizedColumnsWidths } from 'hooks';
@@ -38,6 +39,9 @@ function ManualJournalsDataTable({
 
   // #ownProps
   onSelectedRowsChange,
+
+  // #withSettings
+  manualJournalsTableSize,
 }) {
   // Manual journals context.
   const {
@@ -125,6 +129,7 @@ function ManualJournalsDataTable({
         onCellClick={handleCellClick}
         initialColumnsWidths={initialColumnsWidths}
         onColumnResizing={handleColumnResizing}
+        size={manualJournalsTableSize}
         payload={{
           onDelete: handleDeleteJournal,
           onPublish: handlePublishJournal,
@@ -143,4 +148,7 @@ export default compose(
   })),
   withAlertsActions,
   withDrawerActions,
+  withSettings(({ manualJournalsSettings }) => ({
+    manualJournalsTableSize: manualJournalsSettings?.tableSize,
+  })),
 )(ManualJournalsDataTable);

src/containers/Accounting/JournalsLanding/utils.js

@@ -37,6 +37,7 @@ export const useManualJournalsColumns = () => {
         className: 'journal_number',
         width: 100,
         clickable: true,
+        textOverview: true,
       },
       {
         id: 'journal_type',
@@ -44,6 +45,7 @@ export const useManualJournalsColumns = () => {
         accessor: 'journal_type',
         width: 110,
         clickable: true,
+        textOverview: true,
       },
       {
         id: 'status',