v1.3.1

### Updates

### New Features

- Feat: Dockerfile enhanced to accept environmental arguments on build
- Feat: added version number to the footer

### Fixes and Refactoring

- Fix: APR endpoint for Apollo vaults
- Fix: mobile farm table data

src/components/common/Footer/Footer.module.scss

@@ -1,7 +1,7 @@
 @import 'src/styles/master';
 
 .footer {
-  @include padding(8, 0, 24);
+  @include padding(8, 0, 20);
   background-color: $backgroundFooter;
   display: grid;
   place-content: center;
@@ -88,11 +88,18 @@
       }
     }
   }
+
+  .version {
+    @include padding(0, 0, 4);
+    p {
+      text-align: right;
+    }
+  }
 }
 
 @media only screen and (min-width: $bpMediumLow) {
   .footer {
-    @include padding(8, 0);
+    @include padding(8, 0, 0);
     left: space(-4);
     width: calc(100% + (8 * #{$spacingBase}px));
 

src/components/common/Footer/Footer.tsx

@@ -6,6 +6,7 @@ import { useTranslation } from 'react-i18next'
 import useStore from 'store'
 import { DocURL } from 'types/enums/docURL'
 
+import { version } from '../../../../package.json'
 import styles from './Footer.module.scss'
 
 export const Footer = () => {
@@ -209,6 +210,9 @@ export const Footer = () => {
             </ul>
           </div>
         </div>
+        <div className={styles.version}>
+          <p className='faded xs'>Mars Protocol v{version}</p>
+        </div>
       </div>
     </footer>
   )

src/components/fields/ActiveVaultsTable/ActiveVaultsTableMobile.tsx

@@ -10,6 +10,7 @@ import {
 import { Loading } from 'components/common'
 import { VaultLogo, VaultName } from 'components/fields'
 import { FIELDS_TUTORIAL_KEY } from 'constants/appConstants'
+import { getLiqBorrowValue, getMaxBorrowValue } from 'functions/fields'
 import Link from 'next/link'
 import { Trans, useTranslation } from 'react-i18next'
 import useStore from 'store'
@@ -56,6 +57,8 @@ export const ActiveVaultsTableMobile = () => {
     >
       <div className={styles.container}>
         {activeVaults.map((vault, i) => {
+          const maxBorrowValue = getMaxBorrowValue(vault, vault.position)
+
           const content = (
             <div key={`${vault.address}-${i}`} className={styles.grid}>
               <div className={styles.logo}>
@@ -133,9 +136,9 @@ export const ActiveVaultsTableMobile = () => {
               <div className={styles.borrowCapacity}>
                 <BorrowCapacity
                   showPercentageText={true}
-                  max={10}
-                  limit={8}
-                  balance={7}
+                  max={getLiqBorrowValue(vault, maxBorrowValue)}
+                  limit={maxBorrowValue}
+                  balance={vault.position.values.borrowed}
                   showTitle={false}
                   barHeight={'16px'}
                   hideValues