fix: disable submit buttons in pereferences pages.

client/src/containers/Preferences/Accountant/AccountantForm.js

@@ -220,10 +220,10 @@ export default function AccountantForm() {
       </FastField>
 
       <div className={'card__footer'}>
-        <Button intent={Intent.PRIMARY} disabled={isSubmitting} type="submit">
+        <Button intent={Intent.PRIMARY} loading={isSubmitting} type="submit">
           <T id={'save'} />
         </Button>
-        <Button onClick={handleCloseClick}>
+        <Button disabled={isSubmitting} onClick={handleCloseClick}>
           <T id={'close'} />
         </Button>
       </div>

client/src/containers/Preferences/Item/ItemForm.js

@@ -134,10 +134,10 @@ export default function ItemForm() {
       </FastField>
 
       <div className={'card__footer'}>
-        <Button intent={Intent.PRIMARY} disabled={isSubmitting} type="submit">
+        <Button intent={Intent.PRIMARY} loading={isSubmitting} type="submit">
           <T id={'save'} />
         </Button>
-        <Button onClick={handleCloseClick}>
+        <Button onClick={handleCloseClick} disabled={isSubmitting}>
           <T id={'close'} />
         </Button>
       </div>

client/src/containers/Vendors/VendorsLanding/components.js

@@ -19,8 +19,6 @@ export function ActionsMenu({
   row: { original },
   payload: { onEdit, onDelete, onDuplicate },
 }) {
-  
-
   return (
     <Menu>
       <MenuItem
@@ -87,8 +85,6 @@ export function BalanceAccessor({ closing_balance, currency_code }) {
  * Retrieve the vendors table columns.
  */
 export function useVendorsTableColumns() {
-  
-
   return React.useMemo(
     () => [
       {
@@ -96,7 +92,7 @@ export function useVendorsTableColumns() {
         Header: '',
         accessor: AvatarAccessor,
         className: 'avatar',
-        width: 50,
+        width: 45,
         disableResizing: true,
         disableSortBy: true,
       },