add effective amount and claim_id to file page

ui/component/fileDetails/view.jsx

@@ -58,6 +58,14 @@ class FileDetails extends PureComponent<Props> {
                 <td> {__('Bid Amount')}</td>
                 <td>{claim.amount} LBC</td>
               </tr>
+              <tr>
+                <td> {__('Effective Amount')}</td>
+                <td>{claim.meta.effective_amount} LBC</td>
+              </tr>
+              <tr>
+                <td> {__('Claim ID')}</td>
+                <td>{claim.claim_id}</td>
+              </tr>
               {fileSize && (
                 <tr>
                   <td> {__('File Size')}</td>

ui/scss/component/_table.scss

@@ -76,6 +76,8 @@
 }
 
 .table--file-details {
+  font-size: var(--font-small);
+
   td:nth-of-type(1) {
     width: 30%;
   }