feat: change customer screen transaction list part to the new design

feat: created the compliance details component (no data for now)

fix: added missing properties into the gql schema and the compliance
details component

feat: added another chip type for a neutral situation

style: change the property card style for the v1 specs

fix: added front facing camera override to schema and components

feat: added authorized override (status) column to the customers list
table

fix: moved name to the front of the phone on the customers list table

fix: added sanctions description text on it's card

fix: added id icon to the right of the customer name

feat: created subpage button component and use it in the customer
profile

feat: created an image popper component and use it in the customer
compliance page

fix: added varying sizes to the customer details and id data cards fields

refactor: simplify the compliance subpage code

new-lamassu-admin/src/pages/Customers/components/Field.js

@@ -7,7 +7,6 @@ import { comet } from 'src/styling/variables'
 
 const useStyles = makeStyles({
   field: {
-    width: 144,
     height: 46
   },
   label: {
@@ -23,11 +22,13 @@ const useStyles = makeStyles({
   }
 })
 
-const Field = memo(({ label, display, className }) => {
+const Field = memo(({ label, display, size, className }) => {
   const classes = useStyles()
 
   return (
-    <div className={classnames(classes.field, className)}>
+    <div
+      className={classnames(classes.field, className)}
+      style={{ width: size }}>
       <Label1 className={classes.label}>{label}</Label1>
       <Info3 className={classes.value}>{display}</Info3>
     </div>