From aedabcbdeefdb56f4ec96fb85ac22db16a0752af Mon Sep 17 00:00:00 2001
From: Rafael Taranto <rafael.taranto@protonmail.com>
Date: Mon, 12 May 2025 14:49:39 +0100
Subject: [PATCH] chore: reformat code

---
 .prettierrc                                   |   2 +-
 eslint.config.mjs                             |  16 +-
 packages/admin-ui/src/Main.jsx                |   2 +-
 .../src/components/Carousel.module.css        |   2 +-
 .../src/components/CollapsibleCard.jsx        |   4 +-
 .../admin-ui/src/components/ConfirmDialog.jsx |   2 +-
 .../src/components/CopyToClipboard.jsx        |   4 +-
 .../admin-ui/src/components/DeleteDialog.jsx  |   2 +-
 .../admin-ui/src/components/ImagePopper.jsx   |   2 +-
 .../src/components/InformativeDialog.jsx      |   8 +-
 .../src/components/LogsDownloaderPopper.jsx   |  33 +-
 packages/admin-ui/src/components/Modal.jsx    |   8 +-
 .../NotificationCenter/NotificationCenter.jsx |  14 +-
 .../NotificationCenter.module.css             |  16 +-
 .../NotificationCenter/NotificationRow.jsx    |  21 +-
 .../components/NotificationCenter/index.js    |   1 +
 packages/admin-ui/src/components/Popper.jsx   |  24 +-
 .../admin-ui/src/components/Popper.module.css |   2 +-
 .../admin-ui/src/components/SearchBox.jsx     |  14 +-
 .../admin-ui/src/components/SearchFilter.jsx  |   4 +-
 packages/admin-ui/src/components/Stepper.jsx  |   4 +-
 .../src/components/Stepper.module.css         |   2 +-
 packages/admin-ui/src/components/Subtitle.jsx |   2 +-
 packages/admin-ui/src/components/Tooltip.jsx  |  26 +-
 .../BooleanPropertiesTable.jsx                |  14 +-
 .../src/components/buttons/ActionButton.jsx   |   6 +-
 .../components/buttons/BaseButton.styles.js   |  36 +-
 .../src/components/buttons/Button.jsx         |   6 +-
 .../src/components/buttons/Button.module.css  |   6 +-
 .../src/components/buttons/FeatureButton.jsx  |   6 +-
 .../src/components/buttons/IDButton.jsx       |   7 +-
 .../admin-ui/src/components/buttons/Link.jsx  |   4 +-
 .../src/components/buttons/Link.module.css    |   2 +-
 .../src/components/buttons/SubpageButton.jsx  |  10 +-
 .../buttons/SubpageButton.module.css          |   2 +-
 .../buttons/SubpageButton.styles.js           |  20 +-
 .../admin-ui/src/components/buttons/index.js  |   2 +-
 .../components/date-range-picker/Calendar.jsx |  18 +-
 .../date-range-picker/Calendar.module.css     |   4 +-
 .../date-range-picker/DateRangePicker.jsx     |   6 +-
 .../src/components/date-range-picker/Tile.jsx |   8 +-
 .../src/components/editableTable/Header.jsx   |  19 +-
 .../editableTable/NamespacedTable.jsx         |   2 +-
 .../src/components/editableTable/Row.jsx      |  20 +-
 .../components/editableTable/Row.module.css   |   2 +-
 .../src/components/editableTable/Table.jsx    |   7 +-
 .../src/components/fake-table/Table.jsx       |  16 +-
 .../components/inputs/base/Autocomplete.jsx   |  15 +-
 .../src/components/inputs/base/CodeInput.jsx  |   4 +-
 .../src/components/inputs/base/Dropdown.jsx   |   2 +-
 .../components/inputs/base/NumberInput.jsx    |   7 +-
 .../src/components/inputs/base/RadioGroup.jsx |   2 +-
 .../components/inputs/base/SecretInput.jsx    |   2 +-
 .../src/components/inputs/base/Select.jsx     |   7 +-
 .../components/inputs/base/Select.module.css  |   2 +-
 .../src/components/inputs/base/TextInput.jsx  |  18 +-
 .../inputs/base/TextInput.module.css          |   2 +-
 .../src/components/inputs/base/index.js       |   3 +-
 .../src/components/inputs/cashbox/Cashbox.jsx |  14 +-
 .../inputs/cashbox/Cashbox.module.css         |   2 +-
 .../inputs/formik/CashCassetteInput.jsx       |   2 +-
 .../src/components/inputs/formik/Checkbox.jsx |  13 +-
 .../src/components/inputs/formik/index.js     |   2 +-
 .../admin-ui/src/components/inputs/index.js   |   2 +-
 .../admin-ui/src/components/layout/Header.jsx |  10 +-
 .../src/components/layout/Header.module.css   |   2 +-
 .../src/components/layout/Sidebar.jsx         |   8 +-
 .../src/components/layout/Sidebar.module.css  |   4 +-
 .../src/components/layout/TitleSection.jsx    |   6 +-
 .../machineActions/DiagnosticsModal.jsx       |  12 +-
 .../machineActions/MachineActions.jsx         |  30 +-
 .../single-row-table/SingleRowTable.jsx       |   4 +-
 .../src/components/table/EmptyTable.jsx       |   2 +-
 .../admin-ui/src/components/table/Table.jsx   |   2 +-
 .../src/components/table/TableCell.jsx        |   4 +-
 .../src/components/table/TableHeader.jsx      |   4 +-
 .../src/components/table/TableRow.jsx         |   4 +-
 .../admin-ui/src/components/table/index.js    |   2 +-
 .../src/components/tables/DataTable.jsx       |  14 +-
 .../src/components/typography/index.jsx       |  14 +-
 .../src/components/typography/styles.js       |  50 +-
 packages/admin-ui/src/index.jsx               |   2 +-
 .../src/pages/AddMachine/AddMachine.jsx       |  24 +-
 .../src/pages/Analytics/Analytics.jsx         |  40 +-
 .../components/tooltips/GraphTooltip.jsx      |   9 +-
 .../components/wrappers/HourOfDayWrapper.jsx  |  10 +-
 .../components/wrappers/OverTimeWrapper.jsx   |   4 +-
 .../wrappers/TopMachinesWrapper.jsx           |   6 +-
 .../wrappers/VolumeOverTimeWrapper.jsx        |   4 +-
 .../components/wrappers/wrappers.module.css   |  18 +-
 .../src/pages/Analytics/graphs/Graph.jsx      |   2 +-
 .../Analytics/graphs/HourOfDayBarGraph.jsx    |  71 +-
 .../Analytics/graphs/OverTimeDotGraph.jsx     |  94 +-
 .../Analytics/graphs/OverTimeLineGraph.jsx    |  98 +-
 .../Analytics/graphs/TopMachinesBarGraph.jsx  |  70 +-
 .../Authentication/Authentication.module.css  |   6 +-
 .../pages/Authentication/Input2FAState.jsx    |  12 +-
 .../pages/Authentication/InputFIDOState.jsx   |  24 +-
 .../src/pages/Authentication/LoginCard.jsx    |   3 +-
 .../src/pages/Authentication/LoginState.jsx   |  42 +-
 .../src/pages/Authentication/Register.jsx     |  32 +-
 .../src/pages/Authentication/Reset2FA.jsx     |  18 +-
 .../pages/Authentication/ResetPassword.jsx    |  16 +-
 .../pages/Authentication/Setup2FAState.jsx    |  12 +-
 .../src/pages/Authentication/states.js        |   2 +-
 .../src/pages/Blacklist/Blacklist.jsx         |  25 +-
 .../src/pages/Blacklist/BlacklistAdvanced.jsx |  16 +-
 .../src/pages/Blacklist/BlacklistModal.jsx    |   4 +-
 .../src/pages/Blacklist/BlacklistTable.jsx    |   8 +-
 .../admin-ui/src/pages/Cashout/Cashout.jsx    |   2 +-
 .../admin-ui/src/pages/Cashout/Wizard.jsx     |  24 +-
 .../admin-ui/src/pages/Cashout/WizardStep.jsx |  16 +-
 packages/admin-ui/src/pages/Cashout/helper.js |  30 +-
 .../src/pages/Commissions/Commissions.jsx     |  16 +-
 .../components/CommissionsDetails.jsx         |   8 +-
 .../components/CommissionsList.jsx            |  39 +-
 .../admin-ui/src/pages/Commissions/helper.jsx | 127 +--
 .../src/pages/Customers/CustomerData.jsx      | 129 +--
 .../src/pages/Customers/CustomerNotes.jsx     |   6 +-
 .../src/pages/Customers/CustomerPhotos.jsx    |   2 +-
 .../src/pages/Customers/CustomerProfile.jsx   |  94 +-
 .../src/pages/Customers/Customers.jsx         |  24 +-
 .../src/pages/Customers/CustomersList.jsx     |  25 +-
 .../admin-ui/src/pages/Customers/Wizard.jsx   |  10 +-
 .../components/CreateCustomerModal.jsx        |  15 +-
 .../Customers/components/CustomerDetails.jsx  |  10 +-
 .../Customers/components/CustomerSidebar.jsx  |  14 +-
 .../Customers/components/EditableCard.jsx     |   5 +-
 .../pages/Customers/components/PhotosCard.jsx |   2 +-
 .../Customers/components/PhotosCarousel.jsx   |   2 +-
 .../Customers/components/TransactionsList.jsx |  36 +-
 .../src/pages/Customers/components/Upload.jsx |   4 +-
 .../src/pages/Customers/components/index.js   |   2 +-
 .../components/notes/NewNoteModal.jsx         |   4 +-
 .../Customers/components/notes/NoteEdit.jsx   |  10 +-
 .../admin-ui/src/pages/Customers/helper.jsx   | 117 +--
 .../src/pages/Dashboard/Alerts/Alerts.jsx     |   2 +-
 .../pages/Dashboard/Alerts/AlertsTable.jsx    |   4 +-
 .../src/pages/Dashboard/Alerts/index.js       |   1 +
 .../src/pages/Dashboard/Footer/Footer.jsx     |  14 +-
 .../pages/Dashboard/Footer/Footer.module.css  |   6 +-
 .../src/pages/Dashboard/Footer/index.js       |   1 +
 .../src/pages/Dashboard/RightSide.jsx         |   4 +-
 .../Graphs/PercentageChart.jsx                |   2 +-
 .../SystemPerformance/Graphs/RefLineChart.jsx |  18 +-
 .../Graphs/RefScatterplot.jsx                 |  60 +-
 .../SystemPerformance/InfoWithLabel.jsx       |   1 +
 .../pages/Dashboard/SystemPerformance/Nav.jsx |   2 +-
 .../SystemPerformance/SystemPerformance.jsx   |  24 +-
 .../Dashboard/SystemPerformance/index.js      |   1 +
 .../Dashboard/SystemStatus/MachinesTable.jsx  |  18 +-
 .../SystemStatus/MachinesTable.styles.js      |  38 +-
 .../Dashboard/SystemStatus/SystemStatus.jsx   |   2 +-
 .../src/pages/Dashboard/SystemStatus/index.js |   1 +
 .../admin-ui/src/pages/Dashboard/index.js     |   1 +
 .../admin-ui/src/pages/Funding/Funding.jsx    |  26 +-
 .../src/pages/Funding/Funding.module.css      |   2 +-
 .../admin-ui/src/pages/Locales/Locales.jsx    |   6 +-
 packages/admin-ui/src/pages/Locales/helper.js |  44 +-
 .../admin-ui/src/pages/Logs/Logs.module.css   |   2 +-
 .../admin-ui/src/pages/Logs/MachineLogs.jsx   |   6 +-
 .../admin-ui/src/pages/Logs/ServerLogs.jsx    |  16 +-
 .../src/pages/Logs/ServerLogs.module.css      |   2 +-
 .../LoyaltyPanel/IndividualDiscountModal.jsx  |  12 +-
 .../LoyaltyPanel/IndividualDiscounts.jsx      |  16 +-
 .../src/pages/LoyaltyPanel/PromoCodes.jsx     |  16 +-
 .../pages/LoyaltyPanel/PromoCodesModal.jsx    |   4 +-
 .../MachineComponents/Cassettes/Cassettes.jsx |  10 +-
 .../MachineComponents/Cassettes/index.js      |   1 +
 .../Commissions/Commissions.jsx               |  18 +-
 .../MachineComponents/Commissions/helper.jsx  |  16 +-
 .../Machines/MachineComponents/Overview.jsx   |   2 +-
 .../Transactions/Transactions.jsx             |  22 +-
 .../MachineComponents/Transactions/index.js   |   1 +
 .../admin-ui/src/pages/Machines/Machines.jsx  |   6 +-
 .../src/pages/Maintenance/CashUnitDetails.jsx |   2 +-
 .../src/pages/Maintenance/CashUnits.jsx       |  28 +-
 .../src/pages/Maintenance/CashUnitsFooter.jsx |  26 +-
 .../src/pages/Maintenance/CashboxHistory.jsx  |  28 +-
 .../src/pages/Maintenance/MachineStatus.jsx   |  16 +-
 .../src/pages/Maintenance/Wizard/Wizard.jsx   |  48 +-
 .../pages/Maintenance/Wizard/WizardStep.jsx   |  27 +-
 .../admin-ui/src/pages/Maintenance/helper.jsx |  14 +-
 .../src/pages/Notifications/Notifications.jsx |  16 +-
 .../components/EditableNumber.jsx             |   4 +-
 .../components/SingleFieldEditableNumber.jsx  |   4 +-
 .../sections/CryptoBalanceOverrides.jsx       |  34 +-
 .../sections/FiatBalanceAlerts.jsx            |  18 +-
 .../sections/FiatBalanceOverrides.jsx         |  38 +-
 .../pages/Notifications/sections/Setup.jsx    |  16 +-
 .../sections/ThirdPartyProvider.jsx           |  18 +-
 .../src/pages/OperatorInfo/CoinATMRadar.jsx   |  10 +-
 .../src/pages/OperatorInfo/ContactInfo.jsx    |  22 +-
 .../src/pages/OperatorInfo/MachineScreens.jsx |  12 +-
 .../pages/OperatorInfo/ReceiptPrinting.jsx    |  28 +-
 .../OperatorInfo/SMSNotices/SMSNotices.jsx    |  22 +-
 .../SMSNotices/SMSNoticesModal.jsx            |  38 +-
 .../pages/OperatorInfo/TermsConditions.jsx    |  22 +-
 .../src/pages/Services/FormRenderer.jsx       |  11 +-
 .../admin-ui/src/pages/Services/Services.jsx  |  14 +-
 .../src/pages/Services/schemas/binance.js     |  18 +-
 .../src/pages/Services/schemas/binanceus.js   |  18 +-
 .../src/pages/Services/schemas/bitfinex.js    |  18 +-
 .../src/pages/Services/schemas/bitgo.js       |  60 +-
 .../src/pages/Services/schemas/bitstamp.js    |  20 +-
 .../src/pages/Services/schemas/blockcypher.js |  14 +-
 .../src/pages/Services/schemas/cex.js         |  20 +-
 .../src/pages/Services/schemas/elliptic.js    |  18 +-
 .../src/pages/Services/schemas/galoy.js       |  22 +-
 .../src/pages/Services/schemas/helper.js      |   8 +-
 .../src/pages/Services/schemas/index.js       |   2 +-
 .../src/pages/Services/schemas/inforu.js      |  14 +-
 .../src/pages/Services/schemas/infura.js      |   8 +-
 .../src/pages/Services/schemas/itbit.js       |  22 +-
 .../src/pages/Services/schemas/kraken.js      |  18 +-
 .../src/pages/Services/schemas/mailgun.js     |  14 +-
 .../src/pages/Services/schemas/scorechain.js  |  16 +-
 .../src/pages/Services/schemas/singlebitgo.js |  22 +-
 .../src/pages/Services/schemas/sumsub.js      |  12 +-
 .../src/pages/Services/schemas/telnyx.js      |  12 +-
 .../src/pages/Services/schemas/trongrid.js    |  10 +-
 .../src/pages/Services/schemas/twilio.js      |  14 +-
 .../src/pages/Services/schemas/vonage.js      |  14 +-
 .../SessionManagement/SessionManagement.jsx   |  16 +-
 .../src/pages/Transactions/DetailsCard.jsx    |  28 +-
 .../src/pages/Transactions/Transactions.jsx   |  32 +-
 .../CustomInfoRequests/CustomInfoRequests.jsx |  44 +-
 .../CustomInfoRequests/Forms/ChooseType.jsx   |  14 +-
 .../Forms/NameOfRequirement.jsx               |  10 +-
 .../Forms/Screen1Information.jsx              |   4 +-
 .../Forms/Screen2Information.jsx              |   4 +-
 .../Forms/TypeFields/ChoiceList.jsx           |   4 +-
 .../Forms/TypeFields/NumericalEntry.jsx       |   4 +-
 .../Forms/TypeFields/TextEntry.jsx            |   6 +-
 .../Forms/TypeFields/index.jsx                |  16 +-
 .../Triggers/CustomInfoRequests/Wizard.jsx    |  37 +-
 .../Triggers/CustomInfoRequests/index.js      |   1 +
 .../src/pages/Triggers/TriggerView.jsx        |  10 +-
 .../admin-ui/src/pages/Triggers/Triggers.jsx  |  18 +-
 .../admin-ui/src/pages/Triggers/Wizard.jsx    |  18 +-
 .../Triggers/components/AdvancedTriggers.jsx  |  12 +-
 .../src/pages/Triggers/components/helper.js   |  60 +-
 .../admin-ui/src/pages/Triggers/helper.jsx    | 136 +--
 .../pages/UserManagement/UserManagement.jsx   |  40 +-
 .../UserManagement/modals/ChangeRoleModal.jsx |   8 +-
 .../UserManagement/modals/CreateUserModal.jsx |  20 +-
 .../UserManagement/modals/EnableUserModal.jsx |  14 +-
 .../pages/UserManagement/modals/FIDOModal.jsx |   2 +-
 .../UserManagement/modals/Input2FAModal.jsx   |   2 +-
 .../UserManagement/modals/Reset2FAModal.jsx   |  12 +-
 .../modals/ResetPasswordModal.jsx             |  14 +-
 .../src/pages/Wallet/AdvancedWallet.jsx       |  18 +-
 packages/admin-ui/src/pages/Wallet/Wallet.jsx |  16 +-
 packages/admin-ui/src/pages/Wallet/Wizard.jsx |  16 +-
 .../admin-ui/src/pages/Wallet/WizardStep.jsx  |  20 +-
 packages/admin-ui/src/pages/Wallet/helper.jsx |  84 +-
 packages/admin-ui/src/pages/Wizard/Wizard.jsx |   4 +-
 .../pages/Wizard/components/Commissions.jsx   |   4 +-
 .../src/pages/Wizard/components/Locales.jsx   |   8 +-
 .../src/pages/Wizard/components/Mailgun.jsx   |  12 +-
 .../pages/Wizard/components/Notifications.jsx |   2 +-
 .../pages/Wizard/components/OperatorInfo.jsx  |   1 +
 .../src/pages/Wizard/components/Twilio.jsx    |  10 +-
 .../pages/Wizard/components/Twilio.module.css |   2 +-
 .../pages/Wizard/components/Wallet/AllSet.jsx |  13 +-
 .../Wizard/components/Wallet/Blockcypher.jsx  |  10 +-
 .../Wizard/components/Wallet/ChooseCoin.jsx   |   4 +-
 .../components/Wallet/ChooseExchange.jsx      |  10 +-
 .../Wizard/components/Wallet/ChooseTicker.jsx |   2 +-
 .../Wizard/components/Wallet/ChooseWallet.jsx |  10 +-
 .../components/Wallet/Shared.module.css       |   2 +-
 .../pages/Wizard/components/Wallet/Wallet.jsx |  14 +-
 packages/admin-ui/src/pages/Wizard/helper.jsx |  16 +-
 .../admin-ui/src/routing/lamassu.routes.jsx   |  84 +-
 packages/admin-ui/src/routing/routes.jsx      |  18 +-
 packages/admin-ui/src/routing/utils.js        |   2 +-
 .../admin-ui/src/styling/global/fonts.css     |  20 +-
 .../admin-ui/src/styling/global/global.css    |  17 +-
 packages/admin-ui/src/styling/helpers.js      |   4 +-
 .../src/styling/icons/ID/card/comet.svg       |  12 +-
 .../src/styling/icons/ID/card/tomato.svg      |  12 +-
 .../src/styling/icons/ID/card/white.svg       |  12 +-
 .../src/styling/icons/ID/card/zodiac.svg      |   6 +-
 .../src/styling/icons/ID/phone/comet.svg      |   9 +-
 .../src/styling/icons/ID/phone/tomato.svg     |   9 +-
 .../src/styling/icons/ID/phone/white.svg      |   9 +-
 .../src/styling/icons/ID/phone/zodiac.svg     |   9 +-
 .../src/styling/icons/ID/photo/comet.svg      |   9 +-
 .../styling/icons/ID/photo/crossed-camera.svg |   9 +-
 .../src/styling/icons/ID/photo/tomato.svg     |   9 +-
 .../src/styling/icons/ID/photo/white.svg      |   9 +-
 .../src/styling/icons/ID/photo/zodiac.svg     |   9 +-
 .../src/styling/icons/action/arrow/comet.svg  |   6 +-
 .../styling/icons/action/arrow/regular.svg    |   6 +-
 .../src/styling/icons/action/arrow/white.svg  |   6 +-
 .../src/styling/icons/action/arrow/zodiac.svg |  27 +-
 .../src/styling/icons/action/close/comet.svg  |   6 +-
 .../src/styling/icons/action/close/white.svg  |   6 +-
 .../src/styling/icons/action/close/zodiac.svg |   9 +-
 .../src/styling/icons/action/copy/comet.svg   |  12 +-
 .../src/styling/icons/action/copy/copy.svg    |   9 +-
 .../src/styling/icons/action/copy/white.svg   |  12 +-
 .../src/styling/icons/action/copy/zodiac.svg  |   6 +-
 .../styling/icons/action/delete/disabled.svg  |  52 +-
 .../styling/icons/action/delete/enabled.svg   |  12 +-
 .../src/styling/icons/action/delete/white.svg |   9 +-
 .../src/styling/icons/action/edit/comet.svg   |   9 +-
 .../styling/icons/action/edit/disabled.svg    |   9 +-
 .../src/styling/icons/action/edit/enabled.svg |   9 +-
 .../src/styling/icons/action/edit/white.svg   |   9 +-
 .../styling/icons/action/expand/closed.svg    |   3 +-
 .../src/styling/icons/action/expand/open.svg  |   6 +-
 .../icons/action/external link/white.svg      |   9 +-
 .../icons/action/external link/zodiac.svg     |   6 +-
 .../src/styling/icons/action/help/white.svg   |  12 +-
 .../src/styling/icons/action/help/zodiac.svg  |  12 +-
 .../styling/icons/action/wrench/zodiac.svg    |   9 +-
 .../icons/arrow/carousel-left-arrow.svg       |   6 +-
 .../icons/arrow/carousel-right-arrow.svg      |   3 +-
 .../src/styling/icons/arrow/download_logs.svg |  12 +-
 .../src/styling/icons/arrow/month_change.svg  |  12 +-
 .../icons/arrow/month_change_right.svg        |  12 +-
 .../src/styling/icons/arrow/transaction.svg   |  12 +-
 .../styling/icons/button/add note/white.svg   |   9 +-
 .../styling/icons/button/add note/zodiac.svg  |   9 +-
 .../styling/icons/button/add-note/white.svg   |  19 +-
 .../styling/icons/button/add-note/zodiac.svg  |  12 +-
 .../src/styling/icons/button/add/white.svg    |   9 +-
 .../src/styling/icons/button/add/zodiac.svg   |   9 +-
 .../styling/icons/button/authorize/white.svg  |   3 +-
 .../styling/icons/button/authorize/zodiac.svg |   3 +-
 .../styling/icons/button/blacklist/white.svg  |   9 +-
 .../styling/icons/button/blacklist/zodiac.svg |   9 +-
 .../src/styling/icons/button/block/white.svg  |   3 +-
 .../src/styling/icons/button/block/zodiac.svg |   3 +-
 .../src/styling/icons/button/cancel/white.svg |   6 +-
 .../styling/icons/button/cancel/zodiac.svg    |   6 +-
 .../styling/icons/button/configure/white.svg  |  12 +-
 .../styling/icons/button/configure/zodiac.svg |  12 +-
 .../src/styling/icons/button/data/white.svg   |  12 +-
 .../src/styling/icons/button/data/zodiac.svg  |  12 +-
 .../styling/icons/button/discount/comet.svg   |   9 +-
 .../styling/icons/button/discount/white.svg   |   9 +-
 .../styling/icons/button/discount/zodiac.svg  |   9 +-
 .../styling/icons/button/download/white.svg   |   9 +-
 .../styling/icons/button/download/zodiac.svg  |   9 +-
 .../src/styling/icons/button/edit/white.svg   |  12 +-
 .../src/styling/icons/button/edit/zodiac.svg  |  12 +-
 .../icons/button/export to PDF/white.svg      |  12 +-
 .../icons/button/export to PDF/zodiac.svg     |  12 +-
 .../styling/icons/button/export-pdf/white.svg |  21 +-
 .../src/styling/icons/button/filter/white.svg |   6 +-
 .../styling/icons/button/filter/zodiac.svg    |   6 +-
 .../src/styling/icons/button/ignore/white.svg |   3 +-
 .../styling/icons/button/ignore/zodiac.svg    |   3 +-
 .../src/styling/icons/button/key/white.svg    |   9 +-
 .../src/styling/icons/button/key/zodiac.svg   |   9 +-
 .../src/styling/icons/button/link/export.svg  |  12 +-
 .../src/styling/icons/button/link/white.svg   |   6 +-
 .../src/styling/icons/button/link/zodiac.svg  |   6 +-
 .../src/styling/icons/button/lock/white.svg   |   9 +-
 .../src/styling/icons/button/lock/zodiac.svg  |   9 +-
 .../icons/button/photo/white-resized.svg      |  24 +-
 .../icons/button/photo/zodiac-resized.svg     |  16 +-
 .../src/styling/icons/button/reboot/white.svg |  21 +-
 .../styling/icons/button/reboot/zodiac.svg    |  21 +-
 .../styling/icons/button/replace/white.svg    |  18 +-
 .../styling/icons/button/replace/zodiac.svg   |  21 +-
 .../src/styling/icons/button/retry/white.svg  |   9 +-
 .../src/styling/icons/button/retry/zodiac.svg |   9 +-
 .../styling/icons/button/schedule/white.svg   |   6 +-
 .../styling/icons/button/schedule/zodiac.svg  |   6 +-
 .../styling/icons/button/shut down/white.svg  |   9 +-
 .../styling/icons/button/shut down/zodiac.svg |   9 +-
 .../icons/button/stop-ignoring/white.svg      |  10 +-
 .../icons/button/stop-ignoring/zodiac.svg     |  10 +-
 .../src/styling/icons/button/unpair/white.svg |   6 +-
 .../styling/icons/button/unpair/zodiac.svg    |   6 +-
 .../button/upload-file/white-resized.svg      |  15 +-
 .../icons/button/upload-file/white.svg        |   9 +-
 .../button/upload-file/zodiac-resized.svg     |  12 +-
 .../icons/button/upload-file/zodiac.svg       |   9 +-
 .../src/styling/icons/button/upload/white.svg |  12 +-
 .../styling/icons/button/upload/zodiac.svg    |  12 +-
 .../styling/icons/button/user-role/white.svg  |   9 +-
 .../styling/icons/button/user-role/zodiac.svg |   9 +-
 .../styling/icons/button/whitelist/white.svg  |  12 +-
 .../styling/icons/button/whitelist/zodiac.svg |  12 +-
 .../icons/cassettes/acceptor-left-filled.svg  |  64 +-
 .../styling/icons/cassettes/acceptor-left.svg |  21 +-
 .../styling/icons/cassettes/both-filled.svg   |  90 +-
 .../styling/icons/cassettes/cashbox-empty.svg |   9 +-
 .../icons/cassettes/cashout-cassette-1.svg    |  26 +-
 .../icons/cassettes/cashout-cassette-2.svg    |  26 +-
 .../styling/icons/cassettes/dispenser-1.svg   |  30 +-
 .../styling/icons/cassettes/dispenser-2.svg   |  30 +-
 .../3-cassettes/3-cassettes-open-1-left.svg   | 147 +--
 .../tejo/3-cassettes/3-cassettes-open-1.svg   | 147 +--
 .../3-cassettes/3-cassettes-open-2-left.svg   | 155 +--
 .../tejo/3-cassettes/3-cassettes-open-2.svg   | 158 ++--
 .../3-cassettes/3-cassettes-open-3-left.svg   | 159 ++--
 .../tejo/3-cassettes/3-cassettes-open-3.svg   | 159 ++--
 .../4-cassettes/4-cassettes-open-1-left.svg   | 168 ++--
 .../tejo/4-cassettes/4-cassettes-open-1.svg   | 168 ++--
 .../4-cassettes/4-cassettes-open-2-left.svg   | 172 ++--
 .../tejo/4-cassettes/4-cassettes-open-2.svg   | 175 ++--
 .../4-cassettes/4-cassettes-open-3-left.svg   | 172 ++--
 .../tejo/4-cassettes/4-cassettes-open-3.svg   | 176 ++--
 .../4-cassettes/4-cassettes-open-4-left.svg   | 181 ++--
 .../tejo/4-cassettes/4-cassettes-open-4.svg   | 185 ++--
 .../customer-list-view/white.svg              |   6 +-
 .../customer-list-view/zodiac.svg             |   6 +-
 .../circle buttons/exception-view/white.svg   |   6 +-
 .../circle buttons/exception-view/zodiac.svg  |   6 +-
 .../icons/circle buttons/filter/white.svg     |  21 +-
 .../icons/circle buttons/filter/zodiac.svg    |  21 +-
 .../icons/circle buttons/history/white.svg    |   9 +-
 .../icons/circle buttons/history/zodiac.svg   |   9 +-
 .../icons/circle buttons/law/white.svg        |   6 +-
 .../icons/circle buttons/law/zodiac.svg       |   6 +-
 .../circle buttons/listing-view/white.svg     |   6 +-
 .../circle buttons/listing-view/zodiac.svg    |   6 +-
 .../icons/circle buttons/overview/comet.svg   |   3 +-
 .../icons/circle buttons/overview/white.svg   |   3 +-
 .../icons/circle buttons/overview/zodiac.svg  |   3 +-
 .../icons/circle buttons/save/white.svg       |   9 +-
 .../icons/circle buttons/save/zodiac.svg      |  10 +-
 .../icons/circle buttons/search/white.svg     |   9 +-
 .../icons/circle buttons/search/zodiac.svg    |   9 +-
 .../icons/circle buttons/settings/white.svg   |   9 +-
 .../icons/circle buttons/settings/zodiac.svg  |   9 +-
 .../icons/circle buttons/share/white.svg      |   6 +-
 .../icons/circle buttons/share/zodiac.svg     |   6 +-
 .../icons/circle buttons/upload/white.svg     |  13 +-
 .../icons/circle buttons/upload/zodiac.svg    |  13 +-
 .../icons/circle buttons/wizard/white.svg     |   9 +-
 .../icons/circle buttons/wizard/zodiac.svg    |   9 +-
 .../icons/compliance/custom-requirement.svg   | 890 +++++++++++++++++-
 .../src/styling/icons/compliance/keyboard.svg |   3 +-
 .../src/styling/icons/compliance/keypad.svg   |   3 +-
 .../src/styling/icons/compliance/list.svg     |   3 +-
 .../styling/icons/customer-nav/data/comet.svg |   9 +-
 .../styling/icons/customer-nav/data/white.svg |   9 +-
 .../icons/customer-nav/data/zodiac.svg        |   9 +-
 .../styling/icons/customer-nav/note/comet.svg |   9 +-
 .../styling/icons/customer-nav/note/white.svg |   9 +-
 .../icons/customer-nav/note/zodiac.svg        |   9 +-
 .../icons/customer-nav/overview/comet.svg     |   3 +-
 .../icons/customer-nav/overview/white.svg     |   3 +-
 .../icons/customer-nav/overview/zodiac.svg    |   3 +-
 .../icons/customer-nav/photos/comet.svg       |   9 +-
 .../icons/customer-nav/photos/white.svg       |   9 +-
 .../src/styling/icons/dashboard/down.svg      |  10 +-
 .../src/styling/icons/dashboard/equal.svg     |   3 +-
 .../src/styling/icons/dashboard/up.svg        |  10 +-
 .../src/styling/icons/direction/cash-in.svg   |   6 +-
 .../src/styling/icons/direction/cash-out.svg  |   7 +-
 .../admin-ui/src/styling/icons/file/comet.svg |   6 +-
 .../src/styling/icons/file/spring.svg         |   6 +-
 .../src/styling/icons/file/tomato.svg         |   6 +-
 .../src/styling/icons/menu/logo-white.svg     |   6 +-
 .../admin-ui/src/styling/icons/menu/logo.svg  |   6 +-
 .../icons/menu/notification-zodiac.svg        |   9 +-
 .../src/styling/icons/menu/notification.svg   |   9 +-
 .../src/styling/icons/menu/search-zodiac.svg  |   9 +-
 .../src/styling/icons/menu/search.svg         |   9 +-
 .../src/styling/icons/month arrows/left.svg   |  12 +-
 .../src/styling/icons/month arrows/right.svg  |  12 +-
 .../icons/month arrows/right_white.svg        |  12 +-
 .../styling/icons/stage/spring/complete.svg   |  10 +-
 .../styling/icons/stage/spring/current.svg    |   7 +-
 .../src/styling/icons/stage/spring/empty.svg  |   7 +-
 .../styling/icons/stage/zodiac/complete.svg   |  10 +-
 .../styling/icons/stage/zodiac/current.svg    |   7 +-
 .../src/styling/icons/stage/zodiac/empty.svg  |   7 +-
 .../src/styling/icons/stage/zodiac/full.svg   |   7 +-
 .../src/styling/icons/status/pumpkin.svg      |   3 +-
 .../src/styling/icons/status/spring2.svg      |   3 +-
 .../src/styling/icons/status/tomato.svg       |   3 +-
 .../admin-ui/src/styling/icons/stripes.svg    |  53 +-
 .../src/styling/icons/table/empty-table.svg   |  30 +-
 .../src/styling/icons/table/false.svg         |  10 +-
 .../admin-ui/src/styling/icons/table/true.svg |   6 +-
 .../src/styling/icons/warning-icon/comet.svg  |   6 +-
 .../src/styling/icons/warning-icon/tomato.svg |   6 +-
 .../src/styling/logos/icon-bitcoin-colour.svg |  10 +-
 .../styling/logos/icon-bitcoincash-colour.svg |   6 +-
 .../src/styling/logos/icon-dash-colour.svg    |   8 +-
 .../styling/logos/icon-ethereum-colour.svg    |  21 +-
 .../styling/logos/icon-litecoin-colour.svg    |   5 +-
 .../src/styling/logos/icon-monero-colour.svg  |   7 +-
 .../src/styling/logos/icon-tether-colour.svg  |   7 +-
 .../src/styling/logos/icon-tron-colour.svg    |   6 +-
 .../src/styling/logos/icon-usdc-colour.svg    |   9 +-
 .../src/styling/logos/icon-zcash-colour.svg   |  13 +-
 packages/admin-ui/src/styling/theme.js        | 186 ++--
 packages/admin-ui/src/styling/variables.js    |   2 +-
 packages/admin-ui/src/utils/apollo.jsx        |  31 +-
 .../admin-ui/src/utils/bill-denominations.js  | 146 +--
 packages/admin-ui/src/utils/bill-options.js   |   2 +-
 packages/admin-ui/src/utils/config.js         |  12 +-
 packages/admin-ui/src/utils/constants.js      |   2 +-
 packages/admin-ui/src/utils/customer.js       |   4 +-
 packages/admin-ui/src/utils/machine.js        |  20 +-
 packages/admin-ui/src/utils/number.js         |   2 +-
 packages/admin-ui/src/utils/string.js         |   6 +-
 packages/admin-ui/src/utils/timezone-list.js  |  28 +-
 packages/admin-ui/src/utils/timezones.js      |   2 +-
 packages/admin-ui/src/utils/urlResolver.js    |   9 -
 509 files changed, 6030 insertions(+), 4266 deletions(-)
 delete mode 100644 packages/admin-ui/src/utils/urlResolver.js

diff --git a/.prettierrc b/.prettierrc
index fe83baaf..bf93fdb8 100644
--- a/.prettierrc
+++ b/.prettierrc
@@ -1,5 +1,5 @@
 {
-  "trailingComma": "none",
+  "trailingComma": "all",
   "tabWidth": 2,
   "semi": false,
   "singleQuote": true,
diff --git a/eslint.config.mjs b/eslint.config.mjs
index 15315c76..2447af6b 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -2,7 +2,6 @@ import js from '@eslint/js'
 import globals from 'globals'
 import pluginReact from 'eslint-plugin-react'
 import json from '@eslint/json'
-import css from '@eslint/css'
 import { defineConfig, globalIgnores } from 'eslint/config'
 import reactCompiler from 'eslint-plugin-react-compiler'
 import eslintConfigPrettier from 'eslint-config-prettier/flat'
@@ -16,7 +15,13 @@ export default defineConfig([
   },
   {
     files: ['packages/admin-ui/**/*.{js,mjs,jsx}'],
-    languageOptions: { sourceType: 'module', globals: globals.browser }
+    languageOptions: {
+      sourceType: 'module',
+      globals: {
+        ...globals.browser,
+        process: 'readonly'
+      }
+    }
   },
   {
     files: ['packages/server/**/*.{js,cjs}'],
@@ -35,15 +40,8 @@ export default defineConfig([
     language: 'json/json',
     extends: ['json/recommended']
   },
-  {
-    files: ['**/*.css'],
-    plugins: { css },
-    language: 'css/css',
-    extends: ['css/recommended']
-  },
   {
     rules: {
-      // 'no-unused-vars': 'on',
       'react/prop-types': 'off',
       'react/display-name': 'off',
       'react/no-unescaped-entities': 'off',
diff --git a/packages/admin-ui/src/Main.jsx b/packages/admin-ui/src/Main.jsx
index ac31806f..376a2828 100644
--- a/packages/admin-ui/src/Main.jsx
+++ b/packages/admin-ui/src/Main.jsx
@@ -34,7 +34,7 @@ const Main = () => {
     onCompleted: userResponse => {
       if (!userData && userResponse?.userData)
         setUserData(userResponse.userData)
-    }
+    },
   })
 
   const route = location.pathname
diff --git a/packages/admin-ui/src/components/Carousel.module.css b/packages/admin-ui/src/components/Carousel.module.css
index 92a4c3b0..3239bde3 100644
--- a/packages/admin-ui/src/components/Carousel.module.css
+++ b/packages/admin-ui/src/components/Carousel.module.css
@@ -42,4 +42,4 @@
 
 .navButton:hover {
   background-color: rgba(0, 0, 0, 0.04);
-}
\ No newline at end of file
+}
diff --git a/packages/admin-ui/src/components/CollapsibleCard.jsx b/packages/admin-ui/src/components/CollapsibleCard.jsx
index 987c32e7..5cc60879 100644
--- a/packages/admin-ui/src/components/CollapsibleCard.jsx
+++ b/packages/admin-ui/src/components/CollapsibleCard.jsx
@@ -7,7 +7,7 @@ import classnames from 'classnames'
 const cardState = Object.freeze({
   DEFAULT: 'default',
   SHRUNK: 'shrunk',
-  EXPANDED: 'expanded'
+  EXPANDED: 'expanded',
 })
 
 const CollapsibleCard = ({ className, state, shrunkComponent, children }) => {
@@ -19,7 +19,7 @@ const CollapsibleCard = ({ className, state, shrunkComponent, children }) => {
 }
 
 CollapsibleCard.propTypes = {
-  shrunkComponent: PropTypes.node.isRequired
+  shrunkComponent: PropTypes.node.isRequired,
 }
 
 export default CollapsibleCard
diff --git a/packages/admin-ui/src/components/ConfirmDialog.jsx b/packages/admin-ui/src/components/ConfirmDialog.jsx
index 607e8477..2fc880ca 100644
--- a/packages/admin-ui/src/components/ConfirmDialog.jsx
+++ b/packages/admin-ui/src/components/ConfirmDialog.jsx
@@ -101,5 +101,5 @@ export const ConfirmDialog = memo(
         </DialogActions>
       </Dialog>
     )
-  }
+  },
 )
diff --git a/packages/admin-ui/src/components/CopyToClipboard.jsx b/packages/admin-ui/src/components/CopyToClipboard.jsx
index eac6f815..c4035538 100644
--- a/packages/admin-ui/src/components/CopyToClipboard.jsx
+++ b/packages/admin-ui/src/components/CopyToClipboard.jsx
@@ -14,7 +14,7 @@ const CopyToClipboard = ({
   buttonClassname,
   children,
   wrapperClassname,
-  removeSpace = true
+  removeSpace = true,
 }) => {
   const [anchorEl, setAnchorEl] = useState(null)
 
@@ -68,7 +68,7 @@ const CopyToClipboard = ({
         </>
       )}
     </div>
-  );
+  )
 }
 
 export default CopyToClipboard
diff --git a/packages/admin-ui/src/components/DeleteDialog.jsx b/packages/admin-ui/src/components/DeleteDialog.jsx
index 1907b286..0d97f918 100644
--- a/packages/admin-ui/src/components/DeleteDialog.jsx
+++ b/packages/admin-ui/src/components/DeleteDialog.jsx
@@ -34,7 +34,7 @@ export const DeleteDialog = ({
   item = 'item',
   confirmationMessage = `Are you sure you want to delete this ${item}?`,
   extraMessage,
-  errorMessage = ''
+  errorMessage = '',
 }) => {
   return (
     <Dialog open={open} aria-labelledby="form-dialog-title">
diff --git a/packages/admin-ui/src/components/ImagePopper.jsx b/packages/admin-ui/src/components/ImagePopper.jsx
index d732e957..93291e3b 100644
--- a/packages/admin-ui/src/components/ImagePopper.jsx
+++ b/packages/admin-ui/src/components/ImagePopper.jsx
@@ -50,7 +50,7 @@ const ImagePopper = memo(
         </div>
       </ClickAwayListener>
     )
-  }
+  },
 )
 
 export default ImagePopper
diff --git a/packages/admin-ui/src/components/InformativeDialog.jsx b/packages/admin-ui/src/components/InformativeDialog.jsx
index ed39fe4c..2311e9e0 100644
--- a/packages/admin-ui/src/components/InformativeDialog.jsx
+++ b/packages/admin-ui/src/components/InformativeDialog.jsx
@@ -7,7 +7,7 @@ import { H1 } from 'src/components/typography'
 import CloseIcon from 'src/styling/icons/action/close/zodiac.svg?react'
 
 export const InformativeDialog = memo(
-  ({ title = '', open, onDissmised, disabled = false, data, ...props }) => {
+  ({ title = '', open, onDissmised, data, ...props }) => {
     const innerOnClose = () => {
       onDissmised()
     }
@@ -16,8 +16,8 @@ export const InformativeDialog = memo(
       <Dialog
         PaperProps={{
           style: {
-            borderRadius: 8
-          }
+            borderRadius: 8,
+          },
         }}
         fullWidth
         open={open}
@@ -35,5 +35,5 @@ export const InformativeDialog = memo(
         <DialogContent>{data}</DialogContent>
       </Dialog>
     )
-  }
+  },
 )
diff --git a/packages/admin-ui/src/components/LogsDownloaderPopper.jsx b/packages/admin-ui/src/components/LogsDownloaderPopper.jsx
index 67ec9087..98f4d947 100644
--- a/packages/admin-ui/src/components/LogsDownloaderPopper.jsx
+++ b/packages/admin-ui/src/components/LogsDownloaderPopper.jsx
@@ -15,7 +15,6 @@ import { formatDate } from 'src/utils/timezones'
 import Popper from './Popper'
 import DateRangePicker from './date-range-picker/DateRangePicker'
 import { RadioGroup } from './inputs'
-import typographyStyles from './typography/styles'
 import { H4, Info1, Label1, Label2 } from './typography/index.jsx'
 
 const DateContainer = ({ date, children }) => {
@@ -31,7 +30,7 @@ const DateContainer = ({ date, children }) => {
             <div className="flex flex-col">
               <Label2 noMargin>{`${format(
                 'MMM',
-                date
+                date,
               )} ${format('yyyy', date)}`}</Label2>
               <Label1 noMargin className="text-comet">
                 {format('EEEE', date)}
@@ -57,7 +56,7 @@ const LogsDownloaderPopover = ({
   getLogs,
   timezone,
   simplified,
-  className
+  className,
 }) => {
   const [selectedRadio, setSelectedRadio] = useState(ALL)
   const [selectedAdvancedRadio, setSelectedAdvancedRadio] = useState(ADVANCED)
@@ -65,12 +64,12 @@ const LogsDownloaderPopover = ({
   const [range, setRange] = useState({ from: null, until: null })
   const [anchorEl, setAnchorEl] = useState(null)
   const [fetchLogs] = useLazyQuery(query, {
-    onCompleted: data => createLogsFile(getLogs(data), range)
+    onCompleted: data => createLogsFile(getLogs(data), range),
   })
 
   const dateRangePickerClasses = {
     'block h-full': selectedRadio === RANGE,
-    hidden: selectedRadio === ALL
+    hidden: selectedRadio === ALL,
   }
 
   const handleRadioButtons = evt => {
@@ -88,7 +87,7 @@ const LogsDownloaderPopover = ({
     (from, until) => {
       setRange({ from, until })
     },
-    [setRange]
+    [setRange],
   )
 
   const downloadLogs = (range, args) => {
@@ -97,8 +96,8 @@ const LogsDownloaderPopover = ({
         variables: {
           ...args,
           simplified: selectedAdvancedRadio === SIMPLIFIED,
-          excludeTestingCustomers: true
-        }
+          excludeTestingCustomers: true,
+        },
       })
     }
 
@@ -112,8 +111,8 @@ const LogsDownloaderPopover = ({
           from: range.from,
           until: range.until,
           simplified: selectedAdvancedRadio === SIMPLIFIED,
-          excludeTestingCustomers: true
-        }
+          excludeTestingCustomers: true,
+        },
       })
     }
   }
@@ -124,7 +123,7 @@ const LogsDownloaderPopover = ({
     }
 
     const blob = new window.Blob([logs], {
-      type: 'text/plain;charset=utf-8'
+      type: 'text/plain;charset=utf-8',
     })
 
     FileSaver.saveAs(
@@ -132,8 +131,8 @@ const LogsDownloaderPopover = ({
       selectedRadio === ALL
         ? `${formatDateFile(new Date())}_${name}.csv`
         : `${formatDateFile(range.from)}_${formatDateFile(
-            range.until
-          )}_${name}.csv`
+            range.until,
+          )}_${name}.csv`,
     )
   }
 
@@ -147,12 +146,12 @@ const LogsDownloaderPopover = ({
 
   const radioButtonOptions = [
     { display: 'All logs', code: ALL },
-    { display: 'Date range', code: RANGE }
+    { display: 'Date range', code: RANGE },
   ]
 
   const advancedRadioButtonOptions = [
     { display: 'Advanced logs', code: ADVANCED },
-    { display: 'Simplified logs', code: SIMPLIFIED }
+    { display: 'Simplified logs', code: SIMPLIFIED },
   ]
 
   const open = Boolean(anchorEl)
@@ -201,9 +200,9 @@ const LogsDownloaderPopover = ({
                       hours: 23,
                       minutes: 59,
                       seconds: 59,
-                      milliseconds: 999
+                      milliseconds: 999,
                     },
-                    new Date()
+                    new Date(),
                   )}
                   onRangeChange={handleRangeChange}
                 />
diff --git a/packages/admin-ui/src/components/Modal.jsx b/packages/admin-ui/src/components/Modal.jsx
index 67aa2b9f..e208b320 100644
--- a/packages/admin-ui/src/components/Modal.jsx
+++ b/packages/admin-ui/src/components/Modal.jsx
@@ -17,14 +17,12 @@ const Modal = ({
   infoPanel,
   handleClose,
   children,
-  secondaryModal,
   className,
   closeOnEscape,
   closeOnBackdropClick,
   ...props
 }) => {
   const TitleCase = small ? H4 : H1
-  const closeSize = xl ? 28 : small ? 16 : 20
 
   const innerClose = (evt, reason) => {
     if (!closeOnBackdropClick && reason === 'backdropClick') return
@@ -44,7 +42,7 @@ const Modal = ({
           style={{ width, height, minHeight: height ?? 400 }}
           className={classnames(
             'flex flex-col max-h-[90vh] rounded-lg outline-0',
-            className
+            className,
           )}>
           <div className="flex">
             {title && (
@@ -78,11 +76,11 @@ const Modal = ({
             style={{
               width,
               height: infoPanelHeight,
-              minHeight: infoPanelHeight ?? 200
+              minHeight: infoPanelHeight ?? 200,
             }}
             className={classnames(
               'mt-4 flex flex-col max-h-[90vh] overflow-y-auto rounded-lg outline-0',
-              className
+              className,
             )}>
             <div className="w-full flex flex-col flex-1 py-0 px-6">
               {infoPanel}
diff --git a/packages/admin-ui/src/components/NotificationCenter/NotificationCenter.jsx b/packages/admin-ui/src/components/NotificationCenter/NotificationCenter.jsx
index 6e971d55..1bbc1a39 100644
--- a/packages/admin-ui/src/components/NotificationCenter/NotificationCenter.jsx
+++ b/packages/admin-ui/src/components/NotificationCenter/NotificationCenter.jsx
@@ -52,28 +52,28 @@ const NotificationCenter = ({
   hasUnreadProp,
   buttonCoords,
   popperRef,
-  refetchHasUnreadHeader
+  refetchHasUnreadHeader,
 }) => {
   const { data, loading } = useQuery(GET_NOTIFICATIONS, {
-    pollInterval: 60000
+    pollInterval: 60000,
   })
   const [xOffset, setXoffset] = useState(300)
 
   const [showingUnread, setShowingUnread] = useState(false)
   const machines = R.compose(
     R.map(R.prop('name')),
-    R.indexBy(R.prop('deviceId'))
+    R.indexBy(R.prop('deviceId')),
   )(R.path(['machines'])(data) ?? [])
   const notifications = R.path(['notifications'])(data) ?? []
   const [hasUnread, setHasUnread] = useState(hasUnreadProp)
 
   const [toggleClearNotification] = useMutation(TOGGLE_CLEAR_NOTIFICATION, {
     onError: () => console.error('Error while clearing notification'),
-    refetchQueries: () => ['getNotifications']
+    refetchQueries: () => ['getNotifications'],
   })
   const [clearAllNotifications] = useMutation(CLEAR_ALL_NOTIFICATIONS, {
     onError: () => console.error('Error while clearing all notifications'),
-    refetchQueries: () => ['getNotifications']
+    refetchQueries: () => ['getNotifications'],
   })
 
   useEffect(() => {
@@ -103,7 +103,7 @@ const NotificationCenter = ({
           valid={n.valid}
           toggleClear={() =>
             toggleClearNotification({
-              variables: { id: n.id, read: !n.read }
+              variables: { id: n.id, read: !n.read },
             })
           }
         />
@@ -121,7 +121,7 @@ const NotificationCenter = ({
             className={classes.notificationIcon}
             style={{
               top: buttonCoords?.y ?? 0,
-              left: buttonCoords?.x ? buttonCoords.x - xOffset : 0
+              left: buttonCoords?.x ? buttonCoords.x - xOffset : 0,
             }}>
             <NotificationIconZodiac />
             {hasUnread && <div className={classes.hasUnread} />}
diff --git a/packages/admin-ui/src/components/NotificationCenter/NotificationCenter.module.css b/packages/admin-ui/src/components/NotificationCenter/NotificationCenter.module.css
index dd30252b..b10a914d 100644
--- a/packages/admin-ui/src/components/NotificationCenter/NotificationCenter.module.css
+++ b/packages/admin-ui/src/components/NotificationCenter/NotificationCenter.module.css
@@ -6,8 +6,10 @@
   box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.24);
 }
 
-.container @media only screen and (max-width: 1920px) {
-  width: 30vw;
+@media only screen and (max-width: 1920px) {
+  .container {
+    width: 30vw;
+  }
 }
 
 .header {
@@ -75,7 +77,7 @@
 }
 
 .unread {
-  background-color: var(--spring3)
+  background-color: var(--spring3);
 }
 
 .notificationRowIcon {
@@ -83,11 +85,11 @@
 }
 
 .notificationRowIcon > * {
-  margin-left: 24px
+  margin-left: 24px;
 }
 
 .readIconWrapper {
-  flex-grow: 1
+  flex-grow: 1;
 }
 
 .unreadIcon {
@@ -118,7 +120,7 @@
 }
 
 .notificationBody {
-  margin: 0
+  margin: 0;
 }
 
 .notificationSubtitle {
@@ -142,4 +144,4 @@
   height: 9px;
   background-color: var(--spring);
   border-radius: 50%;
-}
\ No newline at end of file
+}
diff --git a/packages/admin-ui/src/components/NotificationCenter/NotificationRow.jsx b/packages/admin-ui/src/components/NotificationCenter/NotificationRow.jsx
index 37f4bfa1..d26fa425 100644
--- a/packages/admin-ui/src/components/NotificationCenter/NotificationRow.jsx
+++ b/packages/admin-ui/src/components/NotificationCenter/NotificationRow.jsx
@@ -12,37 +12,36 @@ import classes from './NotificationCenter.module.css'
 const types = {
   transaction: {
     display: 'Transactions',
-    icon: <Transaction height={16} width={16} />
+    icon: <Transaction height={16} width={16} />,
   },
   highValueTransaction: {
     display: 'Transactions',
-    icon: <Transaction height={16} width={16} />
+    icon: <Transaction height={16} width={16} />,
   },
   fiatBalance: {
     display: 'Maintenance',
-    icon: <Wrench height={16} width={16} />
+    icon: <Wrench height={16} width={16} />,
   },
   cryptoBalance: {
     display: 'Maintenance',
-    icon: <Wrench height={16} width={16} />
+    icon: <Wrench height={16} width={16} />,
   },
   compliance: {
     display: 'Compliance',
-    icon: <WarningIcon height={16} width={16} />
+    icon: <WarningIcon height={16} width={16} />,
   },
-  error: { display: 'Error', icon: <WarningIcon height={16} width={16} /> }
+  error: { display: 'Error', icon: <WarningIcon height={16} width={16} /> },
 }
 
 const NotificationRow = ({
   id,
   type,
-  detail,
   message,
   deviceName,
   created,
   read,
   valid,
-  toggleClear
+  toggleClear,
 }) => {
   const typeDisplay = R.path([type, 'display'])(types) ?? null
   const icon = R.path([type, 'icon'])(types) ?? (
@@ -50,7 +49,7 @@ const NotificationRow = ({
   )
   const age = prettyMs(new Date().getTime() - new Date(created).getTime(), {
     compact: true,
-    verbose: true
+    verbose: true,
   })
   const notificationTitle =
     typeDisplay && deviceName
@@ -61,13 +60,13 @@ const NotificationRow = ({
 
   const iconClass = {
     [classes.readIcon]: read,
-    [classes.unreadIcon]: !read
+    [classes.unreadIcon]: !read,
   }
   return (
     <div
       className={classnames(
         classes.notificationRow,
-        !read && valid ? classes.unread : ''
+        !read && valid ? classes.unread : '',
       )}>
       <div className={classes.notificationRowIcon}>
         <div>{icon}</div>
diff --git a/packages/admin-ui/src/components/NotificationCenter/index.js b/packages/admin-ui/src/components/NotificationCenter/index.js
index 136ffb3b..fd2be253 100644
--- a/packages/admin-ui/src/components/NotificationCenter/index.js
+++ b/packages/admin-ui/src/components/NotificationCenter/index.js
@@ -1,2 +1,3 @@
 import NotificationCenter from './NotificationCenter'
+
 export default NotificationCenter
diff --git a/packages/admin-ui/src/components/Popper.jsx b/packages/admin-ui/src/components/Popper.jsx
index d440b987..4fe33c02 100644
--- a/packages/admin-ui/src/components/Popper.jsx
+++ b/packages/admin-ui/src/components/Popper.jsx
@@ -14,7 +14,7 @@ const Popover = ({ children, bgColor = white, className, ...props }) => {
     top: ['bottom'],
     bottom: ['top'],
     left: ['right'],
-    right: ['left']
+    right: ['left'],
   }
 
   const modifiers = [
@@ -22,36 +22,36 @@ const Popover = ({ children, bgColor = white, className, ...props }) => {
       name: 'flip',
       enabled: R.defaultTo(false, props.flip),
       options: {
-        allowedAutoPlacements: flipPlacements[props.placement]
-      }
+        allowedAutoPlacements: flipPlacements[props.placement],
+      },
     },
     {
       name: 'preventOverflow',
       enabled: true,
       options: {
-        rootBoundary: 'scrollParent'
-      }
+        rootBoundary: 'scrollParent',
+      },
     },
     {
       name: 'offset',
       enabled: true,
       options: {
-        offset: [0, 10]
-      }
+        offset: [0, 10],
+      },
     },
     {
       name: 'arrow',
       enabled: R.defaultTo(true, props.showArrow),
       options: {
-        element: arrowRef
-      }
+        element: arrowRef,
+      },
     },
     {
       name: 'computeStyles',
       options: {
-        gpuAcceleration: false
-      }
-    }
+        gpuAcceleration: false,
+      },
+    },
   ]
 
   return (
diff --git a/packages/admin-ui/src/components/Popper.module.css b/packages/admin-ui/src/components/Popper.module.css
index 66826b91..1beb7c5c 100644
--- a/packages/admin-ui/src/components/Popper.module.css
+++ b/packages/admin-ui/src/components/Popper.module.css
@@ -30,4 +30,4 @@
 
 .tooltip[data-popper-placement^='right'] > div > span {
   left: -4px;
-}
\ No newline at end of file
+}
diff --git a/packages/admin-ui/src/components/SearchBox.jsx b/packages/admin-ui/src/components/SearchBox.jsx
index dea9cb3d..f3f28ccd 100644
--- a/packages/admin-ui/src/components/SearchBox.jsx
+++ b/packages/admin-ui/src/components/SearchBox.jsx
@@ -12,7 +12,6 @@ const SearchBox = memo(
     filters = [],
     options = [],
     inputPlaceholder = '',
-    size,
     onChange,
     ...props
   }) => {
@@ -20,7 +19,7 @@ const SearchBox = memo(
 
     const inputClasses = {
       'flex flex-1 h-8 px-2 py-2 font-md items-center rounded-2xl bg-zircon text-comet': true,
-      'rounded-b-none': popupOpen
+      'rounded-b-none': popupOpen,
     }
 
     const innerOnChange = filters => onChange(filters)
@@ -57,7 +56,7 @@ const SearchBox = memo(
               placeholder={inputPlaceholder}
               inputProps={{
                 className: 'font-bold',
-                ...params.inputProps
+                ...params.inputProps,
               }}
             />
           )
@@ -74,10 +73,11 @@ const SearchBox = memo(
               <div className="w-[88%] h-[1px] my-p mx-auto border-1 border-comet" />
               {children}
             </Paper>
-          )
-        }} />
-    );
-  }
+          ),
+        }}
+      />
+    )
+  },
 )
 
 export default SearchBox
diff --git a/packages/admin-ui/src/components/SearchFilter.jsx b/packages/admin-ui/src/components/SearchFilter.jsx
index 62a5d788..d15287a9 100644
--- a/packages/admin-ui/src/components/SearchFilter.jsx
+++ b/packages/admin-ui/src/components/SearchFilter.jsx
@@ -12,7 +12,7 @@ const SearchFilter = ({
   filters,
   onFilterDelete,
   deleteAllFilters,
-  entries = 0
+  entries = 0,
 }) => {
   return (
     <>
@@ -33,7 +33,7 @@ const SearchFilter = ({
             <Label3 className="text-comet m-auto mr-3">{`${entries} ${singularOrPlural(
               entries,
               `entry`,
-              `entries`
+              `entries`,
             )}`}</Label3>
           }
           <ActionButton
diff --git a/packages/admin-ui/src/components/Stepper.jsx b/packages/admin-ui/src/components/Stepper.jsx
index 66a829ab..7ae8fc3e 100644
--- a/packages/admin-ui/src/components/Stepper.jsx
+++ b/packages/admin-ui/src/components/Stepper.jsx
@@ -18,13 +18,13 @@ const Stepper = memo(({ steps, currentStep, color = 'spring', className }) => {
   const separatorClasses = {
     'w-7 h-[2px] border-2 z-1': true,
     'border-spring': color === 'spring',
-    'border-zodiac': color === 'zodiac'
+    'border-zodiac': color === 'zodiac',
   }
 
   const separatorEmptyClasses = {
     'w-7 h-[2px] border-2 z-1': true,
     'border-dust': color === 'spring',
-    'border-comet': color === 'zodiac'
+    'border-comet': color === 'zodiac',
   }
 
   return (
diff --git a/packages/admin-ui/src/components/Stepper.module.css b/packages/admin-ui/src/components/Stepper.module.css
index 34c7b5f7..9dccb967 100644
--- a/packages/admin-ui/src/components/Stepper.module.css
+++ b/packages/admin-ui/src/components/Stepper.module.css
@@ -9,4 +9,4 @@
   height: 100%;
   width: 100%;
   overflow: visible;
-}
\ No newline at end of file
+}
diff --git a/packages/admin-ui/src/components/Subtitle.jsx b/packages/admin-ui/src/components/Subtitle.jsx
index 1efb6f3a..31f24fbd 100644
--- a/packages/admin-ui/src/components/Subtitle.jsx
+++ b/packages/admin-ui/src/components/Subtitle.jsx
@@ -6,7 +6,7 @@ import { TL1 } from './typography'
 const Subtitle = memo(({ children, className, extraMarginTop }) => {
   const classNames = {
     'text-comet my-4': true,
-    'mt-18': extraMarginTop
+    'mt-18': extraMarginTop,
   }
 
   return <TL1 className={classnames(classNames, className)}>{children}</TL1>
diff --git a/packages/admin-ui/src/components/Tooltip.jsx b/packages/admin-ui/src/components/Tooltip.jsx
index 1d825f77..ba73055f 100644
--- a/packages/admin-ui/src/components/Tooltip.jsx
+++ b/packages/admin-ui/src/components/Tooltip.jsx
@@ -4,30 +4,6 @@ import React, { useState, memo } from 'react'
 import Popper from 'src/components/Popper'
 import HelpIcon from 'src/styling/icons/action/help/zodiac.svg?react'
 
-const useStyles = {
-  transparentButton: {
-    border: 'none',
-    backgroundColor: 'transparent',
-    outline: 'none',
-    cursor: 'pointer',
-    marginTop: 4
-  },
-  relativelyPositioned: {
-    position: 'relative'
-  },
-  safeSpace: {
-    position: 'absolute',
-    backgroundColor: '#0000',
-    height: 40,
-    left: '-50%',
-    width: '200%'
-  },
-  popoverContent: ({ width }) => ({
-    width,
-    padding: [[10, 15]]
-  })
-}
-
 const usePopperHandler = () => {
   const [helpPopperAnchorEl, setHelpPopperAnchorEl] = useState(null)
 
@@ -50,7 +26,7 @@ const usePopperHandler = () => {
     helpPopperOpen,
     handleOpenHelpPopper,
     openHelpPopper,
-    handleCloseHelpPopper
+    handleCloseHelpPopper,
   }
 }
 
diff --git a/packages/admin-ui/src/components/booleanPropertiesTable/BooleanPropertiesTable.jsx b/packages/admin-ui/src/components/booleanPropertiesTable/BooleanPropertiesTable.jsx
index 10ace709..65f8bb00 100644
--- a/packages/admin-ui/src/components/booleanPropertiesTable/BooleanPropertiesTable.jsx
+++ b/packages/admin-ui/src/components/booleanPropertiesTable/BooleanPropertiesTable.jsx
@@ -25,27 +25,27 @@ const BooleanPropertiesTable = memo(
     const [editing, setEditing] = useState(forcedEditing)
 
     const initialValues = R.fromPairs(
-      elements.map(it => [it.name, data[it.name]?.toString() ?? 'false'])
+      elements.map(it => [it.name, data[it.name]?.toString() ?? 'false']),
     )
 
     const validationSchema = Yup.object().shape(
       R.fromPairs(
         elements.map(it => [
           it.name,
-          Yup.mixed().oneOf(['true', 'false', true, false]).required()
-        ])
-      )
+          Yup.mixed().oneOf(['true', 'false', true, false]).required(),
+        ]),
+      ),
     )
 
     const innerSave = async values => {
-      const toBoolean = (num, _) => R.equals(num, 'true')
+      const toBoolean = num => R.equals(num, 'true')
       save(R.mapObjIndexed(toBoolean, R.filter(R.complement(R.isNil))(values)))
       setEditing(false)
     }
 
     const radioButtonOptions = [
       { display: 'Yes', code: 'true' },
-      { display: 'No', code: 'false' }
+      { display: 'No', code: 'false' },
     ]
     return (
       <div className="flex w-sm flex-col ">
@@ -117,7 +117,7 @@ const BooleanPropertiesTable = memo(
         </Formik>
       </div>
     )
-  }
+  },
 )
 
 export default BooleanPropertiesTable
diff --git a/packages/admin-ui/src/components/buttons/ActionButton.jsx b/packages/admin-ui/src/components/buttons/ActionButton.jsx
index 43666387..6c0ca257 100644
--- a/packages/admin-ui/src/components/buttons/ActionButton.jsx
+++ b/packages/admin-ui/src/components/buttons/ActionButton.jsx
@@ -21,7 +21,7 @@ const ActionButton = memo(
       [moduleStyles.secondary]: color === 'secondary',
       [moduleStyles.spring]: color === 'spring',
       [moduleStyles.tomato]: color === 'tomato',
-      [moduleStyles.center]: center
+      [moduleStyles.center]: center,
     }
 
     return (
@@ -35,7 +35,7 @@ const ActionButton = memo(
           <div
             className={classnames(
               moduleStyles.actionButtonIcon,
-              moduleStyles.actionButtonIconActive
+              moduleStyles.actionButtonIconActive,
             )}>
             <InverseIcon />
           </div>
@@ -43,7 +43,7 @@ const ActionButton = memo(
         {children && <div>{children}</div>}
       </button>
     )
-  }
+  },
 )
 
 export default ActionButton
diff --git a/packages/admin-ui/src/components/buttons/BaseButton.styles.js b/packages/admin-ui/src/components/buttons/BaseButton.styles.js
index 3d49746e..b0a034c9 100644
--- a/packages/admin-ui/src/components/buttons/BaseButton.styles.js
+++ b/packages/admin-ui/src/components/buttons/BaseButton.styles.js
@@ -4,18 +4,18 @@ import {
   subheaderColor,
   subheaderDarkColor,
   offColor,
-  offDarkColor
+  offDarkColor,
 } from 'src/styling/variables'
 
 const colors = (color1, color2, color3) => {
   return {
     backgroundColor: color1,
     '&:hover': {
-      backgroundColor: color2
+      backgroundColor: color2,
     },
     '&:active': {
-      backgroundColor: color3
-    }
+      backgroundColor: color3,
+    },
   }
 }
 
@@ -30,23 +30,23 @@ export default {
     height: buttonHeight,
     color: fontColor,
     '&:active': {
-      color: white
-    }
+      color: white,
+    },
   },
   primary: {
     extend: colors(subheaderColor, subheaderDarkColor, offColor),
     '&:active': {
       color: white,
       '& $buttonIcon': {
-        display: 'none'
+        display: 'none',
       },
       '& $buttonIconActive': {
-        display: 'block'
-      }
+        display: 'block',
+      },
     },
     '& $buttonIconActive': {
-      display: 'none'
-    }
+      display: 'none',
+    },
   },
   secondary: {
     extend: colors(offColor, offDarkColor, white),
@@ -54,17 +54,17 @@ export default {
     '&:active': {
       color: fontColor,
       '& $buttonIcon': {
-        display: 'flex'
+        display: 'flex',
       },
       '& $buttonIconActive': {
-        display: 'none'
-      }
+        display: 'none',
+      },
     },
     '& $buttonIcon': {
-      display: 'none'
+      display: 'none',
     },
     '& $buttonIconActive': {
-      display: 'flex'
-    }
-  }
+      display: 'flex',
+    },
+  },
 }
diff --git a/packages/admin-ui/src/components/buttons/Button.jsx b/packages/admin-ui/src/components/buttons/Button.jsx
index a50eac4a..95342ac1 100644
--- a/packages/admin-ui/src/components/buttons/Button.jsx
+++ b/packages/admin-ui/src/components/buttons/Button.jsx
@@ -29,15 +29,15 @@ const ActionButton = memo(
             'text-white',
             {
               [moduleStyles.buttonSm]: size === 'sm',
-              [moduleStyles.buttonXl]: size === 'xl'
-            }
+              [moduleStyles.buttonXl]: size === 'xl',
+            },
           )}
           {...props}>
           {children}
         </button>
       </div>
     )
-  }
+  },
 )
 
 export default ActionButton
diff --git a/packages/admin-ui/src/components/buttons/Button.module.css b/packages/admin-ui/src/components/buttons/Button.module.css
index be15b02e..c5c5c432 100644
--- a/packages/admin-ui/src/components/buttons/Button.module.css
+++ b/packages/admin-ui/src/components/buttons/Button.module.css
@@ -14,13 +14,13 @@
 .buttonXl {
   composes: h1 from '../typography/typography.module.css';
   height: 61px;
-  border-radius: 15px
+  border-radius: 15px;
 }
 
 .buttonSm {
   height: 32px;
   padding: 0 16px;
-  border-radius: 8px
+  border-radius: 8px;
 }
 
 .button:disabled {
@@ -46,4 +46,4 @@
   margin-top: 2px;
   background-color: var(--spring2);
   box-shadow: 0 2px var(--spring4);
-}
\ No newline at end of file
+}
diff --git a/packages/admin-ui/src/components/buttons/FeatureButton.jsx b/packages/admin-ui/src/components/buttons/FeatureButton.jsx
index 73fb0a63..da65a2d9 100644
--- a/packages/admin-ui/src/components/buttons/FeatureButton.jsx
+++ b/packages/admin-ui/src/components/buttons/FeatureButton.jsx
@@ -11,7 +11,7 @@ const FeatureButton = memo(
           classes.baseButton,
           classes.roundButton,
           classes.primary,
-          className
+          className,
         )}
         {...props}>
         {Icon && (
@@ -23,7 +23,7 @@ const FeatureButton = memo(
           <div
             className={classnames(
               classes.buttonIcon,
-              classes.buttonIconActive
+              classes.buttonIconActive,
             )}>
             <InverseIcon />
           </div>
@@ -31,7 +31,7 @@ const FeatureButton = memo(
         {children}
       </button>
     )
-  }
+  },
 )
 
 export default FeatureButton
diff --git a/packages/admin-ui/src/components/buttons/IDButton.jsx b/packages/admin-ui/src/components/buttons/IDButton.jsx
index 437821a5..592557de 100644
--- a/packages/admin-ui/src/components/buttons/IDButton.jsx
+++ b/packages/admin-ui/src/components/buttons/IDButton.jsx
@@ -11,7 +11,6 @@ const IDButton = memo(
     className,
     Icon,
     InverseIcon,
-    popoverWidth = 152,
     children,
     popoverClassname,
     ...props
@@ -25,11 +24,11 @@ const IDButton = memo(
       [classes.idButton]: true,
       [classes.primary]: true,
       [classes.open]: open,
-      [classes.closed]: !open
+      [classes.closed]: !open,
     }
 
     const iconClassNames = {
-      [classes.buttonIcon]: true
+      [classes.buttonIcon]: true,
     }
 
     const handleClick = event => {
@@ -74,7 +73,7 @@ const IDButton = memo(
         </Popover>
       </>
     )
-  }
+  },
 )
 
 export default IDButton
diff --git a/packages/admin-ui/src/components/buttons/Link.jsx b/packages/admin-ui/src/components/buttons/Link.jsx
index 1a4fdad2..39a721d1 100644
--- a/packages/admin-ui/src/components/buttons/Link.jsx
+++ b/packages/admin-ui/src/components/buttons/Link.jsx
@@ -10,7 +10,7 @@ const Link = memo(
       [classes.primary]: color === 'primary',
       [classes.secondary]: color === 'secondary',
       [classes.noColor]: color === 'noColor',
-      [classes.action]: color === 'action'
+      [classes.action]: color === 'action',
     }
 
     return (
@@ -21,7 +21,7 @@ const Link = memo(
         {children}
       </button>
     )
-  }
+  },
 )
 
 export default Link
diff --git a/packages/admin-ui/src/components/buttons/Link.module.css b/packages/admin-ui/src/components/buttons/Link.module.css
index b780f5c6..ee8244f5 100644
--- a/packages/admin-ui/src/components/buttons/Link.module.css
+++ b/packages/admin-ui/src/components/buttons/Link.module.css
@@ -44,4 +44,4 @@
 .action:hover {
   box-shadow: none;
   background-color: rgba(72, 246, 148, 0.8);
-}
\ No newline at end of file
+}
diff --git a/packages/admin-ui/src/components/buttons/SubpageButton.jsx b/packages/admin-ui/src/components/buttons/SubpageButton.jsx
index bf1de782..ed689e41 100644
--- a/packages/admin-ui/src/components/buttons/SubpageButton.jsx
+++ b/packages/admin-ui/src/components/buttons/SubpageButton.jsx
@@ -12,14 +12,14 @@ const SubpageButton = memo(
     InverseIcon,
     toggle,
     forceDisable = false,
-    children
+    children,
   }) => {
     const [active, setActive] = useState(false)
     const isActive = forceDisable ? false : active
     const classNames = {
       [classes.button]: true,
       [classes.normal]: !isActive,
-      [classes.active]: isActive
+      [classes.active]: isActive,
     }
 
     const normalButton = <Icon className={classes.buttonIcon} />
@@ -29,14 +29,14 @@ const SubpageButton = memo(
         <InverseIcon
           className={classnames(
             classes.buttonIcon,
-            classes.buttonIconActiveLeft
+            classes.buttonIconActiveLeft,
           )}
         />
         <H4 className="text-white">{children}</H4>
         <CancelIconInverse
           className={classnames(
             classes.buttonIcon,
-            classes.buttonIconActiveRight
+            classes.buttonIconActiveRight,
           )}
         />
       </>
@@ -56,7 +56,7 @@ const SubpageButton = memo(
         {isActive ? activeButton : normalButton}
       </button>
     )
-  }
+  },
 )
 
 export default SubpageButton
diff --git a/packages/admin-ui/src/components/buttons/SubpageButton.module.css b/packages/admin-ui/src/components/buttons/SubpageButton.module.css
index ba97a0f4..84babdbc 100644
--- a/packages/admin-ui/src/components/buttons/SubpageButton.module.css
+++ b/packages/admin-ui/src/components/buttons/SubpageButton.module.css
@@ -27,7 +27,7 @@
 }
 
 .active:hover {
-   background-color: var(--comet);
+  background-color: var(--comet);
 }
 
 .buttonIcon {
diff --git a/packages/admin-ui/src/components/buttons/SubpageButton.styles.js b/packages/admin-ui/src/components/buttons/SubpageButton.styles.js
index 5e2a2ade..a5afd0b6 100644
--- a/packages/admin-ui/src/components/buttons/SubpageButton.styles.js
+++ b/packages/admin-ui/src/components/buttons/SubpageButton.styles.js
@@ -8,10 +8,10 @@ export default {
     extend: baseButton,
     padding: 0,
     color: white,
-    borderRadius: baseButton.height / 2
+    borderRadius: baseButton.height / 2,
   },
   normalButton: {
-    width: baseButton.height
+    width: baseButton.height,
   },
   activeButton: {
     display: 'flex',
@@ -21,26 +21,26 @@ export default {
     fontWeight: 'bold',
     padding: '0 5px',
     '&:hover': {
-      backgroundColor: offColor
-    }
+      backgroundColor: offColor,
+    },
   },
   buttonIcon: {
     width: 16,
     height: 16,
     overflow: 'visible',
     '& g': {
-      strokeWidth: 1.8
-    }
+      strokeWidth: 1.8,
+    },
   },
   buttonIconActiveLeft: {
     marginRight: 12,
-    marginLeft: 4
+    marginLeft: 4,
   },
   buttonIconActiveRight: {
     marginRight: 5,
-    marginLeft: 20
+    marginLeft: 20,
   },
   white: {
-    color: white
-  }
+    color: white,
+  },
 }
diff --git a/packages/admin-ui/src/components/buttons/index.js b/packages/admin-ui/src/components/buttons/index.js
index e227aaa5..10cbe942 100644
--- a/packages/admin-ui/src/components/buttons/index.js
+++ b/packages/admin-ui/src/components/buttons/index.js
@@ -15,5 +15,5 @@ export {
   IDButton,
   AddButton,
   SupportLinkButton,
-  SubpageButton
+  SubpageButton,
 }
diff --git a/packages/admin-ui/src/components/date-range-picker/Calendar.jsx b/packages/admin-ui/src/components/date-range-picker/Calendar.jsx
index bd3dd81e..a95102ad 100644
--- a/packages/admin-ui/src/components/date-range-picker/Calendar.jsx
+++ b/packages/admin-ui/src/components/date-range-picker/Calendar.jsx
@@ -10,7 +10,7 @@ import {
   lastDayOfMonth,
   startOfMonth,
   startOfWeek,
-  sub
+  sub,
 } from 'date-fns/fp'
 import * as R from 'ramda'
 import React, { useState } from 'react'
@@ -24,7 +24,7 @@ const Calendar = ({ minDate, maxDate, handleSelect, ...props }) => {
   const [currentDisplayedMonth, setCurrentDisplayedMonth] = useState(new Date())
 
   const weekdays = Array.from(Array(7)).map((_, i) =>
-    format('EEEEE', add({ days: i }, startOfWeek(new Date())))
+    format('EEEEE', add({ days: i }, startOfWeek(new Date()))),
   )
 
   const monthLength = month => getDaysInMonth(month)
@@ -33,21 +33,21 @@ const Calendar = ({ minDate, maxDate, handleSelect, ...props }) => {
     const lastMonth = sub({ months: 1 }, month)
     const lastMonthRange = R.range(0, getDay(startOfMonth(month))).reverse()
     const lastMonthDays = R.map(i =>
-      sub({ days: i }, lastDayOfMonth(lastMonth))
+      sub({ days: i }, lastDayOfMonth(lastMonth)),
     )(lastMonthRange)
 
     const thisMonthRange = R.range(0, monthLength(month))
     const thisMonthDays = R.map(i => add({ days: i }, startOfMonth(month)))(
-      thisMonthRange
+      thisMonthRange,
     )
 
     const nextMonth = add({ months: 1 }, month)
     const nextMonthRange = R.range(
       0,
-      42 - lastMonthDays.length - thisMonthDays.length
+      42 - lastMonthDays.length - thisMonthDays.length,
     )
     const nextMonthDays = R.map(i => add({ days: i }, startOfMonth(nextMonth)))(
-      nextMonthRange
+      nextMonthRange,
     )
 
     return R.concat(R.concat(lastMonthDays, thisMonthDays), nextMonthDays)
@@ -63,7 +63,7 @@ const Calendar = ({ minDate, maxDate, handleSelect, ...props }) => {
         isSameMonth(minDate, prevMonth) ||
           differenceInMonths(minDate, prevMonth) > 0
           ? prevMonth
-          : currentDisplayedMonth
+          : currentDisplayedMonth,
       )
     }
   }
@@ -75,7 +75,7 @@ const Calendar = ({ minDate, maxDate, handleSelect, ...props }) => {
         isSameMonth(maxDate, nextMonth) ||
           differenceInMonths(nextMonth, maxDate) > 0
           ? nextMonth
-          : currentDisplayedMonth
+          : currentDisplayedMonth,
       )
     }
   }
@@ -91,7 +91,7 @@ const Calendar = ({ minDate, maxDate, handleSelect, ...props }) => {
         <span>
           {`${format('MMMM', currentDisplayedMonth)} ${format(
             'yyyy',
-            currentDisplayedMonth
+            currentDisplayedMonth,
           )}`}
         </span>
         <button
diff --git a/packages/admin-ui/src/components/date-range-picker/Calendar.module.css b/packages/admin-ui/src/components/date-range-picker/Calendar.module.css
index 4260c3e7..afc59504 100644
--- a/packages/admin-ui/src/components/date-range-picker/Calendar.module.css
+++ b/packages/admin-ui/src/components/date-range-picker/Calendar.module.css
@@ -53,7 +53,7 @@
   padding-right: 5px;
 }
 
-.table th, 
+.table th,
 .table td {
   margin: 0;
   padding: 3px 0 3px 0;
@@ -63,4 +63,4 @@
   font-size: 13px;
   font-family: var(--museo);
   font-weight: 700;
-}
\ No newline at end of file
+}
diff --git a/packages/admin-ui/src/components/date-range-picker/DateRangePicker.jsx b/packages/admin-ui/src/components/date-range-picker/DateRangePicker.jsx
index 0dfdf5b8..f90086fa 100644
--- a/packages/admin-ui/src/components/date-range-picker/DateRangePicker.jsx
+++ b/packages/admin-ui/src/components/date-range-picker/DateRangePicker.jsx
@@ -23,14 +23,14 @@ const DateRangePicker = ({ minDate, maxDate, className, onRangeChange }) => {
     if (from && !to) {
       if (differenceInDays(from, day) >= 0) {
         setTo(
-          set({ hours: 23, minutes: 59, seconds: 59, milliseconds: 999 }, day)
+          set({ hours: 23, minutes: 59, seconds: 59, milliseconds: 999 }, day),
         )
       } else {
         setTo(
           set(
             { hours: 23, minutes: 59, seconds: 59, milliseconds: 999 },
-            R.clone(from)
-          )
+            R.clone(from),
+          ),
         )
         setFrom(day)
       }
diff --git a/packages/admin-ui/src/components/date-range-picker/Tile.jsx b/packages/admin-ui/src/components/date-range-picker/Tile.jsx
index ea2be1e6..71f52db5 100644
--- a/packages/admin-ui/src/components/date-range-picker/Tile.jsx
+++ b/packages/admin-ui/src/components/date-range-picker/Tile.jsx
@@ -8,24 +8,24 @@ const Tile = ({
   isUpperBound,
   isBetween,
   isDisabled,
-  children
+  children,
 }) => {
   const selected = isLowerBound || isUpperBound
 
   const rangeClasses = {
     [classes.between]: isBetween && !(isLowerBound && isUpperBound),
     [classes.lowerBound]: isLowerBound && !isUpperBound,
-    [classes.upperBound]: isUpperBound && !isLowerBound
+    [classes.upperBound]: isUpperBound && !isLowerBound,
   }
 
   const buttonWrapperClasses = {
     [classes.wrapper]: true,
-    [classes.selected]: selected
+    [classes.selected]: selected,
   }
 
   const buttonClasses = {
     [classes.button]: true,
-    [classes.disabled]: isDisabled
+    [classes.disabled]: isDisabled,
   }
 
   return (
diff --git a/packages/admin-ui/src/components/editableTable/Header.jsx b/packages/admin-ui/src/components/editableTable/Header.jsx
index b6406feb..e2a876df 100644
--- a/packages/admin-ui/src/components/editableTable/Header.jsx
+++ b/packages/admin-ui/src/components/editableTable/Header.jsx
@@ -5,7 +5,7 @@ import {
   Td,
   THead,
   TDoubleLevelHead,
-  ThDoubleLevel
+  ThDoubleLevel,
 } from 'src/components/fake-table/Table'
 
 import { sentenceCase } from 'src/utils/string'
@@ -24,11 +24,11 @@ const groupSecondHeader = elements => {
             {
               width: R.sum(R.map(R.prop('width'), group)),
               elements: group,
-              name: doubleHeader(group[0])
-            }
-          ]
+              name: doubleHeader(group[0]),
+            },
+          ],
     ),
-    R.reduce(R.concat, [])
+    R.reduce(R.concat, []),
   )
 
   return R.all(R.pipe(doubleHeader, R.isNil), elements)
@@ -47,7 +47,7 @@ const Header = () => {
     enableToggle,
     toggleWidth,
     orderedBy,
-    DEFAULT_COL_SIZE
+    DEFAULT_COL_SIZE,
   } = useContext(TableCtx)
 
   const mapElement2 = (it, idx) => {
@@ -66,11 +66,13 @@ const Header = () => {
 
   const mapElement = (
     { name, display, width = DEFAULT_COL_SIZE, header, textAlign },
-    idx
+    idx,
   ) => {
     const orderClasses = classnames({
       'whitespace-nowrap':
-        R.isNil(header) && !R.isNil(orderedBy) && R.equals(name, orderedBy.code)
+        R.isNil(header) &&
+        !R.isNil(orderedBy) &&
+        R.equals(name, orderedBy.code),
     })
 
     const attachOrderedByToComplexHeader = header => {
@@ -82,6 +84,7 @@ const Header = () => {
           spanChild.props.children = R.append(' -', spanChild.props.children)
           return cloneHeader
         } catch (e) {
+          console.error(e)
           return header
         }
       }
diff --git a/packages/admin-ui/src/components/editableTable/NamespacedTable.jsx b/packages/admin-ui/src/components/editableTable/NamespacedTable.jsx
index 901b32ba..e904db1c 100644
--- a/packages/admin-ui/src/components/editableTable/NamespacedTable.jsx
+++ b/packages/admin-ui/src/components/editableTable/NamespacedTable.jsx
@@ -18,7 +18,7 @@ const NamespacedTable = ({
 
   const innerData = R.map(it => ({
     id: it,
-    ...fromNamespace(it)(data)
+    ...fromNamespace(it)(data),
   }))(namespaces)
 
   return (
diff --git a/packages/admin-ui/src/components/editableTable/Row.jsx b/packages/admin-ui/src/components/editableTable/Row.jsx
index a3781660..487b2cb4 100644
--- a/packages/admin-ui/src/components/editableTable/Row.jsx
+++ b/packages/admin-ui/src/components/editableTable/Row.jsx
@@ -35,7 +35,7 @@ const ActionCol = ({ disabled, editing }) => {
     forceAdd,
     clearError,
     actionColSize,
-    error
+    error,
   } = useContext(TableCtx)
 
   const disableEdit = disabled || (disableRowEdit && disableRowEdit(values))
@@ -136,10 +136,10 @@ const ECol = ({ editing, focus, config, extraPaddingRight, extraPadding }) => {
     PrefixComponent = Label2,
     suffix,
     SuffixComponent = Label2,
-    textStyle = it => {},
-    isHidden = it => false,
+    textStyle = () => {},
+    isHidden = () => false,
     view = it => it?.toString(),
-    inputProps = {}
+    inputProps = {},
   } = config
 
   const fields = names ?? [name]
@@ -158,7 +158,7 @@ const ECol = ({ editing, focus, config, extraPaddingRight, extraPadding }) => {
     size,
     bold,
     textAlign: isEditing ? editingAlign : textAlign,
-    ...inputProps
+    ...inputProps,
   }
 
   const newAlign = isEditing ? editingAlign : textAlign
@@ -174,7 +174,7 @@ const ECol = ({ editing, focus, config, extraPaddingRight, extraPadding }) => {
           className={{
             [moduleStyles.extraPaddingRight]: extraPaddingRight,
             [moduleStyles.extraPadding]: extraPadding,
-            'flex items-center': suffix || prefix
+            'flex items-center': suffix || prefix,
           }}
           width={width}
           size={size}
@@ -225,7 +225,7 @@ const groupStriped = elements => {
   return R.insert(
     index,
     { width, editable: false, view: () => <StripesSvg /> },
-    noStripe
+    noStripe,
   )
 }
 
@@ -238,7 +238,7 @@ const ERow = ({ editing, disabled, lastOfGroup, newRow }) => {
     error,
     enableToggle,
     rowSize,
-    stripeWhen
+    stripeWhen,
   } = useContext(TableCtx)
 
   const shouldStripe = !editing && stripeWhen && stripeWhen(values)
@@ -255,11 +255,11 @@ const ERow = ({ editing, disabled, lastOfGroup, newRow }) => {
     : -1
 
   const elementToFocusIndex = innerElements.findIndex(
-    it => it.editable === undefined || it.editable
+    it => it.editable === undefined || it.editable,
   )
 
   const classNames = {
-    [moduleStyles.lastOfGroup]: lastOfGroup
+    [moduleStyles.lastOfGroup]: lastOfGroup,
   }
 
   const touchedErrors = R.pick(R.keys(touched), errors)
diff --git a/packages/admin-ui/src/components/editableTable/Row.module.css b/packages/admin-ui/src/components/editableTable/Row.module.css
index b7ef4b0b..319a8955 100644
--- a/packages/admin-ui/src/components/editableTable/Row.module.css
+++ b/packages/admin-ui/src/components/editableTable/Row.module.css
@@ -26,4 +26,4 @@
 .fields {
   display: flex;
   flex-direction: column;
-}
\ No newline at end of file
+}
diff --git a/packages/admin-ui/src/components/editableTable/Table.jsx b/packages/admin-ui/src/components/editableTable/Table.jsx
index 07f642a1..3232b3d7 100644
--- a/packages/admin-ui/src/components/editableTable/Table.jsx
+++ b/packages/admin-ui/src/components/editableTable/Table.jsx
@@ -19,7 +19,7 @@ const DEFAULT_COL_SIZE = 100
 
 const getWidth = R.compose(
   R.reduce(R.add)(0),
-  R.map(it => it.width ?? DEFAULT_COL_SIZE)
+  R.map(it => it.width ?? DEFAULT_COL_SIZE),
 )
 
 const ETable = ({
@@ -54,7 +54,7 @@ const ETable = ({
   createText = 'Add override',
   forceAdd = false,
   tbodyWrapperClass,
-  orderedBy = null
+  orderedBy = null,
 }) => {
   const [editingId, setEditingId] = useState(null)
   const [adding, setAdding] = useState(false)
@@ -80,6 +80,7 @@ const ETable = ({
       try {
         await save({ [name]: list }, it)
       } catch (err) {
+        console.error(err)
         setSaving(false)
         return
       }
@@ -152,7 +153,7 @@ const ETable = ({
     stripeWhen,
     forceAdd,
     orderedBy,
-    DEFAULT_COL_SIZE
+    DEFAULT_COL_SIZE,
   }
 
   return (
diff --git a/packages/admin-ui/src/components/fake-table/Table.jsx b/packages/admin-ui/src/components/fake-table/Table.jsx
index f5eb27d6..deddc0f8 100644
--- a/packages/admin-ui/src/components/fake-table/Table.jsx
+++ b/packages/admin-ui/src/components/fake-table/Table.jsx
@@ -35,20 +35,20 @@ const Td = ({
   size,
   bold,
   textAlign,
-  action
+  action,
 }) => {
   const inlineStyle = {
     ...style,
     width,
     textAlign,
-    fontSize: size === 'sm' ? '14px' : size === 'lg' ? '24px' : ''
+    fontSize: size === 'sm' ? '14px' : size === 'lg' ? '24px' : '',
   }
 
   const cssClasses = {
     [styles.td]: !header,
     [styles.tdHeader]: header,
     'font-bold': !header && (bold || size === 'lg'),
-    [styles.actionCol]: action
+    [styles.actionCol]: action,
   }
 
   return (
@@ -88,21 +88,21 @@ const Tr = ({
   children,
   className,
   size,
-  newRow
+  newRow,
 }) => {
   const inlineStyle = {
-    minHeight: size === 'sm' ? '34px' : size === 'lg' ? '68px' : '48px'
+    minHeight: size === 'sm' ? '34px' : size === 'lg' ? '68px' : '48px',
   }
   const cardClasses = {
     [styles.card]: true,
     [styles.trError]: error,
-    [styles.trAdding]: newRow
+    [styles.trAdding]: newRow,
   }
 
   const mainContentClasses = {
     [styles.mainContent]: true,
     [styles.sizeSm]: size === 'sm',
-    [styles.sizeLg]: size === 'lg'
+    [styles.sizeLg]: size === 'lg',
   }
 
   return (
@@ -141,5 +141,5 @@ export {
   Td,
   Th,
   ThDoubleLevel,
-  EditCell
+  EditCell,
 }
diff --git a/packages/admin-ui/src/components/inputs/base/Autocomplete.jsx b/packages/admin-ui/src/components/inputs/base/Autocomplete.jsx
index 819c9411..27b17985 100644
--- a/packages/admin-ui/src/components/inputs/base/Autocomplete.jsx
+++ b/packages/admin-ui/src/components/inputs/base/Autocomplete.jsx
@@ -9,7 +9,6 @@ import { P } from 'src/components/typography'
 import TextInput from './TextInput'
 
 const Autocomplete = ({
-  optionsLimit = 5, // set limit = null for no limit
   limit,
   options,
   label,
@@ -17,7 +16,6 @@ const Autocomplete = ({
   multiple,
   onChange,
   labelProp,
-  shouldStayOpen,
   value: outsideValue,
   error,
   fullWidth,
@@ -61,11 +59,11 @@ const Autocomplete = ({
   const filterOptions = (array, { inputValue }) =>
     R.union(
       R.isEmpty(inputValue) ? valueArray() : [],
-      filter(array, inputValue)
+      filter(array, inputValue),
     ).slice(
       0,
       R.defaultTo(undefined)(limit) &&
-        Math.max(limit, R.isEmpty(inputValue) ? valueArray().length : 0)
+        Math.max(limit, R.isEmpty(inputValue) ? valueArray().length : 0),
     )
 
   return (
@@ -105,7 +103,7 @@ const Autocomplete = ({
           'flex w-4 h-4 rounded-md': true,
           'bg-spring4': props.warning === 'clean',
           'bg-orange-yellow': props.warning === 'partial',
-          'bg-tomato': props.warning === 'important'
+          'bg-tomato': props.warning === 'important',
         }
 
         const hoverableElement = <div className={classnames(className)} />
@@ -122,9 +120,10 @@ const Autocomplete = ({
         )
       }}
       slotProps={{
-        chip: { onDelete: null }
-      }} />
-  );
+        chip: { onDelete: null },
+      }}
+    />
+  )
 }
 
 export default Autocomplete
diff --git a/packages/admin-ui/src/components/inputs/base/CodeInput.jsx b/packages/admin-ui/src/components/inputs/base/CodeInput.jsx
index c4439f9e..af78dc02 100644
--- a/packages/admin-ui/src/components/inputs/base/CodeInput.jsx
+++ b/packages/admin-ui/src/components/inputs/base/CodeInput.jsx
@@ -11,7 +11,7 @@ const CodeInput = ({
   numInputs,
   error,
   inputStyle,
-  containerStyle
+  containerStyle,
 }) => {
   return (
     <OtpInput
@@ -26,7 +26,7 @@ const CodeInput = ({
         inputStyle,
         classes.input,
         'font-museo font-black text-4xl',
-        error && 'border-tomato'
+        error && 'border-tomato',
       )}
       inputType={'tel'}
       renderInput={props => <input {...props} />}
diff --git a/packages/admin-ui/src/components/inputs/base/Dropdown.jsx b/packages/admin-ui/src/components/inputs/base/Dropdown.jsx
index 5446f2c7..20acfef6 100644
--- a/packages/admin-ui/src/components/inputs/base/Dropdown.jsx
+++ b/packages/admin-ui/src/components/inputs/base/Dropdown.jsx
@@ -23,7 +23,7 @@ const Dropdown = ({ label, name, options, onChange, value, className }) => {
         ))}
       </Select>
     </FormControl>
-  );
+  )
 }
 
 export default Dropdown
diff --git a/packages/admin-ui/src/components/inputs/base/NumberInput.jsx b/packages/admin-ui/src/components/inputs/base/NumberInput.jsx
index 0dad1290..16cf2b34 100644
--- a/packages/admin-ui/src/components/inputs/base/NumberInput.jsx
+++ b/packages/admin-ui/src/components/inputs/base/NumberInput.jsx
@@ -18,7 +18,6 @@ const NumberInput = memo(
     bold,
     className,
     decimalPlaces,
-    InputProps,
     ...props
   }) => {
     return (
@@ -41,14 +40,14 @@ const NumberInput = memo(
           onChange({
             target: {
               id: name,
-              value: values.floatValue
-            }
+              value: values.floatValue,
+            },
           })
         }}
         {...props}
       />
     )
-  }
+  },
 )
 
 export default NumberInput
diff --git a/packages/admin-ui/src/components/inputs/base/RadioGroup.jsx b/packages/admin-ui/src/components/inputs/base/RadioGroup.jsx
index 97b52d17..942e82db 100644
--- a/packages/admin-ui/src/components/inputs/base/RadioGroup.jsx
+++ b/packages/admin-ui/src/components/inputs/base/RadioGroup.jsx
@@ -13,7 +13,7 @@ const RadioGroup = ({
   onChange,
   className,
   labelClassName,
-  radioClassName
+  radioClassName,
 }) => {
   return (
     <>
diff --git a/packages/admin-ui/src/components/inputs/base/SecretInput.jsx b/packages/admin-ui/src/components/inputs/base/SecretInput.jsx
index 4bc1a91e..5bdb26de 100644
--- a/packages/admin-ui/src/components/inputs/base/SecretInput.jsx
+++ b/packages/admin-ui/src/components/inputs/base/SecretInput.jsx
@@ -29,7 +29,7 @@ const SecretInput = memo(
         placeholder={isPasswordFilled ? placeholder : ''}
       />
     )
-  }
+  },
 )
 
 export default SecretInput
diff --git a/packages/admin-ui/src/components/inputs/base/Select.jsx b/packages/admin-ui/src/components/inputs/base/Select.jsx
index 098844a5..15f05d86 100644
--- a/packages/admin-ui/src/components/inputs/base/Select.jsx
+++ b/packages/admin-ui/src/components/inputs/base/Select.jsx
@@ -7,20 +7,19 @@ import Arrowdown from 'src/styling/icons/action/arrow/regular.svg?react'
 import styles from './Select.module.css'
 
 function Select({ className, label, items, ...props }) {
-
   const {
     isOpen,
     selectedItem,
     getToggleButtonProps,
     getLabelProps,
     getMenuProps,
-    getItemProps
+    getItemProps,
   } = useSelect({
     items,
     selectedItem: props.selectedItem,
     onSelectedItemChange: item => {
       props.onSelectedItemChange(item.selectedItem)
-    }
+    },
   })
 
   const selectClassNames = {
@@ -28,7 +27,7 @@ function Select({ className, label, items, ...props }) {
     [styles.selectFiltered]: props.defaultAsFilter
       ? true
       : !R.equals(selectedItem, props.default),
-    [styles.open]: isOpen
+    [styles.open]: isOpen,
   }
 
   return (
diff --git a/packages/admin-ui/src/components/inputs/base/Select.module.css b/packages/admin-ui/src/components/inputs/base/Select.module.css
index 4356cde7..102fe2ce 100644
--- a/packages/admin-ui/src/components/inputs/base/Select.module.css
+++ b/packages/admin-ui/src/components/inputs/base/Select.module.css
@@ -97,4 +97,4 @@
 
 .open button {
   border-radius: 8px 8px 0 0;
-}
\ No newline at end of file
+}
diff --git a/packages/admin-ui/src/components/inputs/base/TextInput.jsx b/packages/admin-ui/src/components/inputs/base/TextInput.jsx
index ca8b1994..3736d7d1 100644
--- a/packages/admin-ui/src/components/inputs/base/TextInput.jsx
+++ b/packages/admin-ui/src/components/inputs/base/TextInput.jsx
@@ -13,7 +13,6 @@ const TextInput = memo(
     onBlur,
     value,
     error,
-    suffix,
     textAlign,
     width,
     inputClasses,
@@ -29,7 +28,7 @@ const TextInput = memo(
 
     const style = {
       width: width,
-      textAlign: textAlign
+      textAlign: textAlign,
     }
 
     const sizeClass =
@@ -40,7 +39,7 @@ const TextInput = memo(
           : styles.size
 
     const divClass = {
-      [styles.bold]: bold
+      [styles.bold]: bold,
     }
 
     return (
@@ -60,15 +59,16 @@ const TextInput = memo(
             classes: {
               root: sizeClass,
               underline: filled ? styles.underline : null,
-              input: inputClasses
+              input: inputClasses,
             },
-            ...InputProps
+            ...InputProps,
           },
 
-          htmlInput: { style: { textAlign } }
-        }} />
-    );
-  }
+          htmlInput: { style: { textAlign } },
+        }}
+      />
+    )
+  },
 )
 
 export default TextInput
diff --git a/packages/admin-ui/src/components/inputs/base/TextInput.module.css b/packages/admin-ui/src/components/inputs/base/TextInput.module.css
index 600fad86..12172b0a 100644
--- a/packages/admin-ui/src/components/inputs/base/TextInput.module.css
+++ b/packages/admin-ui/src/components/inputs/base/TextInput.module.css
@@ -21,4 +21,4 @@
 
 .underline:hover:not(.Mui-disabled)::before {
   border-bottom-color: var(--spring);
-}
\ No newline at end of file
+}
diff --git a/packages/admin-ui/src/components/inputs/base/index.js b/packages/admin-ui/src/components/inputs/base/index.js
index d670dcb5..cad7bff8 100644
--- a/packages/admin-ui/src/components/inputs/base/index.js
+++ b/packages/admin-ui/src/components/inputs/base/index.js
@@ -7,6 +7,7 @@ import RadioGroup from './RadioGroup'
 import SecretInput from './SecretInput'
 import TextInput from './TextInput'
 import ToggleButtonGroup from './ToggleButtonGroup'
+
 export {
   Checkbox,
   CodeInput,
@@ -16,5 +17,5 @@ export {
   RadioGroup,
   Autocomplete,
   ToggleButtonGroup,
-  Dropdown
+  Dropdown,
 }
diff --git a/packages/admin-ui/src/components/inputs/cashbox/Cashbox.jsx b/packages/admin-ui/src/components/inputs/cashbox/Cashbox.jsx
index 72a20912..2e362cdb 100644
--- a/packages/admin-ui/src/components/inputs/cashbox/Cashbox.jsx
+++ b/packages/admin-ui/src/components/inputs/cashbox/Cashbox.jsx
@@ -11,12 +11,12 @@ import { primaryColor as zodiac, tomato } from '../../../styling/variables.js'
 const colors = {
   cashOut: {
     empty: tomato,
-    full: zodiac
+    full: zodiac,
   },
   cashIn: {
     empty: zodiac,
-    full: tomato
-  }
+    full: tomato,
+  },
 }
 
 const Cashbox = ({
@@ -28,7 +28,7 @@ const Cashbox = ({
   emptyPartClassName,
   labelClassName,
   omitInnerPercentage,
-  isLow
+  isLow,
 }) => {
   const ltHalf = percent <= 51
   const color =
@@ -72,7 +72,7 @@ const CashIn = ({
   width,
   height,
   total,
-  omitInnerPercentage
+  omitInnerPercentage,
 }) => {
   const percent = (100 * notes) / capacity
   const isLow = percent < threshold
@@ -117,7 +117,7 @@ const CashOut = ({
   threshold,
   width,
   height,
-  omitInnerPercentage
+  omitInnerPercentage,
 }) => {
   const percent = (100 * notes) / capacity
   const isLow = percent < threshold
@@ -159,7 +159,7 @@ const CashOutLite = ({
   currency,
   notes,
   threshold,
-  width
+  width,
 }) => {
   const percent = (100 * notes) / capacity
   const isLow = percent < threshold
diff --git a/packages/admin-ui/src/components/inputs/cashbox/Cashbox.module.css b/packages/admin-ui/src/components/inputs/cashbox/Cashbox.module.css
index 714b5e20..c57f6ae7 100644
--- a/packages/admin-ui/src/components/inputs/cashbox/Cashbox.module.css
+++ b/packages/admin-ui/src/components/inputs/cashbox/Cashbox.module.css
@@ -49,4 +49,4 @@
   border: 2px solid;
   text-align: end;
   display: inline-block;
-}
\ No newline at end of file
+}
diff --git a/packages/admin-ui/src/components/inputs/formik/CashCassetteInput.jsx b/packages/admin-ui/src/components/inputs/formik/CashCassetteInput.jsx
index 11744265..76323844 100644
--- a/packages/admin-ui/src/components/inputs/formik/CashCassetteInput.jsx
+++ b/packages/admin-ui/src/components/inputs/formik/CashCassetteInput.jsx
@@ -33,7 +33,7 @@ const CashCassetteInput = memo(
         />
       </div>
     )
-  }
+  },
 )
 
 export default CashCassetteInput
diff --git a/packages/admin-ui/src/components/inputs/formik/Checkbox.jsx b/packages/admin-ui/src/components/inputs/formik/Checkbox.jsx
index aa1768ad..0ef940ae 100644
--- a/packages/admin-ui/src/components/inputs/formik/Checkbox.jsx
+++ b/packages/admin-ui/src/components/inputs/formik/Checkbox.jsx
@@ -3,20 +3,13 @@ import React, { memo } from 'react'
 import { Checkbox } from '../base'
 
 const CheckboxInput = memo(
-  ({
-    label,
-    textAlign,
-    fullWidth,
-    enabled = true,
-    disabledMessage = '',
-    ...props
-  }) => {
+  ({ label, enabled = true, disabledMessage = '', ...props }) => {
     const { name, onChange, value } = props.field
 
     const settings = {
       enabled: enabled,
       label: label,
-      disabledMessage: disabledMessage
+      disabledMessage: disabledMessage,
     }
 
     return (
@@ -28,7 +21,7 @@ const CheckboxInput = memo(
         {...props}
       />
     )
-  }
+  },
 )
 
 export default CheckboxInput
diff --git a/packages/admin-ui/src/components/inputs/formik/index.js b/packages/admin-ui/src/components/inputs/formik/index.js
index ce6b3400..82afd511 100644
--- a/packages/admin-ui/src/components/inputs/formik/index.js
+++ b/packages/admin-ui/src/components/inputs/formik/index.js
@@ -15,5 +15,5 @@ export {
   SecretInput,
   RadioGroup,
   CashCassetteInput,
-  Dropdown
+  Dropdown,
 }
diff --git a/packages/admin-ui/src/components/inputs/index.js b/packages/admin-ui/src/components/inputs/index.js
index 32847d32..6298d8c5 100644
--- a/packages/admin-ui/src/components/inputs/index.js
+++ b/packages/admin-ui/src/components/inputs/index.js
@@ -14,5 +14,5 @@ export {
   Select,
   RadioGroup,
   CashIn,
-  CashOut
+  CashOut,
 }
diff --git a/packages/admin-ui/src/components/layout/Header.jsx b/packages/admin-ui/src/components/layout/Header.jsx
index a90e23b6..b41aec0d 100644
--- a/packages/admin-ui/src/components/layout/Header.jsx
+++ b/packages/admin-ui/src/components/layout/Header.jsx
@@ -177,16 +177,16 @@ const Header = memo(({ tree, user }) => {
                       name: 'offset',
                       enabled: true,
                       options: {
-                        offset: ['100vw', '100vw']
-                      }
+                        offset: ['100vw', '100vw'],
+                      },
                     },
                     {
                       name: 'preventOverflow',
                       enabled: true,
                       options: {
-                        rootBoundary: 'viewport'
-                      }
-                    }
+                        rootBoundary: 'viewport',
+                      },
+                    },
                   ]}>
                   <NotificationCenter
                     popperRef={popperRef}
diff --git a/packages/admin-ui/src/components/layout/Header.module.css b/packages/admin-ui/src/components/layout/Header.module.css
index b5ecb9b5..ed013c6e 100644
--- a/packages/admin-ui/src/components/layout/Header.module.css
+++ b/packages/admin-ui/src/components/layout/Header.module.css
@@ -49,7 +49,7 @@
 }
 
 .li::after {
-  content: "";
+  content: '';
   display: block;
   background: white;
   width: 0;
diff --git a/packages/admin-ui/src/components/layout/Sidebar.jsx b/packages/admin-ui/src/components/layout/Sidebar.jsx
index 6750516f..cad3776c 100644
--- a/packages/admin-ui/src/components/layout/Sidebar.jsx
+++ b/packages/admin-ui/src/components/layout/Sidebar.jsx
@@ -14,7 +14,7 @@ const Sidebar = ({
   onClick,
   children,
   itemRender,
-  loading = false
+  loading = false,
 }) => {
   return (
     <div className={styles.sidebar}>
@@ -30,7 +30,7 @@ const Sidebar = ({
                 [styles.activeLink]: isSelected(it),
                 [styles.customRenderActiveLink]: itemRender && isSelected(it),
                 [styles.customRenderLink]: itemRender,
-                [styles.link]: true
+                [styles.link]: true,
               })}>
               {itemRender ? itemRender(it, isSelected(it)) : displayName(it)}
             </div>
@@ -54,7 +54,7 @@ const Stepper = ({ step, it, idx, steps }) => {
         className={classnames({
           [styles.itemText]: true,
           [styles.itemTextActive]: active,
-          [styles.itemTextPast]: past
+          [styles.itemTextPast]: past,
         })}>
         {it.label}
       </span>
@@ -65,7 +65,7 @@ const Stepper = ({ step, it, idx, steps }) => {
         <div
           className={classnames({
             [styles.stepperPath]: true,
-            [styles.stepperPast]: past
+            [styles.stepperPast]: past,
           })}></div>
       )}
     </div>
diff --git a/packages/admin-ui/src/components/layout/Sidebar.module.css b/packages/admin-ui/src/components/layout/Sidebar.module.css
index e1bf6b83..0f0f8df9 100644
--- a/packages/admin-ui/src/components/layout/Sidebar.module.css
+++ b/packages/admin-ui/src/components/layout/Sidebar.module.css
@@ -39,7 +39,7 @@
 }
 
 .link::after {
-  content: "";
+  content: '';
   display: block;
   background: var(--zodiac);
   width: 4px;
@@ -103,4 +103,4 @@
 
 .stepperPast {
   border: 1px solid var(--zodiac);
-}
\ No newline at end of file
+}
diff --git a/packages/admin-ui/src/components/layout/TitleSection.jsx b/packages/admin-ui/src/components/layout/TitleSection.jsx
index c42022ac..c22b4048 100644
--- a/packages/admin-ui/src/components/layout/TitleSection.jsx
+++ b/packages/admin-ui/src/components/layout/TitleSection.jsx
@@ -15,13 +15,13 @@ const TitleSection = ({
   buttons = [],
   children,
   appendix,
-  appendixRight
+  appendixRight,
 }) => {
   return (
     <div
       className={classnames(
         'flex justify-between items-center flex-row',
-        className
+        className,
       )}>
       <div className="flex items-center">
         <Title>{title}</Title>
@@ -44,7 +44,7 @@ const TitleSection = ({
                     {button.text}
                   </Info1>
                 </SubpageButton>
-              )
+              ),
             )}
           </>
         )}
diff --git a/packages/admin-ui/src/components/machineActions/DiagnosticsModal.jsx b/packages/admin-ui/src/components/machineActions/DiagnosticsModal.jsx
index d9519634..fb002172 100644
--- a/packages/admin-ui/src/components/machineActions/DiagnosticsModal.jsx
+++ b/packages/admin-ui/src/components/machineActions/DiagnosticsModal.jsx
@@ -12,7 +12,7 @@ const STATES = {
   EMPTY: 'EMPTY',
   RUNNING: 'RUNNING',
   FAILURE: 'FAILURE',
-  FILLED: 'FILLED'
+  FILLED: 'FILLED',
 }
 
 const MACHINE = gql`
@@ -47,7 +47,7 @@ const MACHINE_LOGS = gql`
 
 const createCsv = async ({ machineLogsCsv }) => {
   const machineLogs = new Blob([machineLogsCsv], {
-    type: 'text/plain;charset=utf-8'
+    type: 'text/plain;charset=utf-8',
   })
 
   FileSaver.saveAs(machineLogs, 'machineLogs.csv')
@@ -59,11 +59,11 @@ const DiagnosticsModal = ({ onClose, deviceId, sendAction }) => {
   let timeout = null
 
   const [fetchSummary, { loading }] = useLazyQuery(MACHINE_LOGS, {
-    onCompleted: data => createCsv(data)
+    onCompleted: data => createCsv(data),
   })
 
   const { data, stopPolling, startPolling } = useQuery(MACHINE, {
-    variables: { deviceId }
+    variables: { deviceId },
   })
 
   useEffect(() => {
@@ -168,8 +168,8 @@ const DiagnosticsModal = ({ onClose, deviceId, sendAction }) => {
               variables: {
                 from: subMinutes(new Date(timestamp), 5),
                 deviceId,
-                limit: 500
-              }
+                limit: 500,
+              },
             })
           }}
           className="mt-auto ml-auto mr-2 mb-0">
diff --git a/packages/admin-ui/src/components/machineActions/MachineActions.jsx b/packages/admin-ui/src/components/machineActions/MachineActions.jsx
index 954b815a..c8ae031e 100644
--- a/packages/admin-ui/src/components/machineActions/MachineActions.jsx
+++ b/packages/admin-ui/src/components/machineActions/MachineActions.jsx
@@ -49,7 +49,7 @@ const isStaticState = machineState => {
     'unpaired',
     'maintenance',
     'virgin',
-    'wifiList'
+    'wifiList',
   ]
   return staticStates.includes(machineState)
 }
@@ -73,7 +73,7 @@ const MachineActions = memo(({ machine, onActionSuccess }) => {
 
   const [fetchMachineEvents, { loading: loadingEvents }] = useLazyQuery(
     MACHINE,
-    preflightOptions
+    preflightOptions,
   )
 
   const [simpleMachineAction] = useMutation(MACHINE_ACTION)
@@ -86,7 +86,7 @@ const MachineActions = memo(({ machine, onActionSuccess }) => {
     onCompleted: () => {
       onActionSuccess && onActionSuccess()
       setAction({ display: action.display, command: null })
-    }
+    },
   })
 
   const confirmDialogOpen = Boolean(action.command)
@@ -100,7 +100,7 @@ const MachineActions = memo(({ machine, onActionSuccess }) => {
           ? warningMessage
           : null
         setAction({ ...actionToDo, message })
-      }
+      },
     })
     fetchMachineEvents()
   }
@@ -118,7 +118,7 @@ const MachineActions = memo(({ machine, onActionSuccess }) => {
             setAction({
               command: 'rename',
               display: 'Rename',
-              confirmationMessage: 'Write the new name for this machine'
+              confirmationMessage: 'Write the new name for this machine',
             })
           }>
           Rename
@@ -131,7 +131,7 @@ const MachineActions = memo(({ machine, onActionSuccess }) => {
           onClick={() =>
             setAction({
               command: 'unpair',
-              display: 'Unpair'
+              display: 'Unpair',
             })
           }>
           Unpair
@@ -144,7 +144,7 @@ const MachineActions = memo(({ machine, onActionSuccess }) => {
           onClick={() =>
             setAction({
               command: 'reboot',
-              display: 'Reboot'
+              display: 'Reboot',
             })
           }>
           Reboot
@@ -159,7 +159,7 @@ const MachineActions = memo(({ machine, onActionSuccess }) => {
               command: 'shutdown',
               display: 'Shutdown',
               message:
-                'In order to bring it back online, the machine will need to be visited and its power reset.'
+                'In order to bring it back online, the machine will need to be visited and its power reset.',
             })
           }>
           Shutdown
@@ -172,7 +172,7 @@ const MachineActions = memo(({ machine, onActionSuccess }) => {
           onClick={() => {
             machineStatusPreflight({
               command: 'restartServices',
-              display: 'Restart services for'
+              display: 'Restart services for',
             })
           }}>
           Restart services
@@ -188,7 +188,7 @@ const MachineActions = memo(({ machine, onActionSuccess }) => {
                 command: 'emptyUnit',
                 display: 'Empty',
                 message:
-                  "Triggering this action will move all cash inside the machine towards its cashbox (if possible), allowing for the collection of cash from the machine via only its cashbox. Depending on how full the cash units are, it's possible that this action will need to be used more than once to ensure that the unit is left completely empty."
+                  "Triggering this action will move all cash inside the machine towards its cashbox (if possible), allowing for the collection of cash from the machine via only its cashbox. Depending on how full the cash units are, it's possible that this action will need to be used more than once to ensure that the unit is left completely empty.",
               })
             }}>
             Empty Unit
@@ -205,7 +205,7 @@ const MachineActions = memo(({ machine, onActionSuccess }) => {
                 command: 'refillUnit',
                 display: 'Refill',
                 message:
-                  'Triggering this action will refill the recyclers in this machine, by using bills present in its cassettes. This action may require manual operation of the cassettes and close attention to make sure that the denominations in the cassettes match the denominations in the recyclers.'
+                  'Triggering this action will refill the recyclers in this machine, by using bills present in its cassettes. This action may require manual operation of the cassettes and close attention to make sure that the denominations in the cassettes match the denominations in the recyclers.',
               })
             }}>
             Refill Unit
@@ -228,8 +228,8 @@ const MachineActions = memo(({ machine, onActionSuccess }) => {
             simpleMachineAction({
               variables: {
                 deviceId: machine.deviceId,
-                action: 'diagnostics'
-              }
+                action: 'diagnostics',
+              },
             })
           }
           deviceId={machine.deviceId}
@@ -253,8 +253,8 @@ const MachineActions = memo(({ machine, onActionSuccess }) => {
             variables: {
               deviceId: machine.deviceId,
               action: `${action?.command}`,
-              ...(action?.command === 'rename' && { newName: value })
-            }
+              ...(action?.command === 'rename' && { newName: value }),
+            },
           })
         }}
         onDismissed={() => {
diff --git a/packages/admin-ui/src/components/single-row-table/SingleRowTable.jsx b/packages/admin-ui/src/components/single-row-table/SingleRowTable.jsx
index 8e7cad48..490ac0c6 100644
--- a/packages/admin-ui/src/components/single-row-table/SingleRowTable.jsx
+++ b/packages/admin-ui/src/components/single-row-table/SingleRowTable.jsx
@@ -7,7 +7,7 @@ import {
   TBody,
   Td,
   Th,
-  Tr
+  Tr,
 } from 'src/components/fake-table/Table'
 import EditIcon from 'src/styling/icons/action/edit/white.svg?react'
 
@@ -19,7 +19,7 @@ const SingleRowTable = ({
   title,
   items,
   onEdit,
-  className
+  className,
 }) => {
   return (
     <>
diff --git a/packages/admin-ui/src/components/table/EmptyTable.jsx b/packages/admin-ui/src/components/table/EmptyTable.jsx
index 5859bdfc..96f653c5 100644
--- a/packages/admin-ui/src/components/table/EmptyTable.jsx
+++ b/packages/admin-ui/src/components/table/EmptyTable.jsx
@@ -8,7 +8,7 @@ const EmptyTable = memo(({ message, className }) => {
     <div
       className={classNames(
         className,
-        'flex flex-col items-center w-full mt-13 text-sm font-bold font-museo'
+        'flex flex-col items-center w-full mt-13 text-sm font-bold font-museo',
       )}>
       <EmptyTableIcon />
       <H4>{message}</H4>
diff --git a/packages/admin-ui/src/components/table/Table.jsx b/packages/admin-ui/src/components/table/Table.jsx
index 980220b9..c54bedd7 100644
--- a/packages/admin-ui/src/components/table/Table.jsx
+++ b/packages/admin-ui/src/components/table/Table.jsx
@@ -7,7 +7,7 @@ const Table = memo(({ className, children, ...props }) => {
       {...props}
       className={classnames(
         'table-fixed border-separate border-spacing-0',
-        className
+        className,
       )}>
       {children}
     </table>
diff --git a/packages/admin-ui/src/components/table/TableCell.jsx b/packages/admin-ui/src/components/table/TableCell.jsx
index 204915ff..36e8501a 100644
--- a/packages/admin-ui/src/components/table/TableCell.jsx
+++ b/packages/admin-ui/src/components/table/TableCell.jsx
@@ -7,7 +7,7 @@ const TableCell = memo(
   ({ colspan, rightAlign, className, children, ...props }) => {
     const styles = {
       [classes.tableCell]: true,
-      'text-right': rightAlign
+      'text-right': rightAlign,
     }
 
     return (
@@ -18,7 +18,7 @@ const TableCell = memo(
         {children}
       </td>
     )
-  }
+  },
 )
 
 export default TableCell
diff --git a/packages/admin-ui/src/components/table/TableHeader.jsx b/packages/admin-ui/src/components/table/TableHeader.jsx
index cd1b895e..9653d1ba 100644
--- a/packages/admin-ui/src/components/table/TableHeader.jsx
+++ b/packages/admin-ui/src/components/table/TableHeader.jsx
@@ -5,7 +5,7 @@ const TableHeaderCell = memo(
   ({ rightAlign, children, className, ...props }) => {
     const styles = {
       'bg-zodiac text-white py-0 px-6 h-8 text-sm text-left': true,
-      'text-right': rightAlign
+      'text-right': rightAlign,
     }
 
     return (
@@ -13,7 +13,7 @@ const TableHeaderCell = memo(
         {children}
       </th>
     )
-  }
+  },
 )
 
 export default TableHeaderCell
diff --git a/packages/admin-ui/src/components/table/TableRow.jsx b/packages/admin-ui/src/components/table/TableRow.jsx
index 8c026bd7..916416ea 100644
--- a/packages/admin-ui/src/components/table/TableRow.jsx
+++ b/packages/admin-ui/src/components/table/TableRow.jsx
@@ -8,7 +8,7 @@ const TableRow = memo(
       'h-8': !header && size === 'sm',
       'h-9 font-bold text-base ': !header && size === 'lg',
       'bg-misty-rose': error,
-      'bg-spring3': success
+      'bg-spring3': success,
     }
 
     return (
@@ -16,7 +16,7 @@ const TableRow = memo(
         {children}
       </tr>
     )
-  }
+  },
 )
 
 export default TableRow
diff --git a/packages/admin-ui/src/components/table/index.js b/packages/admin-ui/src/components/table/index.js
index 289d0b01..85ccc33d 100644
--- a/packages/admin-ui/src/components/table/index.js
+++ b/packages/admin-ui/src/components/table/index.js
@@ -15,5 +15,5 @@ export {
   TableHead,
   TableHeader,
   TableRow,
-  TableBody
+  TableBody,
 }
diff --git a/packages/admin-ui/src/components/tables/DataTable.jsx b/packages/admin-ui/src/components/tables/DataTable.jsx
index 29bba105..a4e3a97b 100644
--- a/packages/admin-ui/src/components/tables/DataTable.jsx
+++ b/packages/admin-ui/src/components/tables/DataTable.jsx
@@ -5,7 +5,7 @@ import {
   AutoSizer,
   List,
   CellMeasurer,
-  CellMeasurerCache
+  CellMeasurerCache,
 } from 'react-virtualized'
 import {
   Table,
@@ -13,7 +13,7 @@ import {
   THead,
   Tr,
   Td,
-  Th
+  Th,
 } from 'src/components/fake-table/Table'
 import { H4 } from 'src/components/typography'
 import ExpandClosedIcon from 'src/styling/icons/action/expand/closed.svg?react'
@@ -40,7 +40,7 @@ const Row = ({
   const trClasses = {
     'cursor-pointer': hasPointer,
     'border-2 border-transparent': true,
-    'border-2 border-zircon shadow-md': expanded
+    'border-2 border-zircon shadow-md': expanded,
   }
 
   return (
@@ -79,7 +79,7 @@ const Row = ({
         <div className="pb-3">
           <Tr
             className={classnames({
-              'border-2 border-zircon shadow-md': expanded
+              'border-2 border-zircon shadow-md': expanded,
             })}>
             <Td width={width}>
               <Details it={data} timezone={props.timezone} />
@@ -126,7 +126,7 @@ const DataTable = ({
 
   const cache = new CellMeasurerCache({
     defaultHeight: 58,
-    fixedWidth: true
+    fixedWidth: true,
   })
 
   function rowRenderer({ index, key, parent, style }) {
@@ -168,12 +168,12 @@ const DataTable = ({
     <div
       className={classnames({
         'flex flex-1 flex-col': true,
-        [className]: !!className
+        [className]: !!className,
       })}>
       <Table
         className={classnames(
           'mb-12 min-h-50 flex-1 flex flex-col',
-          tableClassName
+          tableClassName,
         )}
         style={{ width }}>
         <THead>
diff --git a/packages/admin-ui/src/components/typography/index.jsx b/packages/admin-ui/src/components/typography/index.jsx
index 58a0c026..a0776a6e 100644
--- a/packages/admin-ui/src/components/typography/index.jsx
+++ b/packages/admin-ui/src/components/typography/index.jsx
@@ -7,7 +7,7 @@ function H1({ children, noMargin, className, ...props }) {
   const classNames = {
     [styles.h1]: true,
     [styles.noMargin]: noMargin,
-    [className]: !!className
+    [className]: !!className,
   }
 
   return (
@@ -21,7 +21,7 @@ function H2({ children, noMargin, className, ...props }) {
   const classNames = {
     [styles.h2]: true,
     [styles.noMargin]: noMargin,
-    [className]: !!className
+    [className]: !!className,
   }
 
   return (
@@ -35,7 +35,7 @@ function H3({ children, noMargin, className, ...props }) {
   const classNames = {
     [styles.h3]: true,
     [styles.noMargin]: noMargin,
-    [className]: !!className
+    [className]: !!className,
   }
 
   return (
@@ -49,7 +49,7 @@ function H4({ children, noMargin, className, ...props }) {
   const classNames = {
     [styles.h4]: true,
     [styles.noMargin]: noMargin,
-    [className]: !!className
+    [className]: !!className,
   }
 
   return (
@@ -63,7 +63,7 @@ function H5({ children, noMargin, className, ...props }) {
   const classNames = {
     [styles.h5]: true,
     [styles.noMargin]: noMargin,
-    [className]: !!className
+    [className]: !!className,
   }
 
   return (
@@ -90,7 +90,7 @@ function pBuilder(elementClass) {
       [className]: !!className,
       [styles[elementClass]]: elementClass,
       [styles.inline]: inline,
-      [styles.noMargin]: noMargin
+      [styles.noMargin]: noMargin,
     }
     return (
       <p className={classnames(classNames)} {...props}>
@@ -115,5 +115,5 @@ export {
   Mono,
   Label1,
   Label2,
-  Label3
+  Label3,
 }
diff --git a/packages/admin-ui/src/components/typography/styles.js b/packages/admin-ui/src/components/typography/styles.js
index 1d3f9fc8..d86386ba 100644
--- a/packages/admin-ui/src/components/typography/styles.js
+++ b/packages/admin-ui/src/components/typography/styles.js
@@ -7,132 +7,132 @@ import {
   fontSize5,
   fontPrimary,
   fontSecondary,
-  fontMonospaced
+  fontMonospaced,
 } from 'src/styling/variables'
 
 const base = {
   lineHeight: '120%',
-  color: fontColor
+  color: fontColor,
 }
 
 export default {
   base: {
     lineHeight: '120%',
-    color: fontColor
+    color: fontColor,
   },
   h1: {
     extend: base,
     fontSize: fontSize1,
     fontFamily: fontPrimary,
-    fontWeight: 900
+    fontWeight: 900,
   },
   h2: {
     extend: base,
     fontSize: fontSize2,
     fontFamily: fontPrimary,
-    fontWeight: 900
+    fontWeight: 900,
   },
   h3: {
     extend: base,
     fontSize: fontSize4,
     fontFamily: fontPrimary,
-    fontWeight: 900
+    fontWeight: 900,
   },
   h4: {
     extend: base,
     fontSize: fontSize4,
     fontFamily: fontPrimary,
-    fontWeight: 700
+    fontWeight: 700,
   },
   h5: {
     extend: base,
     fontSize: fontSize3,
     fontFamily: fontPrimary,
-    fontWeight: 700
+    fontWeight: 700,
   },
   p: {
     ...base,
     fontSize: fontSize4,
     fontFamily: fontSecondary,
-    fontWeight: 500
+    fontWeight: 500,
   },
   tl1: {
     extend: base,
     fontSize: fontSize2,
     fontFamily: fontSecondary,
-    fontWeight: 700
+    fontWeight: 700,
   },
   tl2: {
     extend: base,
     fontSize: fontSize4,
     fontFamily: fontSecondary,
-    fontWeight: 700
+    fontWeight: 700,
   },
   info1: {
     extend: base,
     fontSize: fontSize1,
     fontFamily: fontSecondary,
-    fontWeight: 700
+    fontWeight: 700,
   },
   info2: {
     extend: base,
     fontSize: fontSize3,
     fontFamily: fontSecondary,
-    fontWeight: 700
+    fontWeight: 700,
   },
   info3: {
     extend: base,
     fontSize: fontSize3,
     fontFamily: fontSecondary,
-    fontWeight: 500
+    fontWeight: 500,
   },
   mono: {
     extend: base,
     fontSize: fontSize4,
     fontFamily: fontMonospaced,
-    fontWeight: 500
+    fontWeight: 500,
   },
   monoBold: {
-    fontWeight: 700
+    fontWeight: 700,
   },
   monoSmall: {
-    fontSize: fontSize5
+    fontSize: fontSize5,
   },
   inputFont: {
     fontSize: fontSize2,
     fontFamily: fontSecondary,
     fontWeight: 500,
     lineHeight: '110%',
-    color: fontColor
+    color: fontColor,
   },
   regularLabel: {
     fontSize: fontSize4,
     fontFamily: fontSecondary,
     fontWeight: 500,
-    lineHeight: '110%'
+    lineHeight: '110%',
   },
   label1: {
     fontSize: fontSize5,
     fontFamily: fontSecondary,
     fontWeight: 500,
-    color: fontColor
+    color: fontColor,
   },
   label2: {
     fontSize: fontSize5,
     fontFamily: fontSecondary,
     fontWeight: 700,
-    color: fontColor
+    color: fontColor,
   },
   label3: {
     fontSize: fontSize4,
     fontFamily: fontSecondary,
     fontWeight: 500,
-    color: fontColor
+    color: fontColor,
   },
   inline: {
-    display: 'inline'
+    display: 'inline',
   },
   noMargin: {
-    margin: 0
-  }
+    margin: 0,
+  },
 }
diff --git a/packages/admin-ui/src/index.jsx b/packages/admin-ui/src/index.jsx
index 638af18d..728ca19d 100644
--- a/packages/admin-ui/src/index.jsx
+++ b/packages/admin-ui/src/index.jsx
@@ -7,5 +7,5 @@ ReactDOM.render(
   <React.StrictMode>
     <App />
   </React.StrictMode>,
-  document.getElementById('root')
+  document.getElementById('root'),
 )
diff --git a/packages/admin-ui/src/pages/AddMachine/AddMachine.jsx b/packages/admin-ui/src/pages/AddMachine/AddMachine.jsx
index 55930c41..4c6fdebb 100644
--- a/packages/admin-ui/src/pages/AddMachine/AddMachine.jsx
+++ b/packages/admin-ui/src/pages/AddMachine/AddMachine.jsx
@@ -58,7 +58,7 @@ const QrCodeComponent = ({ qrCode, name, count, onPaired }) => {
   if (hasNewMachine) {
     timeout.current = setTimeout(
       () => onPaired(addedMachine),
-      CLOSE_SCREEN_TIMEOUT
+      CLOSE_SCREEN_TIMEOUT,
     )
   }
 
@@ -111,7 +111,7 @@ const QrCodeComponent = ({ qrCode, name, count, onPaired }) => {
 }
 
 const initialValues = {
-  name: ''
+  name: '',
 }
 
 const validationSchema = Yup.object().shape({
@@ -124,9 +124,9 @@ const validationSchema = Yup.object().shape({
       (value, context) =>
         !R.includes(
           R.toLower(value),
-          R.map(R.toLower, context.options.context.machineNames)
-        )
-    )
+          R.map(R.toLower, context.options.context.machineNames),
+        ),
+    ),
 })
 
 const MachineNameComponent = ({ nextStep, setQrCode, setName }) => {
@@ -138,7 +138,7 @@ const MachineNameComponent = ({ nextStep, setQrCode, setName }) => {
       setQrCode(createPairingTotem)
       nextStep()
     },
-    onError: e => console.log(e)
+    onError: e => console.log(e),
   })
 
   const { data } = useQuery(GET_MACHINES)
@@ -147,7 +147,7 @@ const MachineNameComponent = ({ nextStep, setQrCode, setName }) => {
   const uniqueNameValidator = value => {
     try {
       validationSchema.validateSync(value, {
-        context: { machineNames: machineNames }
+        context: { machineNames: machineNames },
       })
     } catch (error) {
       return error
@@ -189,12 +189,12 @@ const MachineNameComponent = ({ nextStep, setQrCode, setName }) => {
 const steps = [
   {
     label: 'Machine name',
-    component: MachineNameComponent
+    component: MachineNameComponent,
   },
   {
     label: 'Scan QR code',
-    component: QrCodeComponent
-  }
+    component: QrCodeComponent,
+  },
 ]
 
 const renderStepper = (step, it, idx) => {
@@ -208,7 +208,7 @@ const renderStepper = (step, it, idx) => {
         className={classnames({
           'mr-6 text-comet': true,
           'text-zodiac font-bold': active,
-          'text-zodiac': past
+          'text-zodiac': past,
         })}>
         {it.label}
       </span>
@@ -219,7 +219,7 @@ const renderStepper = (step, it, idx) => {
         <div
           className={classnames({
             'absolute h-7 w-px border border-comet border-solid right-2 top-[18px]': true,
-            'border-zodiac': past
+            'border-zodiac': past,
           })}></div>
       )}
     </div>
diff --git a/packages/admin-ui/src/pages/Analytics/Analytics.jsx b/packages/admin-ui/src/pages/Analytics/Analytics.jsx
index 3dbb5f3f..43a4b21d 100644
--- a/packages/admin-ui/src/pages/Analytics/Analytics.jsx
+++ b/packages/admin-ui/src/pages/Analytics/Analytics.jsx
@@ -26,29 +26,29 @@ const REPRESENTING_OPTIONS = [
   { code: 'overTime', display: 'Over time' },
   { code: 'volumeOverTime', display: 'Volume' },
   { code: 'topMachines', display: 'Top machines' },
-  { code: 'hourOfTheDay', display: 'Hour of the day' }
+  { code: 'hourOfTheDay', display: 'Hour of the day' },
 ]
 const PERIOD_OPTIONS = [
   { code: 'day', display: 'Last 24 hours' },
   { code: 'threeDays', display: 'Last 3 days' },
   { code: 'week', display: 'Last 7 days' },
-  { code: 'month', display: 'Last 30 days' }
+  { code: 'month', display: 'Last 30 days' },
 ]
 const TIME_OPTIONS = {
   day: DAY,
   threeDays: 3 * DAY,
   week: WEEK,
-  month: MONTH
+  month: MONTH,
 }
 
 const DAY_OPTIONS = R.map(
   it => ({
     code: R.toLower(it),
-    display: it
+    display: it,
   }),
   Array.from(Array(7)).map((_, i) =>
-    format('EEEE', add({ days: i }, startOfWeek(new Date())))
-  )
+    format('EEEE', add({ days: i }, startOfWeek(new Date()))),
+  ),
 )
 
 const GET_TRANSACTIONS = gql`
@@ -112,7 +112,7 @@ const OverviewEntry = ({ label, value, oldValue, currency }) => {
   const growthClasses = {
     'font-bold': true,
     'text-malachite': R.gt(value, oldValue),
-    'text-tomato': R.gt(oldValue, value)
+    'text-tomato': R.gt(oldValue, value),
   }
 
   return (
@@ -139,8 +139,8 @@ const Analytics = () => {
     variables: {
       from: subDays(65, endOfToday()),
       until: endOfToday(),
-      excludeTestingCustomers: true
-    }
+      excludeTestingCustomers: true,
+    },
   })
   const { data: configResponse, loading: configLoading } = useQuery(GET_DATA)
 
@@ -148,7 +148,7 @@ const Analytics = () => {
   const [period, setPeriod] = useState(PERIOD_OPTIONS[0])
   const [machine, setMachine] = useState(MACHINE_OPTIONS[0])
   const [selectedDay, setSelectedDay] = useState(
-    R.equals(representing.code, 'hourOfTheDay') ? DAY_OPTIONS[0] : null
+    R.equals(representing.code, 'hourOfTheDay') ? DAY_OPTIONS[0] : null,
   )
 
   const loading = txLoading || configLoading
@@ -175,20 +175,20 @@ const Analytics = () => {
         tx =>
           (!tx.dispensed || !tx.expired) &&
           (tx.sendConfirmed || tx.dispense) &&
-          !tx.hasError
-      )
+          !tx.hasError,
+      ),
     ) ?? []
 
   const machineOptions = R.clone(MACHINE_OPTIONS)
 
   R.forEach(
     m => machineOptions.push({ code: m.deviceId, display: m.name }),
-    machines
+    machines,
   )
 
   const machineTxs = R.filter(
     tx => (machine.code === 'all' ? true : tx.deviceId === machine.code),
-    data
+    data,
   )
 
   const filteredData = timeInterval => ({
@@ -213,35 +213,35 @@ const Analytics = () => {
           txDay < Date.now() - TIME_OPTIONS[timeInterval] &&
           txDay >= Date.now() - 2 * TIME_OPTIONS[timeInterval]
         )
-      }) ?? []
+      }) ?? [],
   })
 
   const txs = {
     current: filteredData(period.code).current.length,
-    previous: filteredData(period.code).previous.length
+    previous: filteredData(period.code).previous.length,
   }
 
   const median = values => (values.length === 0 ? 0 : R.median(values))
 
   const medianAmount = {
     current: median(R.map(d => d.fiat, filteredData(period.code).current)),
-    previous: median(R.map(d => d.fiat, filteredData(period.code).previous))
+    previous: median(R.map(d => d.fiat, filteredData(period.code).previous)),
   }
 
   const txVolume = {
     current: R.sum(R.map(d => d.fiat, filteredData(period.code).current)),
-    previous: R.sum(R.map(d => d.fiat, filteredData(period.code).previous))
+    previous: R.sum(R.map(d => d.fiat, filteredData(period.code).previous)),
   }
 
   const commissions = {
     current: R.sum(R.map(d => d.profit, filteredData(period.code).current)),
-    previous: R.sum(R.map(d => d.profit, filteredData(period.code).previous))
+    previous: R.sum(R.map(d => d.profit, filteredData(period.code).previous)),
   }
 
   const handleRepresentationChange = newRepresentation => {
     setRepresenting(newRepresentation)
     setSelectedDay(
-      R.equals(newRepresentation.code, 'hourOfTheDay') ? DAY_OPTIONS[0] : null
+      R.equals(newRepresentation.code, 'hourOfTheDay') ? DAY_OPTIONS[0] : null,
     )
   }
 
diff --git a/packages/admin-ui/src/pages/Analytics/components/tooltips/GraphTooltip.jsx b/packages/admin-ui/src/pages/Analytics/components/tooltips/GraphTooltip.jsx
index 9c11e46e..3aa8057f 100644
--- a/packages/admin-ui/src/pages/Analytics/components/tooltips/GraphTooltip.jsx
+++ b/packages/admin-ui/src/pages/Analytics/components/tooltips/GraphTooltip.jsx
@@ -13,20 +13,19 @@ const GraphTooltip = ({
   coords,
   data,
   dateInterval,
-  period,
   currency,
-  representing
+  representing,
 }) => {
   const formattedDateInterval = !R.includes('hourOfDay', representing.code)
     ? [
         formatDate(dateInterval[1], null, 'MMM d'),
         formatDate(dateInterval[1], null, 'HH:mm'),
-        formatDate(dateInterval[0], null, 'HH:mm')
+        formatDate(dateInterval[0], null, 'HH:mm'),
       ]
     : [
         formatDate(dateInterval[1], null, 'MMM d'),
         formatDateNonUtc(dateInterval[1], 'HH:mm'),
-        formatDateNonUtc(dateInterval[0], 'HH:mm')
+        formatDateNonUtc(dateInterval[0], 'HH:mm'),
       ]
 
   const transactions = R.reduce(
@@ -37,7 +36,7 @@ const GraphTooltip = ({
       return acc
     },
     { volume: 0, cashIn: 0, cashOut: 0 },
-    data
+    data,
   )
 
   return (
diff --git a/packages/admin-ui/src/pages/Analytics/components/wrappers/HourOfDayWrapper.jsx b/packages/admin-ui/src/pages/Analytics/components/wrappers/HourOfDayWrapper.jsx
index aaa1bf52..b3ad7e98 100644
--- a/packages/admin-ui/src/pages/Analytics/components/wrappers/HourOfDayWrapper.jsx
+++ b/packages/admin-ui/src/pages/Analytics/components/wrappers/HourOfDayWrapper.jsx
@@ -12,7 +12,7 @@ import classes from './wrappers.module.css'
 
 const options = [
   { code: 'hourOfDayTransactions', display: 'Transactions' },
-  { code: 'hourOfDayVolume', display: 'Volume' }
+  { code: 'hourOfDayVolume', display: 'Volume' },
 ]
 
 const HourOfDayBarGraphHeader = ({
@@ -26,13 +26,13 @@ const HourOfDayBarGraphHeader = ({
   dayOptions,
   handleDayChange,
   timezone,
-  currency
+  currency,
 }) => {
   const [graphType /*, setGraphType */] = useState(options[0].code)
 
   const legend = {
     cashIn: <div className={classes.cashInIcon}></div>,
-    cashOut: <div className={classes.cashOutIcon}></div>
+    cashOut: <div className={classes.cashOutIcon}></div>,
   }
 
   const offset = getTimezoneOffset(timezone)
@@ -41,7 +41,7 @@ const HourOfDayBarGraphHeader = ({
     (acc, value) => {
       const created = new Date(value.created)
       created.setTime(
-        created.getTime() + created.getTimezoneOffset() * MINUTE + offset
+        created.getTime() + created.getTimezoneOffset() * MINUTE + offset,
       )
       switch (created.getDay()) {
         case 0:
@@ -71,7 +71,7 @@ const HourOfDayBarGraphHeader = ({
       return acc
     },
     R.fromPairs(R.map(it => [it.code, []], dayOptions)),
-    data
+    data,
   )
 
   return (
diff --git a/packages/admin-ui/src/pages/Analytics/components/wrappers/OverTimeWrapper.jsx b/packages/admin-ui/src/pages/Analytics/components/wrappers/OverTimeWrapper.jsx
index 1e36ac37..2cf845df 100644
--- a/packages/admin-ui/src/pages/Analytics/components/wrappers/OverTimeWrapper.jsx
+++ b/packages/admin-ui/src/pages/Analytics/components/wrappers/OverTimeWrapper.jsx
@@ -18,7 +18,7 @@ const OverTimeDotGraphHeader = ({
   selectedMachine,
   handleMachineChange,
   timezone,
-  currency
+  currency,
 }) => {
   const [logarithmic, setLogarithmic] = useState()
 
@@ -35,7 +35,7 @@ const OverTimeDotGraphHeader = ({
           d="M 5 6 l 20 0"
         />
       </svg>
-    )
+    ),
   }
 
   return (
diff --git a/packages/admin-ui/src/pages/Analytics/components/wrappers/TopMachinesWrapper.jsx b/packages/admin-ui/src/pages/Analytics/components/wrappers/TopMachinesWrapper.jsx
index ab0f9c52..88f426e8 100644
--- a/packages/admin-ui/src/pages/Analytics/components/wrappers/TopMachinesWrapper.jsx
+++ b/packages/admin-ui/src/pages/Analytics/components/wrappers/TopMachinesWrapper.jsx
@@ -8,7 +8,7 @@ import classes from './wrappers.module.css'
 
 const options = [
   { code: 'topMachinesTransactions', display: 'Transactions' },
-  { code: 'topMachinesVolume', display: 'Volume' }
+  { code: 'topMachinesVolume', display: 'Volume' },
 ]
 
 const TopMachinesBarGraphHeader = ({
@@ -18,13 +18,13 @@ const TopMachinesBarGraphHeader = ({
   machines,
   selectedMachine,
   timezone,
-  currency
+  currency,
 }) => {
   const [graphType /*, setGraphType */] = useState(options[0].code)
 
   const legend = {
     cashIn: <div className={classes.cashInIcon}></div>,
-    cashOut: <div className={classes.cashOutIcon}></div>
+    cashOut: <div className={classes.cashOutIcon}></div>,
   }
 
   return (
diff --git a/packages/admin-ui/src/pages/Analytics/components/wrappers/VolumeOverTimeWrapper.jsx b/packages/admin-ui/src/pages/Analytics/components/wrappers/VolumeOverTimeWrapper.jsx
index 60347b55..04540569 100644
--- a/packages/admin-ui/src/pages/Analytics/components/wrappers/VolumeOverTimeWrapper.jsx
+++ b/packages/admin-ui/src/pages/Analytics/components/wrappers/VolumeOverTimeWrapper.jsx
@@ -18,7 +18,7 @@ const VolumeOverTimeGraphHeader = ({
   selectedMachine,
   handleMachineChange,
   timezone,
-  currency
+  currency,
 }) => {
   const [logarithmic, setLogarithmic] = useState()
 
@@ -42,7 +42,7 @@ const VolumeOverTimeGraphHeader = ({
           strokeLinecap="round"
         />
       </svg>
-    )
+    ),
   }
 
   return (
diff --git a/packages/admin-ui/src/pages/Analytics/components/wrappers/wrappers.module.css b/packages/admin-ui/src/pages/Analytics/components/wrappers/wrappers.module.css
index c32bd59c..7cd53193 100644
--- a/packages/admin-ui/src/pages/Analytics/components/wrappers/wrappers.module.css
+++ b/packages/admin-ui/src/pages/Analytics/components/wrappers/wrappers.module.css
@@ -12,7 +12,7 @@
 .graphHeaderRight {
   margin-top: 15px;
   display: flex;
-  gap: 30px
+  gap: 30px;
 }
 
 .cashInIcon {
@@ -45,12 +45,12 @@
 .graphHeaderSwitchBox {
   display: flex;
   flex-direction: column;
-/*'& > *': {*/
-/*  margin: 0*/
-/*},*/
-/*'& > :first-child': {*/
-/*  marginBottom: 2,*/
-/*  extend: label1,*/
-/*  color: offColor*/
-/*}*/
+  /*'& > *': {*/
+  /*  margin: 0*/
+  /*},*/
+  /*'& > :first-child': {*/
+  /*  marginBottom: 2,*/
+  /*  extend: label1,*/
+  /*  color: offColor*/
+  /*}*/
 }
diff --git a/packages/admin-ui/src/pages/Analytics/graphs/Graph.jsx b/packages/admin-ui/src/pages/Analytics/graphs/Graph.jsx
index 18ac8fdf..d6c85f3e 100644
--- a/packages/admin-ui/src/pages/Analytics/graphs/Graph.jsx
+++ b/packages/admin-ui/src/pages/Analytics/graphs/Graph.jsx
@@ -17,7 +17,7 @@ const GraphWrapper = ({
   selectedMachine,
   machines,
   selectedDay,
-  log
+  log,
 }) => {
   const [selectionCoords, setSelectionCoords] = useState(null)
   const [selectionDateInterval, setSelectionDateInterval] = useState(null)
diff --git a/packages/admin-ui/src/pages/Analytics/graphs/HourOfDayBarGraph.jsx b/packages/admin-ui/src/pages/Analytics/graphs/HourOfDayBarGraph.jsx
index 702bbe66..ae5bac5c 100644
--- a/packages/admin-ui/src/pages/Analytics/graphs/HourOfDayBarGraph.jsx
+++ b/packages/admin-ui/src/pages/Analytics/graphs/HourOfDayBarGraph.jsx
@@ -11,7 +11,7 @@ import {
   subheaderDarkColor,
   fontColor,
   fontSecondary,
-  subheaderColor
+  subheaderColor,
 } from 'src/styling/variables'
 import { MINUTE } from 'src/utils/time'
 import { toUtc } from 'src/utils/timezones'
@@ -22,7 +22,6 @@ const Graph = ({
   setSelectionCoords,
   setSelectionData,
   setSelectionDateInterval,
-  selectedMachine
 }) => {
   const ref = useRef(null)
 
@@ -36,9 +35,9 @@ const Graph = ({
       top: 25,
       right: 0.5,
       bottom: 27,
-      left: 36.5
+      left: 36.5,
     }),
-    []
+    [],
   )
 
   const offset = getTimezoneOffset(timezone)
@@ -64,7 +63,7 @@ const Graph = ({
         const tzCreated = new Date(it.created).setTime(
           new Date(it.created).getTime() +
             new Date(it.created).getTimezoneOffset() * MINUTE +
-            offset
+            offset,
         )
         const created = new Date(tzCreated)
 
@@ -77,7 +76,7 @@ const Graph = ({
             created.getUTCHours() < new Date(upperBound).getUTCHours())
         )
       }, data),
-    [data, offset]
+    [data, offset],
   )
 
   const txClassByHourInterval = useCallback(
@@ -91,16 +90,16 @@ const Graph = ({
           return acc
         },
         { cashIn: 0, cashOut: 0 },
-        filterByHourInterval(lowerBound, upperBound)
+        filterByHourInterval(lowerBound, upperBound),
       ),
-    [filterByHourInterval]
+    [filterByHourInterval],
   )
 
   const x = d3
     .scaleUtc()
     .domain([
       toUtc(startOfDay(new Date())),
-      toUtc(add({ days: 1 }, startOfDay(new Date())))
+      toUtc(add({ days: 1 }, startOfDay(new Date()))),
     ])
     .rangeRound([GRAPH_MARGIN.left, GRAPH_WIDTH - GRAPH_MARGIN.right])
 
@@ -111,7 +110,7 @@ const Graph = ({
       const upperBound = R.clone(it)
       return [lowerBound, filterByHourInterval(lowerBound, upperBound)]
     },
-    R.init(getTickIntervals(x.domain(), 2))
+    R.init(getTickIntervals(x.domain(), 2)),
   )
 
   const groupedByTxClass = R.map(
@@ -121,7 +120,7 @@ const Graph = ({
       const upperBound = R.clone(it)
       return [lowerBound, txClassByHourInterval(lowerBound, upperBound)]
     },
-    R.init(getTickIntervals(x.domain(), 2))
+    R.init(getTickIntervals(x.domain(), 2)),
   )
 
   const y = d3
@@ -130,13 +129,13 @@ const Graph = ({
       0,
       d3.max(
         groupedByTxClass.map(it => it[1]),
-        d => d.cashIn + d.cashOut
+        d => d.cashIn + d.cashOut,
       ) !== 0
         ? d3.max(
             groupedByTxClass.map(it => it[1]),
-            d => d.cashIn + d.cashOut
+            d => d.cashIn + d.cashOut,
           )
-        : 50
+        : 50,
     ])
     .range([GRAPH_HEIGHT - GRAPH_MARGIN.bottom, GRAPH_MARGIN.top])
 
@@ -145,15 +144,15 @@ const Graph = ({
       g
         .attr(
           'transform',
-          `translate(0, ${GRAPH_HEIGHT - GRAPH_MARGIN.bottom})`
+          `translate(0, ${GRAPH_HEIGHT - GRAPH_MARGIN.bottom})`,
         )
         .call(
           d3
             .axisBottom(x)
             .ticks(d3.timeHour.every(2))
-            .tickFormat(d3.timeFormat('%H:%M'))
+            .tickFormat(d3.timeFormat('%H:%M')),
         ),
-    [GRAPH_MARGIN, x]
+    [GRAPH_MARGIN, x],
   )
 
   const buildYAxis = useCallback(
@@ -165,10 +164,10 @@ const Graph = ({
             .axisLeft(y)
             .ticks(GRAPH_HEIGHT / 100)
             .tickSize(0)
-            .tickFormat(``)
+            .tickFormat(``),
         )
         .call(g => g.select('.domain').remove()),
-    [GRAPH_MARGIN, y]
+    [GRAPH_MARGIN, y],
   )
 
   const buildVerticalLines = useCallback(
@@ -195,7 +194,7 @@ const Graph = ({
         })
         .attr('y1', GRAPH_MARGIN.top)
         .attr('y2', GRAPH_HEIGHT - GRAPH_MARGIN.bottom),
-    [GRAPH_MARGIN, x]
+    [GRAPH_MARGIN, x],
   )
 
   const buildHoverableEventRects = useCallback(
@@ -227,15 +226,15 @@ const Graph = ({
           const endDate = R.clone(date)
 
           const filteredData = groupedByDateInterval.find(it =>
-            R.equals(startDate, it[0])
+            R.equals(startDate, it[0]),
           )[1]
 
           const rectXCoords = {
             left: R.clone(d.target.getBoundingClientRect().x),
             right: R.clone(
               d.target.getBoundingClientRect().x +
-                d.target.getBoundingClientRect().width
-            )
+                d.target.getBoundingClientRect().width,
+            ),
           }
 
           const xCoord =
@@ -248,18 +247,18 @@ const Graph = ({
           setSelectionData(filteredData)
           setSelectionCoords({
             x: Math.round(xCoord),
-            y: Math.round(yCoord)
+            y: Math.round(yCoord),
           })
 
           d3.select(`#event-rect-${x(d.target.__data__)}`).attr(
             'fill',
-            subheaderColor
+            subheaderColor,
           )
         })
         .on('mouseleave', d => {
           d3.select(`#event-rect-${x(d.target.__data__)}`).attr(
             'fill',
-            'transparent'
+            'transparent',
           )
           setSelectionDateInterval(null)
           setSelectionData(null)
@@ -271,8 +270,8 @@ const Graph = ({
       setSelectionCoords,
       setSelectionData,
       setSelectionDateInterval,
-      x
-    ]
+      x,
+    ],
   )
 
   const buildEventRects = useCallback(
@@ -298,7 +297,7 @@ const Graph = ({
         .attr('height', GRAPH_HEIGHT - GRAPH_MARGIN.bottom - GRAPH_MARGIN.top)
         .attr('stroke', 'transparent')
         .attr('fill', 'transparent'),
-    [GRAPH_MARGIN, x]
+    [GRAPH_MARGIN, x],
   )
 
   const formatTicksText = useCallback(
@@ -309,7 +308,7 @@ const Graph = ({
         .style('fill', fontColor)
         .style('stroke-width', 0.5)
         .style('font-family', fontSecondary),
-    []
+    [],
   )
 
   const drawCashIn = useCallback(
@@ -334,7 +333,7 @@ const Graph = ({
             GRAPH_HEIGHT -
               y(interval[1].cashIn) -
               GRAPH_MARGIN.bottom -
-              BAR_MARGIN / 2
+              BAR_MARGIN / 2,
           )
         })
         .attr('width', d => {
@@ -348,7 +347,7 @@ const Graph = ({
         })
         .attr('rx', 2.5)
     },
-    [x, y, GRAPH_MARGIN, groupedByTxClass]
+    [x, y, GRAPH_MARGIN, groupedByTxClass],
   )
 
   const drawCashOut = useCallback(
@@ -377,7 +376,7 @@ const Graph = ({
             GRAPH_HEIGHT -
               y(interval[1].cashOut) -
               GRAPH_MARGIN.bottom -
-              BAR_MARGIN / 2
+              BAR_MARGIN / 2,
           )
         })
         .attr('width', d => {
@@ -391,7 +390,7 @@ const Graph = ({
         })
         .attr('rx', 2.5)
     },
-    [x, y, GRAPH_MARGIN, groupedByTxClass]
+    [x, y, GRAPH_MARGIN, groupedByTxClass],
   )
 
   const drawChart = useCallback(() => {
@@ -417,7 +416,7 @@ const Graph = ({
     buildVerticalLines,
     drawCashIn,
     formatTicksText,
-    drawCashOut
+    drawCashOut,
   ])
 
   useEffect(() => {
@@ -433,5 +432,5 @@ export default memo(
   (prev, next) =>
     R.equals(prev.period, next.period) &&
     R.equals(prev.selectedDay, next.selectedDay) &&
-    R.equals(prev.selectedMachine, next.selectedMachine)
+    R.equals(prev.selectedMachine, next.selectedMachine),
 )
diff --git a/packages/admin-ui/src/pages/Analytics/graphs/OverTimeDotGraph.jsx b/packages/admin-ui/src/pages/Analytics/graphs/OverTimeDotGraph.jsx
index 12971143..7fc2cf85 100644
--- a/packages/admin-ui/src/pages/Analytics/graphs/OverTimeDotGraph.jsx
+++ b/packages/admin-ui/src/pages/Analytics/graphs/OverTimeDotGraph.jsx
@@ -13,7 +13,7 @@ import {
   fontColor,
   primaryColor,
   fontSecondary,
-  subheaderColor
+  subheaderColor,
 } from 'src/styling/variables'
 import { numberToFiatAmount } from 'src/utils/number'
 import { MINUTE, DAY, WEEK, MONTH } from 'src/utils/time'
@@ -25,7 +25,7 @@ const Graph = ({
   setSelectionCoords,
   setSelectionData,
   setSelectionDateInterval,
-  log = false
+  log = false,
 }) => {
   const ref = useRef(null)
 
@@ -38,9 +38,9 @@ const Graph = ({
       top: 25,
       right: 3.5,
       bottom: 27,
-      left: 38
+      left: 38,
     }),
-    []
+    [],
   )
 
   const offset = getTimezoneOffset(timezone)
@@ -50,7 +50,7 @@ const Graph = ({
     day: [NOW - DAY, NOW],
     threeDays: [NOW - 3 * DAY, NOW],
     week: [NOW - WEEK, NOW],
-    month: [NOW - MONTH, NOW]
+    month: [NOW - MONTH, NOW],
   }
 
   const dataPoints = useMemo(
@@ -59,28 +59,28 @@ const Graph = ({
         freq: 24,
         step: 60 * 60 * 1000,
         tick: d3.utcHour.every(1),
-        labelFormat: '%H:%M'
+        labelFormat: '%H:%M',
       },
       threeDays: {
         freq: 12,
         step: 6 * 60 * 60 * 1000,
         tick: d3.utcDay.every(1),
-        labelFormat: '%a %d'
+        labelFormat: '%a %d',
       },
       week: {
         freq: 7,
         step: 24 * 60 * 60 * 1000,
         tick: d3.utcDay.every(1),
-        labelFormat: '%a %d'
+        labelFormat: '%a %d',
       },
       month: {
         freq: 30,
         step: 24 * 60 * 60 * 1000,
         tick: d3.utcDay.every(1),
-        labelFormat: '%d'
-      }
+        labelFormat: '%d',
+      },
     }),
-    []
+    [],
   )
 
   const getPastAndCurrentDayLabels = useCallback(d => {
@@ -97,11 +97,11 @@ const Graph = ({
     const previousDateMonth = previousDate.getUTCMonth()
 
     const daysOfWeek = Array.from(Array(7)).map((_, i) =>
-      format('EEE', add({ days: i }, startOfWeek(new Date())))
+      format('EEE', add({ days: i }, startOfWeek(new Date()))),
     )
 
     const months = Array.from(Array(12)).map((_, i) =>
-      format('LLL', add({ months: i }, startOfYear(new Date())))
+      format('LLL', add({ months: i }, startOfYear(new Date()))),
     )
 
     return {
@@ -112,7 +112,7 @@ const Graph = ({
       current:
         currentDateMonth !== previousDateMonth
           ? months[currentDateMonth]
-          : `${daysOfWeek[currentDateWeekday]} ${currentDateDay}`
+          : `${daysOfWeek[currentDateWeekday]} ${currentDateDay}`,
     }
   }, [])
 
@@ -134,7 +134,7 @@ const Graph = ({
 
       return points
     },
-    [NOW, dataPoints, period.code]
+    [NOW, dataPoints, period.code],
   )
 
   const buildAreas = useCallback(
@@ -159,7 +159,7 @@ const Graph = ({
 
       return points
     },
-    [NOW, dataPoints, period.code]
+    [NOW, dataPoints, period.code],
   )
 
   const x = d3
@@ -177,7 +177,7 @@ const Graph = ({
     .scaleLinear()
     .domain([
       0,
-      (d3.max(data, d => new BigNumber(d.fiat).toNumber()) ?? 1000) * 1.03
+      (d3.max(data, d => new BigNumber(d.fiat).toNumber()) ?? 1000) * 1.03,
     ])
     .nice()
     .range([GRAPH_HEIGHT - GRAPH_MARGIN.bottom, GRAPH_MARGIN.top])
@@ -186,7 +186,7 @@ const Graph = ({
     .scaleLog()
     .domain([
       (d3.min(data, d => new BigNumber(d.fiat).toNumber()) ?? 1) * 0.9,
-      (d3.max(data, d => new BigNumber(d.fiat).toNumber()) ?? 1000) * 1.1
+      (d3.max(data, d => new BigNumber(d.fiat).toNumber()) ?? 1000) * 1.1,
     ])
     .range([GRAPH_HEIGHT - GRAPH_MARGIN.bottom, GRAPH_MARGIN.top])
 
@@ -196,7 +196,7 @@ const Graph = ({
     const fullBreakpoints = [
       graphLimits[1],
       ...R.filter(it => it > dataLimits[0] && it < dataLimits[1], breakpoints),
-      dataLimits[0]
+      dataLimits[0],
     ]
 
     const intervals = []
@@ -227,7 +227,7 @@ const Graph = ({
       g
         .attr(
           'transform',
-          `translate(0, ${GRAPH_HEIGHT - GRAPH_MARGIN.bottom})`
+          `translate(0, ${GRAPH_HEIGHT - GRAPH_MARGIN.bottom})`,
         )
         .call(
           d3
@@ -235,18 +235,18 @@ const Graph = ({
             .ticks(dataPoints[period.code].tick)
             .tickFormat(d => {
               return d3.timeFormat(dataPoints[period.code].labelFormat)(
-                d.getTime() + d.getTimezoneOffset() * MINUTE
+                d.getTime() + d.getTimezoneOffset() * MINUTE,
               )
             })
-            .tickSizeOuter(0)
+            .tickSizeOuter(0),
         )
         .call(g =>
           g
             .select('.domain')
             .attr('stroke', primaryColor)
-            .attr('stroke-width', 1)
+            .attr('stroke-width', 1),
         ),
-    [GRAPH_MARGIN, dataPoints, period.code, x]
+    [GRAPH_MARGIN, dataPoints, period.code, x],
   )
 
   const buildYAxis = useCallback(
@@ -264,12 +264,12 @@ const Graph = ({
               if (d >= 1000) return numberToFiatAmount(d / 1000) + 'k'
 
               return numberToFiatAmount(d)
-            })
+            }),
         )
         .select('.domain')
         .attr('stroke', primaryColor)
         .attr('stroke-width', 1),
-    [GRAPH_MARGIN, y, log]
+    [GRAPH_MARGIN, y, log],
   )
 
   const buildGrid = useCallback(
@@ -286,7 +286,7 @@ const Graph = ({
             .attr('x1', d => 0.5 + x(d))
             .attr('x2', d => 0.5 + x(d))
             .attr('y1', GRAPH_MARGIN.top)
-            .attr('y2', GRAPH_HEIGHT - GRAPH_MARGIN.bottom)
+            .attr('y2', GRAPH_HEIGHT - GRAPH_MARGIN.bottom),
         )
         // Horizontal lines
         .call(g =>
@@ -297,13 +297,13 @@ const Graph = ({
               d3
                 .axisLeft(y)
                 .scale()
-                .ticks(GRAPH_HEIGHT / 100)
+                .ticks(GRAPH_HEIGHT / 100),
             )
             .join('line')
             .attr('y1', d => 0.5 + y(d))
             .attr('y2', d => 0.5 + y(d))
             .attr('x1', GRAPH_MARGIN.left)
-            .attr('x2', GRAPH_WIDTH)
+            .attr('x2', GRAPH_WIDTH),
         )
         // Vertical transparent rectangles for events
         .call(g =>
@@ -319,14 +319,14 @@ const Graph = ({
               const intervals = getAreaInterval(
                 buildAreas(x.domain()).map(it => Math.round(x(it) * 100) / 100),
                 x.range(),
-                x2.range()
+                x2.range(),
               )
               const interval = getAreaIntervalByX(intervals, xValue)
               return Math.round((interval[0] - interval[1]) * 100) / 100
             })
             .attr(
               'height',
-              GRAPH_HEIGHT - GRAPH_MARGIN.bottom - GRAPH_MARGIN.top
+              GRAPH_HEIGHT - GRAPH_MARGIN.bottom - GRAPH_MARGIN.top,
             )
             .attr('stroke', 'transparent')
             .attr('fill', 'transparent')
@@ -336,7 +336,7 @@ const Graph = ({
               const intervals = getAreaInterval(
                 buildAreas(x.domain()).map(it => Math.round(x(it) * 100) / 100),
                 x.range(),
-                x2.range()
+                x2.range(),
               )
 
               const dateInterval = getDateIntervalByX(areas, intervals, xValue)
@@ -354,8 +354,8 @@ const Graph = ({
                 left: R.clone(d.target.getBoundingClientRect().x),
                 right: R.clone(
                   d.target.getBoundingClientRect().x +
-                    d.target.getBoundingClientRect().width
-                )
+                    d.target.getBoundingClientRect().width,
+                ),
               }
 
               const xCoord =
@@ -370,7 +370,7 @@ const Graph = ({
               setSelectionData(filteredData)
               setSelectionCoords({
                 x: Math.round(xCoord),
-                y: Math.round(yCoord)
+                y: Math.round(yCoord),
               })
 
               d3.select(d.target).attr('fill', subheaderColor)
@@ -380,7 +380,7 @@ const Graph = ({
               setSelectionDateInterval(null)
               setSelectionData(null)
               setSelectionCoords(null)
-            })
+            }),
         )
         // Thick vertical lines
         .call(g =>
@@ -391,7 +391,7 @@ const Graph = ({
               buildTicks(x.domain()).filter(x => {
                 if (period.code === 'day') return x.getUTCHours() === 0
                 return x.getUTCDate() === 1
-              })
+              }),
             )
             .join('line')
             .attr('class', 'dateSeparator')
@@ -400,7 +400,7 @@ const Graph = ({
             .attr('y1', GRAPH_MARGIN.top - 50)
             .attr('y2', GRAPH_HEIGHT - GRAPH_MARGIN.bottom)
             .attr('stroke-width', 5)
-            .join('text')
+            .join('text'),
         )
         // Left side breakpoint label
         .call(g => {
@@ -458,8 +458,8 @@ const Graph = ({
       offset,
       setSelectionCoords,
       setSelectionData,
-      setSelectionDateInterval
-    ]
+      setSelectionDateInterval,
+    ],
   )
 
   const formatTicksText = useCallback(
@@ -470,7 +470,7 @@ const Graph = ({
         .style('fill', fontColor)
         .style('stroke-width', 0.5)
         .style('font-family', fontSecondary),
-    []
+    [],
   )
 
   const formatText = useCallback(
@@ -481,7 +481,7 @@ const Graph = ({
         .style('fill', offColor)
         .style('stroke-width', 0.5)
         .style('font-family', fontSecondary),
-    []
+    [],
   )
 
   const formatTicks = useCallback(() => {
@@ -505,10 +505,10 @@ const Graph = ({
             .attr('y1', 0.5 + y(median))
             .attr('y2', 0.5 + y(median))
             .attr('x1', GRAPH_MARGIN.left)
-            .attr('x2', GRAPH_WIDTH)
+            .attr('x2', GRAPH_WIDTH),
         )
     },
-    [GRAPH_MARGIN, y, data, log]
+    [GRAPH_MARGIN, y, data, log],
   )
 
   const drawData = useCallback(
@@ -524,7 +524,7 @@ const Graph = ({
         .attr('fill', d => (d.txClass === 'cashIn' ? java : neon))
         .attr('r', 3.5)
     },
-    [data, offset, x, y]
+    [data, offset, x, y],
   )
 
   const drawChart = useCallback(() => {
@@ -550,7 +550,7 @@ const Graph = ({
     drawData,
     formatText,
     formatTicks,
-    formatTicksText
+    formatTicksText,
   ])
 
   useEffect(() => {
@@ -566,5 +566,5 @@ export default memo(
   (prev, next) =>
     R.equals(prev.period, next.period) &&
     R.equals(prev.selectedMachine, next.selectedMachine) &&
-    R.equals(prev.log, next.log)
+    R.equals(prev.log, next.log),
 )
diff --git a/packages/admin-ui/src/pages/Analytics/graphs/OverTimeLineGraph.jsx b/packages/admin-ui/src/pages/Analytics/graphs/OverTimeLineGraph.jsx
index 68074bcb..f945e261 100644
--- a/packages/admin-ui/src/pages/Analytics/graphs/OverTimeLineGraph.jsx
+++ b/packages/admin-ui/src/pages/Analytics/graphs/OverTimeLineGraph.jsx
@@ -8,7 +8,7 @@ import {
   differenceInMilliseconds,
   format,
   startOfWeek,
-  startOfYear
+  startOfYear,
 } from 'date-fns/fp'
 import * as R from 'ramda'
 import React, { memo, useCallback, useEffect, useMemo, useRef } from 'react'
@@ -21,7 +21,7 @@ import {
   fontColor,
   primaryColor,
   fontSecondary,
-  subheaderColor
+  subheaderColor,
 } from 'src/styling/variables'
 import { numberToFiatAmount } from 'src/utils/number'
 import { MINUTE, DAY, WEEK, MONTH } from 'src/utils/time'
@@ -33,7 +33,7 @@ const Graph = ({
   setSelectionCoords,
   setSelectionData,
   setSelectionDateInterval,
-  log = false
+  log = false,
 }) => {
   const ref = useRef(null)
 
@@ -46,9 +46,9 @@ const Graph = ({
       top: 25,
       right: 3.5,
       bottom: 27,
-      left: 38
+      left: 38,
     }),
-    []
+    [],
   )
 
   const offset = getTimezoneOffset(timezone)
@@ -58,7 +58,7 @@ const Graph = ({
     day: [NOW - DAY, NOW],
     threeDays: [NOW - 3 * DAY, NOW],
     week: [NOW - WEEK, NOW],
-    month: [NOW - MONTH, NOW]
+    month: [NOW - MONTH, NOW],
   }
 
   const dataPoints = useMemo(
@@ -67,28 +67,28 @@ const Graph = ({
         freq: 24,
         step: 60 * 60 * 1000,
         tick: d3.utcHour.every(1),
-        labelFormat: '%H:%M'
+        labelFormat: '%H:%M',
       },
       threeDays: {
         freq: 12,
         step: 6 * 60 * 60 * 1000,
         tick: d3.utcDay.every(1),
-        labelFormat: '%a %d'
+        labelFormat: '%a %d',
       },
       week: {
         freq: 7,
         step: 24 * 60 * 60 * 1000,
         tick: d3.utcDay.every(1),
-        labelFormat: '%a %d'
+        labelFormat: '%a %d',
       },
       month: {
         freq: 30,
         step: 24 * 60 * 60 * 1000,
         tick: d3.utcDay.every(1),
-        labelFormat: '%d'
-      }
+        labelFormat: '%d',
+      },
     }),
-    []
+    [],
   )
 
   const getPastAndCurrentDayLabels = useCallback(d => {
@@ -105,11 +105,11 @@ const Graph = ({
     const previousDateMonth = previousDate.getUTCMonth()
 
     const daysOfWeek = Array.from(Array(7)).map((_, i) =>
-      format('EEE', add({ days: i }, startOfWeek(new Date())))
+      format('EEE', add({ days: i }, startOfWeek(new Date()))),
     )
 
     const months = Array.from(Array(12)).map((_, i) =>
-      format('LLL', add({ months: i }, startOfYear(new Date())))
+      format('LLL', add({ months: i }, startOfYear(new Date()))),
     )
 
     return {
@@ -120,7 +120,7 @@ const Graph = ({
       current:
         currentDateMonth !== previousDateMonth
           ? months[currentDateMonth]
-          : `${daysOfWeek[currentDateWeekday]} ${currentDateDay}`
+          : `${daysOfWeek[currentDateWeekday]} ${currentDateDay}`,
     }
   }, [])
 
@@ -142,7 +142,7 @@ const Graph = ({
 
       return points
     },
-    [NOW, dataPoints, period.code]
+    [NOW, dataPoints, period.code],
   )
 
   const buildAreas = useCallback(
@@ -167,7 +167,7 @@ const Graph = ({
 
       return points
     },
-    [NOW, dataPoints, period.code]
+    [NOW, dataPoints, period.code],
   )
 
   const x = d3
@@ -192,14 +192,14 @@ const Graph = ({
       else if (i === dates.length - 1)
         return addMilliseconds(
           -dataPoints[period.code].step,
-          dates[dates.length - 2]
+          dates[dates.length - 2],
         )
       else return date
     })
     .map(date => {
       const middleOfBin = addMilliseconds(
         dataPoints[period.code].step / 2,
-        date
+        date,
       )
 
       const txs = data.filter(tx => {
@@ -236,7 +236,7 @@ const Graph = ({
     .scaleLog()
     .domain([
       min === 0 ? 0.9 : min * 0.9,
-      (max === min ? min + Math.pow(10, 2 * min + 1) : max) * 2
+      (max === min ? min + Math.pow(10, 2 * min + 1) : max) * 2,
     ])
     .clamp(true)
     .range([GRAPH_HEIGHT - GRAPH_MARGIN.bottom, GRAPH_MARGIN.top])
@@ -247,7 +247,7 @@ const Graph = ({
     const fullBreakpoints = [
       graphLimits[1],
       ...R.filter(it => it > dataLimits[0] && it < dataLimits[1], breakpoints),
-      dataLimits[0]
+      dataLimits[0],
     ]
 
     const intervals = []
@@ -278,7 +278,7 @@ const Graph = ({
       g
         .attr(
           'transform',
-          `translate(0, ${GRAPH_HEIGHT - GRAPH_MARGIN.bottom})`
+          `translate(0, ${GRAPH_HEIGHT - GRAPH_MARGIN.bottom})`,
         )
         .call(
           d3
@@ -286,18 +286,18 @@ const Graph = ({
             .ticks(dataPoints[period.code].tick)
             .tickFormat(d => {
               return d3.timeFormat(dataPoints[period.code].labelFormat)(
-                d.getTime() + d.getTimezoneOffset() * MINUTE
+                d.getTime() + d.getTimezoneOffset() * MINUTE,
               )
             })
-            .tickSizeOuter(0)
+            .tickSizeOuter(0),
         )
         .call(g =>
           g
             .select('.domain')
             .attr('stroke', primaryColor)
-            .attr('stroke-width', 1)
+            .attr('stroke-width', 1),
         ),
-    [GRAPH_MARGIN, dataPoints, period.code, x]
+    [GRAPH_MARGIN, dataPoints, period.code, x],
   )
 
   const buildYAxis = useCallback(
@@ -315,12 +315,12 @@ const Graph = ({
               if (d >= 1000) return numberToFiatAmount(d / 1000) + 'k'
 
               return numberToFiatAmount(d)
-            })
+            }),
         )
         .select('.domain')
         .attr('stroke', primaryColor)
         .attr('stroke-width', 1),
-    [GRAPH_MARGIN, y, log]
+    [GRAPH_MARGIN, y, log],
   )
 
   const buildGrid = useCallback(
@@ -337,7 +337,7 @@ const Graph = ({
             .attr('x1', d => 0.5 + x(d))
             .attr('x2', d => 0.5 + x(d))
             .attr('y1', GRAPH_MARGIN.top)
-            .attr('y2', GRAPH_HEIGHT - GRAPH_MARGIN.bottom)
+            .attr('y2', GRAPH_HEIGHT - GRAPH_MARGIN.bottom),
         )
         // Horizontal lines
         .call(g =>
@@ -348,13 +348,13 @@ const Graph = ({
               d3
                 .axisLeft(y)
                 .scale()
-                .ticks(GRAPH_HEIGHT / 100)
+                .ticks(GRAPH_HEIGHT / 100),
             )
             .join('line')
             .attr('y1', d => 0.5 + y(d))
             .attr('y2', d => 0.5 + y(d))
             .attr('x1', GRAPH_MARGIN.left)
-            .attr('x2', GRAPH_WIDTH)
+            .attr('x2', GRAPH_WIDTH),
         )
         // Vertical transparent rectangles for events
         .call(g =>
@@ -370,14 +370,14 @@ const Graph = ({
               const intervals = getAreaInterval(
                 buildAreas(x.domain()).map(it => Math.round(x(it) * 100) / 100),
                 x.range(),
-                x2.range()
+                x2.range(),
               )
               const interval = getAreaIntervalByX(intervals, xValue)
               return Math.round((interval[0] - interval[1]) * 100) / 100
             })
             .attr(
               'height',
-              GRAPH_HEIGHT - GRAPH_MARGIN.bottom - GRAPH_MARGIN.top
+              GRAPH_HEIGHT - GRAPH_MARGIN.bottom - GRAPH_MARGIN.top,
             )
             .attr('stroke', 'transparent')
             .attr('fill', 'transparent')
@@ -387,7 +387,7 @@ const Graph = ({
               const intervals = getAreaInterval(
                 buildAreas(x.domain()).map(it => Math.round(x(it) * 100) / 100),
                 x.range(),
-                x2.range()
+                x2.range(),
               )
 
               const dateInterval = getDateIntervalByX(areas, intervals, xValue)
@@ -405,8 +405,8 @@ const Graph = ({
                 left: R.clone(d.target.getBoundingClientRect().x),
                 right: R.clone(
                   d.target.getBoundingClientRect().x +
-                    d.target.getBoundingClientRect().width
-                )
+                    d.target.getBoundingClientRect().width,
+                ),
               }
 
               const xCoord =
@@ -421,7 +421,7 @@ const Graph = ({
               setSelectionData(filteredData)
               setSelectionCoords({
                 x: Math.round(xCoord),
-                y: Math.round(yCoord)
+                y: Math.round(yCoord),
               })
 
               d3.select(d.target).attr('fill', subheaderColor)
@@ -431,7 +431,7 @@ const Graph = ({
               setSelectionDateInterval(null)
               setSelectionData(null)
               setSelectionCoords(null)
-            })
+            }),
         )
         // Thick vertical lines
         .call(g =>
@@ -442,7 +442,7 @@ const Graph = ({
               buildTicks(x.domain()).filter(x => {
                 if (period.code === 'day') return x.getUTCHours() === 0
                 return x.getUTCDate() === 1
-              })
+              }),
             )
             .join('line')
             .attr('class', 'dateSeparator')
@@ -451,7 +451,7 @@ const Graph = ({
             .attr('y1', GRAPH_MARGIN.top - 50)
             .attr('y2', GRAPH_HEIGHT - GRAPH_MARGIN.bottom)
             .attr('stroke-width', 5)
-            .join('text')
+            .join('text'),
         )
         // Left side breakpoint label
         .call(g => {
@@ -509,8 +509,8 @@ const Graph = ({
       offset,
       setSelectionCoords,
       setSelectionData,
-      setSelectionDateInterval
-    ]
+      setSelectionDateInterval,
+    ],
   )
 
   const formatTicksText = useCallback(
@@ -521,7 +521,7 @@ const Graph = ({
         .style('fill', fontColor)
         .style('stroke-width', 0.5)
         .style('font-family', fontSecondary),
-    []
+    [],
   )
 
   const formatText = useCallback(
@@ -532,7 +532,7 @@ const Graph = ({
         .style('fill', offColor)
         .style('stroke-width', 0.5)
         .style('font-family', fontSecondary),
-    []
+    [],
   )
 
   const formatTicks = useCallback(() => {
@@ -574,7 +574,7 @@ const Graph = ({
             .line()
             .curve(d3.curveMonotoneX)
             .x(d => x(d.date))
-            .y(d => y(d.cashIn))
+            .y(d => y(d.cashIn)),
         )
 
       g.append('g')
@@ -599,10 +599,10 @@ const Graph = ({
             .line()
             .curve(d3.curveMonotoneX)
             .x(d => x(d.date))
-            .y(d => y(d.cashOut))
+            .y(d => y(d.cashOut)),
         )
     },
-    [x, y, bins, GRAPH_MARGIN]
+    [x, y, bins, GRAPH_MARGIN],
   )
 
   const drawChart = useCallback(() => {
@@ -626,7 +626,7 @@ const Graph = ({
     drawData,
     formatText,
     formatTicks,
-    formatTicksText
+    formatTicksText,
   ])
 
   useEffect(() => {
@@ -642,5 +642,5 @@ export default memo(
   (prev, next) =>
     R.equals(prev.period, next.period) &&
     R.equals(prev.selectedMachine, next.selectedMachine) &&
-    R.equals(prev.log, next.log)
+    R.equals(prev.log, next.log),
 )
diff --git a/packages/admin-ui/src/pages/Analytics/graphs/TopMachinesBarGraph.jsx b/packages/admin-ui/src/pages/Analytics/graphs/TopMachinesBarGraph.jsx
index 1152a111..ef8ef505 100644
--- a/packages/admin-ui/src/pages/Analytics/graphs/TopMachinesBarGraph.jsx
+++ b/packages/admin-ui/src/pages/Analytics/graphs/TopMachinesBarGraph.jsx
@@ -8,10 +8,10 @@ import {
   neon,
   subheaderDarkColor,
   fontColor,
-  fontSecondary
+  fontSecondary,
 } from 'src/styling/variables'
 
-const Graph = ({ data, machines, currency, selectedMachine }) => {
+const Graph = ({ data, machines, currency }) => {
   const ref = useRef(null)
 
   const AMOUNT_OF_MACHINES = 5
@@ -24,9 +24,9 @@ const Graph = ({ data, machines, currency, selectedMachine }) => {
       top: 25,
       right: 0.5,
       bottom: 27,
-      left: 36.5
+      left: 36.5,
     }),
-    []
+    [],
   )
 
   const machinesClone = R.clone(machines)
@@ -41,7 +41,7 @@ const Graph = ({ data, machines, currency, selectedMachine }) => {
             if (!R.isNil(machinesClone[it])) return machinesClone[it]
             return { code: `ghostMachine${it}`, display: `` }
           },
-          R.times(R.identity, AMOUNT_OF_MACHINES)
+          R.times(R.identity, AMOUNT_OF_MACHINES),
         )
 
   const txByDevice = R.reduce(
@@ -50,14 +50,14 @@ const Graph = ({ data, machines, currency, selectedMachine }) => {
       return acc
     },
     {},
-    filledMachines
+    filledMachines,
   )
 
   const getDeviceVolume = deviceId =>
     R.reduce(
       (acc, value) => acc + BigNumber(value.fiat).toNumber(),
       0,
-      txByDevice[deviceId]
+      txByDevice[deviceId],
     )
 
   const getDeviceVolumeByTxClass = deviceId =>
@@ -70,18 +70,18 @@ const Graph = ({ data, machines, currency, selectedMachine }) => {
         return acc
       },
       { cashIn: 0, cashOut: 0 },
-      txByDevice[deviceId]
+      txByDevice[deviceId],
     )
 
   const devicesByVolume = R.sort(
     (a, b) => b[1] - a[1],
-    R.map(m => [m.code, getDeviceVolume(m.code)], filledMachines)
+    R.map(m => [m.code, getDeviceVolume(m.code)], filledMachines),
   )
 
   const topMachines = R.take(AMOUNT_OF_MACHINES, devicesByVolume)
 
   const txClassVolumeByDevice = R.fromPairs(
-    R.map(v => [v[0], getDeviceVolumeByTxClass(v[0])], topMachines)
+    R.map(v => [v[0], getDeviceVolumeByTxClass(v[0])], topMachines),
   )
 
   const x = d3
@@ -94,7 +94,9 @@ const Graph = ({ data, machines, currency, selectedMachine }) => {
     .scaleLinear()
     .domain([
       0,
-      d3.max(topMachines, d => d[1]) !== 0 ? d3.max(topMachines, d => d[1]) : 50
+      d3.max(topMachines, d => d[1]) !== 0
+        ? d3.max(topMachines, d => d[1])
+        : 50,
     ])
     .range([GRAPH_HEIGHT - GRAPH_MARGIN.bottom, GRAPH_MARGIN.top])
 
@@ -104,7 +106,7 @@ const Graph = ({ data, machines, currency, selectedMachine }) => {
         .attr('class', 'x-axis-1')
         .attr(
           'transform',
-          `translate(0, ${GRAPH_HEIGHT - GRAPH_MARGIN.bottom})`
+          `translate(0, ${GRAPH_HEIGHT - GRAPH_MARGIN.bottom})`,
         )
         .call(
           d3
@@ -113,12 +115,12 @@ const Graph = ({ data, machines, currency, selectedMachine }) => {
               d =>
                 `${
                   R.find(it => it.code === d[0], filledMachines).display ?? ''
-                }`
+                }`,
             )
             .tickSize(0)
-            .tickPadding(10)
+            .tickPadding(10),
         ),
-    [GRAPH_MARGIN, x, filledMachines]
+    [GRAPH_MARGIN, x, filledMachines],
   )
 
   const buildXAxis2 = useCallback(
@@ -126,7 +128,7 @@ const Graph = ({ data, machines, currency, selectedMachine }) => {
       g.attr('class', 'x-axis-2')
         .attr(
           'transform',
-          `translate(0, ${GRAPH_HEIGHT - GRAPH_MARGIN.bottom})`
+          `translate(0, ${GRAPH_HEIGHT - GRAPH_MARGIN.bottom})`,
         )
         .call(
           d3
@@ -134,24 +136,24 @@ const Graph = ({ data, machines, currency, selectedMachine }) => {
             .tickFormat(d =>
               R.includes(`ghostMachine`, d[0])
                 ? ``
-                : `${d[1].toFixed(2)} ${currency}`
+                : `${d[1].toFixed(2)} ${currency}`,
             )
             .tickSize(0)
-            .tickPadding(10)
+            .tickPadding(10),
         )
     },
-    [GRAPH_MARGIN, x, currency]
+    [GRAPH_MARGIN, x, currency],
   )
 
   const positionXAxisLabels = useCallback(() => {
-    d3.selectAll('.x-axis-1 .tick text').attr('transform', function (d) {
+    d3.selectAll('.x-axis-1 .tick text').attr('transform', function () {
       const widthPerEntry = (x.range()[1] - x.range()[0]) / AMOUNT_OF_MACHINES
       return `translate(${-widthPerEntry / 2.25 + this.getBBox().width / 2}, 0)`
     })
   }, [x])
 
   const positionXAxis2Labels = useCallback(() => {
-    d3.selectAll('.x-axis-2 .tick text').attr('transform', function (d) {
+    d3.selectAll('.x-axis-2 .tick text').attr('transform', function () {
       const widthPerEntry = (x.range()[1] - x.range()[0]) / AMOUNT_OF_MACHINES
       return `translate(${widthPerEntry / 2.25 - this.getBBox().width / 2}, 0)`
     })
@@ -166,10 +168,10 @@ const Graph = ({ data, machines, currency, selectedMachine }) => {
             .axisLeft(y)
             .ticks(GRAPH_HEIGHT / 100)
             .tickSize(0)
-            .tickFormat(``)
+            .tickFormat(``),
         )
         .call(g => g.select('.domain').remove()),
-    [GRAPH_MARGIN, y]
+    [GRAPH_MARGIN, y],
   )
 
   const formatTicksText = useCallback(
@@ -180,7 +182,7 @@ const Graph = ({ data, machines, currency, selectedMachine }) => {
         .style('fill', fontColor)
         .style('stroke-width', 0.5)
         .style('font-family', fontSecondary),
-    []
+    [],
   )
 
   const buildGrid = useCallback(
@@ -213,10 +215,10 @@ const Graph = ({ data, machines, currency, selectedMachine }) => {
               return 0.5 + x(d) - paddedXValue
             })
             .attr('y1', GRAPH_MARGIN.top)
-            .attr('y2', GRAPH_HEIGHT - GRAPH_MARGIN.bottom)
+            .attr('y2', GRAPH_HEIGHT - GRAPH_MARGIN.bottom),
         )
     },
-    [GRAPH_MARGIN, x]
+    [GRAPH_MARGIN, x],
   )
 
   const drawCashIn = useCallback(
@@ -231,13 +233,13 @@ const Graph = ({ data, machines, currency, selectedMachine }) => {
           R.clamp(
             0,
             GRAPH_HEIGHT,
-            GRAPH_HEIGHT - y(d[1].cashIn) - GRAPH_MARGIN.bottom - BAR_MARGIN
-          )
+            GRAPH_HEIGHT - y(d[1].cashIn) - GRAPH_MARGIN.bottom - BAR_MARGIN,
+          ),
         )
         .attr('width', x.bandwidth())
         .attr('rx', 2.5)
     },
-    [txClassVolumeByDevice, x, y, GRAPH_MARGIN]
+    [txClassVolumeByDevice, x, y, GRAPH_MARGIN],
   )
 
   const drawCashOut = useCallback(
@@ -252,7 +254,7 @@ const Graph = ({ data, machines, currency, selectedMachine }) => {
           d =>
             y(d[1].cashIn + d[1].cashOut) -
             GRAPH_MARGIN.top +
-            GRAPH_MARGIN.bottom
+            GRAPH_MARGIN.bottom,
         )
         .attr('height', d => {
           return R.clamp(
@@ -261,13 +263,13 @@ const Graph = ({ data, machines, currency, selectedMachine }) => {
             GRAPH_HEIGHT -
               y(d[1].cashOut) -
               GRAPH_MARGIN.bottom -
-              BAR_MARGIN / 2
+              BAR_MARGIN / 2,
           )
         })
         .attr('width', x.bandwidth())
         .attr('rx', 2.5)
     },
-    [txClassVolumeByDevice, x, y, GRAPH_MARGIN]
+    [txClassVolumeByDevice, x, y, GRAPH_MARGIN],
   )
 
   const drawChart = useCallback(() => {
@@ -295,7 +297,7 @@ const Graph = ({ data, machines, currency, selectedMachine }) => {
     formatTicksText,
     buildGrid,
     drawCashIn,
-    drawCashOut
+    drawCashOut,
   ])
 
   useEffect(() => {
@@ -310,5 +312,5 @@ export default memo(
   Graph,
   (prev, next) =>
     R.equals(prev.period, next.period) &&
-    R.equals(prev.selectedMachine, next.selectedMachine)
+    R.equals(prev.selectedMachine, next.selectedMachine),
 )
diff --git a/packages/admin-ui/src/pages/Authentication/Authentication.module.css b/packages/admin-ui/src/pages/Authentication/Authentication.module.css
index 88648763..57fedb4e 100644
--- a/packages/admin-ui/src/pages/Authentication/Authentication.module.css
+++ b/packages/admin-ui/src/pages/Authentication/Authentication.module.css
@@ -1,5 +1,6 @@
 .welcomeBackground {
-  background: var(--ghost) url(/wizard-background.svg) no-repeat fixed center center;
+  background: var(--ghost) url(/wizard-background.svg) no-repeat fixed center
+    center;
   background-size: cover;
   height: 100vh;
   width: 100vw;
@@ -22,7 +23,7 @@
   display: flex;
   flex-direction: row;
   align-items: center;
-  margin-bottom: 30px
+  margin-bottom: 30px;
 }
 
 .icon {
@@ -70,4 +71,3 @@
 .confirm2FAInput {
   margin-top: 25px;
 }
-
diff --git a/packages/admin-ui/src/pages/Authentication/Input2FAState.jsx b/packages/admin-ui/src/pages/Authentication/Input2FAState.jsx
index b1326044..415d38f9 100644
--- a/packages/admin-ui/src/pages/Authentication/Input2FAState.jsx
+++ b/packages/admin-ui/src/pages/Authentication/Input2FAState.jsx
@@ -46,7 +46,7 @@ const Input2FAState = ({ state, dispatch }) => {
     onCompleted: ({ userData }) => {
       setUserData(userData)
       history.push('/')
-    }
+    },
   })
 
   const [input2FA, { error: mutationError }] = useMutation(INPUT_2FA, {
@@ -55,15 +55,15 @@ const Input2FAState = ({ state, dispatch }) => {
         return getUserData()
       }
       return setInvalidToken(true)
-    }
+    },
   })
 
   const handle2FAChange = value => {
     dispatch({
       type: STATES.INPUT_2FA,
       payload: {
-        twoFAField: value
-      }
+        twoFAField: value,
+      },
     })
     setInvalidToken(false)
   }
@@ -79,8 +79,8 @@ const Input2FAState = ({ state, dispatch }) => {
         username: state.clientField,
         password: state.passwordField,
         code: state.twoFAField,
-        rememberMe: state.rememberMeField
-      }
+        rememberMe: state.rememberMeField,
+      },
     }
 
     input2FA(options)
diff --git a/packages/admin-ui/src/pages/Authentication/InputFIDOState.jsx b/packages/admin-ui/src/pages/Authentication/InputFIDOState.jsx
index 3c8a1b70..7a3b24f3 100644
--- a/packages/admin-ui/src/pages/Authentication/InputFIDOState.jsx
+++ b/packages/admin-ui/src/pages/Authentication/InputFIDOState.jsx
@@ -24,12 +24,12 @@ const validationSchema = Yup.object().shape({
   localClient: Yup.string()
     .required('Client field is required!')
     .email('Username field should be in an email format!'),
-  localRememberMe: Yup.boolean()
+  localRememberMe: Yup.boolean(),
 })
 
 const initialValues = {
   localClient: '',
-  localRememberMe: false
+  localRememberMe: false,
 }
 
 const InputFIDOState = ({ state, strategy }) => {
@@ -74,8 +74,8 @@ const InputFIDOState = ({ state, strategy }) => {
     {
       onCompleted: ({ validateAssertion: success }) => {
         success ? getUserData() : setInvalidToken(true)
-      }
-    }
+      },
+    },
   )
 
   const [assertionOptions, { error: assertionQueryError }] = useLazyQuery(
@@ -86,11 +86,11 @@ const InputFIDOState = ({ state, strategy }) => {
           ? {
               username: state.clientField,
               password: state.passwordField,
-              domain: window.location.hostname
+              domain: window.location.hostname,
             }
           : {
               username: localClientField,
-              domain: window.location.hostname
+              domain: window.location.hostname,
             },
       onCompleted: ({ generateAssertionOptions: options }) => {
         startAssertion(options)
@@ -102,31 +102,31 @@ const InputFIDOState = ({ state, strategy }) => {
                     password: state.passwordField,
                     rememberMe: state.rememberMeField,
                     assertionResponse: res,
-                    domain: window.location.hostname
+                    domain: window.location.hostname,
                   }
                 : {
                     username: localClientField,
                     rememberMe: localRememberMeField,
                     assertionResponse: res,
-                    domain: window.location.hostname
+                    domain: window.location.hostname,
                   }
             validateAssertion({
-              variables
+              variables,
             })
           })
           .catch(err => {
             console.error(err)
             setInvalidToken(true)
           })
-      }
-    }
+      },
+    },
   )
 
   const [getUserData, { error: queryError }] = useLazyQuery(GET_USER_DATA, {
     onCompleted: ({ userData }) => {
       setUserData(userData)
       history.push('/')
-    }
+    },
   })
 
   const getErrorMsg = (formikErrors, formikTouched) => {
diff --git a/packages/admin-ui/src/pages/Authentication/LoginCard.jsx b/packages/admin-ui/src/pages/Authentication/LoginCard.jsx
index d6617fdc..3661f1b0 100644
--- a/packages/admin-ui/src/pages/Authentication/LoginCard.jsx
+++ b/packages/admin-ui/src/pages/Authentication/LoginCard.jsx
@@ -1,6 +1,5 @@
 import Paper from '@mui/material/Paper'
 import React, { useReducer } from 'react'
-import { H5 } from 'src/components/typography'
 import Logo from 'src/styling/icons/menu/logo.svg?react'
 
 import Input2FAState from './Input2FAState'
@@ -18,7 +17,7 @@ const initialState = {
   clientField: '',
   passwordField: '',
   rememberMeField: false,
-  loginState: STATES.LOGIN
+  loginState: STATES.LOGIN,
 }
 
 const reducer = (state, action) => {
diff --git a/packages/admin-ui/src/pages/Authentication/LoginState.jsx b/packages/admin-ui/src/pages/Authentication/LoginState.jsx
index ce8b4c72..af07216f 100644
--- a/packages/admin-ui/src/pages/Authentication/LoginState.jsx
+++ b/packages/admin-ui/src/pages/Authentication/LoginState.jsx
@@ -44,13 +44,13 @@ const GET_USER_DATA = gql`
 const validationSchema = Yup.object().shape({
   email: Yup.string().label('Email').required().email(),
   password: Yup.string().required('Password field is required'),
-  rememberMe: Yup.boolean()
+  rememberMe: Yup.boolean(),
 })
 
 const initialValues = {
   email: '',
   password: '',
-  rememberMe: false
+  rememberMe: false,
 }
 
 const getErrorMsg = (formikErrors, formikTouched, mutationError) => {
@@ -62,7 +62,7 @@ const getErrorMsg = (formikErrors, formikTouched, mutationError) => {
   return null
 }
 
-const LoginState = ({ state, dispatch, strategy }) => {
+const LoginState = ({ dispatch, strategy }) => {
   const history = useHistory()
   const { setUserData } = useContext(AppContext)
 
@@ -72,8 +72,8 @@ const LoginState = ({ state, dispatch, strategy }) => {
     const options = {
       variables: {
         username,
-        password
-      }
+        password,
+      },
     }
     const { data: loginResponse } = await login(options)
 
@@ -84,16 +84,16 @@ const LoginState = ({ state, dispatch, strategy }) => {
       payload: {
         clientField: username,
         passwordField: password,
-        rememberMeField: rememberMe
-      }
+        rememberMeField: rememberMe,
+      },
     })
   }
 
   const [validateAssertion, { error: FIDOMutationError }] = useMutation(
     VALIDATE_ASSERTION,
     {
-      onCompleted: ({ validateAssertion: success }) => success && getUserData()
-    }
+      onCompleted: ({ validateAssertion: success }) => success && getUserData(),
+    },
   )
 
   const [assertionOptions, { error: assertionQueryError }] = useLazyQuery(
@@ -105,15 +105,15 @@ const LoginState = ({ state, dispatch, strategy }) => {
             validateAssertion({
               variables: {
                 assertionResponse: res,
-                domain: window.location.hostname
-              }
+                domain: window.location.hostname,
+              },
             })
           })
           .catch(err => {
             console.error(err)
           })
-      }
-    }
+      },
+    },
   )
 
   const [getUserData, { error: userDataQueryError }] = useLazyQuery(
@@ -122,8 +122,8 @@ const LoginState = ({ state, dispatch, strategy }) => {
       onCompleted: ({ userData }) => {
         setUserData(userData)
         history.push('/')
-      }
-    }
+      },
+    },
   )
 
   return (
@@ -149,7 +149,7 @@ const LoginState = ({ state, dispatch, strategy }) => {
               loginMutationError ||
                 FIDOMutationError ||
                 assertionQueryError ||
-                userDataQueryError
+                userDataQueryError,
             )}
           />
           <Field
@@ -164,7 +164,7 @@ const LoginState = ({ state, dispatch, strategy }) => {
               loginMutationError ||
                 FIDOMutationError ||
                 assertionQueryError ||
-                userDataQueryError
+                userDataQueryError,
             )}
           />
           <div className="mt-9 flex">
@@ -183,7 +183,7 @@ const LoginState = ({ state, dispatch, strategy }) => {
               loginMutationError ||
                 FIDOMutationError ||
                 assertionQueryError ||
-                userDataQueryError
+                userDataQueryError,
             ) && (
               <P className="text-tomato">
                 {getErrorMsg(
@@ -192,7 +192,7 @@ const LoginState = ({ state, dispatch, strategy }) => {
                   loginMutationError ||
                     FIDOMutationError ||
                     assertionQueryError ||
-                    userDataQueryError
+                    userDataQueryError,
                 )}
               </P>
             )}
@@ -202,11 +202,11 @@ const LoginState = ({ state, dispatch, strategy }) => {
                 onClick={() => {
                   return strategy === 'FIDOUsernameless'
                     ? assertionOptions({
-                        variables: { domain: window.location.hostname }
+                        variables: { domain: window.location.hostname },
                       })
                     : dispatch({
                         type: 'FIDO',
-                        payload: {}
+                        payload: {},
                       })
                 }}
                 buttonClassName="w-full"
diff --git a/packages/admin-ui/src/pages/Authentication/Register.jsx b/packages/admin-ui/src/pages/Authentication/Register.jsx
index e7b71398..4a961e38 100644
--- a/packages/admin-ui/src/pages/Authentication/Register.jsx
+++ b/packages/admin-ui/src/pages/Authentication/Register.jsx
@@ -45,22 +45,22 @@ const validationSchema = Yup.object({
     .required('A password is required')
     .min(
       PASSWORD_MIN_LENGTH,
-      `Your password must contain at least ${PASSWORD_MIN_LENGTH} characters`
+      `Your password must contain at least ${PASSWORD_MIN_LENGTH} characters`,
     ),
   confirmPassword: Yup.string()
     .required('Please confirm the password')
-    .oneOf([Yup.ref('password')], 'Passwords must match')
+    .oneOf([Yup.ref('password')], 'Passwords must match'),
 })
 
 const initialValues = {
   password: '',
-  confirmPassword: ''
+  confirmPassword: '',
 }
 
 const initialState = {
   username: null,
   role: null,
-  result: ''
+  result: '',
 }
 
 const reducer = (state, action) => {
@@ -72,7 +72,7 @@ const getErrorMsg = (
   formikErrors,
   formikTouched,
   queryError,
-  mutationError
+  mutationError,
 ) => {
   if (!formikErrors || !formikTouched) return null
   if (queryError || mutationError) return 'Internal server error'
@@ -94,32 +94,32 @@ const Register = () => {
     onCompleted: ({ validateRegisterLink: info }) => {
       if (!info) {
         return dispatch({
-          type: 'failure'
+          type: 'failure',
         })
       }
       dispatch({
         type: 'success',
         payload: {
           username: info.username,
-          role: info.role
-        }
+          role: info.role,
+        },
       })
     },
     onError: () =>
       dispatch({
-        type: 'failure'
-      })
+        type: 'failure',
+      }),
   }
 
   const { error: queryError, loading } = useQuery(
     VALIDATE_REGISTER_LINK,
-    queryOptions
+    queryOptions,
   )
 
   const [register, { error: mutationError }] = useMutation(REGISTER, {
     onCompleted: ({ register: success }) => {
       if (success) history.push('/wizard', { fromAuthRegister: true })
-    }
+    },
   })
 
   return (
@@ -148,8 +148,8 @@ const Register = () => {
                         token: token,
                         username: state.username,
                         password: values.password,
-                        role: state.role
-                      }
+                        role: state.role,
+                      },
                     })
                   }}>
                   {({ errors, touched }) => (
@@ -175,14 +175,14 @@ const Register = () => {
                           errors,
                           touched,
                           queryError,
-                          mutationError
+                          mutationError,
                         ) && (
                           <P className="text-tomato">
                             {getErrorMsg(
                               errors,
                               touched,
                               queryError,
-                              mutationError
+                              mutationError,
                             )}
                           </P>
                         )}
diff --git a/packages/admin-ui/src/pages/Authentication/Reset2FA.jsx b/packages/admin-ui/src/pages/Authentication/Reset2FA.jsx
index 3d93ce88..0a26d2b7 100644
--- a/packages/admin-ui/src/pages/Authentication/Reset2FA.jsx
+++ b/packages/admin-ui/src/pages/Authentication/Reset2FA.jsx
@@ -34,7 +34,7 @@ const initialState = {
   userID: null,
   secret: null,
   otpauth: null,
-  result: null
+  result: null,
 }
 
 const reducer = (state, action) => {
@@ -63,7 +63,7 @@ const Reset2FA = () => {
     onCompleted: ({ validateReset2FALink: info }) => {
       if (!info) {
         dispatch({
-          type: 'failure'
+          type: 'failure',
         })
       } else {
         dispatch({
@@ -71,22 +71,22 @@ const Reset2FA = () => {
           payload: {
             userID: info.user_id,
             secret: info.secret,
-            otpauth: info.otpauth
-          }
+            otpauth: info.otpauth,
+          },
         })
       }
     },
     onError: () => {
       dispatch({
-        type: 'failure'
+        type: 'failure',
       })
-    }
+    },
   })
 
   const [reset2FA, { error: mutationError }] = useMutation(RESET_2FA, {
     onCompleted: ({ reset2FA: success }) => {
       success ? history.push('/') : setInvalidToken(true)
-    }
+    },
   })
 
   const getErrorMsg = () => {
@@ -107,8 +107,8 @@ const Reset2FA = () => {
       variables: {
         token: token,
         userID: state.userID,
-        code: twoFAConfirmation
-      }
+        code: twoFAConfirmation,
+      },
     })
   }
 
diff --git a/packages/admin-ui/src/pages/Authentication/ResetPassword.jsx b/packages/admin-ui/src/pages/Authentication/ResetPassword.jsx
index 5f440f17..31ba0907 100644
--- a/packages/admin-ui/src/pages/Authentication/ResetPassword.jsx
+++ b/packages/admin-ui/src/pages/Authentication/ResetPassword.jsx
@@ -33,17 +33,17 @@ const validationSchema = Yup.object().shape({
     .test(
       'len',
       'New password must contain more than 8 characters',
-      val => val.length >= 8
+      val => val.length >= 8,
     ),
   confirmPassword: Yup.string().oneOf(
     [Yup.ref('password'), null],
-    'Passwords must match'
-  )
+    'Passwords must match',
+  ),
 })
 
 const initialValues = {
   password: '',
-  confirmPassword: ''
+  confirmPassword: '',
 }
 
 const getErrorMsg = (formikErrors, formikTouched, mutationError) => {
@@ -78,13 +78,13 @@ const ResetPassword = () => {
     onError: () => {
       setLoading(false)
       setSuccess(false)
-    }
+    },
   })
 
   const [resetPassword, { error }] = useMutation(RESET_PASSWORD, {
     onCompleted: ({ resetPassword: success }) => {
       if (success) history.push('/')
-    }
+    },
   })
 
   return (
@@ -112,8 +112,8 @@ const ResetPassword = () => {
                       variables: {
                         token: token,
                         userID: userID,
-                        newPassword: values.confirmPassword
-                      }
+                        newPassword: values.confirmPassword,
+                      },
                     })
                   }}>
                   {({ errors, touched }) => (
diff --git a/packages/admin-ui/src/pages/Authentication/Setup2FAState.jsx b/packages/admin-ui/src/pages/Authentication/Setup2FAState.jsx
index 24c8507b..5b1e78bd 100644
--- a/packages/admin-ui/src/pages/Authentication/Setup2FAState.jsx
+++ b/packages/admin-ui/src/pages/Authentication/Setup2FAState.jsx
@@ -47,7 +47,7 @@ const GET_USER_DATA = gql`
   }
 `
 
-const Setup2FAState = ({ state, dispatch }) => {
+const Setup2FAState = ({ state }) => {
   const history = useHistory()
   const { setUserData } = useContext(AppContext)
 
@@ -68,7 +68,7 @@ const Setup2FAState = ({ state, dispatch }) => {
     onCompleted: ({ get2FASecret }) => {
       setSecret(get2FASecret.secret)
       setOtpauth(get2FASecret.otpauth)
-    }
+    },
   }
 
   const mutationOptions = {
@@ -76,8 +76,8 @@ const Setup2FAState = ({ state, dispatch }) => {
       username: state.clientField,
       password: state.passwordField,
       rememberMe: state.rememberMeField,
-      codeConfirmation: twoFAConfirmation
-    }
+      codeConfirmation: twoFAConfirmation,
+    },
   }
 
   const { error: queryError } = useQuery(GET_2FA_SECRET, queryOptions)
@@ -86,13 +86,13 @@ const Setup2FAState = ({ state, dispatch }) => {
     onCompleted: ({ userData }) => {
       setUserData(userData)
       history.push('/')
-    }
+    },
   })
 
   const [setup2FA, { error: mutationError }] = useMutation(SETUP_2FA, {
     onCompleted: ({ setup2FA: success }) => {
       success ? getUserData() : setInvalidToken(true)
-    }
+    },
   })
 
   const getErrorMsg = () => {
diff --git a/packages/admin-ui/src/pages/Authentication/states.js b/packages/admin-ui/src/pages/Authentication/states.js
index b2463c85..180ccf27 100644
--- a/packages/admin-ui/src/pages/Authentication/states.js
+++ b/packages/admin-ui/src/pages/Authentication/states.js
@@ -2,7 +2,7 @@ const STATES = {
   LOGIN: 'LOGIN',
   SETUP_2FA: 'SETUP2FA',
   INPUT_2FA: 'INPUT2FA',
-  FIDO: 'FIDO'
+  FIDO: 'FIDO',
 }
 
 export { STATES }
diff --git a/packages/admin-ui/src/pages/Blacklist/Blacklist.jsx b/packages/admin-ui/src/pages/Blacklist/Blacklist.jsx
index 8bee117a..a6a6b915 100644
--- a/packages/admin-ui/src/pages/Blacklist/Blacklist.jsx
+++ b/packages/admin-ui/src/pages/Blacklist/Blacklist.jsx
@@ -90,8 +90,8 @@ const PaperWalletDialog = ({ onConfirmed, onDissmised, open, props }) => {
           borderRadius: 8,
           minWidth: 656,
           bottom: 125,
-          right: 7
-        }
+          right: 7,
+        },
       }}
       {...props}>
       <div className="p-2">
@@ -136,20 +136,20 @@ const Blacklist = () => {
       setErrorMsg(errorMessage)
     },
     onCompleted: () => setDeleteDialog(false),
-    refetchQueries: () => ['getBlacklistData']
+    refetchQueries: () => ['getBlacklistData'],
   })
 
   const [addEntry] = useMutation(ADD_ROW, {
-    refetchQueries: () => ['getBlacklistData']
+    refetchQueries: () => ['getBlacklistData'],
   })
 
   const [saveConfig] = useMutation(SAVE_CONFIG, {
-    refetchQueries: () => ['getData']
+    refetchQueries: () => ['getData'],
   })
 
   const [editMessage] = useMutation(EDIT_BLACKLIST_MESSAGE, {
     onError: e => setEditMessageError(e),
-    refetchQueries: () => ['getBlacklistData']
+    refetchQueries: () => ['getBlacklistData'],
   })
 
   const blacklistData = R.path(['blacklist'])(blacklistResponse) ?? []
@@ -172,7 +172,7 @@ const Blacklist = () => {
 
   const handleConfirmDialog = confirm => {
     addressReuseSave({
-      enablePaperWalletOnly: confirm
+      enablePaperWalletOnly: confirm,
     })
     setConfirmDialog(false)
   }
@@ -193,6 +193,7 @@ const Blacklist = () => {
         setErrorMsg(`Server error${': ' + res?.errors[0]?.message}`)
       }
     } catch (e) {
+      console.error(e)
       setErrorMsg('Server error')
     }
   }
@@ -201,8 +202,8 @@ const Blacklist = () => {
     editMessage({
       variables: {
         id: r.id,
-        content: r.content
-      }
+        content: r.content,
+      },
     })
   }
 
@@ -222,8 +223,8 @@ const Blacklist = () => {
             text: 'Advanced settings',
             icon: SettingsIcon,
             inverseIcon: ReverseSettingsIcon,
-            toggle: setAdvancedSettings
-          }
+            toggle: setAdvancedSettings,
+          },
         ]}>
         {!advancedSettings && (
           <div className="flex items-center justify-end">
@@ -234,7 +235,7 @@ const Blacklist = () => {
                 onChange={e =>
                   enablePaperWalletOnly
                     ? addressReuseSave({
-                        enablePaperWalletOnly: e.target.checked
+                        enablePaperWalletOnly: e.target.checked,
                       })
                     : setConfirmDialog(true)
                 }
diff --git a/packages/admin-ui/src/pages/Blacklist/BlacklistAdvanced.jsx b/packages/admin-ui/src/pages/Blacklist/BlacklistAdvanced.jsx
index 6050af0c..ec08fb4f 100644
--- a/packages/admin-ui/src/pages/Blacklist/BlacklistAdvanced.jsx
+++ b/packages/admin-ui/src/pages/Blacklist/BlacklistAdvanced.jsx
@@ -30,7 +30,7 @@ const BlacklistAdvanced = ({
   data,
   editBlacklistMessage,
   onClose,
-  mutationError
+  mutationError,
 }) => {
   const [selectedMessage, setSelectedMessage] = useState(null)
 
@@ -41,7 +41,7 @@ const BlacklistAdvanced = ({
       width: 250,
       textAlign: 'left',
       size: 'sm',
-      view: it => R.path(['label'], it)
+      view: it => R.path(['label'], it),
     },
     {
       name: 'content',
@@ -49,7 +49,7 @@ const BlacklistAdvanced = ({
       width: 690,
       textAlign: 'left',
       size: 'sm',
-      view: it => R.path(['content'], it)
+      view: it => R.path(['content'], it),
     },
     {
       name: 'edit',
@@ -63,7 +63,7 @@ const BlacklistAdvanced = ({
             <EditIcon />
           </SvgIcon>
         </IconButton>
-      )
+      ),
     },
     {
       name: 'deleteButton',
@@ -86,8 +86,8 @@ const BlacklistAdvanced = ({
             )}
           </SvgIcon>
         </IconButton>
-      )
-    }
+      ),
+    },
   ]
 
   const handleModalClose = () => {
@@ -102,12 +102,12 @@ const BlacklistAdvanced = ({
 
   const initialValues = {
     label: !R.isNil(selectedMessage) ? selectedMessage.label : '',
-    content: !R.isNil(selectedMessage) ? selectedMessage.content : ''
+    content: !R.isNil(selectedMessage) ? selectedMessage.content : '',
   }
 
   const validationSchema = Yup.object().shape({
     label: Yup.string().required('A label is required!'),
-    content: Yup.string().required('The message content is required!').trim()
+    content: Yup.string().required('The message content is required!').trim(),
   })
 
   return (
diff --git a/packages/admin-ui/src/pages/Blacklist/BlacklistModal.jsx b/packages/admin-ui/src/pages/Blacklist/BlacklistModal.jsx
index dbd267f9..5d8fdf80 100644
--- a/packages/admin-ui/src/pages/Blacklist/BlacklistModal.jsx
+++ b/packages/admin-ui/src/pages/Blacklist/BlacklistModal.jsx
@@ -27,10 +27,10 @@ const BlackListModal = ({ onClose, addToBlacklist, errorMsg }) => {
         validateOnBlur={false}
         validateOnChange={false}
         initialValues={{
-          address: ''
+          address: '',
         }}
         validationSchema={Yup.object({
-          address: Yup.string().trim().required('An address is required')
+          address: Yup.string().trim().required('An address is required'),
         })}
         onSubmit={({ address }) => {
           handleAddToBlacklist(address.trim())
diff --git a/packages/admin-ui/src/pages/Blacklist/BlacklistTable.jsx b/packages/admin-ui/src/pages/Blacklist/BlacklistTable.jsx
index 4171f1b1..53932a27 100644
--- a/packages/admin-ui/src/pages/Blacklist/BlacklistTable.jsx
+++ b/packages/admin-ui/src/pages/Blacklist/BlacklistTable.jsx
@@ -13,7 +13,7 @@ const BlacklistTable = ({
   errorMessage,
   setErrorMessage,
   deleteDialog,
-  setDeleteDialog
+  setDeleteDialog,
 }) => {
   const [toBeDeleted, setToBeDeleted] = useState()
 
@@ -28,7 +28,7 @@ const BlacklistTable = ({
         <div className="ml-2">
           <CopyToClipboard>{R.path(['address'], it)}</CopyToClipboard>
         </div>
-      )
+      ),
     },
     {
       name: 'deleteButton',
@@ -47,8 +47,8 @@ const BlacklistTable = ({
             <DeleteIcon />
           </SvgIcon>
         </IconButton>
-      )
-    }
+      ),
+    },
   ]
 
   return (
diff --git a/packages/admin-ui/src/pages/Cashout/Cashout.jsx b/packages/admin-ui/src/pages/Cashout/Cashout.jsx
index 2872b5a8..419f5782 100644
--- a/packages/admin-ui/src/pages/Cashout/Cashout.jsx
+++ b/packages/admin-ui/src/pages/Cashout/Cashout.jsx
@@ -51,7 +51,7 @@ const CashOut = ({ name: SCREEN_KEY }) => {
 
   const [saveConfig, { error }] = useMutation(SAVE_CONFIG, {
     onCompleted: () => setWizard(false),
-    refetchQueries: () => ['getData']
+    refetchQueries: () => ['getData'],
   })
 
   const save = (rawConfig, accounts) => {
diff --git a/packages/admin-ui/src/pages/Cashout/Wizard.jsx b/packages/admin-ui/src/pages/Cashout/Wizard.jsx
index aba07f1f..39ecf8d6 100644
--- a/packages/admin-ui/src/pages/Cashout/Wizard.jsx
+++ b/packages/admin-ui/src/pages/Cashout/Wizard.jsx
@@ -21,7 +21,7 @@ const Wizard = ({ machine, locale, onClose, save, error }) => {
   const LAST_STEP = machine.numberOfCassettes + machine.numberOfRecyclers + 1
   const [{ step, config }, setState] = useState({
     step: 0,
-    config: { active: true }
+    config: { active: true },
   })
 
   const options = getBillOptions(locale, denominations)
@@ -34,8 +34,8 @@ const Wizard = ({ machine, locale, onClose, save, error }) => {
       return save(
         toNamespace(
           machine.deviceId,
-          DenominationsSchema.cast(config, { assert: false })
-        )
+          DenominationsSchema.cast(config, { assert: false }),
+        ),
       )
     }
 
@@ -43,7 +43,7 @@ const Wizard = ({ machine, locale, onClose, save, error }) => {
 
     setState({
       step: step + 1,
-      config: newConfig
+      config: newConfig,
     })
   }
 
@@ -57,10 +57,10 @@ const Wizard = ({ machine, locale, onClose, save, error }) => {
         inputProps: {
           options: options,
           labelProp: 'display',
-          valueProp: 'code'
-        }
+          valueProp: 'code',
+        },
       }),
-      R.range(1, machine.numberOfCassettes + 1)
+      R.range(1, machine.numberOfCassettes + 1),
     ),
     R.map(
       it => ({
@@ -71,11 +71,11 @@ const Wizard = ({ machine, locale, onClose, save, error }) => {
         inputProps: {
           options: options,
           labelProp: 'display',
-          valueProp: 'code'
-        }
+          valueProp: 'code',
+        },
       }),
-      R.range(1, machine.numberOfRecyclers + 1)
-    )
+      R.range(1, machine.numberOfRecyclers + 1),
+    ),
   )
 
   const schema = () =>
@@ -119,7 +119,7 @@ const Wizard = ({ machine, locale, onClose, save, error }) => {
       recycler6:
         machine.numberOfRecyclers >= 6 && step >= machine.numberOfCassettes + 6
           ? Yup.number().required()
-          : Yup.number().transform(transformNumber).nullable()
+          : Yup.number().transform(transformNumber).nullable(),
     })
 
   return (
diff --git a/packages/admin-ui/src/pages/Cashout/WizardStep.jsx b/packages/admin-ui/src/pages/Cashout/WizardStep.jsx
index 6aa881c9..3f44c24d 100644
--- a/packages/admin-ui/src/pages/Cashout/WizardStep.jsx
+++ b/packages/admin-ui/src/pages/Cashout/WizardStep.jsx
@@ -19,23 +19,23 @@ import tejo4CassetteFour from 'src/styling/icons/cassettes/tejo/4-cassettes/4-ca
 
 const getCassetesArtworks = () => ({
   1: {
-    1: cassetteOne
+    1: cassetteOne,
   },
   2: {
     1: cassetteOne,
-    2: cassetteTwo
+    2: cassetteTwo,
   },
   3: {
     1: tejo3CassetteOne,
     2: tejo3CassetteTwo,
-    3: tejo3CassetteThree
+    3: tejo3CassetteThree,
   },
   4: {
     1: tejo4CassetteOne,
     2: tejo4CassetteTwo,
     3: tejo4CassetteThree,
-    4: tejo4CassetteFour
-  }
+    4: tejo4CassetteFour,
+  },
 })
 
 const WizardStep = ({
@@ -48,7 +48,7 @@ const WizardStep = ({
   steps,
   fiatCurrency,
   options,
-  numberOfCassettes
+  numberOfCassettes,
 }) => {
   const label = isLastStep ? 'Finish' : 'Next'
   const cassetteIcon = getCassetesArtworks()[numberOfCassettes]
@@ -68,7 +68,7 @@ const WizardStep = ({
             cassette1: '',
             cassette2: '',
             cassette3: '',
-            cassette4: ''
+            cassette4: '',
           }}
           enableReinitialize
           validationSchema={schema}>
@@ -101,7 +101,7 @@ const WizardStep = ({
                         </Info1>
                       </div>
                     </div>
-                  )
+                  ),
               )}
               <img
                 className="relative -top-5 right-4"
diff --git a/packages/admin-ui/src/pages/Cashout/helper.js b/packages/admin-ui/src/pages/Cashout/helper.js
index 8aa62d0b..94087a32 100644
--- a/packages/admin-ui/src/pages/Cashout/helper.js
+++ b/packages/admin-ui/src/pages/Cashout/helper.js
@@ -14,7 +14,7 @@ const widthsByNumberOfUnits = {
   4: { machine: 205, cassette: 200 },
   5: { machine: 180, cassette: 165 },
   6: { machine: 165, cassette: 140 },
-  7: { machine: 130, cassette: 125 }
+  7: { machine: 130, cassette: 125 },
 }
 
 const denominationKeys = [
@@ -27,7 +27,7 @@ const denominationKeys = [
   'recycler3',
   'recycler4',
   'recycler5',
-  'recycler6'
+  'recycler6',
 ]
 
 const DenominationsSchema = Yup.object()
@@ -90,7 +90,7 @@ const DenominationsSchema = Yup.object()
       .min(1)
       .max(CURRENCY_MAX)
       .nullable()
-      .transform(transformNumber)
+      .transform(transformNumber),
   })
   .test((values, context) =>
     R.any(key => !R.isNil(values[key]), denominationKeys)
@@ -98,19 +98,19 @@ const DenominationsSchema = Yup.object()
       : context.createError({
           path: '',
           message:
-            'The recyclers or at least one of the cassettes must have a value'
-        })
+            'The recyclers or at least one of the cassettes must have a value',
+        }),
   )
 
 const getElements = (machines, locale = {}) => {
   const fiatCurrency = R.prop('fiatCurrency')(locale)
   const maxNumberOfCassettes = Math.max(
     ...R.map(it => it.numberOfCassettes, machines),
-    0
+    0,
   )
   const maxNumberOfRecyclers = Math.max(
     ...R.map(it => it.numberOfRecyclers, machines),
-    0
+    0,
   )
   const numberOfCashUnits =
     maxNumberOfCassettes + Math.ceil(maxNumberOfRecyclers / 2)
@@ -122,7 +122,7 @@ const getElements = (machines, locale = {}) => {
           options: options,
           labelProp: 'display',
           valueProp: 'code',
-          className: 'w-full'
+          className: 'w-full',
         }
       : { decimalPlaces: 0 }
 
@@ -133,8 +133,8 @@ const getElements = (machines, locale = {}) => {
       width: widthsByNumberOfUnits[numberOfCashUnits]?.machine,
       view: it => machines.find(({ deviceId }) => deviceId === it).name,
       size: 'sm',
-      editable: false
-    }
+      editable: false,
+    },
   ]
 
   R.until(
@@ -156,11 +156,11 @@ const getElements = (machines, locale = {}) => {
         isHidden: machine =>
           it >
           machines.find(({ deviceId }) => deviceId === machine.id)
-            .numberOfCassettes
+            .numberOfCassettes,
       })
       return R.add(1, it)
     },
-    1
+    1,
   )
 
   R.until(
@@ -182,12 +182,12 @@ const getElements = (machines, locale = {}) => {
           it >
           Math.ceil(
             machines.find(({ deviceId }) => deviceId === machine.id)
-              .numberOfRecyclers / 2
-          )
+              .numberOfRecyclers / 2,
+          ),
       })
       return R.add(1, it)
     },
-    1
+    1,
   )
 
   return elements
diff --git a/packages/admin-ui/src/pages/Commissions/Commissions.jsx b/packages/admin-ui/src/pages/Commissions/Commissions.jsx
index bfe4a9d2..73bdcb61 100644
--- a/packages/admin-ui/src/pages/Commissions/Commissions.jsx
+++ b/packages/admin-ui/src/pages/Commissions/Commissions.jsx
@@ -36,7 +36,7 @@ const SAVE_CONFIG = gql`
 `
 const removeCoinFromOverride = crypto => override =>
   R.mergeRight(override, {
-    cryptoCurrencies: R.without([crypto], override.cryptoCurrencies)
+    cryptoCurrencies: R.without([crypto], override.cryptoCurrencies),
   })
 
 const Commissions = ({ name: SCREEN_KEY }) => {
@@ -45,7 +45,7 @@ const Commissions = ({ name: SCREEN_KEY }) => {
   const { data, loading } = useQuery(GET_DATA)
   const [saveConfig] = useMutation(SAVE_CONFIG, {
     refetchQueries: () => ['getData'],
-    onError: error => setError(error)
+    onError: error => setError(error),
   })
 
   const config = data?.config && fromNamespace(SCREEN_KEY)(data.config)
@@ -78,11 +78,11 @@ const Commissions = ({ name: SCREEN_KEY }) => {
     const machineOverrides = R.map(removeCoin)(filterMachine(it))
 
     const overrides = machineOverrides.concat(
-      R.filter(it => !sameMachine(it), it)
+      R.filter(it => !sameMachine(it), it),
     )
 
     const config = {
-      commissions_overrides: R.prepend(override, overrides)
+      commissions_overrides: R.prepend(override, overrides),
     }
 
     return saveConfig({ variables: { config } })
@@ -92,8 +92,8 @@ const Commissions = ({ name: SCREEN_KEY }) => {
     ? [
         {
           label: 'Override value',
-          icon: <OverrideLabelIcon />
-        }
+          icon: <OverrideLabelIcon />,
+        },
       ]
     : []
 
@@ -107,8 +107,8 @@ const Commissions = ({ name: SCREEN_KEY }) => {
             text: 'List view',
             icon: ListingViewIcon,
             inverseIcon: ReverseListingViewIcon,
-            toggle: setShowMachines
-          }
+            toggle: setShowMachines,
+          },
         ]}
         iconClassName="ml-1"
         appendix={
diff --git a/packages/admin-ui/src/pages/Commissions/components/CommissionsDetails.jsx b/packages/admin-ui/src/pages/Commissions/components/CommissionsDetails.jsx
index e96c03c3..521a153d 100644
--- a/packages/admin-ui/src/pages/Commissions/components/CommissionsDetails.jsx
+++ b/packages/admin-ui/src/pages/Commissions/components/CommissionsDetails.jsx
@@ -8,7 +8,7 @@ import {
   getOverridesSchema,
   defaults,
   overridesDefaults,
-  getOrder
+  getOrder,
 } from 'src/pages/Commissions/helper'
 
 import { Table as EditableTable } from 'src/components/editableTable'
@@ -23,7 +23,7 @@ const CommissionsDetails = memo(
 
     const orderedCommissionsOverrides = R.sortWith([
       R.ascend(getOrder),
-      R.ascend(R.prop('machine'))
+      R.ascend(R.prop('machine')),
     ])(commissionOverrides)
 
     const onEditingDefault = (it, editing) => setEditingDefault(editing)
@@ -63,7 +63,7 @@ const CommissionsDetails = memo(
             validationSchema={getOverridesSchema(
               orderedCommissionsOverrides,
               data,
-              locale
+              locale,
             )}
             data={orderedCommissionsOverrides}
             elements={overrides(data, currency, orderedCommissionsOverrides)}
@@ -73,7 +73,7 @@ const CommissionsDetails = memo(
         </Section>
       </>
     )
-  }
+  },
 )
 
 export default CommissionsDetails
diff --git a/packages/admin-ui/src/pages/Commissions/components/CommissionsList.jsx b/packages/admin-ui/src/pages/Commissions/components/CommissionsList.jsx
index 927660c8..debfd42b 100644
--- a/packages/admin-ui/src/pages/Commissions/components/CommissionsList.jsx
+++ b/packages/admin-ui/src/pages/Commissions/components/CommissionsList.jsx
@@ -4,7 +4,7 @@ import {
   overridesDefaults,
   getCommissions,
   getListCommissionsSchema,
-  commissionsList
+  commissionsList,
 } from 'src/pages/Commissions/helper'
 
 import { Table as EditableTable } from 'src/components/editableTable'
@@ -12,39 +12,39 @@ import { Select } from 'src/components/inputs'
 
 const SHOW_ALL = {
   code: 'SHOW_ALL',
-  display: 'Show all'
+  display: 'Show all',
 }
 
 const ORDER_OPTIONS = [
   {
     code: 'machine',
-    display: 'Machine name'
+    display: 'Machine name',
   },
   {
     code: 'cryptoCurrencies',
-    display: 'Cryptocurrency'
+    display: 'Cryptocurrency',
   },
   {
     code: 'cashIn',
-    display: 'Cash-in'
+    display: 'Cash-in',
   },
   {
     code: 'cashOut',
-    display: 'Cash-out'
+    display: 'Cash-out',
   },
   {
     code: 'fixedFee',
-    display: 'Fixed fee'
+    display: 'Fixed fee',
   },
   {
     code: 'minimumTx',
-    display: 'Minimum Tx'
-  }
+    display: 'Minimum Tx',
+  },
 ]
 
 const getElement = (code, display) => ({
   code: code,
-  display: display || code
+  display: display || code,
 })
 
 const sortCommissionsBy = prop => {
@@ -61,12 +61,13 @@ const sortCommissionsBy = prop => {
 const filterCommissions = (coinFilter, machineFilter) =>
   R.compose(
     R.filter(
-      it => (machineFilter === SHOW_ALL) | (machineFilter.code === it.machine)
+      it => (machineFilter === SHOW_ALL) | (machineFilter.code === it.machine),
     ),
     R.filter(
       it =>
-        (coinFilter === SHOW_ALL) | (coinFilter.code === it.cryptoCurrencies[0])
-    )
+        (coinFilter === SHOW_ALL) |
+        (coinFilter.code === it.cryptoCurrencies[0]),
+    ),
   )
 
 const CommissionsList = memo(
@@ -79,7 +80,7 @@ const CommissionsList = memo(
 
     const getMachineCoins = deviceId => {
       const override = R.prop('overrides', localeConfig)?.find(
-        R.propEq('machine', deviceId)
+        R.propEq('machine', deviceId),
       )
 
       const machineCoins = override
@@ -96,20 +97,20 @@ const CommissionsList = memo(
 
     const machineData = R.sortBy(
       R.prop('display'),
-      R.map(getMachineElement)(R.prop('machines', data))
+      R.map(getMachineElement)(R.prop('machines', data)),
     )
 
     const machinesCoinsTuples = R.unnest(
-      R.map(getMachineCoins)(machineData.map(R.prop('code')))
+      R.map(getMachineCoins)(machineData.map(R.prop('code'))),
     )
 
     const commissions = R.map(([deviceId, cryptoCode]) =>
-      getCommissions(cryptoCode, deviceId, config)
+      getCommissions(cryptoCode, deviceId, config),
     )(machinesCoinsTuples)
 
     const tableData = R.compose(
       sortCommissionsBy(orderProp),
-      filterCommissions(coinFilter, machineFilter)
+      filterCommissions(coinFilter, machineFilter),
     )(commissions)
 
     return (
@@ -155,7 +156,7 @@ const CommissionsList = memo(
         </div>
       </div>
     )
-  }
+  },
 )
 
 export default CommissionsList
diff --git a/packages/admin-ui/src/pages/Commissions/helper.jsx b/packages/admin-ui/src/pages/Commissions/helper.jsx
index d15f9184..c1c74472 100644
--- a/packages/admin-ui/src/pages/Commissions/helper.jsx
+++ b/packages/admin-ui/src/pages/Commissions/helper.jsx
@@ -14,12 +14,12 @@ import { CURRENCY_MAX } from 'src/utils/constants'
 
 const ALL_MACHINES = {
   name: 'All Machines',
-  deviceId: 'ALL_MACHINES'
+  deviceId: 'ALL_MACHINES',
 }
 
 const ALL_COINS = {
   display: 'All Coins',
-  code: 'ALL_COINS'
+  code: 'ALL_COINS',
 }
 
 const cashInAndOutHeaderStyle = { marginLeft: 6, whiteSpace: 'nowrap' }
@@ -68,11 +68,11 @@ const onCryptoChange = (prev, curr, setValue) => {
   setValue(curr)
 }
 
-const getOverridesFields = (getData, currency, auxElements) => {
+const getOverridesFields = (getData, currency) => {
   const machineData = [ALL_MACHINES].concat(getData(['machines']))
   const rawCryptos = getData(['cryptoCurrencies'])
   const cryptoData = [ALL_COINS].concat(
-    R.map(it => ({ display: it.code, code: it.code }))(rawCryptos ?? [])
+    R.map(it => ({ display: it.code, code: it.code }))(rawCryptos ?? []),
   )
 
   return [
@@ -85,8 +85,8 @@ const getOverridesFields = (getData, currency, auxElements) => {
       inputProps: {
         options: machineData,
         valueProp: 'deviceId',
-        labelProp: 'name'
-      }
+        labelProp: 'name',
+      },
     },
     {
       name: 'cryptoCurrencies',
@@ -100,8 +100,8 @@ const getOverridesFields = (getData, currency, auxElements) => {
         labelProp: 'display',
         multiple: true,
         onChange: onCryptoChange,
-        shouldStayOpen: true
-      }
+        shouldStayOpen: true,
+      },
     },
     {
       header: cashInHeader,
@@ -113,8 +113,8 @@ const getOverridesFields = (getData, currency, auxElements) => {
       suffix: '%',
       bold: bold,
       inputProps: {
-        decimalPlaces: 3
-      }
+        decimalPlaces: 3,
+      },
     },
     {
       header: cashOutHeader,
@@ -126,8 +126,8 @@ const getOverridesFields = (getData, currency, auxElements) => {
       suffix: '%',
       bold: bold,
       inputProps: {
-        decimalPlaces: 3
-      }
+        decimalPlaces: 3,
+      },
     },
     {
       name: 'fixedFee',
@@ -139,8 +139,8 @@ const getOverridesFields = (getData, currency, auxElements) => {
       suffix: currency,
       bold: bold,
       inputProps: {
-        decimalPlaces: 2
-      }
+        decimalPlaces: 2,
+      },
     },
     {
       name: 'minimumTx',
@@ -153,8 +153,8 @@ const getOverridesFields = (getData, currency, auxElements) => {
       suffix: currency,
       bold: bold,
       inputProps: {
-        decimalPlaces: 2
-      }
+        decimalPlaces: 2,
+      },
     },
     {
       name: 'cashOutFixedFee',
@@ -167,9 +167,9 @@ const getOverridesFields = (getData, currency, auxElements) => {
       suffix: currency,
       bold: bold,
       inputProps: {
-        decimalPlaces: 2
-      }
-    }
+        decimalPlaces: 2,
+      },
+    },
   ]
 }
 
@@ -185,8 +185,8 @@ const mainFields = currency => [
     suffix: '%',
     bold: bold,
     inputProps: {
-      decimalPlaces: 3
-    }
+      decimalPlaces: 3,
+    },
   },
   {
     header: cashOutHeader,
@@ -199,8 +199,8 @@ const mainFields = currency => [
     suffix: '%',
     bold: bold,
     inputProps: {
-      decimalPlaces: 3
-    }
+      decimalPlaces: 3,
+    },
   },
   {
     name: 'fixedFee',
@@ -214,8 +214,8 @@ const mainFields = currency => [
     suffix: currency,
     bold: bold,
     inputProps: {
-      decimalPlaces: 2
-    }
+      decimalPlaces: 2,
+    },
   },
   {
     name: 'minimumTx',
@@ -229,8 +229,8 @@ const mainFields = currency => [
     suffix: currency,
     bold: bold,
     inputProps: {
-      decimalPlaces: 2
-    }
+      decimalPlaces: 2,
+    },
   },
   {
     name: 'cashOutFixedFee',
@@ -244,9 +244,9 @@ const mainFields = currency => [
     suffix: currency,
     bold: bold,
     inputProps: {
-      decimalPlaces: 2
-    }
-  }
+      decimalPlaces: 2,
+    },
+  },
 ]
 
 const overrides = (auxData, currency, auxElements) => {
@@ -286,7 +286,7 @@ const getSchema = locale => {
       .label('Cash-out fixed fee')
       .min(0)
       .max(highestBill)
-      .required()
+      .required(),
   })
 }
 
@@ -303,7 +303,7 @@ const getAlreadyUsed = (id, machine, values) => {
   const alreadyUsed = R.compose(
     R.uniq,
     R.flatten,
-    R.map(getCrypto)
+    R.map(getCrypto),
   )(filteredOverrides)
 
   if (machine !== originalMachineId) return alreadyUsed ?? []
@@ -316,11 +316,11 @@ const getOverridesSchema = (values, rawData, locale) => {
   const machineData = [ALL_MACHINES].concat(getData(['machines']))
   const rawCryptos = getData(['cryptoCurrencies'])
   const cryptoData = [ALL_COINS].concat(
-    R.map(it => ({ display: it.code, code: it.code }))(rawCryptos ?? [])
+    R.map(it => ({ display: it.code, code: it.code }))(rawCryptos ?? []),
   )
 
   const bills = getBillOptions(locale, denominations).map(it =>
-    parseInt(it.code)
+    parseInt(it.code),
   )
   const highestBill = R.isEmpty(bills) ? CURRENCY_MAX : Math.max(...bills)
 
@@ -336,7 +336,7 @@ const getOverridesSchema = (values, rawData, locale) => {
           const isAllCoins = R.includes(ALL_COINS.code, cryptoCurrencies)
           if (isAllMachines && isAllCoins) {
             return this.createError({
-              message: `All machines and all coins should be configured in the default setup table`
+              message: `All machines and all coins should be configured in the default setup table`,
             })
           }
 
@@ -346,7 +346,7 @@ const getOverridesSchema = (values, rawData, locale) => {
             const machineView = getView(
               machineData,
               'name',
-              'deviceId'
+              'deviceId',
             )(machine)
 
             const message = `${codes} already overridden for machine: ${machineView}`
@@ -354,7 +354,7 @@ const getOverridesSchema = (values, rawData, locale) => {
             return this.createError({ message })
           }
           return true
-        }
+        },
       })
       .label('Crypto currencies')
       .required()
@@ -383,7 +383,7 @@ const getOverridesSchema = (values, rawData, locale) => {
       .label('Cash-out fixed fee')
       .min(0)
       .max(highestBill)
-      .required()
+      .required(),
   })
 }
 
@@ -392,7 +392,7 @@ const defaults = {
   cashOut: '',
   fixedFee: '',
   minimumTx: '',
-  cashOutFixedFee: ''
+  cashOutFixedFee: '',
 }
 
 const overridesDefaults = {
@@ -402,7 +402,7 @@ const overridesDefaults = {
   cashOut: '',
   fixedFee: '',
   minimumTx: '',
-  cashOutFixedFee: ''
+  cashOutFixedFee: '',
 }
 
 const getOrder = ({ machine, cryptoCurrencies }) => {
@@ -426,7 +426,7 @@ const createCommissions = (cryptoCode, deviceId, isDefault, config) => {
     machine: deviceId,
     cryptoCurrencies: [cryptoCode],
     default: isDefault,
-    id: uuidv4()
+    id: uuidv4(),
   }
 }
 
@@ -438,7 +438,8 @@ const getCommissions = (cryptoCode, deviceId, config) => {
   }
 
   const specificOverride = R.find(
-    it => it.machine === deviceId && R.includes(cryptoCode)(it.cryptoCurrencies)
+    it =>
+      it.machine === deviceId && R.includes(cryptoCode)(it.cryptoCurrencies),
   )(overrides)
 
   if (specificOverride !== undefined)
@@ -446,7 +447,7 @@ const getCommissions = (cryptoCode, deviceId, config) => {
 
   const machineOverride = R.find(
     it =>
-      it.machine === deviceId && R.includes('ALL_COINS')(it.cryptoCurrencies)
+      it.machine === deviceId && R.includes('ALL_COINS')(it.cryptoCurrencies),
   )(overrides)
 
   if (machineOverride !== undefined)
@@ -455,7 +456,7 @@ const getCommissions = (cryptoCode, deviceId, config) => {
   const coinOverride = R.find(
     it =>
       it.machine === 'ALL_MACHINES' &&
-      R.includes(cryptoCode)(it.cryptoCurrencies)
+      R.includes(cryptoCode)(it.cryptoCurrencies),
   )(overrides)
 
   if (coinOverride !== undefined)
@@ -466,7 +467,7 @@ const getCommissions = (cryptoCode, deviceId, config) => {
 
 const getListCommissionsSchema = locale => {
   const bills = getBillOptions(locale, denominations).map(it =>
-    parseInt(it.code)
+    parseInt(it.code),
   )
   const highestBill = R.isEmpty(bills) ? CURRENCY_MAX : Math.max(...bills)
 
@@ -497,21 +498,21 @@ const getListCommissionsSchema = locale => {
       .label('Cash-out fixed fee')
       .min(0)
       .max(highestBill)
-      .required()
+      .required(),
   })
 }
 
-const getTextStyle = (obj, isEditing) => {
+const getTextStyle = obj => {
   return { color: obj.default ? primaryColor : secondaryColorDark }
 }
 
-const commissionsList = (auxData, currency, auxElements) => {
+const commissionsList = (auxData, currency) => {
   const getData = R.path(R.__, auxData)
 
   return getListCommissionsFields(getData, currency, defaults)
 }
 
-const getListCommissionsFields = (getData, currency, defaults) => {
+const getListCommissionsFields = (getData, currency) => {
   const machineData = [ALL_MACHINES].concat(getData(['machines']))
 
   return [
@@ -520,7 +521,7 @@ const getListCommissionsFields = (getData, currency, defaults) => {
       width: 196,
       size: 'sm',
       view: getView(machineData, 'name', 'deviceId'),
-      editable: false
+      editable: false,
     },
     {
       name: 'cryptoCurrencies',
@@ -528,7 +529,7 @@ const getListCommissionsFields = (getData, currency, defaults) => {
       width: 150,
       view: R.prop(0),
       size: 'sm',
-      editable: false
+      editable: false,
     },
     {
       header: cashInHeader,
@@ -540,8 +541,8 @@ const getListCommissionsFields = (getData, currency, defaults) => {
       suffix: '%',
       textStyle: obj => getTextStyle(obj),
       inputProps: {
-        decimalPlaces: 3
-      }
+        decimalPlaces: 3,
+      },
     },
     {
       header: cashOutHeader,
@@ -554,8 +555,8 @@ const getListCommissionsFields = (getData, currency, defaults) => {
       suffix: '%',
       textStyle: obj => getTextStyle(obj),
       inputProps: {
-        decimalPlaces: 3
-      }
+        decimalPlaces: 3,
+      },
     },
     {
       name: 'fixedFee',
@@ -567,8 +568,8 @@ const getListCommissionsFields = (getData, currency, defaults) => {
       suffix: currency,
       textStyle: obj => getTextStyle(obj),
       inputProps: {
-        decimalPlaces: 2
-      }
+        decimalPlaces: 2,
+      },
     },
     {
       name: 'minimumTx',
@@ -580,8 +581,8 @@ const getListCommissionsFields = (getData, currency, defaults) => {
       suffix: currency,
       textStyle: obj => getTextStyle(obj),
       inputProps: {
-        decimalPlaces: 2
-      }
+        decimalPlaces: 2,
+      },
     },
     {
       name: 'cashOutFixedFee',
@@ -594,9 +595,9 @@ const getListCommissionsFields = (getData, currency, defaults) => {
       suffix: currency,
       textStyle: obj => getTextStyle(obj),
       inputProps: {
-        decimalPlaces: 2
-      }
-    }
+        decimalPlaces: 2,
+      },
+    },
   ]
 }
 
@@ -610,5 +611,5 @@ export {
   getOrder,
   getCommissions,
   getListCommissionsSchema,
-  commissionsList
+  commissionsList,
 }
diff --git a/packages/admin-ui/src/pages/Customers/CustomerData.jsx b/packages/admin-ui/src/pages/Customers/CustomerData.jsx
index df572d82..b04e7a1d 100644
--- a/packages/admin-ui/src/pages/Customers/CustomerData.jsx
+++ b/packages/admin-ui/src/pages/Customers/CustomerData.jsx
@@ -10,7 +10,7 @@ import * as Yup from 'yup'
 import { TextInput } from 'src/components/inputs/formik'
 import {
   OVERRIDE_AUTHORIZED,
-  OVERRIDE_REJECTED
+  OVERRIDE_REJECTED,
 } from 'src/pages/Customers/components/consts'
 import { onlyFirstToUpper } from 'src/utils/string'
 
@@ -20,7 +20,7 @@ import {
   customerDataSchemas,
   formatDates,
   tryFormatDate,
-  getFormattedPhone
+  getFormattedPhone,
 } from './helper'
 
 const IMAGE_WIDTH = 165
@@ -50,7 +50,7 @@ const CustomerData = ({
   updateCustomRequest,
   authorizeCustomRequest,
   updateCustomEntry,
-  checkAgainstSanctions
+  checkAgainstSanctions,
 }) => {
   const [previewPhoto, setPreviewPhoto] = useState(null)
   const [previewCard, setPreviewCard] = useState(null)
@@ -68,21 +68,22 @@ const CustomerData = ({
       : 'Failed'
 
   const sortByName = R.sortBy(
-    R.compose(R.toLower, R.path(['customInfoRequest', 'customRequest', 'name']))
+    R.compose(
+      R.toLower,
+      R.path(['customInfoRequest', 'customRequest', 'name']),
+    ),
   )
 
   const customFields = []
   const customRequirements = []
   const customInfoRequests = sortByName(
-    R.path(['customInfoRequests'])(customer) ?? []
+    R.path(['customInfoRequests'])(customer) ?? [],
   )
 
   const phone = R.path(['phone'])(customer)
   const email = R.path(['email'])(customer)
   const smsData = R.path(['subscriberInfo'])(customer)
 
-  const isEven = elem => elem % 2 === 0
-
   const getVisibleCards = R.filter(elem => elem.isAvailable)
 
   const initialValues = {
@@ -93,23 +94,23 @@ const CustomerData = ({
       dateOfBirth: tryFormatDate(rawDob),
       gender: R.path(['gender'])(idData) ?? '',
       country: R.path(['country'])(idData) ?? '',
-      expirationDate: tryFormatDate(rawExpirationDate)
+      expirationDate: tryFormatDate(rawExpirationDate),
     },
     usSsn: {
-      usSsn: customer.usSsn ?? ''
+      usSsn: customer.usSsn ?? '',
     },
     frontCamera: {
-      frontCamera: null
+      frontCamera: null,
     },
     idCardPhoto: {
-      idCardPhoto: null
+      idCardPhoto: null,
     },
     email: {
-      email
+      email,
     },
     smsData: {
-      phoneNumber: getFormattedPhone(phone, locale.country)
-    }
+      phoneNumber: getFormattedPhone(phone, locale.country),
+    },
   }
 
   const smsDataElements = [
@@ -117,8 +118,8 @@ const CustomerData = ({
       name: 'phoneNumber',
       label: 'Phone number',
       component: TextInput,
-      editable: false
-    }
+      editable: false,
+    },
   ]
 
   const smsDataSchema = {
@@ -128,10 +129,10 @@ const CustomerData = ({
       if (R.length(fields) === 2) {
         return Yup.object().shape({
           [R.head(fields)]: Yup.string().required(),
-          [R.last(fields)]: Yup.string().required()
+          [R.last(fields)]: Yup.string().required(),
         })
       }
-    })
+    }),
   }
 
   const cards = [
@@ -146,18 +147,18 @@ const CustomerData = ({
       deleteEditedData: () => deleteEditedData({ idCardData: null }),
       save: values =>
         editCustomer({
-          idCardData: R.merge(idData, formatDates(values))
+          idCardData: R.merge(idData, formatDates(values)),
         }),
       validationSchema: customerDataSchemas.idCardData,
       checkAgainstSanctions: () =>
         checkAgainstSanctions({
           variables: {
-            customerId: R.path(['id'])(customer)
-          }
+            customerId: R.path(['id'])(customer),
+          },
         }),
       initialValues: initialValues.idCardData,
       isAvailable: !R.isNil(idData),
-      editable: true
+      editable: true,
     },
     {
       fields: smsDataElements,
@@ -169,15 +170,15 @@ const CustomerData = ({
       save: values => {
         editCustomer({
           subscriberInfo: {
-            result: R.merge(smsData, R.omit(['phoneNumber'])(values))
-          }
+            result: R.merge(smsData, R.omit(['phoneNumber'])(values)),
+          },
         })
       },
       validationSchema: smsDataSchema.smsData,
       initialValues: initialValues.smsData,
       isAvailable: !R.isNil(phone),
       hasAdditionalData: !R.isNil(smsData) && !R.isEmpty(smsData),
-      editable: false
+      editable: false,
     },
     {
       title: 'Email',
@@ -190,13 +191,13 @@ const CustomerData = ({
       deleteEditedData: () => deleteEditedData({ email: null }),
       initialValues: initialValues.email,
       isAvailable: !R.isNil(customer.email),
-      editable: false
+      editable: false,
     },
     {
       title: 'Name',
       titleIcon: <EditIcon />,
       isAvailable: false,
-      editable: true
+      editable: true,
     },
     {
       title: 'Sanctions check',
@@ -207,7 +208,7 @@ const CustomerData = ({
       reject: () => updateCustomer({ sanctionsOverride: OVERRIDE_REJECTED }),
       children: () => <Info3>{sanctionsDisplay}</Info3>,
       isAvailable: !R.isNil(sanctions),
-      editable: true
+      editable: true,
     },
     {
       fields: customerDataElements.frontCamera,
@@ -221,7 +222,7 @@ const CustomerData = ({
         setPreviewPhoto(null)
         return replacePhoto({
           newPhoto: values.frontCamera,
-          photoType: 'frontCamera'
+          photoType: 'frontCamera',
         })
       },
       cancel: () => setPreviewPhoto(null),
@@ -245,7 +246,7 @@ const CustomerData = ({
       validationSchema: customerDataSchemas.frontCamera,
       initialValues: initialValues.frontCamera,
       isAvailable: !R.isNil(customer.frontCameraPath),
-      editable: true
+      editable: true,
     },
     {
       fields: customerDataElements.idCardPhoto,
@@ -259,7 +260,7 @@ const CustomerData = ({
         setPreviewCard(null)
         return replacePhoto({
           newPhoto: values.idCardPhoto,
-          photoType: 'idCardPhoto'
+          photoType: 'idCardPhoto',
         })
       },
       cancel: () => setPreviewCard(null),
@@ -283,7 +284,7 @@ const CustomerData = ({
       validationSchema: customerDataSchemas.idCardPhoto,
       initialValues: initialValues.idCardPhoto,
       isAvailable: !R.isNil(customer.idCardPhotoPath),
-      editable: true
+      editable: true,
     },
     {
       fields: customerDataElements.usSsn,
@@ -298,8 +299,8 @@ const CustomerData = ({
       validationSchema: customerDataSchemas.usSsn,
       initialValues: initialValues.usSsn,
       isAvailable: !R.isNil(customer.usSsn),
-      editable: true
-    }
+      editable: true,
+    },
   ]
 
   R.forEach(it => {
@@ -310,8 +311,8 @@ const CustomerData = ({
           label: it.customInfoRequest.customRequest.name,
           value: it.customerData.data ?? '',
           component: TextInput,
-          editable: true
-        }
+          editable: true,
+        },
       ],
       title: it.customInfoRequest.customRequest.name,
       titleIcon: <CardIcon />,
@@ -321,16 +322,16 @@ const CustomerData = ({
           variables: {
             customerId: it.customerId,
             infoRequestId: it.customInfoRequest.id,
-            override: OVERRIDE_AUTHORIZED
-          }
+            override: OVERRIDE_AUTHORIZED,
+          },
         }),
       reject: () =>
         authorizeCustomRequest({
           variables: {
             customerId: it.customerId,
             infoRequestId: it.customInfoRequest.id,
-            override: OVERRIDE_REJECTED
-          }
+            override: OVERRIDE_REJECTED,
+          },
         }),
       save: values => {
         updateCustomRequest({
@@ -339,18 +340,18 @@ const CustomerData = ({
             infoRequestId: it.customInfoRequest.id,
             data: {
               info_request_id: it.customInfoRequest.id,
-              data: values[it.customInfoRequest.id]
-            }
-          }
+              data: values[it.customInfoRequest.id],
+            },
+          },
         })
       },
       deleteEditedData: () => {},
       validationSchema: Yup.object().shape({
-        [it.customInfoRequest.id]: Yup.string()
+        [it.customInfoRequest.id]: Yup.string(),
       }),
       initialValues: {
-        [it.customInfoRequest.id]: it.customerData.data ?? ''
-      }
+        [it.customInfoRequest.id]: it.customerData.data ?? '',
+      },
     })
   }, customInfoRequests)
 
@@ -363,27 +364,27 @@ const CustomerData = ({
             label: it.label,
             value: it.value ?? '',
             component: TextInput,
-            editable: true
-          }
+            editable: true,
+          },
         ],
         title: it.label,
         titleIcon: <EditIcon />,
         save: values => {
           updateCustomEntry({
             fieldId: it.id,
-            value: values[it.label]
+            value: values[it.label],
           })
         },
         deleteEditedData: () => {},
         validationSchema: Yup.object().shape({
-          [it.label]: Yup.string()
+          [it.label]: Yup.string(),
         }),
         initialValues: {
-          [it.label]: it.value ?? ''
-        }
+          [it.label]: it.value ?? '',
+        },
       })
     },
-    R.path(['customFields'])(customer) ?? []
+    R.path(['customFields'])(customer) ?? [],
   )
 
   R.forEach(
@@ -393,10 +394,10 @@ const CustomerData = ({
         name: it,
         label: onlyFirstToUpper(it),
         component: TextInput,
-        editable: false
+        editable: false,
       })
     },
-    R.keys(smsData) ?? []
+    R.keys(smsData) ?? [],
   )
 
   const externalCompliance = R.map(it => ({
@@ -404,26 +405,26 @@ const CustomerData = ({
       {
         name: 'externalId',
         label: 'Third Party ID',
-        editable: false
+        editable: false,
       },
       {
         name: 'lastKnownStatus',
         label: 'Last Known Status',
-        editable: false
+        editable: false,
       },
       {
         name: 'lastUpdated',
         label: 'Last Updated',
-        editable: false
-      }
+        editable: false,
+      },
     ],
     titleIcon: <CardIcon />,
     title: `External Info [${it.service}]`,
     initialValues: it ?? {
       externalId: '',
       lastKnownStatus: '',
-      lastUpdated: ''
-    }
+      lastUpdated: '',
+    },
   }))(customer.externalCompliance ?? [])
 
   const editableCard = (
@@ -443,9 +444,9 @@ const CustomerData = ({
       hasImage,
       hasAdditionalData,
       editable,
-      checkAgainstSanctions
+      checkAgainstSanctions,
     },
-    idx
+    idx,
   ) => {
     return (
       <div className="mb-4">
@@ -474,7 +475,7 @@ const CustomerData = ({
 
   const nonEditableCard = (
     { title, state, titleIcon, fields, hasImage, initialValues, children },
-    idx
+    idx,
   ) => {
     return (
       <div className="mb-4">
diff --git a/packages/admin-ui/src/pages/Customers/CustomerNotes.jsx b/packages/admin-ui/src/pages/Customers/CustomerNotes.jsx
index ee1ad95e..5f5cf2cb 100644
--- a/packages/admin-ui/src/pages/Customers/CustomerNotes.jsx
+++ b/packages/admin-ui/src/pages/Customers/CustomerNotes.jsx
@@ -12,14 +12,14 @@ const CustomerNotes = ({
   createNote,
   deleteNote,
   editNote,
-  timezone
+  timezone,
 }) => {
   const [openModal, setOpenModal] = useState(false)
   const [editing, setEditing] = useState(null)
 
   const customerNotes = R.sort(
     (a, b) => new Date(b?.created).getTime() - new Date(a?.created).getTime(),
-    customer.notes ?? []
+    customer.notes ?? [],
   )
 
   const handleModalClose = () => {
@@ -39,7 +39,7 @@ const CustomerNotes = ({
     if (!R.equals(it.newContent, it.oldContent)) {
       editNote({
         noteId: it.noteId,
-        newContent: it.newContent
+        newContent: it.newContent,
       })
     }
     setEditing(null)
diff --git a/packages/admin-ui/src/pages/Customers/CustomerPhotos.jsx b/packages/admin-ui/src/pages/Customers/CustomerPhotos.jsx
index 75d81372..761899f5 100644
--- a/packages/admin-ui/src/pages/Customers/CustomerPhotos.jsx
+++ b/packages/admin-ui/src/pages/Customers/CustomerPhotos.jsx
@@ -49,7 +49,7 @@ export const PhotoCard = ({
   date,
   src,
   setPhotosDialog,
-  setPhotoClickIndex
+  setPhotoClickIndex,
 }) => {
   return (
     <Paper
diff --git a/packages/admin-ui/src/pages/Customers/CustomerProfile.jsx b/packages/admin-ui/src/pages/Customers/CustomerProfile.jsx
index 2d1c3093..ce4a5e49 100644
--- a/packages/admin-ui/src/pages/Customers/CustomerProfile.jsx
+++ b/packages/admin-ui/src/pages/Customers/CustomerProfile.jsx
@@ -16,7 +16,7 @@ import DataIcon from 'src/styling/icons/button/data/zodiac.svg?react'
 import { ActionButton } from 'src/components/buttons'
 import {
   OVERRIDE_AUTHORIZED,
-  OVERRIDE_REJECTED
+  OVERRIDE_REJECTED,
 } from 'src/pages/Customers/components/consts'
 // TODO: Enable for next release
 // import DiscountReversedIcon from 'src/styling/icons/button/discount/white.svg?react'
@@ -30,7 +30,7 @@ import {
   CustomerDetails,
   TransactionsList,
   CustomerSidebar,
-  Wizard
+  Wizard,
 } from './components'
 import { getFormattedPhone, getName, formatPhotosData } from './helper'
 
@@ -298,67 +298,67 @@ const CustomerProfile = memo(() => {
   const {
     data: customerResponse,
     refetch: getCustomer,
-    loading: customerLoading
+    loading: customerLoading,
   } = useQuery(GET_CUSTOMER, {
-    variables: { customerId }
+    variables: { customerId },
   })
 
   const { data: configResponse, loading: configLoading } = useQuery(GET_DATA)
 
   const { data: activeCustomRequests } = useQuery(GET_ACTIVE_CUSTOM_REQUESTS, {
     variables: {
-      onlyEnabled: true
-    }
+      onlyEnabled: true,
+    },
   })
 
   const [setCustomEntry] = useMutation(SET_CUSTOM_ENTRY, {
-    onCompleted: () => getCustomer()
+    onCompleted: () => getCustomer(),
   })
 
   const [editCustomEntry] = useMutation(EDIT_CUSTOM_ENTRY, {
-    onCompleted: () => getCustomer()
+    onCompleted: () => getCustomer(),
   })
 
   const [replaceCustomerPhoto] = useMutation(REPLACE_CUSTOMER_PHOTO, {
-    onCompleted: () => getCustomer()
+    onCompleted: () => getCustomer(),
   })
 
   const [editCustomerData] = useMutation(EDIT_CUSTOMER, {
-    onCompleted: () => getCustomer()
+    onCompleted: () => getCustomer(),
   })
 
   const [deleteCustomerEditedData] = useMutation(DELETE_EDITED_CUSTOMER, {
-    onCompleted: () => getCustomer()
+    onCompleted: () => getCustomer(),
   })
 
   const [setCustomer] = useMutation(SET_CUSTOMER, {
     onCompleted: () => {
       getCustomer()
     },
-    onError: error => setError(error)
+    onError: error => setError(error),
   })
 
   const [authorizeCustomRequest] = useMutation(SET_AUTHORIZED_REQUEST, {
-    onCompleted: () => getCustomer()
+    onCompleted: () => getCustomer(),
   })
 
   const [setCustomerCustomInfoRequest] = useMutation(
     SET_CUSTOMER_CUSTOM_INFO_REQUEST,
     {
-      onCompleted: () => getCustomer()
-    }
+      onCompleted: () => getCustomer(),
+    },
   )
 
   const [createNote] = useMutation(CREATE_NOTE, {
-    onCompleted: () => getCustomer()
+    onCompleted: () => getCustomer(),
   })
 
   const [deleteNote] = useMutation(DELETE_NOTE, {
-    onCompleted: () => getCustomer()
+    onCompleted: () => getCustomer(),
   })
 
   const [editNote] = useMutation(EDIT_NOTE, {
-    onCompleted: () => getCustomer()
+    onCompleted: () => getCustomer(),
   })
 
   const saveCustomEntry = it => {
@@ -366,8 +366,8 @@ const CustomerProfile = memo(() => {
       variables: {
         customerId,
         label: it.title,
-        value: it.data
-      }
+        value: it.data,
+      },
     })
     setWizard(null)
   }
@@ -377,31 +377,31 @@ const CustomerProfile = memo(() => {
       variables: {
         customerId,
         fieldId: it.fieldId,
-        value: it.value
-      }
+        value: it.value,
+      },
     })
   }
 
   const [enableTestCustomer] = useMutation(ENABLE_TEST_CUSTOMER, {
     variables: { customerId },
-    onCompleted: () => getCustomer()
+    onCompleted: () => getCustomer(),
   })
 
   const [disableTestCustomer] = useMutation(DISABLE_TEST_CUSTOMER, {
     variables: { customerId },
-    onCompleted: () => getCustomer()
+    onCompleted: () => getCustomer(),
   })
 
   const [checkAgainstSanctions] = useLazyQuery(CHECK_AGAINST_SANCTIONS, {
-    onCompleted: () => getCustomer()
+    onCompleted: () => getCustomer(),
   })
 
   const updateCustomer = it =>
     setCustomer({
       variables: {
         customerId,
-        customerInput: it
-      }
+        customerInput: it,
+      },
     })
 
   const replacePhoto = it => {
@@ -409,8 +409,8 @@ const CustomerProfile = memo(() => {
       variables: {
         customerId,
         newPhoto: it.newPhoto,
-        photoType: it.photoType
-      }
+        photoType: it.photoType,
+      },
     })
     setWizard(null)
   }
@@ -419,8 +419,8 @@ const CustomerProfile = memo(() => {
     editCustomerData({
       variables: {
         customerId,
-        customerEdit: it
-      }
+        customerEdit: it,
+      },
     })
     setWizard(null)
   }
@@ -429,8 +429,8 @@ const CustomerProfile = memo(() => {
     deleteCustomerEditedData({
       variables: {
         customerId,
-        customerEdit: it
-      }
+        customerEdit: it,
+      },
     })
 
   const createCustomerNote = it =>
@@ -438,23 +438,23 @@ const CustomerProfile = memo(() => {
       variables: {
         customerId,
         title: it.title,
-        content: it.content
-      }
+        content: it.content,
+      },
     })
 
   const deleteCustomerNote = it =>
     deleteNote({
       variables: {
-        noteId: it.noteId
-      }
+        noteId: it.noteId,
+      },
     })
 
   const editCustomerNote = it =>
     editNote({
       variables: {
         noteId: it.noteId,
-        newContent: it.newContent
-      }
+        newContent: it.newContent,
+      },
     })
 
   const onClickSidebarItem = code => setClickedItem(code)
@@ -464,7 +464,7 @@ const CustomerProfile = memo(() => {
   const customerData = R.path(['customer'])(customerResponse) ?? []
   const rawTransactions = R.path(['transactions'])(customerData) ?? []
   const sortedTransactions = R.sort(R.descend(R.prop('cryptoAtoms')))(
-    rawTransactions
+    rawTransactions,
   )
   const name = getName(customerData)
   const blocked =
@@ -477,12 +477,12 @@ const CustomerProfile = memo(() => {
   const isPhotos = clickedItem === 'photos'
 
   const frontCameraData = R.pick(['frontCameraPath', 'frontCameraAt'])(
-    customerData
+    customerData,
   )
   const txPhotosData =
     sortedTransactions &&
     R.map(R.pick(['id', 'txCustomerPhotoPath', 'txCustomerPhotoAt']))(
-      sortedTransactions
+      sortedTransactions,
     )
 
   const photosData = formatPhotosData(R.append(frontCameraData, txPhotosData))
@@ -491,8 +491,8 @@ const CustomerProfile = memo(() => {
         {
           photoDir: 'id-card-photo',
           path: customerData.idCardPhotoPath,
-          date: customerData.idCardPhotoAt
-        }
+          date: customerData.idCardPhotoAt,
+        },
       ]
     : []
 
@@ -503,7 +503,7 @@ const CustomerProfile = memo(() => {
   const customInfoRequirementOptions =
     activeCustomRequests?.customInfoRequests?.map(it => ({
       value: it.id,
-      display: it.customRequest.name
+      display: it.customRequest.name,
     })) ?? []
 
   const email = R.path(['email'])(customerData)
@@ -565,7 +565,7 @@ const CustomerProfile = memo(() => {
                       InverseIcon={AuthorizeReversedIcon}
                       onClick={() =>
                         updateCustomer({
-                          suspendedUntil: null
+                          suspendedUntil: null,
                         })
                       }>
                       {`Unsuspend customer`}
@@ -582,7 +582,7 @@ const CustomerProfile = memo(() => {
                       updateCustomer({
                         authorizedOverride: blocked
                           ? OVERRIDE_AUTHORIZED
-                          : OVERRIDE_REJECTED
+                          : OVERRIDE_REJECTED,
                       })
                     }>
                     {`${blocked ? 'Authorize' : 'Block'} customer`}
diff --git a/packages/admin-ui/src/pages/Customers/Customers.jsx b/packages/admin-ui/src/pages/Customers/Customers.jsx
index 284363e6..892fe634 100644
--- a/packages/admin-ui/src/pages/Customers/Customers.jsx
+++ b/packages/admin-ui/src/pages/Customers/Customers.jsx
@@ -108,10 +108,10 @@ const Customers = () => {
   const {
     data: customersResponse,
     loading: customerLoading,
-    refetch
+    refetch,
   } = useQuery(GET_CUSTOMERS, {
     variables,
-    onCompleted: data => setFilteredCustomers(R.path(['customers'])(data))
+    onCompleted: data => setFilteredCustomers(R.path(['customers'])(data)),
   })
 
   const { data: filtersResponse, loading: loadingFilters } =
@@ -122,9 +122,9 @@ const Customers = () => {
     refetchQueries: () => [
       {
         query: GET_CUSTOMERS,
-        variables
-      }
-    ]
+        variables,
+      },
+    ],
   })
 
   const configData = R.path(['config'])(customersResponse) ?? []
@@ -137,14 +137,14 @@ const Customers = () => {
     R.assoc(
       'authorizedStatus',
       getAuthorizedStatus(c, triggers, customRequirementsData),
-      c
+      c,
     )
 
   const byAuthorized = c => (c.authorizedStatus.label === 'Pending' ? 0 : 1)
   const byLastActive = c => new Date(R.prop('lastActive', c) ?? '0')
   const customersData = R.pipe(
     R.map(setAuthorizedStatus),
-    R.sortWith([R.ascend(byAuthorized), R.descend(byLastActive)])
+    R.sortWith([R.ascend(byAuthorized), R.descend(byLastActive)]),
   )(filteredCustomers ?? [])
 
   const onFilterChange = filters => {
@@ -157,7 +157,7 @@ const Customers = () => {
       name: filtersObject.name,
       email: filtersObject.email,
       address: filtersObject.address,
-      id: filtersObject.id
+      id: filtersObject.id,
     })
 
     refetch && refetch()
@@ -165,7 +165,7 @@ const Customers = () => {
 
   const onFilterDelete = filter => {
     const newFilters = R.filter(
-      f => !R.whereEq(R.pick(['type', 'value'], f), filter)
+      f => !R.whereEq(R.pick(['type', 'value'], f), filter),
     )(filters)
 
     setFilters(newFilters)
@@ -177,7 +177,7 @@ const Customers = () => {
       name: filtersObject.name,
       email: filtersObject.email,
       address: filtersObject.address,
-      id: filtersObject.id
+      id: filtersObject.id,
     })
 
     refetch && refetch()
@@ -192,7 +192,7 @@ const Customers = () => {
       name: filtersObject.name,
       email: filtersObject.email,
       address: filtersObject.address,
-      id: filtersObject.id
+      id: filtersObject.id,
     })
 
     refetch && refetch()
@@ -224,7 +224,7 @@ const Customers = () => {
         }
         labels={[
           { label: 'Cash-in', icon: <TxInIcon /> },
-          { label: 'Cash-out', icon: <TxOutIcon /> }
+          { label: 'Cash-out', icon: <TxOutIcon /> },
         ]}
       />
       {filters.length > 0 && (
diff --git a/packages/admin-ui/src/pages/Customers/CustomersList.jsx b/packages/admin-ui/src/pages/Customers/CustomersList.jsx
index 66b67833..10f01cfa 100644
--- a/packages/admin-ui/src/pages/Customers/CustomersList.jsx
+++ b/packages/admin-ui/src/pages/Customers/CustomersList.jsx
@@ -8,44 +8,37 @@ import TxOutIcon from 'src/styling/icons/direction/cash-out.svg?react'
 
 import { getFormattedPhone, getName } from './helper'
 
-const CustomersList = ({
-  data,
-  locale,
-  onClick,
-  loading,
-  triggers,
-  customRequests
-}) => {
+const CustomersList = ({ data, locale, onClick, loading }) => {
   const elements = [
     {
       header: 'Phone/email',
       width: 199,
       view: it => `${getFormattedPhone(it.phone, locale.country) || ''} 
-      ${it.email || ''}`
+      ${it.email || ''}`,
     },
     {
       header: 'Name',
       width: 241,
-      view: getName
+      view: getName,
     },
     {
       header: 'Total Txs',
       width: 126,
       textAlign: 'right',
-      view: it => `${Number.parseInt(it.totalTxs)}`
+      view: it => `${Number.parseInt(it.totalTxs)}`,
     },
     {
       header: 'Total spent',
       width: 152,
       textAlign: 'right',
       view: it =>
-        `${Number.parseFloat(it.totalSpent)} ${it.lastTxFiatCode ?? ''}`
+        `${Number.parseFloat(it.totalSpent)} ${it.lastTxFiatCode ?? ''}`,
     },
     {
       header: 'Last active',
       width: 133,
       view: it =>
-        (it.lastActive && format('yyyy-MM-dd', new Date(it.lastActive))) ?? ''
+        (it.lastActive && format('yyyy-MM-dd', new Date(it.lastActive))) ?? '',
     },
     {
       header: 'Last transaction',
@@ -62,13 +55,13 @@ const CustomersList = ({
             {hasLastTx && lastIcon}
           </>
         )
-      }
+      },
     },
     {
       header: 'Status',
       width: 191,
-      view: it => <MainStatus statuses={[it.authorizedStatus]} />
-    }
+      view: it => <MainStatus statuses={[it.authorizedStatus]} />,
+    },
   ]
 
   return (
diff --git a/packages/admin-ui/src/pages/Customers/Wizard.jsx b/packages/admin-ui/src/pages/Customers/Wizard.jsx
index cb94bbab..f11c845b 100644
--- a/packages/admin-ui/src/pages/Customers/Wizard.jsx
+++ b/packages/admin-ui/src/pages/Customers/Wizard.jsx
@@ -13,7 +13,7 @@ import {
   requirementElements,
   formatDates,
   REQUIREMENT,
-  ID_CARD_DATA
+  ID_CARD_DATA,
 } from './helper'
 
 const LAST_STEP = 2
@@ -41,12 +41,12 @@ const Wizard = ({
   error,
   customInfoRequirementOptions,
   addCustomerData,
-  addPhoto
+  addPhoto,
 }) => {
   const [selectedValues, setSelectedValues] = useState(null)
 
   const [{ step, config }, setState] = useState({
-    step: 1
+    step: 1,
   })
 
   const isIdCardData = values => values?.requirement === ID_CARD_DATA
@@ -67,7 +67,7 @@ const Wizard = ({
         case 'customerDataUpload':
           return addPhoto({
             newPhoto: R.head(R.values(it)),
-            photoType: R.head(R.keys(it))
+            photoType: R.head(R.keys(it)),
           })
         case 'customEntry':
           return save(newConfig)
@@ -82,7 +82,7 @@ const Wizard = ({
 
     setState({
       step: step + 1,
-      config: newConfig
+      config: newConfig,
     })
   }
 
diff --git a/packages/admin-ui/src/pages/Customers/components/CreateCustomerModal.jsx b/packages/admin-ui/src/pages/Customers/components/CreateCustomerModal.jsx
index c71f5289..4ca2737f 100644
--- a/packages/admin-ui/src/pages/Customers/components/CreateCustomerModal.jsx
+++ b/packages/admin-ui/src/pages/Customers/components/CreateCustomerModal.jsx
@@ -17,13 +17,14 @@ const getValidationSchema = countryCodes =>
       .test('is-valid-number', 'That is not a valid phone number', value => {
         try {
           return countryCodes.some(countryCode =>
-            parsePhoneNumberWithError(value, countryCode).isValid()
+            parsePhoneNumberWithError(value, countryCode).isValid(),
           )
         } catch (e) {
+          console.error(e)
           return false
         }
       })
-      .trim()
+      .trim(),
   })
 
 const formatPhoneNumber = (countryCodes, numberStr) => {
@@ -36,7 +37,7 @@ const formatPhoneNumber = (countryCodes, numberStr) => {
 }
 
 const initialValues = {
-  phoneNumber: ''
+  phoneNumber: '',
 }
 
 const getErrorMsg = (formikErrors, formikTouched) => {
@@ -49,7 +50,7 @@ const getErrorMsg = (formikErrors, formikTouched) => {
 const CreateCustomerModal = ({ showModal, handleClose, onSubmit, locale }) => {
   const possibleCountries = R.append(
     locale?.country,
-    R.map(it => it.country, locale?.overrides ?? [])
+    R.map(it => it.country, locale?.overrides ?? []),
   )
 
   return (
@@ -68,9 +69,9 @@ const CreateCustomerModal = ({ showModal, handleClose, onSubmit, locale }) => {
             variables: {
               phoneNumber: formatPhoneNumber(
                 possibleCountries,
-                values.phoneNumber
-              )
-            }
+                values.phoneNumber,
+              ),
+            },
           })
         }}>
         {({ errors, touched }) => (
diff --git a/packages/admin-ui/src/pages/Customers/components/CustomerDetails.jsx b/packages/admin-ui/src/pages/Customers/components/CustomerDetails.jsx
index fb09c760..e720e332 100644
--- a/packages/admin-ui/src/pages/Customers/components/CustomerDetails.jsx
+++ b/packages/admin-ui/src/pages/Customers/components/CustomerDetails.jsx
@@ -18,29 +18,29 @@ const CustomerDetails = memo(({ customer, photosData, locale, timezone }) => {
     {
       header: 'Phone number',
       size: 172,
-      value: getFormattedPhone(customer.phone, locale.country)
-    }
+      value: getFormattedPhone(customer.phone, locale.country),
+    },
   ]
 
   if (idNumber)
     elements.push({
       header: 'ID number',
       size: 172,
-      value: idNumber
+      value: idNumber,
     })
 
   if (usSsn)
     elements.push({
       header: 'US SSN',
       size: 127,
-      value: usSsn
+      value: usSsn,
     })
 
   if (email)
     elements.push({
       header: 'Email',
       size: 190,
-      value: email
+      value: email,
     })
 
   return (
diff --git a/packages/admin-ui/src/pages/Customers/components/CustomerSidebar.jsx b/packages/admin-ui/src/pages/Customers/components/CustomerSidebar.jsx
index 3b396d96..b7109e78 100644
--- a/packages/admin-ui/src/pages/Customers/components/CustomerSidebar.jsx
+++ b/packages/admin-ui/src/pages/Customers/components/CustomerSidebar.jsx
@@ -17,26 +17,26 @@ const CustomerSidebar = ({ isSelected, onClick }) => {
       code: 'overview',
       display: 'Overview',
       Icon: OverviewIcon,
-      InverseIcon: OverviewReversedIcon
+      InverseIcon: OverviewReversedIcon,
     },
     {
       code: 'customerData',
       display: 'Customer data',
       Icon: CustomerDataIcon,
-      InverseIcon: CustomerDataReversedIcon
+      InverseIcon: CustomerDataReversedIcon,
     },
     {
       code: 'notes',
       display: 'Notes',
       Icon: NoteIcon,
-      InverseIcon: NoteReversedIcon
+      InverseIcon: NoteReversedIcon,
     },
     {
       code: 'photos',
       display: 'Photos & files',
       Icon: Photos,
-      InverseIcon: PhotosReversedIcon
-    }
+      InverseIcon: PhotosReversedIcon,
+    },
   ]
 
   return (
@@ -46,7 +46,7 @@ const CustomerSidebar = ({ isSelected, onClick }) => {
           key={idx}
           className={classnames({
             'gap-4 p-4 cursor-pointer flex items-center': true,
-            'bg-comet2': isSelected(code)
+            'bg-comet2': isSelected(code),
           })}
           onClick={() => onClick(code)}>
           {isSelected(code) ? <Icon /> : <InverseIcon />}
@@ -54,7 +54,7 @@ const CustomerSidebar = ({ isSelected, onClick }) => {
             noMargin
             className={classnames({
               'text-comet2': true,
-              'text-white font-bold': isSelected(code)
+              'text-white font-bold': isSelected(code),
             })}>
             {display}
           </P>
diff --git a/packages/admin-ui/src/pages/Customers/components/EditableCard.jsx b/packages/admin-ui/src/pages/Customers/components/EditableCard.jsx
index f03378f0..8ec57d4a 100644
--- a/packages/admin-ui/src/pages/Customers/components/EditableCard.jsx
+++ b/packages/admin-ui/src/pages/Customers/components/EditableCard.jsx
@@ -20,7 +20,7 @@ import SaveReversedIcon from 'src/styling/icons/circle buttons/save/white.svg?re
 import { ActionButton } from 'src/components/buttons'
 import {
   OVERRIDE_REJECTED,
-  OVERRIDE_PENDING
+  OVERRIDE_PENDING,
 } from 'src/pages/Customers/components/consts'
 
 const ReadOnlyField = ({ field, value }) => {
@@ -73,9 +73,8 @@ const EditableCard = ({
   children = () => {},
   validationSchema,
   initialValues,
-  deleteEditedData,
   editable,
-  checkAgainstSanctions
+  checkAgainstSanctions,
 }) => {
   const formRef = useRef()
 
diff --git a/packages/admin-ui/src/pages/Customers/components/PhotosCard.jsx b/packages/admin-ui/src/pages/Customers/components/PhotosCard.jsx
index dd72a435..8a0fd60c 100644
--- a/packages/admin-ui/src/pages/Customers/components/PhotosCard.jsx
+++ b/packages/admin-ui/src/pages/Customers/components/PhotosCard.jsx
@@ -13,7 +13,7 @@ const PhotosCard = memo(({ photosData, timezone }) => {
 
   const sortedPhotosData = R.sortWith(
     [(a, b) => R.has('id', a) - R.has('id', b), R.descend(R.prop('date'))],
-    photosData
+    photosData,
   )
 
   const singlePhoto = R.head(sortedPhotosData)
diff --git a/packages/admin-ui/src/pages/Customers/components/PhotosCarousel.jsx b/packages/admin-ui/src/pages/Customers/components/PhotosCarousel.jsx
index 006addca..91e6b567 100644
--- a/packages/admin-ui/src/pages/Customers/components/PhotosCarousel.jsx
+++ b/packages/admin-ui/src/pages/Customers/components/PhotosCarousel.jsx
@@ -43,7 +43,7 @@ const PhotosCarousel = memo(({ photosData, timezone }) => {
                 formatDate(
                   photosData[currentIndex]?.date,
                   timezone,
-                  'yyyy-MM-dd HH:mm'
+                  'yyyy-MM-dd HH:mm',
                 )}
             </div>
           </>
diff --git a/packages/admin-ui/src/pages/Customers/components/TransactionsList.jsx b/packages/admin-ui/src/pages/Customers/components/TransactionsList.jsx
index f426a20e..60594450 100644
--- a/packages/admin-ui/src/pages/Customers/components/TransactionsList.jsx
+++ b/packages/admin-ui/src/pages/Customers/components/TransactionsList.jsx
@@ -25,16 +25,16 @@ const TransactionsList = ({ customer, data, loading }) => {
       size: 127,
       value: ifNotNull(
         customer.totalTxs,
-        `${Number.parseInt(customer.totalTxs)}`
-      )
+        `${Number.parseInt(customer.totalTxs)}`,
+      ),
     },
     {
       header: 'Transaction volume',
       size: 167,
       value: ifNotNull(
         customer.totalSpent,
-        `${Number.parseFloat(customer.totalSpent)} ${customer.lastTxFiatCode}`
-      )
+        `${Number.parseFloat(customer.totalSpent)} ${customer.lastTxFiatCode}`,
+      ),
     },
     {
       header: 'Last active',
@@ -43,7 +43,7 @@ const TransactionsList = ({ customer, data, loading }) => {
         !R.isNil(timezone) &&
         ((customer.lastActive &&
           formatDate(customer.lastActive, timezone, 'yyyy-MM-dd')) ??
-          '')
+          ''),
     },
     {
       header: 'Last transaction',
@@ -54,14 +54,14 @@ const TransactionsList = ({ customer, data, loading }) => {
           <LastTxIcon className="mr-3" />
           {`${Number.parseFloat(customer.lastTxFiat)} 
             ${customer.lastTxFiatCode}`}
-        </>
-      )
+        </>,
+      ),
     },
     {
       header: 'Last used machine',
       size: 198,
-      value: ifNotNull(lastUsedMachineName, <>{lastUsedMachineName}</>)
-    }
+      value: ifNotNull(lastUsedMachineName, <>{lastUsedMachineName}</>),
+    },
   ]
 
   const tableElements = [
@@ -75,12 +75,12 @@ const TransactionsList = ({ customer, data, loading }) => {
             <TxInIcon className="mr-3" />
           )}
         </>
-      )
+      ),
     },
     {
       header: 'Machine',
       width: 160,
-      view: R.path(['machineName'])
+      view: R.path(['machineName']),
     },
     {
       header: 'Transaction ID',
@@ -89,7 +89,7 @@ const TransactionsList = ({ customer, data, loading }) => {
         <CopyToClipboard className="font-museo whitespace-nowrap overflow-hidden text-ellipsis">
           {it.id}
         </CopyToClipboard>
-      )
+      ),
     },
     {
       header: 'Cash',
@@ -100,7 +100,7 @@ const TransactionsList = ({ customer, data, loading }) => {
           {`${Number.parseFloat(it.fiat)} `}
           <Label2 inline>{it.fiatCode}</Label2>
         </>
-      )
+      ),
     },
     {
       header: 'Crypto',
@@ -109,22 +109,22 @@ const TransactionsList = ({ customer, data, loading }) => {
       view: it => (
         <>
           {`${toUnit(new BigNumber(it.cryptoAtoms), it.cryptoCode).toFormat(
-            5
+            5,
           )} `}
           <Label2 inline>{it.cryptoCode}</Label2>
         </>
-      )
+      ),
     },
     {
       header: 'Date',
       width: 100,
-      view: it => formatDate(it.created, timezone, 'yyyy‑MM‑dd')
+      view: it => formatDate(it.created, timezone, 'yyyy‑MM‑dd'),
     },
     {
       header: 'Time (h:m:s)',
       width: 130,
-      view: it => formatDate(it.created, timezone, 'HH:mm:ss')
-    }
+      view: it => formatDate(it.created, timezone, 'HH:mm:ss'),
+    },
   ]
 
   return (
diff --git a/packages/admin-ui/src/pages/Customers/components/Upload.jsx b/packages/admin-ui/src/pages/Customers/components/Upload.jsx
index 1e81c289..94b48ae3 100644
--- a/packages/admin-ui/src/pages/Customers/components/Upload.jsx
+++ b/packages/admin-ui/src/pages/Customers/components/Upload.jsx
@@ -27,10 +27,10 @@ const Upload = ({ type }) => {
       setData({
         preview: isImage
           ? URL.createObjectURL(R.head(acceptedData))
-          : R.head(acceptedData).name
+          : R.head(acceptedData).name,
       })
     },
-    [isImage, type, setFieldValue]
+    [isImage, type, setFieldValue],
   )
 
   const { getRootProps, getInputProps } = useDropzone({ onDrop })
diff --git a/packages/admin-ui/src/pages/Customers/components/index.js b/packages/admin-ui/src/pages/Customers/components/index.js
index 448efe76..41020d36 100644
--- a/packages/admin-ui/src/pages/Customers/components/index.js
+++ b/packages/admin-ui/src/pages/Customers/components/index.js
@@ -12,5 +12,5 @@ export {
   CustomerSidebar,
   EditableCard,
   Wizard,
-  Upload
+  Upload,
 }
diff --git a/packages/admin-ui/src/pages/Customers/components/notes/NewNoteModal.jsx b/packages/admin-ui/src/pages/Customers/components/notes/NewNoteModal.jsx
index 5725472a..99d09f5c 100644
--- a/packages/admin-ui/src/pages/Customers/components/notes/NewNoteModal.jsx
+++ b/packages/admin-ui/src/pages/Customers/components/notes/NewNoteModal.jsx
@@ -9,12 +9,12 @@ import { TextInput } from 'src/components/inputs/formik'
 
 const initialValues = {
   title: '',
-  content: ''
+  content: '',
 }
 
 const validationSchema = Yup.object().shape({
   title: Yup.string().required().trim().max(25),
-  content: Yup.string().required()
+  content: Yup.string().required(),
 })
 
 const NewNoteModal = ({ showModal, onClose, onSubmit, errorMsg }) => {
diff --git a/packages/admin-ui/src/pages/Customers/components/notes/NoteEdit.jsx b/packages/admin-ui/src/pages/Customers/components/notes/NoteEdit.jsx
index ea9f8ca3..d53bc2d2 100644
--- a/packages/admin-ui/src/pages/Customers/components/notes/NoteEdit.jsx
+++ b/packages/admin-ui/src/pages/Customers/components/notes/NoteEdit.jsx
@@ -17,11 +17,11 @@ const NoteEdit = ({ note, cancel, edit, timezone }) => {
   const formRef = useRef()
 
   const validationSchema = Yup.object().shape({
-    content: Yup.string()
+    content: Yup.string(),
   })
 
   const initialValues = {
-    content: note.content
+    content: note.content,
   }
 
   return (
@@ -33,8 +33,8 @@ const NoteEdit = ({ note, cancel, edit, timezone }) => {
             { delimited: ', ' },
             intervalToDuration({
               start: toTimezone(new Date(note.lastEditedAt), timezone),
-              end: toTimezone(new Date(), timezone)
-            })
+              end: toTimezone(new Date(), timezone),
+            }),
           )}
           {` ago`}
         </P>
@@ -74,7 +74,7 @@ const NoteEdit = ({ note, cancel, edit, timezone }) => {
           edit({
             noteId: note.id,
             newContent: content,
-            oldContent: note.content
+            oldContent: note.content,
           })
         }
         innerRef={formRef}>
diff --git a/packages/admin-ui/src/pages/Customers/helper.jsx b/packages/admin-ui/src/pages/Customers/helper.jsx
index ca672fc7..8e894c04 100644
--- a/packages/admin-ui/src/pages/Customers/helper.jsx
+++ b/packages/admin-ui/src/pages/Customers/helper.jsx
@@ -10,7 +10,7 @@ import * as Yup from 'yup'
 import {
   RadioGroup,
   TextInput,
-  Autocomplete
+  Autocomplete,
 } from 'src/components/inputs/formik'
 import { MANUAL } from 'src/utils/constants'
 
@@ -24,7 +24,7 @@ const ID_CARD_DATA = 'idCardData'
 const getAuthorizedStatus = (it, triggers, customRequests) => {
   const fields = R.concat(
     ['frontCamera', 'idCardData', 'idCardPhoto', 'email', 'usSsn', 'sanctions'],
-    R.map(ite => ite.id, customRequests)
+    R.map(ite => ite.id, customRequests),
   )
   const fieldsWithPathSuffix = ['frontCamera', 'idCardPhoto']
 
@@ -34,13 +34,13 @@ const getAuthorizedStatus = (it, triggers, customRequests) => {
       : fieldName
     const manualOverrides = R.filter(
       ite => R.equals(R.toLower(ite.automation), MANUAL),
-      triggers?.overrides ?? []
+      triggers?.overrides ?? [],
     )
 
     return (
       !!R.find(
         ite => R.equals(ite.requirement, triggerName),
-        manualOverrides
+        manualOverrides,
       ) || R.equals(R.toLower(triggers.automation ?? ''), MANUAL)
     )
   }
@@ -50,7 +50,7 @@ const getAuthorizedStatus = (it, triggers, customRequests) => {
       if (uuidValidate(ite)) {
         const request = R.find(
           iter => iter.infoRequestId === ite,
-          it.customInfoRequests
+          it.customInfoRequests,
         )
         return !R.isNil(request) && R.equals(request.override, 'automatic')
       }
@@ -69,7 +69,7 @@ const getAuthorizedStatus = (it, triggers, customRequests) => {
       if (uuidValidate(ite)) {
         const request = R.find(
           iter => iter.infoRequestId === ite,
-          it.customInfoRequests
+          it.customInfoRequests,
         )
         return !R.isNil(request) && R.equals(request.override, 'blocked')
       }
@@ -115,11 +115,11 @@ const getName = it => {
 
 const entryOptions = [
   { display: 'Custom entry', code: 'custom' },
-  { display: 'Populate existing requirement', code: 'requirement' }
+  { display: 'Populate existing requirement', code: 'requirement' },
 ]
 
 const dataOptions = [
-  { display: 'Text', code: 'text' }
+  { display: 'Text', code: 'text' },
   // TODO: Requires backend modifications to support File and Image
   // { display: 'File', code: 'file' },
   // { display: 'Image', code: 'image' }
@@ -130,12 +130,12 @@ const requirementOptions = [
   { display: 'ID data', code: 'idCardData' },
   { display: 'US SSN', code: 'usSsn' },
   { display: 'Email', code: 'email' },
-  { display: 'Customer camera', code: 'frontCamera' }
+  { display: 'Customer camera', code: 'frontCamera' },
 ]
 
 const customTextOptions = [
   { label: 'Data entry title', name: 'title' },
-  { label: 'Data entry', name: 'data' }
+  { label: 'Data entry', name: 'data' },
 ]
 
 const customUploadOptions = [{ label: 'Data entry title', name: 'title' }]
@@ -144,40 +144,40 @@ const entryTypeSchema = Yup.lazy(values => {
   if (values.entryType === 'custom') {
     return Yup.object().shape({
       entryType: Yup.string().required(),
-      dataType: Yup.string().required()
+      dataType: Yup.string().required(),
     })
   } else if (values.entryType === 'requirement') {
     return Yup.object().shape({
       entryType: Yup.string().required(),
-      requirement: Yup.string().required()
+      requirement: Yup.string().required(),
     })
   }
 })
 
 const customFileSchema = Yup.object().shape({
   title: Yup.string().required(),
-  file: Yup.mixed().required()
+  file: Yup.mixed().required(),
 })
 
 const customImageSchema = Yup.object().shape({
   title: Yup.string().required(),
-  image: Yup.mixed().required()
+  image: Yup.mixed().required(),
 })
 
 const customTextSchema = Yup.object().shape({
   title: Yup.string().required(),
-  data: Yup.string().required()
+  data: Yup.string().required(),
 })
 
 const updateRequirementOptions = it => [
   {
     display: 'Custom information requirement',
-    code: 'custom'
+    code: 'custom',
   },
-  ...it
+  ...it,
 ]
 
-const EntryType = ({ customInfoRequirementOptions }) => {
+const EntryType = () => {
   const { values } = useFormikContext()
 
   const displayCustomOptions = values.entryType === CUSTOM
@@ -265,7 +265,7 @@ const ManualDataEntry = ({ selectedValues, customInfoRequirementOptions }) => {
           isOptionEqualToValue={R.eqProps('code')}
           labelProp={'display'}
           options={customInfoRequirementOptions}
-          onChange={(evt, it) => {}}
+          onChange={() => {}}
         />
       )}
       <div className="mb-6">
@@ -297,29 +297,29 @@ const customElements = {
     options: customTextOptions,
     Component: ManualDataEntry,
     initialValues: { data: '', title: '' },
-    saveType: 'customEntry'
+    saveType: 'customEntry',
   },
   file: {
     schema: customFileSchema,
     options: customUploadOptions,
     Component: ManualDataEntry,
     initialValues: { file: null, title: '' },
-    saveType: 'customEntryUpload'
+    saveType: 'customEntryUpload',
   },
   image: {
     schema: customImageSchema,
     options: customUploadOptions,
     Component: ManualDataEntry,
     initialValues: { image: null, title: '' },
-    saveType: 'customEntryUpload'
-  }
+    saveType: 'customEntryUpload',
+  },
 }
 
 const entryType = {
   schema: entryTypeSchema,
   options: entryOptions,
   Component: EntryType,
-  initialValues: { entryType: '' }
+  initialValues: { entryType: '' },
 }
 
 // Customer data
@@ -330,44 +330,44 @@ const customerDataElements = {
       name: 'firstName',
       label: 'First name',
       component: TextInput,
-      editable: true
+      editable: true,
     },
     {
       name: 'documentNumber',
       label: 'ID number',
       component: TextInput,
-      editable: true
+      editable: true,
     },
     {
       name: 'dateOfBirth',
       label: 'Birthdate',
       component: TextInput,
-      editable: true
+      editable: true,
     },
     {
       name: 'gender',
       label: 'Gender',
       component: TextInput,
-      editable: true
+      editable: true,
     },
     {
       name: 'lastName',
       label: 'Last name',
       component: TextInput,
-      editable: true
+      editable: true,
     },
     {
       name: 'expirationDate',
       label: 'Expiration date',
       component: TextInput,
-      editable: true
+      editable: true,
     },
     {
       name: 'country',
       label: 'Country',
       component: TextInput,
-      editable: true
-    }
+      editable: true,
+    },
   ],
   usSsn: [
     {
@@ -375,8 +375,8 @@ const customerDataElements = {
       label: 'US SSN',
       component: TextInput,
       size: 190,
-      editable: true
-    }
+      editable: true,
+    },
   ],
   email: [
     {
@@ -384,11 +384,11 @@ const customerDataElements = {
       label: 'Email',
       component: TextInput,
       size: 190,
-      editable: false
-    }
+      editable: false,
+    },
   ],
   idCardPhoto: [{ name: 'idCardPhoto' }],
-  frontCamera: [{ name: 'frontCamera' }]
+  frontCamera: [{ name: 'frontCamera' }],
 }
 
 const customerDataSchemas = {
@@ -399,7 +399,7 @@ const customerDataSchemas = {
     dateOfBirth: Yup.string()
       .test({
         test: val => isValid(parse(new Date(), 'yyyy-MM-dd', val)),
-        message: 'Date must be in format YYYY-MM-DD'
+        message: 'Date must be in format YYYY-MM-DD',
       })
       .required(),
     gender: Yup.string().required(),
@@ -407,22 +407,22 @@ const customerDataSchemas = {
     expirationDate: Yup.string()
       .test({
         test: val => isValid(parse(new Date(), 'yyyy-MM-dd', val)),
-        message: 'Date must be in format YYYY-MM-DD'
+        message: 'Date must be in format YYYY-MM-DD',
       })
-      .required()
+      .required(),
   }),
   usSsn: Yup.object().shape({
-    usSsn: Yup.string().required()
+    usSsn: Yup.string().required(),
   }),
   idCardPhoto: Yup.object().shape({
-    idCardPhoto: Yup.mixed().required()
+    idCardPhoto: Yup.mixed().required(),
   }),
   frontCamera: Yup.object().shape({
-    frontCamera: Yup.mixed().required()
+    frontCamera: Yup.mixed().required(),
   }),
   email: Yup.object().shape({
-    email: Yup.string().required()
-  })
+    email: Yup.string().required(),
+  }),
 }
 
 const requirementElements = {
@@ -437,44 +437,44 @@ const requirementElements = {
       dateOfBirth: '',
       gender: '',
       country: '',
-      expirationDate: ''
+      expirationDate: '',
     },
-    saveType: 'customerData'
+    saveType: 'customerData',
   },
   usSsn: {
     schema: customerDataSchemas.usSsn,
     options: customerDataElements.usSsn,
     Component: ManualDataEntry,
     initialValues: { usSsn: '' },
-    saveType: 'customerData'
+    saveType: 'customerData',
   },
   email: {
     schema: customerDataSchemas.email,
     options: customerDataElements.email,
     Component: ManualDataEntry,
     initialValues: { email: '' },
-    saveType: 'customerData'
+    saveType: 'customerData',
   },
   idCardPhoto: {
     schema: customerDataSchemas.idCardPhoto,
     options: customerDataElements.idCardPhoto,
     Component: ManualDataEntry,
     initialValues: { idCardPhoto: null },
-    saveType: 'customerDataUpload'
+    saveType: 'customerDataUpload',
   },
   frontCamera: {
     schema: customerDataSchemas.frontCamera,
     options: customerDataElements.frontCamera,
     Component: ManualDataEntry,
     initialValues: { frontCamera: null },
-    saveType: 'customerDataUpload'
+    saveType: 'customerDataUpload',
   },
   custom: {
     // schema: customerDataSchemas.customInfoRequirement,
     Component: ManualDataEntry,
     initialValues: { customInfoRequirement: null },
-    saveType: 'customInfoRequirement'
-  }
+    saveType: 'customInfoRequirement',
+  },
 }
 
 const tryFormatDate = rawDate => {
@@ -485,6 +485,7 @@ const tryFormatDate = rawDate => {
       ''
     )
   } catch (err) {
+    console.error(err)
     return ''
   }
 }
@@ -493,8 +494,8 @@ const formatDates = values => {
   R.map(
     elem =>
       (values[elem] = format('yyyyMMdd')(
-        parse(new Date(), 'yyyy-MM-dd', values[elem])
-      ))
+        parse(new Date(), 'yyyy-MM-dd', values[elem]),
+      )),
   )(['dateOfBirth', 'expirationDate'])
   return values
 }
@@ -520,13 +521,13 @@ const addPhotoDir = R.map(it => {
 const standardizeKeys = R.map(R.compose(R.fromPairs, R.map(mapKeys), R.toPairs))
 
 const filterByPhotoAvailable = R.filter(
-  tx => !R.isNil(tx.date) && !R.isNil(tx.path)
+  tx => !R.isNil(tx.date) && !R.isNil(tx.path),
 )
 
 const formatPhotosData = R.compose(
   filterByPhotoAvailable,
   addPhotoDir,
-  standardizeKeys
+  standardizeKeys,
 )
 
 export {
@@ -543,5 +544,5 @@ export {
   tryFormatDate,
   REQUIREMENT,
   CUSTOM,
-  ID_CARD_DATA
+  ID_CARD_DATA,
 }
diff --git a/packages/admin-ui/src/pages/Dashboard/Alerts/Alerts.jsx b/packages/admin-ui/src/pages/Dashboard/Alerts/Alerts.jsx
index bb88d73f..e0f66499 100644
--- a/packages/admin-ui/src/pages/Dashboard/Alerts/Alerts.jsx
+++ b/packages/admin-ui/src/pages/Dashboard/Alerts/Alerts.jsx
@@ -35,7 +35,7 @@ const Alerts = ({ onReset, onExpand, size }) => {
   const alerts = R.path(['alerts'])(data) ?? []
   const machines = R.compose(
     R.map(R.prop('name')),
-    R.indexBy(R.prop('deviceId'))
+    R.indexBy(R.prop('deviceId')),
   )(data?.machines ?? [])
   const alertsLength = alerts.length
 
diff --git a/packages/admin-ui/src/pages/Dashboard/Alerts/AlertsTable.jsx b/packages/admin-ui/src/pages/Dashboard/Alerts/AlertsTable.jsx
index 604a2992..35345401 100644
--- a/packages/admin-ui/src/pages/Dashboard/Alerts/AlertsTable.jsx
+++ b/packages/admin-ui/src/pages/Dashboard/Alerts/AlertsTable.jsx
@@ -13,13 +13,13 @@ const icons = {
   error: <WarningIcon style={{ height: 20, width: 20, marginRight: 12 }} />,
   fiatBalance: (
     <CashBoxEmpty style={{ height: 18, width: 18, marginRight: 14 }} />
-  )
+  ),
 }
 
 const links = {
   error: '/maintenance/machine-status',
   fiatBalance: '/maintenance/cash-cassettes',
-  cryptoBalance: '/maintenance/funding'
+  cryptoBalance: '/maintenance/funding',
 }
 
 const AlertsTable = ({ numToRender, alerts, machines }) => {
diff --git a/packages/admin-ui/src/pages/Dashboard/Alerts/index.js b/packages/admin-ui/src/pages/Dashboard/Alerts/index.js
index 2b2f3f45..62844083 100644
--- a/packages/admin-ui/src/pages/Dashboard/Alerts/index.js
+++ b/packages/admin-ui/src/pages/Dashboard/Alerts/index.js
@@ -1,2 +1,3 @@
 import Alerts from './Alerts'
+
 export default Alerts
diff --git a/packages/admin-ui/src/pages/Dashboard/Footer/Footer.jsx b/packages/admin-ui/src/pages/Dashboard/Footer/Footer.jsx
index 6b751407..cd50cf23 100644
--- a/packages/admin-ui/src/pages/Dashboard/Footer/Footer.jsx
+++ b/packages/admin-ui/src/pages/Dashboard/Footer/Footer.jsx
@@ -47,24 +47,24 @@ const Footer = () => {
     const tickerName = tickerIdx > -1 ? accountsConfig[tickerIdx].display : ''
 
     const cashInNoCommission = parseFloat(
-      R.path(['cryptoRates', 'withoutCommissions', key, 'cashIn'])(data)
+      R.path(['cryptoRates', 'withoutCommissions', key, 'cashIn'])(data),
     )
     const cashOutNoCommission = parseFloat(
-      R.path(['cryptoRates', 'withoutCommissions', key, 'cashOut'])(data)
+      R.path(['cryptoRates', 'withoutCommissions', key, 'cashOut'])(data),
     )
 
     const avgOfAskBid = new BigNumber(
-      (cashInNoCommission + cashOutNoCommission) / 2
+      (cashInNoCommission + cashOutNoCommission) / 2,
     ).toFormat(2)
     const cashIn = new BigNumber(
       parseFloat(
-        R.path(['cryptoRates', 'withCommissions', key, 'cashIn'])(data)
-      )
+        R.path(['cryptoRates', 'withCommissions', key, 'cashIn'])(data),
+      ),
     ).toFormat(2)
     const cashOut = new BigNumber(
       parseFloat(
-        R.path(['cryptoRates', 'withCommissions', key, 'cashOut'])(data)
-      )
+        R.path(['cryptoRates', 'withCommissions', key, 'cashOut'])(data),
+      ),
     ).toFormat(2)
 
     return (
diff --git a/packages/admin-ui/src/pages/Dashboard/Footer/Footer.module.css b/packages/admin-ui/src/pages/Dashboard/Footer/Footer.module.css
index 304ffbb5..c3c89bf6 100644
--- a/packages/admin-ui/src/pages/Dashboard/Footer/Footer.module.css
+++ b/packages/admin-ui/src/pages/Dashboard/Footer/Footer.module.css
@@ -12,9 +12,9 @@
 }
 
 .footer1:hover {
-   transition: min-height 0.5s ease-in;
-   min-height: 200px;
- }
+  transition: min-height 0.5s ease-in;
+  min-height: 200px;
+}
 
 .content1 {
   width: 1200px;
diff --git a/packages/admin-ui/src/pages/Dashboard/Footer/index.js b/packages/admin-ui/src/pages/Dashboard/Footer/index.js
index 426e806d..9c7e8318 100644
--- a/packages/admin-ui/src/pages/Dashboard/Footer/index.js
+++ b/packages/admin-ui/src/pages/Dashboard/Footer/index.js
@@ -1,2 +1,3 @@
 import Footer from './Footer'
+
 export default Footer
diff --git a/packages/admin-ui/src/pages/Dashboard/RightSide.jsx b/packages/admin-ui/src/pages/Dashboard/RightSide.jsx
index e7a438f0..acffe2dc 100644
--- a/packages/admin-ui/src/pages/Dashboard/RightSide.jsx
+++ b/packages/admin-ui/src/pages/Dashboard/RightSide.jsx
@@ -39,7 +39,7 @@ const RightSide = () => {
         <CollapsibleCard
           className={classnames({
             'flex-[0.1]': alertsSize === cardState.SHRUNK,
-            'flex-[0.9]': alertsSize === cardState.EXPANDED
+            'flex-[0.9]': alertsSize === cardState.EXPANDED,
           })}
           state={alertsSize}
           shrunkComponent={
@@ -62,7 +62,7 @@ const RightSide = () => {
           className={classnames({
             'flex-[0.1]': systemStatusSize === cardState.SHRUNK,
             'flex-1': systemStatusSize === cardState.DEFAULT,
-            'flex-[0.9]': systemStatusSize === cardState.EXPANDED
+            'flex-[0.9]': systemStatusSize === cardState.EXPANDED,
           })}
           state={systemStatusSize}
           shrunkComponent={
diff --git a/packages/admin-ui/src/pages/Dashboard/SystemPerformance/Graphs/PercentageChart.jsx b/packages/admin-ui/src/pages/Dashboard/SystemPerformance/Graphs/PercentageChart.jsx
index 775ed780..d678140e 100644
--- a/packages/admin-ui/src/pages/Dashboard/SystemPerformance/Graphs/PercentageChart.jsx
+++ b/packages/admin-ui/src/pages/Dashboard/SystemPerformance/Graphs/PercentageChart.jsx
@@ -12,7 +12,7 @@ const PercentageChart = ({ cashIn, cashOut }) => {
 
   const percentageClasses = {
     'h-35 rounded-sm flex items-center justify-center': true,
-    'min-w-2 rounded-xs': value < 5 && value > 0
+    'min-w-2 rounded-xs': value < 5 && value > 0,
   }
 
   return (
diff --git a/packages/admin-ui/src/pages/Dashboard/SystemPerformance/Graphs/RefLineChart.jsx b/packages/admin-ui/src/pages/Dashboard/SystemPerformance/Graphs/RefLineChart.jsx
index 2dc3787e..1d5808e7 100644
--- a/packages/admin-ui/src/pages/Dashboard/SystemPerformance/Graphs/RefLineChart.jsx
+++ b/packages/admin-ui/src/pages/Dashboard/SystemPerformance/Graphs/RefLineChart.jsx
@@ -23,14 +23,14 @@ const reducer = (acc, tx) => {
 const timeFrameMS = {
   Day: 24 * 3600 * 1000,
   Week: 7 * 24 * 3600 * 1000,
-  Month: 30 * 24 * 3600 * 1000
+  Month: 30 * 24 * 3600 * 1000,
 }
 
 const RefLineChart = ({
   data: realData,
   previousTimeData,
   previousProfit,
-  timeFrame
+  timeFrame,
 }) => {
   const svgRef = useRef()
 
@@ -55,7 +55,7 @@ const RefLineChart = ({
       if (!aggregatedTX.length && previousTimeData.length) {
         const mockPoint1 = {
           created: new Date().toISOString(),
-          profit: 0
+          profit: 0,
         }
         const mockPoint2 = mockPoint(mockPoint1, -timeFrameMS[timeFrame], 1)
         return [[mockPoint1, mockPoint2], false]
@@ -64,7 +64,7 @@ const RefLineChart = ({
       if (aggregatedTX.length && !previousTimeData.length) {
         const mockPoint1 = {
           created: new Date().toISOString(),
-          profit: 1
+          profit: 1,
         }
         const mockPoint2 = mockPoint(mockPoint1, -timeFrameMS[timeFrame], 0)
         return [[mockPoint1, mockPoint2], false]
@@ -75,13 +75,13 @@ const RefLineChart = ({
           R.append(
             {
               created: new Date(
-                Date.now() - timeFrameMS[timeFrame]
+                Date.now() - timeFrameMS[timeFrame],
               ).toISOString(),
-              profit: previousProfit
+              profit: previousProfit,
             },
-            aggregatedTX
+            aggregatedTX,
           ),
-          false
+          false,
         ]
       }
       // the boolean value is for zeroProfit. It makes the line render at y = 0 instead of y = 50% of container height
@@ -120,7 +120,7 @@ const RefLineChart = ({
       .data([
         { offset: '0%', color: 'var(--zircon)' },
         { offset: '25%', color: 'var(--zircon)' },
-        { offset: '100%', color: 'var(--ghost)' }
+        { offset: '100%', color: 'var(--ghost)' },
       ])
       .enter()
       .append('stop')
diff --git a/packages/admin-ui/src/pages/Dashboard/SystemPerformance/Graphs/RefScatterplot.jsx b/packages/admin-ui/src/pages/Dashboard/SystemPerformance/Graphs/RefScatterplot.jsx
index e1ef4388..02a8d53e 100644
--- a/packages/admin-ui/src/pages/Dashboard/SystemPerformance/Graphs/RefScatterplot.jsx
+++ b/packages/admin-ui/src/pages/Dashboard/SystemPerformance/Graphs/RefScatterplot.jsx
@@ -17,9 +17,9 @@ const Graph = ({ data, timeFrame, timezone }) => {
       top: 20,
       right: 3.5,
       bottom: 27,
-      left: 33.5
+      left: 33.5,
     }),
-    []
+    [],
   )
 
   const offset = getTimezoneOffset(timezone)
@@ -28,7 +28,7 @@ const Graph = ({ data, timeFrame, timezone }) => {
   const periodDomains = {
     Day: [NOW - DAY, NOW],
     Week: [NOW - WEEK, NOW],
-    Month: [NOW - MONTH, NOW]
+    Month: [NOW - MONTH, NOW],
   }
 
   const dataPoints = useMemo(
@@ -37,27 +37,27 @@ const Graph = ({ data, timeFrame, timezone }) => {
         freq: 24,
         step: 60 * 60 * 1000,
         tick: d3.utcHour.every(4),
-        labelFormat: '%H:%M'
+        labelFormat: '%H:%M',
       },
       Week: {
         freq: 7,
         step: 24 * 60 * 60 * 1000,
         tick: d3.utcDay.every(1),
-        labelFormat: '%a %d'
+        labelFormat: '%a %d',
       },
       Month: {
         freq: 30,
         step: 24 * 60 * 60 * 1000,
         tick: d3.utcDay.every(2),
-        labelFormat: '%d'
-      }
+        labelFormat: '%d',
+      },
     }),
-    []
+    [],
   )
 
   const filterDay = useCallback(
     x => (timeFrame === 'Day' ? x.getUTCHours() === 0 : x.getUTCDate() === 1),
-    [timeFrame]
+    [timeFrame],
   )
 
   const getPastAndCurrentDayLabels = useCallback(d => {
@@ -74,11 +74,11 @@ const Graph = ({ data, timeFrame, timezone }) => {
     const previousDateMonth = previousDate.getUTCMonth()
 
     const daysOfWeek = Array.from(Array(7)).map((_, i) =>
-      format('EEE', add({ days: i }, startOfWeek(new Date())))
+      format('EEE', add({ days: i }, startOfWeek(new Date()))),
     )
 
     const months = Array.from(Array(12)).map((_, i) =>
-      format('LLL', add({ months: i }, startOfYear(new Date())))
+      format('LLL', add({ months: i }, startOfYear(new Date()))),
     )
 
     return {
@@ -89,7 +89,7 @@ const Graph = ({ data, timeFrame, timezone }) => {
       current:
         currentDateMonth !== previousDateMonth
           ? months[currentDateMonth]
-          : `${daysOfWeek[currentDateWeekday]} ${currentDateDay}`
+          : `${daysOfWeek[currentDateWeekday]} ${currentDateDay}`,
     }
   }, [])
 
@@ -111,7 +111,7 @@ const Graph = ({ data, timeFrame, timezone }) => {
 
       return points
     },
-    [NOW, dataPoints, timeFrame]
+    [NOW, dataPoints, timeFrame],
   )
 
   const x = d3
@@ -123,7 +123,7 @@ const Graph = ({ data, timeFrame, timezone }) => {
     .scaleLinear()
     .domain([
       0,
-      (d3.max(data, d => new BigNumber(d.fiat).toNumber()) ?? 1000) * 1.05
+      (d3.max(data, d => new BigNumber(d.fiat).toNumber()) ?? 1000) * 1.05,
     ])
     .nice()
     .range([GRAPH_HEIGHT - GRAPH_MARGIN.bottom, GRAPH_MARGIN.top])
@@ -137,7 +137,7 @@ const Graph = ({ data, timeFrame, timezone }) => {
         .attr('height', GRAPH_HEIGHT - GRAPH_MARGIN.top - GRAPH_MARGIN.bottom)
         .attr('fill', 'var(--ghost)')
     },
-    [GRAPH_MARGIN]
+    [GRAPH_MARGIN],
   )
 
   const buildXAxis = useCallback(
@@ -145,7 +145,7 @@ const Graph = ({ data, timeFrame, timezone }) => {
       g
         .attr(
           'transform',
-          `translate(0, ${GRAPH_HEIGHT - GRAPH_MARGIN.bottom})`
+          `translate(0, ${GRAPH_HEIGHT - GRAPH_MARGIN.bottom})`,
         )
         .call(
           d3
@@ -153,12 +153,12 @@ const Graph = ({ data, timeFrame, timezone }) => {
             .ticks(dataPoints[timeFrame].tick)
             .tickFormat(d => {
               return d3.timeFormat(dataPoints[timeFrame].labelFormat)(
-                d.getTime() + d.getTimezoneOffset() * MINUTE
+                d.getTime() + d.getTimezoneOffset() * MINUTE,
               )
-            })
+            }),
         )
         .call(g => g.select('.domain').remove()),
-    [GRAPH_MARGIN, dataPoints, timeFrame, x]
+    [GRAPH_MARGIN, dataPoints, timeFrame, x],
   )
 
   const buildYAxis = useCallback(
@@ -173,12 +173,12 @@ const Graph = ({ data, timeFrame, timezone }) => {
               if (d >= 1000) return numberToFiatAmount(d / 1000) + 'k'
 
               return numberToFiatAmount(d)
-            })
+            }),
         )
         .call(g => g.select('.domain').remove())
         .selectAll('text')
         .attr('dy', '-0.25rem'),
-    [GRAPH_MARGIN, y]
+    [GRAPH_MARGIN, y],
   )
 
   const buildGrid = useCallback(
@@ -196,7 +196,7 @@ const Graph = ({ data, timeFrame, timezone }) => {
             .attr('x2', d => 0.5 + x(d))
             .attr('y1', GRAPH_MARGIN.top)
             .attr('y2', GRAPH_HEIGHT - GRAPH_MARGIN.bottom)
-            .attr('stroke-width', 1)
+            .attr('stroke-width', 1),
         )
         // Horizontal lines
         .call(g =>
@@ -208,7 +208,7 @@ const Graph = ({ data, timeFrame, timezone }) => {
             .attr('y1', d => 0.5 + y(d))
             .attr('y2', d => 0.5 + y(d))
             .attr('x1', GRAPH_MARGIN.left)
-            .attr('x2', GRAPH_WIDTH)
+            .attr('x2', GRAPH_WIDTH),
         )
         // Thick vertical lines
         .call(g =>
@@ -223,7 +223,7 @@ const Graph = ({ data, timeFrame, timezone }) => {
             .attr('y1', GRAPH_MARGIN.top - 10)
             .attr('y2', GRAPH_HEIGHT - GRAPH_MARGIN.bottom)
             .attr('stroke-width', 2)
-            .join('text')
+            .join('text'),
         )
         // Left side breakpoint label
         .call(g => {
@@ -262,7 +262,7 @@ const Graph = ({ data, timeFrame, timezone }) => {
             .text(labels.current)
         })
     },
-    [GRAPH_MARGIN, buildTicks, getPastAndCurrentDayLabels, x, y, filterDay]
+    [GRAPH_MARGIN, buildTicks, getPastAndCurrentDayLabels, x, y, filterDay],
   )
 
   const formatTicksText = useCallback(
@@ -273,7 +273,7 @@ const Graph = ({ data, timeFrame, timezone }) => {
         .style('fill', 'var(--comet)')
         .style('stroke-width', 0)
         .style('font-family', 'var(--museo)'),
-    []
+    [],
   )
 
   const formatText = useCallback(
@@ -284,7 +284,7 @@ const Graph = ({ data, timeFrame, timezone }) => {
         .style('fill', 'var(--comet)')
         .style('stroke-width', 0)
         .style('font-family', 'var(--museo)'),
-    []
+    [],
   )
 
   const formatTicks = useCallback(() => {
@@ -304,11 +304,11 @@ const Graph = ({ data, timeFrame, timezone }) => {
         })
         .attr('cy', d => y(new BigNumber(d.fiat).toNumber()))
         .attr('fill', d =>
-          d.txClass === 'cashIn' ? 'var(--java)' : 'var(--neon)'
+          d.txClass === 'cashIn' ? 'var(--java)' : 'var(--neon)',
         )
         .attr('r', 3.5)
     },
-    [data, offset, x, y]
+    [data, offset, x, y],
   )
 
   const drawChart = useCallback(() => {
@@ -334,7 +334,7 @@ const Graph = ({ data, timeFrame, timezone }) => {
     drawData,
     formatText,
     formatTicks,
-    formatTicksText
+    formatTicksText,
   ])
 
   useEffect(() => {
diff --git a/packages/admin-ui/src/pages/Dashboard/SystemPerformance/InfoWithLabel.jsx b/packages/admin-ui/src/pages/Dashboard/SystemPerformance/InfoWithLabel.jsx
index 367f9c7c..54cc3582 100644
--- a/packages/admin-ui/src/pages/Dashboard/SystemPerformance/InfoWithLabel.jsx
+++ b/packages/admin-ui/src/pages/Dashboard/SystemPerformance/InfoWithLabel.jsx
@@ -1,5 +1,6 @@
 import React from 'react'
 import { Info1, Label1 } from 'src/components/typography/index'
+
 const InfoWithLabel = ({ info, label }) => {
   return (
     <div className="flex flex-col">
diff --git a/packages/admin-ui/src/pages/Dashboard/SystemPerformance/Nav.jsx b/packages/admin-ui/src/pages/Dashboard/SystemPerformance/Nav.jsx
index e81c28c3..4dc251b2 100644
--- a/packages/admin-ui/src/pages/Dashboard/SystemPerformance/Nav.jsx
+++ b/packages/admin-ui/src/pages/Dashboard/SystemPerformance/Nav.jsx
@@ -27,7 +27,7 @@ const Nav = ({ handleSetRange, showPicker }) => {
                 className={classnames({
                   'cursor-pointer text-comet': true,
                   'font-bold text-zodiac border-b-zodiac border-b-2':
-                    isSelected(it)
+                    isSelected(it),
                 })}>
                 {it}
               </div>
diff --git a/packages/admin-ui/src/pages/Dashboard/SystemPerformance/SystemPerformance.jsx b/packages/admin-ui/src/pages/Dashboard/SystemPerformance/SystemPerformance.jsx
index 838ded7e..31c68f50 100644
--- a/packages/admin-ui/src/pages/Dashboard/SystemPerformance/SystemPerformance.jsx
+++ b/packages/admin-ui/src/pages/Dashboard/SystemPerformance/SystemPerformance.jsx
@@ -52,7 +52,7 @@ const GET_DATA = gql`
 const SystemPerformance = () => {
   const [selectedRange, setSelectedRange] = useState('Day')
   const { data, loading } = useQuery(GET_DATA, {
-    variables: { excludeTestingCustomers: true }
+    variables: { excludeTestingCustomers: true },
   })
   const fiatLocale = fromNamespace('locale')(data?.config).fiatCurrency
   const timezone = fromNamespace('locale')(data?.config).timezone
@@ -62,7 +62,7 @@ const SystemPerformance = () => {
   const periodDomains = {
     Day: [NOW - DAY, NOW],
     Week: [NOW - WEEK, NOW],
-    Month: [NOW - MONTH, NOW]
+    Month: [NOW - MONTH, NOW],
   }
 
   const isInRangeAndNoError = getLastTimePeriod => t => {
@@ -74,11 +74,11 @@ const SystemPerformance = () => {
         t.error === null &&
         isAfter(
           toTimezone(t.created, timezone),
-          toTimezone(periodDomains[selectedRange][1], timezone)
+          toTimezone(periodDomains[selectedRange][1], timezone),
         ) &&
         isAfter(
           toTimezone(periodDomains[selectedRange][0], timezone),
-          toTimezone(t.created, timezone)
+          toTimezone(t.created, timezone),
         )
       )
     }
@@ -86,11 +86,11 @@ const SystemPerformance = () => {
       t.error === null &&
       isAfter(
         toTimezone(periodDomains[selectedRange][1], timezone),
-        toTimezone(t.created, timezone)
+        toTimezone(t.created, timezone),
       ) &&
       isAfter(
         toTimezone(t.created, timezone),
-        toTimezone(periodDomains[selectedRange][0], timezone)
+        toTimezone(periodDomains[selectedRange][0], timezone),
       )
     )
   }
@@ -104,10 +104,10 @@ const SystemPerformance = () => {
   }
 
   const transactionsToShow = R.map(convertFiatToLocale)(
-    R.filter(isInRangeAndNoError(false), data?.transactions ?? [])
+    R.filter(isInRangeAndNoError(false), data?.transactions ?? []),
   )
   const transactionsLastTimePeriod = R.map(convertFiatToLocale)(
-    R.filter(isInRangeAndNoError(true), data?.transactions ?? [])
+    R.filter(isInRangeAndNoError(true), data?.transactions ?? []),
   )
 
   const getNumTransactions = () => {
@@ -121,7 +121,7 @@ const SystemPerformance = () => {
     return R.reduce(
       (acc, value) => acc.plus(value.profit),
       new BigNumber(0),
-      transactions
+      transactions,
     )
   }
 
@@ -141,7 +141,7 @@ const SystemPerformance = () => {
 
   const getDirectionPercent = () => {
     const [cashIn, cashOut] = R.partition(R.propEq('txClass', 'cashIn'))(
-      transactionsToShow
+      transactionsToShow,
     )
     const totalLength = cashIn.length + cashOut.length
     if (totalLength === 0) {
@@ -150,7 +150,7 @@ const SystemPerformance = () => {
 
     return {
       cashIn: Math.round((cashIn.length / totalLength) * 100),
-      cashOut: Math.round((cashOut.length / totalLength) * 100)
+      cashOut: Math.round((cashOut.length / totalLength) * 100),
     }
   }
 
@@ -160,7 +160,7 @@ const SystemPerformance = () => {
     'text-tomato': percentChange < 0,
     'text-spring4': percentChange > 0,
     'text-comet': percentChange === 0,
-    'flex items-center justify-center gap-1': true
+    'flex items-center justify-center gap-1': true,
   }
 
   const getPercentageIcon = () => {
diff --git a/packages/admin-ui/src/pages/Dashboard/SystemPerformance/index.js b/packages/admin-ui/src/pages/Dashboard/SystemPerformance/index.js
index bd06fb98..8bea8c7f 100644
--- a/packages/admin-ui/src/pages/Dashboard/SystemPerformance/index.js
+++ b/packages/admin-ui/src/pages/Dashboard/SystemPerformance/index.js
@@ -1,2 +1,3 @@
 import SystemPerformance from './SystemPerformance'
+
 export default SystemPerformance
diff --git a/packages/admin-ui/src/pages/Dashboard/SystemStatus/MachinesTable.jsx b/packages/admin-ui/src/pages/Dashboard/SystemStatus/MachinesTable.jsx
index 37362174..e0fea8f7 100644
--- a/packages/admin-ui/src/pages/Dashboard/SystemStatus/MachinesTable.jsx
+++ b/packages/admin-ui/src/pages/Dashboard/SystemStatus/MachinesTable.jsx
@@ -28,14 +28,14 @@ const GET_CONFIG = gql`
 const StyledCell = styled(TableCell)({
   borderBottom: '4px solid white',
   padding: 0,
-  paddingLeft: '15px'
+  paddingLeft: '15px',
 })
 
 const HeaderCell = styled(TableCell)({
   borderBottom: '4px solid white',
   padding: 0,
   paddingLeft: '15px',
-  backgroundColor: 'white'
+  backgroundColor: 'white',
 })
 
 const MachinesTable = ({ machines = [], numToRender }) => {
@@ -44,7 +44,7 @@ const MachinesTable = ({ machines = [], numToRender }) => {
   const { data } = useQuery(GET_CONFIG)
   const fillingPercentageSettings = fromNamespace(
     'notifications',
-    R.path(['config'], data) ?? {}
+    R.path(['config'], data) ?? {},
   )
 
   const getPercent = (notes, capacity = 500) => {
@@ -55,7 +55,7 @@ const MachinesTable = ({ machines = [], numToRender }) => {
     const percent = getPercent(notes, capacity)
     const percentageThreshold = R.pipe(
       R.path([`fillingPercentageCassette${cassetteIdx}`]),
-      R.defaultTo(PERCENTAGE_THRESHOLD)
+      R.defaultTo(PERCENTAGE_THRESHOLD),
     )(fillingPercentageSettings)
     return percent < percentageThreshold ? (
       <TL2 className="text-tomato">{`${percent}%`}</TL2>
@@ -66,13 +66,13 @@ const MachinesTable = ({ machines = [], numToRender }) => {
 
   const redirect = ({ name, deviceId }) => {
     return history.push(`/machines/${deviceId}`, {
-      selectedMachine: name
+      selectedMachine: name,
     })
   }
 
   const maxNumberOfCassettes = Math.max(
     ...R.map(it => it.numberOfCassettes, machines),
-    0
+    0,
   )
 
   return (
@@ -119,7 +119,7 @@ const MachinesTable = ({ machines = [], numToRender }) => {
                     sx={{
                       borderBottom: '4px solid white',
                       padding: 0,
-                      paddingLeft: '15px'
+                      paddingLeft: '15px',
                     }}
                     align="left">
                     <div className="flex items-center">
@@ -138,14 +138,14 @@ const MachinesTable = ({ machines = [], numToRender }) => {
                       <StyledCell key={idx} align="left">
                         {makePercentageText(
                           it,
-                          machine.cashUnits[`cassette${it}`]
+                          machine.cashUnits[`cassette${it}`],
                         )}
                       </StyledCell>
                     ) : (
                       <StyledCell key={idx} align="left">
                         <TL2>{`— %`}</TL2>
                       </StyledCell>
-                    )
+                    ),
                   )}
                 </TableRow>
               )
diff --git a/packages/admin-ui/src/pages/Dashboard/SystemStatus/MachinesTable.styles.js b/packages/admin-ui/src/pages/Dashboard/SystemStatus/MachinesTable.styles.js
index b8774833..844a9455 100644
--- a/packages/admin-ui/src/pages/Dashboard/SystemStatus/MachinesTable.styles.js
+++ b/packages/admin-ui/src/pages/Dashboard/SystemStatus/MachinesTable.styles.js
@@ -2,28 +2,28 @@ import {
   backgroundColor,
   offColor,
   errorColor,
-  primaryColor
+  primaryColor,
 } from 'src/styling/variables'
 
 const styles = {
   label: {
     margin: 0,
-    color: offColor
+    color: offColor,
   },
   row: {
     backgroundColor: backgroundColor,
-    borderBottom: 'none'
+    borderBottom: 'none',
   },
   clickableRow: {
-    cursor: 'pointer'
+    cursor: 'pointer',
   },
   header: {
     display: 'flex',
     alignItems: 'center',
-    whiteSpace: 'pre'
+    whiteSpace: 'pre',
   },
   error: {
-    color: errorColor
+    color: errorColor,
   },
   button: {
     color: primaryColor,
@@ -32,46 +32,46 @@ const styles = {
     padding: 0,
     textTransform: 'none',
     '&:hover': {
-      backgroundColor: 'transparent'
+      backgroundColor: 'transparent',
     },
-    marginBottom: -40
+    marginBottom: -40,
   },
   buttonLabel: {
     position: 'absolute',
     bottom: 160,
-    marginBottom: 0
+    marginBottom: 0,
   },
   statusHeader: {
-    marginLeft: 2
+    marginLeft: 2,
   },
   tableBody: {
-    overflow: 'auto'
+    overflow: 'auto',
   },
   tl2: {
-    display: 'inline'
+    display: 'inline',
   },
   label1: {
-    display: 'inline'
+    display: 'inline',
   },
   machinesTableContainer: {
-    height: 220
+    height: 220,
   },
   expandedMachinesTableContainer: {
-    height: 414
+    height: 414,
   },
   centerLabel: {
     marginBottom: 0,
     padding: 0,
-    textAlign: 'center'
+    textAlign: 'center',
   },
   machineNameWrapper: {
     display: 'flex',
     flexDirection: 'row',
-    alignItems: 'center'
+    alignItems: 'center',
   },
   machineRedirectIcon: {
-    marginLeft: 10
-  }
+    marginLeft: 10,
+  },
 }
 
 export default styles
diff --git a/packages/admin-ui/src/pages/Dashboard/SystemStatus/SystemStatus.jsx b/packages/admin-ui/src/pages/Dashboard/SystemStatus/SystemStatus.jsx
index 7b043d1a..1bd249b6 100644
--- a/packages/admin-ui/src/pages/Dashboard/SystemStatus/SystemStatus.jsx
+++ b/packages/admin-ui/src/pages/Dashboard/SystemStatus/SystemStatus.jsx
@@ -60,7 +60,7 @@ const SystemStatus = ({ onReset, onExpand, size }) => {
 
   const machinesTableContainerClasses = {
     'h-55': !showAllItems,
-    'h-103': showAllItems
+    'h-103': showAllItems,
   }
   // const uptime = data?.uptime ?? [{}]
   return (
diff --git a/packages/admin-ui/src/pages/Dashboard/SystemStatus/index.js b/packages/admin-ui/src/pages/Dashboard/SystemStatus/index.js
index 74b705c6..41973d9b 100644
--- a/packages/admin-ui/src/pages/Dashboard/SystemStatus/index.js
+++ b/packages/admin-ui/src/pages/Dashboard/SystemStatus/index.js
@@ -1,2 +1,3 @@
 import SystemStatus from './SystemStatus'
+
 export default SystemStatus
diff --git a/packages/admin-ui/src/pages/Dashboard/index.js b/packages/admin-ui/src/pages/Dashboard/index.js
index d08092b2..f952036f 100644
--- a/packages/admin-ui/src/pages/Dashboard/index.js
+++ b/packages/admin-ui/src/pages/Dashboard/index.js
@@ -1,2 +1,3 @@
 import Dashboard from './Dashboard'
+
 export default Dashboard
diff --git a/packages/admin-ui/src/pages/Funding/Funding.jsx b/packages/admin-ui/src/pages/Funding/Funding.jsx
index 9c0c589d..86d83735 100644
--- a/packages/admin-ui/src/pages/Funding/Funding.jsx
+++ b/packages/admin-ui/src/pages/Funding/Funding.jsx
@@ -13,7 +13,7 @@ import {
   Td,
   THead,
   TBody,
-  Table
+  Table,
 } from 'src/components/fake-table/Table.jsx'
 import Sidebar from 'src/components/layout/Sidebar.jsx'
 import {
@@ -22,7 +22,7 @@ import {
   Info2,
   Info3,
   Label1,
-  Label3
+  Label3,
 } from 'src/components/typography/index.jsx'
 import CopyToClipboard from 'src/components/CopyToClipboard.jsx'
 
@@ -36,7 +36,7 @@ const NODE_NOT_CONNECTED_ERR =
 const sizes = {
   big: 165,
   time: 140,
-  date: 130
+  date: 130,
 }
 
 const GET_FUNDING = gql`
@@ -67,7 +67,7 @@ const getConfirmedTotal = list => {
     list
       .filter(it => !it.errorMsg)
       .map(it => new BigNumber(it.fiatConfirmedBalance))
-      .reduce(sumReducer, new BigNumber(0))
+      .reduce(sumReducer, new BigNumber(0)),
   )
 }
 
@@ -76,7 +76,7 @@ const getPendingTotal = list => {
     list
       .filter(it => !it.errorMsg)
       .map(it => new BigNumber(it.fiatPending))
-      .reduce(sumReducer, new BigNumber(0))
+      .reduce(sumReducer, new BigNumber(0)),
   )
 }
 
@@ -90,22 +90,22 @@ const Funding = () => {
       fiatValue: 1000.0,
       date: new Date(),
       performedBy: null,
-      pending: true
+      pending: true,
     },
     {
       cryptoAmount: 10.0,
       balance: 12.23,
       fiatValue: 12000.0,
       date: new Date(),
-      performedBy: null
+      performedBy: null,
     },
     {
       cryptoAmount: 5.0,
       balance: 5.0,
       fiatValue: 50000.0,
       date: new Date(),
-      performedBy: null
-    }
+      performedBy: null,
+    },
   ]
 
   const isSelected = it => {
@@ -122,11 +122,11 @@ const Funding = () => {
   const itemRender = (it, active) => {
     const itemClass = {
       [classes.item]: true,
-      [classes.inactiveItem]: !active
+      [classes.inactiveItem]: !active,
     }
     const wrapperClass = {
       [classes.itemWrapper]: true,
-      [classes.error]: it.errorMsg
+      [classes.error]: it.errorMsg,
     }
 
     return (
@@ -212,7 +212,7 @@ const Funding = () => {
                 </Info3>
                 <Label3 inline noMargin className="ml-2">
                   {`(${signIfPositive(selected.fiatPending)} ${formatNumber(
-                    selected.fiatPending
+                    selected.fiatPending,
                   )} pending)`}
                 </Label3>
               </div>
@@ -226,7 +226,7 @@ const Funding = () => {
                       key={selected.cryptoCode}>
                       {formatAddress(
                         selected.cryptoCode,
-                        selected.fundingAddress
+                        selected.fundingAddress,
                       )}
                     </CopyToClipboard>
                   </strong>
diff --git a/packages/admin-ui/src/pages/Funding/Funding.module.css b/packages/admin-ui/src/pages/Funding/Funding.module.css
index 85eff346..d6a0baac 100644
--- a/packages/admin-ui/src/pages/Funding/Funding.module.css
+++ b/packages/admin-ui/src/pages/Funding/Funding.module.css
@@ -104,4 +104,4 @@
   font-weight: 400;
   width: 375px;
   margin: 12px 24px;
-}
\ No newline at end of file
+}
diff --git a/packages/admin-ui/src/pages/Locales/Locales.jsx b/packages/admin-ui/src/pages/Locales/Locales.jsx
index 06a526da..78388b83 100644
--- a/packages/admin-ui/src/pages/Locales/Locales.jsx
+++ b/packages/admin-ui/src/pages/Locales/Locales.jsx
@@ -20,7 +20,7 @@ import {
   LocaleSchema,
   OverridesSchema,
   localeDefaults,
-  overridesDefaults
+  overridesDefaults,
 } from './helper'
 
 const GET_DATA = gql`
@@ -113,7 +113,7 @@ const Locales = ({ name: SCREEN_KEY }) => {
   const [saveConfig] = useMutation(SAVE_CONFIG, {
     onCompleted: () => setWizard(false),
     refetchQueries: () => ['getData'],
-    onError: error => setError(error)
+    onError: error => setError(error),
   })
 
   const [dataToSave, setDataToSave] = useState(null)
@@ -229,7 +229,7 @@ const Locales = ({ name: SCREEN_KEY }) => {
           elements={overrides(data, localeOverrides, onChangeCoin)}
           disableAdd={R.compose(R.isEmpty, R.difference)(
             data?.machines.map(m => m.deviceId) ?? [],
-            localeOverrides?.map(o => o.machine) ?? []
+            localeOverrides?.map(o => o.machine) ?? [],
           )}
           setEditing={onEditingOverrides}
           forceDisable={isEditingDefault}
diff --git a/packages/admin-ui/src/pages/Locales/helper.js b/packages/admin-ui/src/pages/Locales/helper.js
index b8193c56..2b82f11e 100644
--- a/packages/admin-ui/src/pages/Locales/helper.js
+++ b/packages/admin-ui/src/pages/Locales/helper.js
@@ -7,7 +7,7 @@ import { labels as timezoneList } from 'src/utils/timezone-list'
 const getFields = (getData, names, onChange, auxElements = []) => {
   return R.filter(
     it => R.includes(it.name, names),
-    allFields(getData, onChange, auxElements)
+    allFields(getData, onChange, auxElements),
   )
 }
 
@@ -17,7 +17,7 @@ const allFields = (getData, onChange, auxElements = []) => {
 
     return R.compose(
       it => `${R.prop(code)(it)} ${it?.isBeta ? '(Beta)' : ''}`,
-      R.find(R.propEq(compare ?? 'code', it))
+      R.find(R.propEq(compare ?? 'code', it)),
     )(data)
   }
 
@@ -60,8 +60,8 @@ const allFields = (getData, onChange, auxElements = []) => {
         options: it =>
           R.concat(findSuggestion(it))(suggestionFilter(machineData)),
         valueProp: 'deviceId',
-        labelProp: 'name'
-      }
+        labelProp: 'name',
+      },
     },
     {
       name: 'country',
@@ -72,8 +72,8 @@ const allFields = (getData, onChange, auxElements = []) => {
       inputProps: {
         options: countryData,
         valueProp: 'code',
-        labelProp: 'display'
-      }
+        labelProp: 'display',
+      },
     },
     {
       name: 'fiatCurrency',
@@ -84,8 +84,8 @@ const allFields = (getData, onChange, auxElements = []) => {
       inputProps: {
         options: currencyData,
         valueProp: 'code',
-        labelProp: 'code'
-      }
+        labelProp: 'code',
+      },
     },
     {
       name: 'languages',
@@ -97,8 +97,8 @@ const allFields = (getData, onChange, auxElements = []) => {
         options: languageData,
         valueProp: 'code',
         labelProp: 'display',
-        multiple: true
-      }
+        multiple: true,
+      },
     },
     {
       name: 'cryptoCurrencies',
@@ -112,8 +112,8 @@ const allFields = (getData, onChange, auxElements = []) => {
         labelProp: 'codeLabel',
         multiple: true,
         optionsLimit: null,
-        onChange
-      }
+        onChange,
+      },
     },
     {
       name: 'timezone',
@@ -124,9 +124,9 @@ const allFields = (getData, onChange, auxElements = []) => {
       inputProps: {
         options: timezonesData,
         valueProp: 'code',
-        labelProp: 'label'
-      }
-    }
+        labelProp: 'label',
+      },
+    },
   ]
 }
 
@@ -137,7 +137,7 @@ const mainFields = (auxData, configureCoin) => {
     getData,
     ['country', 'fiatCurrency', 'languages', 'cryptoCurrencies', 'timezone'],
     configureCoin,
-    undefined
+    undefined,
   )
 }
 
@@ -148,7 +148,7 @@ const overrides = (auxData, auxElements, configureCoin) => {
     getData,
     ['machine', 'country', 'languages', 'cryptoCurrencies'],
     configureCoin,
-    auxElements
+    auxElements,
   )
 }
 
@@ -157,14 +157,14 @@ const LocaleSchema = Yup.object().shape({
   fiatCurrency: Yup.string().label('Fiat currency').required(),
   languages: Yup.array().label('Languages').required().min(1).max(4),
   cryptoCurrencies: Yup.array().label('Crypto currencies').required().min(1),
-  timezone: Yup.string().label('Timezone').required()
+  timezone: Yup.string().label('Timezone').required(),
 })
 
 const OverridesSchema = Yup.object().shape({
   machine: Yup.string().label('Machine').required(),
   country: Yup.string().label('Country').required(),
   languages: Yup.array().label('Languages').required().min(1).max(4),
-  cryptoCurrencies: Yup.array().label('Crypto currencies').required().min(1)
+  cryptoCurrencies: Yup.array().label('Crypto currencies').required().min(1),
 })
 
 const localeDefaults = {
@@ -172,14 +172,14 @@ const localeDefaults = {
   fiatCurrency: '',
   languages: [],
   cryptoCurrencies: [],
-  timezone: ''
+  timezone: '',
 }
 
 const overridesDefaults = {
   machine: '',
   country: '',
   languages: [],
-  cryptoCurrencies: []
+  cryptoCurrencies: [],
 }
 
 export {
@@ -188,5 +188,5 @@ export {
   LocaleSchema,
   OverridesSchema,
   localeDefaults,
-  overridesDefaults
+  overridesDefaults,
 }
diff --git a/packages/admin-ui/src/pages/Logs/Logs.module.css b/packages/admin-ui/src/pages/Logs/Logs.module.css
index cf3dde45..869f58dd 100644
--- a/packages/admin-ui/src/pages/Logs/Logs.module.css
+++ b/packages/admin-ui/src/pages/Logs/Logs.module.css
@@ -71,4 +71,4 @@
 
 .buttonsWrapper > * {
   margin: auto 6px;
-}
\ No newline at end of file
+}
diff --git a/packages/admin-ui/src/pages/Logs/MachineLogs.jsx b/packages/admin-ui/src/pages/Logs/MachineLogs.jsx
index 0046ae3c..d6fccf0c 100644
--- a/packages/admin-ui/src/pages/Logs/MachineLogs.jsx
+++ b/packages/admin-ui/src/pages/Logs/MachineLogs.jsx
@@ -12,7 +12,7 @@ import {
   TableRow,
   TableHeader,
   TableBody,
-  TableCell
+  TableCell,
 } from 'src/components/table/index.js'
 import { formatDate } from 'src/utils/timezones.js'
 
@@ -91,8 +91,8 @@ const Logs = () => {
     {
       variables: { deviceId, limit: NUM_LOG_RESULTS },
       skip: !selected,
-      onCompleted: () => setSaveMessage('')
-    }
+      onCompleted: () => setSaveMessage(''),
+    },
   )
 
   if (machineResponse?.machines?.length && !selected) {
diff --git a/packages/admin-ui/src/pages/Logs/ServerLogs.jsx b/packages/admin-ui/src/pages/Logs/ServerLogs.jsx
index ac2d1926..ceded0db 100644
--- a/packages/admin-ui/src/pages/Logs/ServerLogs.jsx
+++ b/packages/admin-ui/src/pages/Logs/ServerLogs.jsx
@@ -13,7 +13,7 @@ import {
   TableRow,
   TableHeader,
   TableBody,
-  TableCell
+  TableCell,
 } from 'src/components/table/index.js'
 import { startCase } from 'src/utils/string.js'
 import { formatDate } from 'src/utils/timezones.js'
@@ -73,8 +73,8 @@ const Logs = () => {
   const { data, loading: dataLoading } = useQuery(GET_SERVER_DATA, {
     onCompleted: () => setSaveMessage(''),
     variables: {
-      limit: NUM_LOG_RESULTS
-    }
+      limit: NUM_LOG_RESULTS,
+    },
   })
   const { data: configResponse, loading: configLoading } = useQuery(GET_DATA)
   const timezone = R.path(['config', 'locale_timezone'], configResponse)
@@ -82,7 +82,7 @@ const Logs = () => {
   const defaultLogLevels = [
     { code: 'error', display: 'Error' },
     { code: 'info', display: 'Info' },
-    { code: 'debug', display: 'Debug' }
+    { code: 'debug', display: 'Debug' },
   ]
   const serverVersion = data?.serverVersion
   const processStates = data?.uptime ?? []
@@ -93,9 +93,9 @@ const Logs = () => {
     R.concat(defaultLogLevels),
     R.map(it => ({
       code: R.path(['logLevel'])(it),
-      display: startCase(R.path(['logLevel'])(it))
+      display: startCase(R.path(['logLevel'])(it)),
     })),
-    R.path(['serverLogs'])
+    R.path(['serverLogs']),
   )
 
   const handleLogLevelChange = logLevel => {
@@ -166,7 +166,7 @@ const Logs = () => {
                 data.serverLogs
                   .filter(
                     log =>
-                      logLevel === SHOW_ALL || log.logLevel === logLevel.code
+                      logLevel === SHOW_ALL || log.logLevel === logLevel.code,
                   )
                   .map((log, idx) => (
                     <TableRow key={idx} size="sm">
@@ -175,7 +175,7 @@ const Logs = () => {
                           formatDate(
                             log.timestamp,
                             timezone,
-                            'yyyy-MM-dd HH:mm'
+                            'yyyy-MM-dd HH:mm',
                           )}
                       </TableCell>
                       <TableCell>{log.logLevel}</TableCell>
diff --git a/packages/admin-ui/src/pages/Logs/ServerLogs.module.css b/packages/admin-ui/src/pages/Logs/ServerLogs.module.css
index ddea352c..b6cea140 100644
--- a/packages/admin-ui/src/pages/Logs/ServerLogs.module.css
+++ b/packages/admin-ui/src/pages/Logs/ServerLogs.module.css
@@ -17,4 +17,4 @@
 
 .uptimeContainer {
   margin: auto 0 auto 0;
-}
\ No newline at end of file
+}
diff --git a/packages/admin-ui/src/pages/LoyaltyPanel/IndividualDiscountModal.jsx b/packages/admin-ui/src/pages/LoyaltyPanel/IndividualDiscountModal.jsx
index 840964ab..7fdefc2f 100644
--- a/packages/admin-ui/src/pages/LoyaltyPanel/IndividualDiscountModal.jsx
+++ b/packages/admin-ui/src/pages/LoyaltyPanel/IndividualDiscountModal.jsx
@@ -12,7 +12,7 @@ import { NumberInput, Autocomplete } from 'src/components/inputs/formik'
 
 const initialValues = {
   customer: '',
-  discount: ''
+  discount: '',
 }
 
 const validationSchema = Yup.object().shape({
@@ -20,7 +20,7 @@ const validationSchema = Yup.object().shape({
   discount: Yup.number()
     .required('A discount rate is required!')
     .min(0, 'Discount rate should be a positive number!')
-    .max(100, 'Discount rate should have a maximum value of 100%!')
+    .max(100, 'Discount rate should have a maximum value of 100%!'),
 })
 
 const getErrorMsg = (formikErrors, formikTouched, mutationError) => {
@@ -39,14 +39,14 @@ const IndividualDiscountModal = ({
   onClose,
   creationError,
   addDiscount,
-  customers
+  customers,
 }) => {
   const handleAddDiscount = (customer, discount) => {
     addDiscount({
       variables: {
         customerId: customer,
-        discount: parseInt(discount)
-      }
+        discount: parseInt(discount),
+      },
     })
     setShowModal(false)
   }
@@ -85,7 +85,7 @@ const IndividualDiscountModal = ({
                         it?.idCardData?.firstName && it?.idCardData?.lastName
                           ? ` `
                           : ``
-                      }${it?.idCardData?.lastName ?? ``} (${it.phone})`
+                      }${it?.idCardData?.lastName ?? ``} (${it.phone})`,
                     }))(customers)}
                     labelProp="display"
                     valueProp="code"
diff --git a/packages/admin-ui/src/pages/LoyaltyPanel/IndividualDiscounts.jsx b/packages/admin-ui/src/pages/LoyaltyPanel/IndividualDiscounts.jsx
index 936cedff..fb6b08d5 100644
--- a/packages/admin-ui/src/pages/LoyaltyPanel/IndividualDiscounts.jsx
+++ b/packages/admin-ui/src/pages/LoyaltyPanel/IndividualDiscounts.jsx
@@ -69,8 +69,8 @@ const IndividualDiscounts = () => {
   const [createDiscount, { error: creationError }] = useMutation(
     CREATE_DISCOUNT,
     {
-      refetchQueries: () => ['individualDiscounts']
-    }
+      refetchQueries: () => ['individualDiscounts'],
+    },
   )
 
   const [deleteDiscount] = useMutation(DELETE_DISCOUNT, {
@@ -79,7 +79,7 @@ const IndividualDiscounts = () => {
       setErrorMsg(errorMessage)
     },
     onCompleted: () => setDeleteDialog(false),
-    refetchQueries: () => ['individualDiscounts']
+    refetchQueries: () => ['individualDiscounts'],
   })
 
   const elements = [
@@ -95,7 +95,7 @@ const IndividualDiscounts = () => {
             <span>{t.customer.phone}</span>
           </div>
         )
-      }
+      },
     },
     {
       header: 'Name',
@@ -115,7 +115,7 @@ const IndividualDiscounts = () => {
               : ``
           }${customer.idCardData.lastName ?? ``}`}</>
         )
-      }
+      },
     },
     {
       header: 'Discount rate',
@@ -126,7 +126,7 @@ const IndividualDiscounts = () => {
         <>
           <TL1 inline>{t.discount}</TL1> %
         </>
-      )
+      ),
     },
     {
       header: 'Revoke',
@@ -143,8 +143,8 @@ const IndividualDiscounts = () => {
             <DeleteIcon />
           </SvgIcon>
         </IconButton>
-      )
-    }
+      ),
+    },
   ]
 
   return (
diff --git a/packages/admin-ui/src/pages/LoyaltyPanel/PromoCodes.jsx b/packages/admin-ui/src/pages/LoyaltyPanel/PromoCodes.jsx
index d53a727a..73b3ddca 100644
--- a/packages/admin-ui/src/pages/LoyaltyPanel/PromoCodes.jsx
+++ b/packages/admin-ui/src/pages/LoyaltyPanel/PromoCodes.jsx
@@ -59,23 +59,23 @@ const PromoCodes = () => {
       setErrorMsg(errorMessage)
     },
     onCompleted: () => setDeleteDialog(false),
-    refetchQueries: () => ['promoCodes']
+    refetchQueries: () => ['promoCodes'],
   })
 
   const [createCode] = useMutation(CREATE_CODE, {
-    refetchQueries: () => ['promoCodes']
+    refetchQueries: () => ['promoCodes'],
   })
 
   const addCode = (code, discount) => {
     setErrorMsg(null)
     createCode({
-      variables: { code: code, discount: discount }
+      variables: { code: code, discount: discount },
     })
       .then(res => {
         if (!res.errors) return setShowModal(false)
 
         const duplicateCodeError = R.any(it =>
-          R.includes('duplicate', it?.message)
+          R.includes('duplicate', it?.message),
         )(res.errors)
 
         const msg = duplicateCodeError ? DUPLICATE_ERROR_MSG : DEFAULT_ERROR_MSG
@@ -93,7 +93,7 @@ const PromoCodes = () => {
       width: 300,
       textAlign: 'left',
       size: 'sm',
-      view: t => t.code
+      view: t => t.code,
     },
     {
       header: 'Discount',
@@ -104,7 +104,7 @@ const PromoCodes = () => {
         <>
           <TL1 inline>{t.discount}</TL1> % in commissions
         </>
-      )
+      ),
     },
     {
       header: 'Delete',
@@ -121,8 +121,8 @@ const PromoCodes = () => {
             <DeleteIcon />
           </SvgIcon>
         </IconButton>
-      )
-    }
+      ),
+    },
   ]
 
   return (
diff --git a/packages/admin-ui/src/pages/LoyaltyPanel/PromoCodesModal.jsx b/packages/admin-ui/src/pages/LoyaltyPanel/PromoCodesModal.jsx
index 15d064e5..d44ebf71 100644
--- a/packages/admin-ui/src/pages/LoyaltyPanel/PromoCodesModal.jsx
+++ b/packages/admin-ui/src/pages/LoyaltyPanel/PromoCodesModal.jsx
@@ -12,7 +12,7 @@ import { TextInput, NumberInput } from 'src/components/inputs/formik'
 
 const initialValues = {
   code: '',
-  discount: ''
+  discount: '',
 }
 
 const validationSchema = Yup.object().shape({
@@ -21,7 +21,7 @@ const validationSchema = Yup.object().shape({
     .trim()
     .max(25)
     .matches(/^\S*$/, 'No whitespace allowed'),
-  discount: Yup.number().required().min(0).max(100)
+  discount: Yup.number().required().min(0).max(100),
 })
 
 const PromoCodesModal = ({ showModal, onClose, errorMsg, addCode }) => {
diff --git a/packages/admin-ui/src/pages/Machines/MachineComponents/Cassettes/Cassettes.jsx b/packages/admin-ui/src/pages/Machines/MachineComponents/Cassettes/Cassettes.jsx
index 0dd0b5a4..f055537b 100644
--- a/packages/admin-ui/src/pages/Machines/MachineComponents/Cassettes/Cassettes.jsx
+++ b/packages/admin-ui/src/pages/Machines/MachineComponents/Cassettes/Cassettes.jsx
@@ -37,7 +37,7 @@ const widths = {
   name: 0,
   cashbox: 175,
   cassettes: 585,
-  edit: 90
+  edit: 90,
 }
 
 const CashCassettes = ({ machine, config, refetchData, bills }) => {
@@ -50,11 +50,11 @@ const CashCassettes = ({ machine, config, refetchData, bills }) => {
   const getCashoutSettings = deviceId => fromNamespace(deviceId)(cashout)
 
   const elements = R.filter(it => it.name !== 'name')(
-    helper.getElements(config, bills, setWizard, widths)
+    helper.getElements(config, bills, setWizard, widths),
   )
 
   const [setCassetteBills, { error }] = useMutation(SET_CASSETTE_BILLS, {
-    refetchQueries: () => refetchData()
+    refetchQueries: () => refetchData(),
   })
 
   const onSave = (_, cashUnits) =>
@@ -62,8 +62,8 @@ const CashCassettes = ({ machine, config, refetchData, bills }) => {
       variables: {
         action: 'setCassetteBills',
         deviceId: machine.deviceId,
-        cashUnits
-      }
+        cashUnits,
+      },
     })
 
   const InnerCashUnitDetails = ({ it }) => (
diff --git a/packages/admin-ui/src/pages/Machines/MachineComponents/Cassettes/index.js b/packages/admin-ui/src/pages/Machines/MachineComponents/Cassettes/index.js
index e70fe4c3..5d089de2 100644
--- a/packages/admin-ui/src/pages/Machines/MachineComponents/Cassettes/index.js
+++ b/packages/admin-ui/src/pages/Machines/MachineComponents/Cassettes/index.js
@@ -1,2 +1,3 @@
 import Cassettes from './Cassettes'
+
 export default Cassettes
diff --git a/packages/admin-ui/src/pages/Machines/MachineComponents/Commissions/Commissions.jsx b/packages/admin-ui/src/pages/Machines/MachineComponents/Commissions/Commissions.jsx
index 29dae910..4e5bf03e 100644
--- a/packages/admin-ui/src/pages/Machines/MachineComponents/Commissions/Commissions.jsx
+++ b/packages/admin-ui/src/pages/Machines/MachineComponents/Commissions/Commissions.jsx
@@ -1,4 +1,4 @@
-import { useQuery, useMutation, gql } from "@apollo/client";
+import { useQuery, useMutation, gql } from '@apollo/client'
 import * as R from 'ramda'
 import React from 'react'
 
@@ -30,12 +30,12 @@ const SAVE_CONFIG = gql`
 const Commissions = ({ name: SCREEN_KEY, id: deviceId }) => {
   const { data, loading } = useQuery(GET_DATA)
   const [saveConfig] = useMutation(SAVE_CONFIG, {
-    refetchQueries: () => ['getData']
+    refetchQueries: () => ['getData'],
   })
 
   const config = data?.config && fromNamespace(SCREEN_KEY)(data.config)
   const currency = R.path(['fiatCurrency'])(
-    fromNamespace(namespaces.LOCALE)(data?.config)
+    fromNamespace(namespaces.LOCALE)(data?.config),
   )
 
   const saveOverrides = it => {
@@ -49,7 +49,7 @@ const Commissions = ({ name: SCREEN_KEY, id: deviceId }) => {
     const overrides = config.overrides
       ? R.concat(
           R.filter(R.propEq('machine', 'ALL_MACHINES'), config.overrides),
-          R.filter(R.propEq('machine', deviceId), config.overrides)
+          R.filter(R.propEq('machine', deviceId), config.overrides),
         )
       : []
 
@@ -64,7 +64,7 @@ const Commissions = ({ name: SCREEN_KEY, id: deviceId }) => {
             cashOut: config.cashOut,
             fixedFee: config.fixedFee,
             minimumTx: config.minimumTx,
-            cashOutFixedFee: config.cashOutFixedFee
+            cashOutFixedFee: config.cashOutFixedFee,
           },
           R.project(
             ['cashIn', 'cashOut', 'fixedFee', 'minimumTx', 'cashOutFixedFee'],
@@ -72,11 +72,11 @@ const Commissions = ({ name: SCREEN_KEY, id: deviceId }) => {
               o =>
                 R.includes(coin.code, o.cryptoCurrencies) ||
                 R.includes('ALL_COINS', o.cryptoCurrencies),
-              overrides
-            )
-          )
+              overrides,
+            ),
+          ),
         ),
-      data.cryptoCurrencies
+      data.cryptoCurrencies,
     )
   }
 
diff --git a/packages/admin-ui/src/pages/Machines/MachineComponents/Commissions/helper.jsx b/packages/admin-ui/src/pages/Machines/MachineComponents/Commissions/helper.jsx
index 70065128..aa3bf049 100644
--- a/packages/admin-ui/src/pages/Machines/MachineComponents/Commissions/helper.jsx
+++ b/packages/admin-ui/src/pages/Machines/MachineComponents/Commissions/helper.jsx
@@ -24,7 +24,7 @@ const getOverridesFields = currency => {
       name: 'name',
       width: 280,
       size: 'sm',
-      view: it => `${it}`
+      view: it => `${it}`,
     },
     {
       header: cashInHeader,
@@ -32,7 +32,7 @@ const getOverridesFields = currency => {
       display: 'Cash-in',
       width: 130,
       textAlign: 'right',
-      suffix: '%'
+      suffix: '%',
     },
     {
       header: cashOutHeader,
@@ -42,8 +42,8 @@ const getOverridesFields = currency => {
       textAlign: 'right',
       suffix: '%',
       inputProps: {
-        decimalPlaces: 3
-      }
+        decimalPlaces: 3,
+      },
     },
     {
       name: 'fixedFee',
@@ -51,7 +51,7 @@ const getOverridesFields = currency => {
       width: 155,
       doubleHeader: 'Cash-in only',
       textAlign: 'right',
-      suffix: currency
+      suffix: currency,
     },
     {
       name: 'minimumTx',
@@ -59,7 +59,7 @@ const getOverridesFields = currency => {
       width: 155,
       doubleHeader: 'Cash-in only',
       textAlign: 'right',
-      suffix: currency
+      suffix: currency,
     },
     {
       name: 'cashOutFixedFee',
@@ -67,8 +67,8 @@ const getOverridesFields = currency => {
       width: 155,
       doubleHeader: 'Cash-out only',
       textAlign: 'right',
-      suffix: currency
-    }
+      suffix: currency,
+    },
   ]
 }
 
diff --git a/packages/admin-ui/src/pages/Machines/MachineComponents/Overview.jsx b/packages/admin-ui/src/pages/Machines/MachineComponents/Overview.jsx
index da3f939a..8fc4c6e9 100644
--- a/packages/admin-ui/src/pages/Machines/MachineComponents/Overview.jsx
+++ b/packages/admin-ui/src/pages/Machines/MachineComponents/Overview.jsx
@@ -28,7 +28,7 @@ const Overview = ({ data, onActionSuccess }) => {
           <P noMargin>
             {data.lastPing
               ? formatDistance(new Date(data.lastPing), new Date(), {
-                  addSuffix: true
+                  addSuffix: true,
                 })
               : 'unknown'}
           </P>
diff --git a/packages/admin-ui/src/pages/Machines/MachineComponents/Transactions/Transactions.jsx b/packages/admin-ui/src/pages/Machines/MachineComponents/Transactions/Transactions.jsx
index aac44707..4eb9bdc6 100644
--- a/packages/admin-ui/src/pages/Machines/MachineComponents/Transactions/Transactions.jsx
+++ b/packages/admin-ui/src/pages/Machines/MachineComponents/Transactions/Transactions.jsx
@@ -77,9 +77,9 @@ const Transactions = ({ id }) => {
     {
       variables: {
         limit: NUM_LOG_RESULTS,
-        deviceId: id
-      }
-    }
+        deviceId: id,
+      },
+    },
   )
 
   const { data: configData, loading: configLoading } = useQuery(GET_DATA)
@@ -102,20 +102,20 @@ const Transactions = ({ id }) => {
       header: '',
       width: 0,
       size: 'sm',
-      view: it => (it.txClass === 'cashOut' ? <TxOutIcon /> : <TxInIcon />)
+      view: it => (it.txClass === 'cashOut' ? <TxOutIcon /> : <TxInIcon />),
     },
     {
       header: 'Customer',
       width: 122,
       size: 'sm',
-      view: Customer.displayName
+      view: Customer.displayName,
     },
     {
       header: 'Cash',
       width: 144,
       textAlign: 'right',
       size: 'sm',
-      view: it => `${Number.parseFloat(it.fiat)} ${it.fiatCode}`
+      view: it => `${Number.parseFloat(it.fiat)} ${it.fiatCode}`,
     },
     {
       header: 'Crypto',
@@ -125,7 +125,7 @@ const Transactions = ({ id }) => {
       view: it =>
         `${toUnit(new BigNumber(it.cryptoAtoms), it.cryptoCode).toFormat(5)} ${
           it.cryptoCode
-        }`
+        }`,
     },
     {
       header: 'Address',
@@ -133,21 +133,21 @@ const Transactions = ({ id }) => {
       className: 'overflow-hidden whitespace-nowrap text-ellipsis',
       size: 'sm',
       textAlign: 'left',
-      width: 140
+      width: 140,
     },
     {
       header: 'Date',
       view: it => formatDate(it.created, timezone, 'yyyy‑MM‑dd'),
       textAlign: 'left',
       size: 'sm',
-      width: 140
+      width: 140,
     },
     {
       header: 'Status',
       view: it => getStatus(it),
       size: 'sm',
-      width: 20
-    }
+      width: 20,
+    },
   ]
 
   const handleClick = e => {
diff --git a/packages/admin-ui/src/pages/Machines/MachineComponents/Transactions/index.js b/packages/admin-ui/src/pages/Machines/MachineComponents/Transactions/index.js
index 1d3254c5..57bc006e 100644
--- a/packages/admin-ui/src/pages/Machines/MachineComponents/Transactions/index.js
+++ b/packages/admin-ui/src/pages/Machines/MachineComponents/Transactions/index.js
@@ -1,2 +1,3 @@
 import Transactions from './Transactions'
+
 export default Transactions
diff --git a/packages/admin-ui/src/pages/Machines/Machines.jsx b/packages/admin-ui/src/pages/Machines/Machines.jsx
index 51975340..e26bce22 100644
--- a/packages/admin-ui/src/pages/Machines/Machines.jsx
+++ b/packages/admin-ui/src/pages/Machines/Machines.jsx
@@ -79,9 +79,9 @@ const MachineRoute = () => {
       deviceId: id,
       billFilters: {
         deviceId: id,
-        batch: 'none'
-      }
-    }
+        batch: 'none',
+      },
+    },
   })
 
   const reload = () => {
diff --git a/packages/admin-ui/src/pages/Maintenance/CashUnitDetails.jsx b/packages/admin-ui/src/pages/Maintenance/CashUnitDetails.jsx
index 00b196ac..60128171 100644
--- a/packages/admin-ui/src/pages/Maintenance/CashUnitDetails.jsx
+++ b/packages/admin-ui/src/pages/Maintenance/CashUnitDetails.jsx
@@ -12,7 +12,7 @@ const CashUnitDetails = ({
   bills,
   currency,
   config,
-  hideMachineData = false
+  hideMachineData = false,
 }) => {
   const billCount = R.countBy(it => it.fiat)(bills)
   const fillingPercentageSettings = fromNamespace('notifications', config)
diff --git a/packages/admin-ui/src/pages/Maintenance/CashUnits.jsx b/packages/admin-ui/src/pages/Maintenance/CashUnits.jsx
index 8d045bf5..4dc49033 100644
--- a/packages/admin-ui/src/pages/Maintenance/CashUnits.jsx
+++ b/packages/admin-ui/src/pages/Maintenance/CashUnits.jsx
@@ -108,7 +108,7 @@ const widths = {
   name: 250,
   cashbox: 200,
   cassettes: 575,
-  edit: 90
+  edit: 90,
 }
 
 const CashCassettes = () => {
@@ -119,9 +119,9 @@ const CashCassettes = () => {
   const { data, loading: dataLoading } = useQuery(GET_MACHINES_AND_CONFIG, {
     variables: {
       billFilters: {
-        batch: 'none'
-      }
-    }
+        batch: 'none',
+      },
+    },
   })
   const [wizard, setWizard] = useState(false)
   const [machineId, setMachineId] = useState('')
@@ -130,18 +130,18 @@ const CashCassettes = () => {
   const unpairedMachines = R.path(['unpairedMachines'])(data) ?? []
   const config = R.path(['config'])(data) ?? {}
   const [setCassetteBills, { error }] = useMutation(SET_CASSETTE_BILLS, {
-    refetchQueries: () => ['getData']
+    refetchQueries: () => ['getData'],
   })
   const [saveConfig] = useMutation(SAVE_CONFIG, {
     onCompleted: () => setEditingSchema(false),
-    refetchQueries: () => ['getData']
+    refetchQueries: () => ['getData'],
   })
 
   const timezone = R.path(['config', 'locale_timezone'], data)
 
   const bills = R.groupBy(bill => bill.deviceId)(R.path(['bills'])(data) ?? [])
   const deviceIds = R.uniq(
-    R.map(R.prop('deviceId'))(R.path(['bills'])(data) ?? [])
+    R.map(R.prop('deviceId'))(R.path(['bills'])(data) ?? []),
   )
   const cashout = data?.config && fromNamespace('cashOut')(data.config)
   const locale = data?.config && fromNamespace('locale')(data.config)
@@ -154,8 +154,8 @@ const CashCassettes = () => {
       variables: {
         action: 'setCassetteBills',
         deviceId: id,
-        cashUnits
-      }
+        cashUnits,
+      },
     })
   }
 
@@ -176,7 +176,7 @@ const CashCassettes = () => {
 
   const radioButtonOptions = [
     { display: 'Automatic', code: AUTOMATIC },
-    { display: 'Manual', code: MANUAL }
+    { display: 'Manual', code: MANUAL },
   ]
 
   const handleRadioButtons = evt => {
@@ -189,7 +189,7 @@ const CashCassettes = () => {
     bills,
     setWizard,
     widths,
-    setMachineId
+    setMachineId,
   )
 
   const InnerCashUnitDetails = ({ it }) => (
@@ -211,7 +211,7 @@ const CashCassettes = () => {
               text: 'Cash box history',
               icon: HistoryIcon,
               inverseIcon: ReverseHistoryIcon,
-              toggle: setShowHistory
+              toggle: setShowHistory,
             },
             {
               component: showHistory ? (
@@ -226,8 +226,8 @@ const CashCassettes = () => {
                 />
               ) : (
                 <></>
-              )
-            }
+              ),
+            },
           ]}
           className="flex items-center mr-[1px]"
           appendix={
diff --git a/packages/admin-ui/src/pages/Maintenance/CashUnitsFooter.jsx b/packages/admin-ui/src/pages/Maintenance/CashUnitsFooter.jsx
index 856828af..dde73e25 100644
--- a/packages/admin-ui/src/pages/Maintenance/CashUnitsFooter.jsx
+++ b/packages/admin-ui/src/pages/Maintenance/CashUnitsFooter.jsx
@@ -8,18 +8,12 @@ import TxOutIcon from 'src/styling/icons/direction/cash-out.svg?react'
 import { fromNamespace } from 'src/utils/config'
 import { numberToFiatAmount } from 'src/utils/number'
 
-const CashCassettesFooter = ({
-  machines,
-  config,
-  currencyCode,
-  bills,
-  deviceIds
-}) => {
+const CashCassettesFooter = ({ machines, config, currencyCode, bills }) => {
   const cashout = config && fromNamespace('cashOut')(config)
   const getCashoutSettings = id => fromNamespace(id)(cashout)
   const cashoutReducerFn = (
     acc,
-    { cashUnits: { cassette1, cassette2, cassette3, cassette4 }, id }
+    { cashUnits: { cassette1, cassette2, cassette3, cassette4 }, id },
   ) => {
     const cassette1Denomination = getCashoutSettings(id).cassette1 ?? 0
     const cassette2Denomination = getCashoutSettings(id).cassette2 ?? 0
@@ -29,7 +23,7 @@ const CashCassettesFooter = ({
       (acc[0] += cassette1 * cassette1Denomination),
       (acc[1] += cassette2 * cassette2Denomination),
       (acc[2] += cassette3 * cassette3Denomination),
-      (acc[3] += cassette4 * cassette4Denomination)
+      (acc[3] += cassette4 * cassette4Denomination),
     ]
   }
 
@@ -42,10 +36,10 @@ const CashCassettesFooter = ({
         recycler3,
         recycler4,
         recycler5,
-        recycler6
+        recycler6,
       },
-      id
-    }
+      id,
+    },
   ) => {
     const recycler1Denomination = getCashoutSettings(id).recycler1 ?? 0
     const recycler2Denomination = getCashoutSettings(id).recycler2 ?? 0
@@ -59,22 +53,22 @@ const CashCassettesFooter = ({
       (acc[0] += recycler3 * recycler3Denomination),
       (acc[1] += recycler4 * recycler4Denomination),
       (acc[0] += recycler5 * recycler5Denomination),
-      (acc[1] += recycler6 * recycler6Denomination)
+      (acc[1] += recycler6 * recycler6Denomination),
     ]
   }
 
   const totalInRecyclers = R.sum(
-    R.reduce(recyclerReducerFn, [0, 0, 0, 0, 0, 0], machines)
+    R.reduce(recyclerReducerFn, [0, 0, 0, 0, 0, 0], machines),
   )
 
   const totalInCassettes = R.sum(
-    R.reduce(cashoutReducerFn, [0, 0, 0, 0], machines)
+    R.reduce(cashoutReducerFn, [0, 0, 0, 0], machines),
   )
 
   const totalInCashBox = R.sum(R.map(it => it.fiat)(bills))
 
   const total = new BigNumber(
-    totalInCassettes + totalInCashBox + totalInRecyclers
+    totalInCassettes + totalInCashBox + totalInRecyclers,
   ).toFormat(0)
 
   return (
diff --git a/packages/admin-ui/src/pages/Maintenance/CashboxHistory.jsx b/packages/admin-ui/src/pages/Maintenance/CashboxHistory.jsx
index 70b8f41e..44b8f0af 100644
--- a/packages/admin-ui/src/pages/Maintenance/CashboxHistory.jsx
+++ b/packages/admin-ui/src/pages/Maintenance/CashboxHistory.jsx
@@ -38,15 +38,15 @@ const CashboxHistory = ({ machines, currency, timezone }) => {
           <>
             <TxOutIcon />
             <span>Cash cassette {i} refill</span>
-          </>
+          </>,
         ),
         R.assoc(
           `cash-cassette-${i}-empty`,
           <>
             <TxOutIcon />
             <span>Cash cassette {i} emptied</span>
-          </>
-        )
+          </>,
+        ),
       )(ret),
     {
       'cash-box-empty': (
@@ -54,9 +54,9 @@ const CashboxHistory = ({ machines, currency, timezone }) => {
           <TxInIcon />
           <span>Cash box emptied</span>
         </>
-      )
+      ),
     },
-    R.range(1, 5)
+    R.range(1, 5),
   )
 
   const elements = [
@@ -69,7 +69,7 @@ const CashboxHistory = ({ machines, currency, timezone }) => {
         <div className="flex items-center gap-2">
           {getOperationRender[it.operationType]}
         </div>
-      )
+      ),
     },
     {
       name: 'machine',
@@ -80,8 +80,8 @@ const CashboxHistory = ({ machines, currency, timezone }) => {
         R.prop('deviceId'),
         id => R.find(R.propEq('id', id), machines),
         R.defaultTo({ name: <i>Unpaired device</i> }),
-        R.prop('name')
-      )
+        R.prop('name'),
+      ),
     },
     {
       name: 'billCount',
@@ -90,10 +90,10 @@ const CashboxHistory = ({ machines, currency, timezone }) => {
       textAlign: 'left',
       input: NumberInput,
       inputProps: {
-        decimalPlaces: 0
+        decimalPlaces: 0,
       },
       view: it =>
-        R.isNil(it.customBillCount) ? it.billCount : it.customBillCount
+        R.isNil(it.customBillCount) ? it.billCount : it.customBillCount,
     },
     {
       name: 'total',
@@ -104,22 +104,22 @@ const CashboxHistory = ({ machines, currency, timezone }) => {
         <span>
           {it.fiatTotal} {currency}
         </span>
-      )
+      ),
     },
     {
       name: 'date',
       header: 'Date',
       width: 135,
       textAlign: 'right',
-      view: it => formatDate(it.created, timezone, 'yyyy-MM-dd')
+      view: it => formatDate(it.created, timezone, 'yyyy-MM-dd'),
     },
     {
       name: 'time',
       header: 'Time (h:m)',
       width: 125,
       textAlign: 'right',
-      view: it => formatDate(it.created, timezone, 'HH:mm')
-    }
+      view: it => formatDate(it.created, timezone, 'HH:mm'),
+    },
   ]
 
   return (
diff --git a/packages/admin-ui/src/pages/Maintenance/MachineStatus.jsx b/packages/admin-ui/src/pages/Maintenance/MachineStatus.jsx
index 34eea6d3..b105a2b1 100644
--- a/packages/admin-ui/src/pages/Maintenance/MachineStatus.jsx
+++ b/packages/admin-ui/src/pages/Maintenance/MachineStatus.jsx
@@ -61,7 +61,7 @@ const MachineStatus = () => {
   const {
     data: machinesResponse,
     refetch,
-    loading: machinesLoading
+    loading: machinesLoading,
   } = useQuery(GET_MACHINES)
   const { data: configResponse, configLoading } = useQuery(GET_DATA)
   const timezone = R.path(['config', 'locale_timezone'], configResponse)
@@ -82,14 +82,14 @@ const MachineStatus = () => {
             <MachineRedirectIcon />
           </div>
         </div>
-      )
+      ),
     },
     {
       header: 'Status',
       width: 350,
       size: 'sm',
       textAlign: 'left',
-      view: m => <MainStatus statuses={m.statuses} />
+      view: m => <MainStatus statuses={m.statuses} />,
     },
     {
       header: 'Last ping',
@@ -99,22 +99,22 @@ const MachineStatus = () => {
       view: m =>
         m.lastPing
           ? formatDistance(new Date(m.lastPing), new Date(), {
-              addSuffix: true
+              addSuffix: true,
             })
-          : 'unknown'
+          : 'unknown',
     },
     {
       header: 'Software version',
       width: 200,
       size: 'sm',
       textAlign: 'left',
-      view: m => m.version || 'unknown'
-    }
+      view: m => m.version || 'unknown',
+    },
   ]
 
   const machines = R.path(['machines'])(machinesResponse) ?? []
   const expandedIndex = R.findIndex(R.propEq('deviceId', addedMachineId))(
-    machines
+    machines,
   )
 
   const InnerMachineDetailsRow = ({ it }) => (
diff --git a/packages/admin-ui/src/pages/Maintenance/Wizard/Wizard.jsx b/packages/admin-ui/src/pages/Maintenance/Wizard/Wizard.jsx
index a42680e4..b261e394 100644
--- a/packages/admin-ui/src/pages/Maintenance/Wizard/Wizard.jsx
+++ b/packages/admin-ui/src/pages/Maintenance/Wizard/Wizard.jsx
@@ -7,7 +7,7 @@ import { MAX_NUMBER_OF_CASSETTES } from 'src/utils/constants'
 import {
   cashUnitCapacity,
   getCashUnitCapacity,
-  modelPrettifier
+  modelPrettifier,
 } from 'src/utils/machine'
 import { defaultToZero } from 'src/utils/number'
 
@@ -19,7 +19,7 @@ const MODAL_HEIGHT = 535
 
 const CASSETTE_FIELDS = R.map(
   it => `cassette${it}`,
-  R.range(1, MAX_NUMBER_OF_CASSETTES + 1)
+  R.range(1, MAX_NUMBER_OF_CASSETTES + 1),
 )
 
 const RECYCLER_FIELDS = [
@@ -28,7 +28,7 @@ const RECYCLER_FIELDS = [
   'recycler3',
   'recycler4',
   'recycler5',
-  'recycler6'
+  'recycler6',
 ]
 
 const canManuallyLoadRecyclers = ({ model }) => ['grandola'].includes(model)
@@ -36,7 +36,7 @@ const canManuallyLoadRecyclers = ({ model }) => ['grandola'].includes(model)
 const Wizard = ({ machine, cashoutSettings, locale, onClose, save, error }) => {
   const [{ step, config }, setState] = useState({
     step: 0,
-    config: { active: true }
+    config: { active: true },
   })
 
   const isCashOutDisabled =
@@ -60,7 +60,7 @@ const Wizard = ({ machine, cashoutSettings, locale, onClose, save, error }) => {
     if (isLastStep) {
       const wasCashboxEmptied = [
         config?.wasCashboxEmptied,
-        it?.wasCashboxEmptied
+        it?.wasCashboxEmptied,
       ].includes('YES')
 
       const cassettes = buildCashUnitObj(CASSETTE_FIELDS, it)
@@ -71,7 +71,7 @@ const Wizard = ({ machine, cashoutSettings, locale, onClose, save, error }) => {
       const cashUnits = {
         cashbox: wasCashboxEmptied ? 0 : machine?.cashUnits.cashbox,
         ...cassettes,
-        ...recyclers
+        ...recyclers,
       }
 
       save(machine.id, cashUnits)
@@ -80,7 +80,7 @@ const Wizard = ({ machine, cashoutSettings, locale, onClose, save, error }) => {
 
     setState({
       step: step + 1,
-      config: newConfig
+      config: newConfig,
     })
   }
 
@@ -102,11 +102,11 @@ const Wizard = ({ machine, cashoutSettings, locale, onClose, save, error }) => {
               modelPrettifier[machine.model]
             } maximum cassette capacity is ${getCashUnitCapacity(
               machine.model,
-              'cassette'
-            )} bills`
-          )
-      })
-    }))
+              'cassette',
+            )} bills`,
+          ),
+      }),
+    })),
   )
 
   const makeRecyclerSteps = R.pipe(
@@ -126,10 +126,10 @@ const Wizard = ({ machine, cashoutSettings, locale, onClose, save, error }) => {
             `${modelPrettifier[machine.model]}
               maximum recycler capacity is ${
                 cashUnitCapacity[machine.model].recycler
-              } bills`
-          )
-      })
-    }))
+              } bills`,
+          ),
+      }),
+    })),
   )
 
   const makeCassettesInitialValues = () =>
@@ -140,7 +140,7 @@ const Wizard = ({ machine, cashoutSettings, locale, onClose, save, error }) => {
             return acc
           },
           {},
-          R.range(1, numberOfCassettes + 1)
+          R.range(1, numberOfCassettes + 1),
         )
       : {}
 
@@ -153,7 +153,7 @@ const Wizard = ({ machine, cashoutSettings, locale, onClose, save, error }) => {
             return acc
           },
           {},
-          R.range(1, numberOfRecyclers + 1)
+          R.range(1, numberOfRecyclers + 1),
         )
       : {}
 
@@ -163,19 +163,19 @@ const Wizard = ({ machine, cashoutSettings, locale, onClose, save, error }) => {
   const steps = R.pipe(
     R.concat(
       makeRecyclerSteps(
-        canManuallyLoadRecyclers(machine) ? numberOfRecyclers : 0
-      )
+        canManuallyLoadRecyclers(machine) ? numberOfRecyclers : 0,
+      ),
     ),
     R.concat(makeCassetteSteps(isCashOutDisabled ? 0 : numberOfCassettes)),
     R.concat([
       {
         type: 'cashbox',
         schema: Yup.object().shape({
-          wasCashboxEmptied: Yup.string().required('Select one option.')
+          wasCashboxEmptied: Yup.string().required('Select one option.'),
         }),
-        cashoutRequired: false
-      }
-    ])
+        cashoutRequired: false,
+      },
+    ]),
   )([])
 
   return (
diff --git a/packages/admin-ui/src/pages/Maintenance/Wizard/WizardStep.jsx b/packages/admin-ui/src/pages/Maintenance/Wizard/WizardStep.jsx
index 51007534..87056254 100644
--- a/packages/admin-ui/src/pages/Maintenance/Wizard/WizardStep.jsx
+++ b/packages/admin-ui/src/pages/Maintenance/Wizard/WizardStep.jsx
@@ -46,8 +46,8 @@ const cassetesArtworks = (step, numberOfCassettes, numberOfRecyclers) => {
           tejo4CassetteOne,
           tejo4CassetteTwo,
           tejo4CassetteThree,
-          tejo4CassetteFour
-        ]
+          tejo4CassetteFour,
+        ],
       ][numberOfCassettes - 1][step - cassetteStepsStart]
     : [
         /* TODO: Recycler artwork */
@@ -58,8 +58,8 @@ const cassetesArtworks = (step, numberOfCassettes, numberOfRecyclers) => {
           tejo4CassetteOne,
           tejo4CassetteTwo,
           tejo4CassetteThree,
-          tejo4CassetteFour
-        ]
+          tejo4CassetteFour,
+        ],
       ][numberOfRecyclers - 1][step - cassetteStepsStart]
 }
 
@@ -69,13 +69,13 @@ const getCashUnitFieldName = (step, numberOfCassettes, numberOfRecyclers) => {
   if (isCassetteStep(step, numberOfCassettes))
     return {
       name: `cassette${step - cassetteStepsStart + 1}`,
-      category: 'cassette'
+      category: 'cassette',
     }
   const recyclerStepsStart = CASHBOX_STEP + numberOfCassettes + 1
   if (isRecyclerStep(step, numberOfCassettes, numberOfRecyclers))
     return {
       name: `recycler${Math.ceil(step - recyclerStepsStart + 1)}`,
-      category: 'recycler'
+      category: 'recycler',
     }
 }
 
@@ -84,18 +84,17 @@ const WizardStep = ({
   name,
   machine,
   cashoutSettings,
-  error,
   lastStep,
   steps,
   fiatCurrency,
   onContinue,
-  initialValues
+  initialValues,
 }) => {
   const label = lastStep ? 'Finish' : 'Confirm'
 
   const stepOneRadioOptions = [
     { display: 'Yes', code: 'YES' },
-    { display: 'No', code: 'NO' }
+    { display: 'No', code: 'NO' },
   ]
 
   const numberOfCassettes = machine.numberOfCassettes
@@ -111,7 +110,7 @@ const WizardStep = ({
     cassetteCount,
     count =>
       100 * (count / getCashUnitCapacity(machine.model, cashUnitCategory)),
-    R.clamp(0, 100)
+    R.clamp(0, 100),
   )
 
   return (
@@ -155,7 +154,7 @@ const WizardStep = ({
                     <div
                       className={classnames(
                         classes.horizontalAlign,
-                        'items-center'
+                        'items-center',
                       )}>
                       <P>Since previous update</P>
                       <HelpTooltip width={215}>
@@ -168,7 +167,7 @@ const WizardStep = ({
                     <div
                       className={classnames(
                         classes.horizontalAlign,
-                        'items-baseline'
+                        'items-baseline',
                       )}>
                       <Info1 noMargin className="mr-1">
                         {machine?.cashUnits.cashbox}
@@ -203,7 +202,7 @@ const WizardStep = ({
                   src={cassetesArtworks(
                     step,
                     numberOfCassettes,
-                    numberOfRecyclers
+                    numberOfRecyclers,
                   )}></img>
                 <div className={classes.formWrapper}>
                   <div className={classes.verticalAlign}>
@@ -232,7 +231,7 @@ const WizardStep = ({
                     <div
                       className={classnames(
                         classes.horizontalAlign,
-                        'items-baseline'
+                        'items-baseline',
                       )}>
                       <Field
                         component={NumberInput}
diff --git a/packages/admin-ui/src/pages/Maintenance/helper.jsx b/packages/admin-ui/src/pages/Maintenance/helper.jsx
index 26389968..ae1244c8 100644
--- a/packages/admin-ui/src/pages/Maintenance/helper.jsx
+++ b/packages/admin-ui/src/pages/Maintenance/helper.jsx
@@ -22,7 +22,7 @@ const getElements = (config, bills, setWizard, widths, setMachineId) => {
       header: 'Machine',
       width: widths.name,
       view: m => <>{m.name}</>,
-      input: ({ field: { value: name } }) => <>{name}</>
+      input: ({ field: { value: name } }) => <>{name}</>,
     },
     {
       name: 'cashbox',
@@ -39,8 +39,8 @@ const getElements = (config, bills, setWizard, widths, setMachineId) => {
         />
       ),
       inputProps: {
-        decimalPlaces: 0
-      }
+        decimalPlaces: 0,
+      },
     },
     {
       name: 'cassettes',
@@ -111,8 +111,8 @@ const getElements = (config, bills, setWizard, widths, setMachineId) => {
         )
       },
       inputProps: {
-        decimalPlaces: 0
-      }
+        decimalPlaces: 0,
+      },
     },
     {
       name: 'edit',
@@ -131,8 +131,8 @@ const getElements = (config, bills, setWizard, widths, setMachineId) => {
             </SvgIcon>
           </IconButton>
         )
-      }
-    }
+      },
+    },
   ]
 
   return elements
diff --git a/packages/admin-ui/src/pages/Notifications/Notifications.jsx b/packages/admin-ui/src/pages/Notifications/Notifications.jsx
index ee09c0cf..a6a28a5f 100644
--- a/packages/admin-ui/src/pages/Notifications/Notifications.jsx
+++ b/packages/admin-ui/src/pages/Notifications/Notifications.jsx
@@ -1,4 +1,4 @@
-import { useQuery, useMutation, gql } from "@apollo/client";
+import { useQuery, useMutation, gql } from '@apollo/client'
 import * as R from 'ramda'
 import React, { useState } from 'react'
 import Modal from 'src/components/Modal'
@@ -70,7 +70,7 @@ const Notifications = ({
   displayOverrides = true,
   displayTitle = true,
   displayThirdPartyProvider = true,
-  wizard = false
+  wizard = false,
 }) => {
   const [section, setSection] = useState(null)
   const [error, setError] = useState(null)
@@ -83,7 +83,7 @@ const Notifications = ({
   const [saveConfig] = useMutation(SAVE_CONFIG, {
     refetchQueries: ['getData'],
     onCompleted: () => setEditingKey(null),
-    onError: error => setError(error)
+    onError: error => setError(error),
   })
 
   const [saveAccount] = useMutation(SAVE_ACCOUNT, {
@@ -92,7 +92,7 @@ const Notifications = ({
       setEmailSetupPopup(false)
     },
     refetchQueries: ['getData'],
-    onError: error => setError(error)
+    onError: error => setError(error),
   })
 
   const config = fromNamespace(SCREEN_KEY)(data?.config)
@@ -103,7 +103,7 @@ const Notifications = ({
   const mailgunAvailable = R.has('mailgun', data?.accounts || {})
 
   const currency = R.path(['fiatCurrency'])(
-    fromNamespace(namespaces.LOCALE)(data?.config)
+    fromNamespace(namespaces.LOCALE)(data?.config),
   )
 
   const save = R.curry((section, rawConfig) => {
@@ -123,14 +123,14 @@ const Notifications = ({
   const twilioSave = it => {
     setError(null)
     return saveAccount({
-      variables: { accounts: { twilio: it } }
+      variables: { accounts: { twilio: it } },
     }).then(() => R.compose(save(null), toNamespace('sms'))({ active: true }))
   }
 
   const mailgunSave = it => {
     setError(null)
     return saveAccount({
-      variables: { accounts: { mailgun: it } }
+      variables: { accounts: { mailgun: it } },
     }).then(() => R.compose(save(null), toNamespace('email'))({ active: true }))
   }
 
@@ -153,7 +153,7 @@ const Notifications = ({
     twilioAvailable,
     setSmsSetupPopup,
     mailgunAvailable,
-    setEmailSetupPopup
+    setEmailSetupPopup,
   }
 
   return (
diff --git a/packages/admin-ui/src/pages/Notifications/components/EditableNumber.jsx b/packages/admin-ui/src/pages/Notifications/components/EditableNumber.jsx
index 6abbcf4b..116ae291 100644
--- a/packages/admin-ui/src/pages/Notifications/components/EditableNumber.jsx
+++ b/packages/admin-ui/src/pages/Notifications/components/EditableNumber.jsx
@@ -13,13 +13,13 @@ const EditableNumber = ({
   decoration,
   className,
   decimalPlaces = 0,
-  width = 80
+  width = 80,
 }) => {
   const { values } = useFormikContext()
 
   const classNames = {
     'h-13': true,
-    className
+    className,
   }
 
   return (
diff --git a/packages/admin-ui/src/pages/Notifications/components/SingleFieldEditableNumber.jsx b/packages/admin-ui/src/pages/Notifications/components/SingleFieldEditableNumber.jsx
index 78d486d1..39a30588 100644
--- a/packages/admin-ui/src/pages/Notifications/components/SingleFieldEditableNumber.jsx
+++ b/packages/admin-ui/src/pages/Notifications/components/SingleFieldEditableNumber.jsx
@@ -18,7 +18,7 @@ const SingleFieldEditableNumber = ({
   max = 9999999,
   name,
   section,
-  className
+  className,
 }) => {
   const [saving, setSaving] = useState(false)
 
@@ -42,7 +42,7 @@ const SingleFieldEditableNumber = ({
       .integer()
       .min(min)
       .max(max)
-      .nullable()
+      .nullable(),
   })
 
   return (
diff --git a/packages/admin-ui/src/pages/Notifications/sections/CryptoBalanceOverrides.jsx b/packages/admin-ui/src/pages/Notifications/sections/CryptoBalanceOverrides.jsx
index dd083ead..a92d0b6c 100644
--- a/packages/admin-ui/src/pages/Notifications/sections/CryptoBalanceOverrides.jsx
+++ b/packages/admin-ui/src/pages/Notifications/sections/CryptoBalanceOverrides.jsx
@@ -23,27 +23,27 @@ const CryptoBalanceOverrides = ({ section }) => {
     error,
     currency,
     isDisabled,
-    setEditing
+    setEditing,
   } = useContext(NotificationsCtx)
   const setupValues = data?.cryptoBalanceOverrides ?? []
   const innerSetEditing = it => setEditing(NAME, it)
 
   const onDelete = id => {
     const newOverrides = {
-      cryptoBalanceOverrides: R.reject(it => it.id === id, setupValues)
+      cryptoBalanceOverrides: R.reject(it => it.id === id, setupValues),
     }
     return save(newOverrides)
   }
 
   const overriddenCryptos = R.map(R.prop(CRYPTOCURRENCY_KEY))(setupValues)
   const suggestionFilter = R.filter(
-    it => !R.contains(it.code, overriddenCryptos)
+    it => !R.contains(it.code, overriddenCryptos),
   )
   const suggestions = suggestionFilter(cryptoCurrencies)
 
   const findSuggestion = it => {
     const coin = R.compose(R.find(R.propEq('code', it?.cryptoCurrency)))(
-      cryptoCurrencies
+      cryptoCurrencies,
     )
     return coin ? [coin] : []
   }
@@ -51,7 +51,7 @@ const CryptoBalanceOverrides = ({ section }) => {
   const initialValues = {
     [CRYPTOCURRENCY_KEY]: null,
     [LOW_BALANCE_KEY]: '',
-    [HIGH_BALANCE_KEY]: ''
+    [HIGH_BALANCE_KEY]: '',
   }
 
   const notesMin = 0
@@ -65,7 +65,7 @@ const CryptoBalanceOverrides = ({ section }) => {
         .label('Low balance')
         .when(HIGH_BALANCE_KEY, {
           is: HIGH_BALANCE_KEY => !HIGH_BALANCE_KEY,
-          then: schema => schema.required()
+          then: schema => schema.required(),
         })
         .transform(transformNumber)
         .integer()
@@ -76,21 +76,21 @@ const CryptoBalanceOverrides = ({ section }) => {
         .label('High balance')
         .when(LOW_BALANCE_KEY, {
           is: LOW_BALANCE_KEY => !LOW_BALANCE_KEY,
-          then: schema => schema.required()
+          then: schema => schema.required(),
         })
         .transform(transformNumber)
         .integer()
         .min(notesMin)
         .max(CURRENCY_MAX)
-        .nullable()
+        .nullable(),
     },
-    [LOW_BALANCE_KEY, HIGH_BALANCE_KEY]
+    [LOW_BALANCE_KEY, HIGH_BALANCE_KEY],
   )
 
   const viewCrypto = it =>
     R.compose(
       R.path(['display']),
-      R.find(R.propEq('code', it))
+      R.find(R.propEq('code', it)),
     )(cryptoCurrencies)
 
   const elements = [
@@ -105,8 +105,8 @@ const CryptoBalanceOverrides = ({ section }) => {
         options: it => R.concat(suggestions, findSuggestion(it)),
         optionsLimit: null,
         valueProp: 'code',
-        labelProp: 'display'
-      }
+        labelProp: 'display',
+      },
     },
     {
       name: LOW_BALANCE_KEY,
@@ -116,8 +116,8 @@ const CryptoBalanceOverrides = ({ section }) => {
       input: NumberInput,
       suffix: currency,
       inputProps: {
-        decimalPlaces: 2
-      }
+        decimalPlaces: 2,
+      },
     },
     {
       name: HIGH_BALANCE_KEY,
@@ -127,9 +127,9 @@ const CryptoBalanceOverrides = ({ section }) => {
       input: NumberInput,
       suffix: currency,
       inputProps: {
-        decimalPlaces: 2
-      }
-    }
+        decimalPlaces: 2,
+      },
+    },
   ]
 
   return (
diff --git a/packages/admin-ui/src/pages/Notifications/sections/FiatBalanceAlerts.jsx b/packages/admin-ui/src/pages/Notifications/sections/FiatBalanceAlerts.jsx
index 7c136cc1..0bead6e3 100644
--- a/packages/admin-ui/src/pages/Notifications/sections/FiatBalanceAlerts.jsx
+++ b/packages/admin-ui/src/pages/Notifications/sections/FiatBalanceAlerts.jsx
@@ -20,23 +20,23 @@ const DEFAULT_NUMBER_OF_RECYCLERS = 0
 const notesMin = 0
 const notesMax = 9999999
 
-const FiatBalance = ({ section, min = 0, max = 100, fieldWidth = 80 }) => {
+const FiatBalance = ({ section, fieldWidth = 80 }) => {
   const {
     isEditing,
     isDisabled,
     setEditing,
     data,
     save,
-    machines = []
+    machines = [],
   } = useContext(NotificationsCtx)
   const maxNumberOfCassettes = Math.max(
     ...R.map(it => it.numberOfCassettes, machines),
-    DEFAULT_NUMBER_OF_CASSETTES
+    DEFAULT_NUMBER_OF_CASSETTES,
   )
 
   const maxNumberOfRecyclers = Math.max(
     ...R.map(it => it.numberOfRecyclers, machines),
-    DEFAULT_NUMBER_OF_RECYCLERS
+    DEFAULT_NUMBER_OF_RECYCLERS,
   )
 
   const percentValidation = Yup.number()
@@ -62,7 +62,7 @@ const FiatBalance = ({ section, min = 0, max = 100, fieldWidth = 80 }) => {
     fillingPercentageRecycler3: percentValidation,
     fillingPercentageRecycler4: percentValidation,
     fillingPercentageRecycler5: percentValidation,
-    fillingPercentageRecycler6: percentValidation
+    fillingPercentageRecycler6: percentValidation,
   })
 
   return (
@@ -81,7 +81,7 @@ const FiatBalance = ({ section, min = 0, max = 100, fieldWidth = 80 }) => {
         fillingPercentageRecycler3: data?.fillingPercentageRecycler3 ?? '',
         fillingPercentageRecycler4: data?.fillingPercentageRecycler4 ?? '',
         fillingPercentageRecycler5: data?.fillingPercentageRecycler5 ?? '',
-        fillingPercentageRecycler6: data?.fillingPercentageRecycler6 ?? ''
+        fillingPercentageRecycler6: data?.fillingPercentageRecycler6 ?? '',
       }}
       validationSchema={schema}
       onSubmit={it => save(section, schema.cast(it))}
@@ -145,7 +145,7 @@ const FiatBalance = ({ section, min = 0, max = 100, fieldWidth = 80 }) => {
                     </div>
                   </>
                 ),
-                R.times(R.identity, maxNumberOfCassettes)
+                R.times(R.identity, maxNumberOfCassettes),
               )}
             </div>
           </Form>
@@ -210,9 +210,9 @@ const FiatBalance = ({ section, min = 0, max = 100, fieldWidth = 80 }) => {
                         />
                       </div>
                     </div>
-                  </>
+                  </>,
                 ],
-                R.times(R.identity, maxNumberOfRecyclers / 2)
+                R.times(R.identity, maxNumberOfRecyclers / 2),
               )}
             </div>
           </Form>
diff --git a/packages/admin-ui/src/pages/Notifications/sections/FiatBalanceOverrides.jsx b/packages/admin-ui/src/pages/Notifications/sections/FiatBalanceOverrides.jsx
index 32e37865..06b69515 100644
--- a/packages/admin-ui/src/pages/Notifications/sections/FiatBalanceOverrides.jsx
+++ b/packages/admin-ui/src/pages/Notifications/sections/FiatBalanceOverrides.jsx
@@ -23,13 +23,13 @@ const CASSETTE_LIST = [
   CASSETTE_1_KEY,
   CASSETTE_2_KEY,
   CASSETTE_3_KEY,
-  CASSETTE_4_KEY
+  CASSETTE_4_KEY,
 ]
 
 const widthsByNumberOfCassettes = {
   2: { machine: 230, cashbox: 150, cassette: 250 },
   3: { machine: 216, cashbox: 150, cassette: 270 },
-  4: { machine: 210, cashbox: 150, cassette: 204 }
+  4: { machine: 210, cashbox: 150, cassette: 204 },
 }
 
 const FiatBalanceOverrides = ({ config, section }) => {
@@ -39,7 +39,7 @@ const FiatBalanceOverrides = ({ config, section }) => {
     save,
     isDisabled,
     setEditing,
-    error
+    error,
   } = useContext(NotificationsCtx)
 
   const setupValues = data?.fiatBalanceOverrides ?? []
@@ -50,7 +50,7 @@ const FiatBalanceOverrides = ({ config, section }) => {
   const suggestions = R.differenceWith(
     (it, m) => it.deviceId === m,
     machines,
-    overriddenMachines
+    overriddenMachines,
   )
 
   const findSuggestion = it => {
@@ -64,7 +64,7 @@ const FiatBalanceOverrides = ({ config, section }) => {
     [CASSETTE_1_KEY]: '',
     [CASSETTE_2_KEY]: '',
     [CASSETTE_3_KEY]: '',
-    [CASSETTE_4_KEY]: ''
+    [CASSETTE_4_KEY]: '',
   }
 
   const notesMin = 0
@@ -72,7 +72,7 @@ const FiatBalanceOverrides = ({ config, section }) => {
 
   const maxNumberOfCassettes = Math.max(
     ...R.map(it => it.numberOfCassettes, machines),
-    DEFAULT_NUMBER_OF_CASSETTES
+    DEFAULT_NUMBER_OF_CASSETTES,
   )
 
   const percentMin = 0
@@ -114,7 +114,7 @@ const FiatBalanceOverrides = ({ config, section }) => {
         .integer()
         .min(percentMin)
         .max(percentMax)
-        .nullable()
+        .nullable(),
     })
     .test((values, context) =>
       R.any(key => !R.isNil(values[key]), R.prepend(CASHBOX_KEY, CASSETTE_LIST))
@@ -122,8 +122,8 @@ const FiatBalanceOverrides = ({ config, section }) => {
         : context.createError({
             path: CASHBOX_KEY,
             message:
-              'The cash box or at least one of the cassettes must have a value'
-          })
+              'The cash box or at least one of the cassettes must have a value',
+          }),
     )
 
   const viewMachine = it =>
@@ -141,8 +141,8 @@ const FiatBalanceOverrides = ({ config, section }) => {
         inputProps: {
           options: it => R.concat(suggestions, findSuggestion(it)),
           valueProp: 'deviceId',
-          labelProp: 'name'
-        }
+          labelProp: 'name',
+        },
       },
       {
         name: CASHBOX_KEY,
@@ -153,9 +153,9 @@ const FiatBalanceOverrides = ({ config, section }) => {
         input: NumberInput,
         suffix: 'notes',
         inputProps: {
-          decimalPlaces: 0
-        }
-      }
+          decimalPlaces: 0,
+        },
+      },
     ],
     R.map(
       it => ({
@@ -168,7 +168,7 @@ const FiatBalanceOverrides = ({ config, section }) => {
         input: NumberInput,
         suffix: '%',
         inputProps: {
-          decimalPlaces: 0
+          decimalPlaces: 0,
         },
         view: el => el?.toString() ?? '—',
         isHidden: value =>
@@ -177,11 +177,11 @@ const FiatBalanceOverrides = ({ config, section }) => {
             R.defaultTo(
               0,
               machines.find(({ deviceId }) => deviceId === value.machine)
-                ?.numberOfCassettes
-            )
+                ?.numberOfCassettes,
+            ),
       }),
-      R.range(1, maxNumberOfCassettes + 1)
-    )
+      R.range(1, maxNumberOfCassettes + 1),
+    ),
   )
 
   return (
diff --git a/packages/admin-ui/src/pages/Notifications/sections/Setup.jsx b/packages/admin-ui/src/pages/Notifications/sections/Setup.jsx
index 82fecb6e..50733fca 100644
--- a/packages/admin-ui/src/pages/Notifications/sections/Setup.jsx
+++ b/packages/admin-ui/src/pages/Notifications/sections/Setup.jsx
@@ -7,7 +7,7 @@ import {
   TBody,
   Tr,
   Td,
-  Th
+  Th,
 } from 'src/components/fake-table/Table'
 
 import { fromNamespace, toNamespace } from 'src/utils/config'
@@ -22,7 +22,7 @@ const sizes = {
   compliance: 178,
   errors: 142,
   security: 152,
-  active: 263
+  active: 263,
 }
 
 const Row = ({
@@ -31,7 +31,7 @@ const Row = ({
   forceDisable,
   save,
   shouldUpperCase,
-  onActivation
+  onActivation,
 }) => {
   const disabled = forceDisable || !data || !data.active
 
@@ -80,7 +80,7 @@ const Setup = ({ wizard, forceDisable }) => {
     twilioAvailable,
     setSmsSetupPopup,
     mailgunAvailable,
-    setEmailSetupPopup
+    setEmailSetupPopup,
   } = useContext(NotificationsCtx)
 
   const namespaces = [
@@ -92,7 +92,7 @@ const Setup = ({ wizard, forceDisable }) => {
         if (mailgunAvailable) return true
         setEmailSetupPopup(true)
         return false
-      }
+      },
     },
     {
       name: 'sms',
@@ -102,14 +102,14 @@ const Setup = ({ wizard, forceDisable }) => {
         if (twilioAvailable) return true
         setSmsSetupPopup(true)
         return false
-      }
+      },
     },
     {
       name: 'notificationCenter',
       forceDisable: forceDisable,
       shouldUpperCase: false,
-      onActivation: () => true
-    }
+      onActivation: () => true,
+    },
   ]
 
   const widthAdjust = wizard ? 20 : 0
diff --git a/packages/admin-ui/src/pages/Notifications/sections/ThirdPartyProvider.jsx b/packages/admin-ui/src/pages/Notifications/sections/ThirdPartyProvider.jsx
index 46f990f5..60a21e92 100644
--- a/packages/admin-ui/src/pages/Notifications/sections/ThirdPartyProvider.jsx
+++ b/packages/admin-ui/src/pages/Notifications/sections/ThirdPartyProvider.jsx
@@ -15,7 +15,7 @@ const ThirdPartyProvider = () => {
     save,
     data: _data,
     error,
-    accountsConfig
+    accountsConfig,
   } = useContext(NotificationsCtx)
 
   const data = fromNamespace('thirdParty')(_data)
@@ -25,7 +25,7 @@ const ThirdPartyProvider = () => {
   const getDisplayName = type => it =>
     R.compose(
       R.prop('display'),
-      R.find(R.propEq('code', it))
+      R.find(R.propEq('code', it)),
     )(filterOptions(type))
 
   const innerSave = async value => {
@@ -35,7 +35,7 @@ const ThirdPartyProvider = () => {
 
   const ThirdPartySchema = Yup.object().shape({
     sms: Yup.string('SMS must be a string').required('SMS is required'),
-    email: Yup.string('Email must be a string').required('Email is required')
+    email: Yup.string('Email must be a string').required('Email is required'),
   })
 
   const elements = [
@@ -48,8 +48,8 @@ const ThirdPartyProvider = () => {
       inputProps: {
         options: filterOptions('sms'),
         valueProp: 'code',
-        labelProp: 'display'
-      }
+        labelProp: 'display',
+      },
     },
     {
       name: 'email',
@@ -60,13 +60,13 @@ const ThirdPartyProvider = () => {
       inputProps: {
         options: filterOptions('email'),
         valueProp: 'code',
-        labelProp: 'display'
-      }
-    }
+        labelProp: 'display',
+      },
+    },
   ]
   const values = {
     sms: data.sms ?? 'twilio',
-    email: data.email ?? 'mailgun'
+    email: data.email ?? 'mailgun',
   }
 
   return (
diff --git a/packages/admin-ui/src/pages/OperatorInfo/CoinATMRadar.jsx b/packages/admin-ui/src/pages/OperatorInfo/CoinATMRadar.jsx
index f8064b34..ea5c2b33 100644
--- a/packages/admin-ui/src/pages/OperatorInfo/CoinATMRadar.jsx
+++ b/packages/admin-ui/src/pages/OperatorInfo/CoinATMRadar.jsx
@@ -23,12 +23,12 @@ const CoinATMRadar = memo(({ wizard }) => {
   const { data } = useQuery(GET_CONFIG)
 
   const [saveConfig] = useMutation(SAVE_CONFIG, {
-    refetchQueries: ['getData']
+    refetchQueries: ['getData'],
   })
 
   const save = it =>
     saveConfig({
-      variables: { config: toNamespace(namespaces.COIN_ATM_RADAR, it) }
+      variables: { config: toNamespace(namespaces.COIN_ATM_RADAR, it) },
     })
 
   const coinAtmRadarConfig =
@@ -54,12 +54,12 @@ const CoinATMRadar = memo(({ wizard }) => {
         elements={[
           {
             name: 'commissions',
-            display: 'Commissions'
+            display: 'Commissions',
           },
           {
             name: 'limitsAndVerification',
-            display: 'Limits and verification'
-          }
+            display: 'Limits and verification',
+          },
         ]}
         save={save}
       />
diff --git a/packages/admin-ui/src/pages/OperatorInfo/ContactInfo.jsx b/packages/admin-ui/src/pages/OperatorInfo/ContactInfo.jsx
index 1d0d83df..53cd7a90 100644
--- a/packages/admin-ui/src/pages/OperatorInfo/ContactInfo.jsx
+++ b/packages/admin-ui/src/pages/OperatorInfo/ContactInfo.jsx
@@ -71,14 +71,14 @@ const ContactInfo = ({ wizard }) => {
   const [saveConfig] = useMutation(SAVE_CONFIG, {
     onCompleted: () => setEditing(false),
     refetchQueries: () => ['getData'],
-    onError: e => setError(e)
+    onError: e => setError(e),
   })
 
   const { data } = useQuery(GET_CONFIG)
 
   const save = it => {
     return saveConfig({
-      variables: { config: toNamespace(namespaces.OPERATOR_INFO, it) }
+      variables: { config: toNamespace(namespaces.OPERATOR_INFO, it) },
     })
   }
 
@@ -95,7 +95,7 @@ const ContactInfo = ({ wizard }) => {
       .email('Please enter a valid email address')
       .required('An email is required'),
     website: Yup.string(),
-    companyNumber: Yup.string()
+    companyNumber: Yup.string(),
   })
 
   const fields = [
@@ -103,32 +103,32 @@ const ContactInfo = ({ wizard }) => {
       name: 'name',
       label: 'Company name',
       value: info.name ?? '',
-      component: TextInput
+      component: TextInput,
     },
     {
       name: 'phone',
       label: 'Phone number',
       value: info.phone,
-      component: TextInput
+      component: TextInput,
     },
     {
       name: 'email',
       label: 'Email',
       value: info.email ?? '',
-      component: TextInput
+      component: TextInput,
     },
     {
       name: 'website',
       label: 'Website',
       value: info.website ?? '',
-      component: TextInput
+      component: TextInput,
     },
     {
       name: 'companyNumber',
       label: 'Company registration number',
       value: info.companyNumber ?? '',
-      component: TextInput
-    }
+      component: TextInput,
+    },
   ]
 
   const findField = name => R.find(R.propEq('name', name))(fields)
@@ -143,8 +143,8 @@ const ContactInfo = ({ wizard }) => {
       phone: findValue('phone'),
       email: findValue('email'),
       website: findValue('website'),
-      companyNumber: findValue('companyNumber')
-    }
+      companyNumber: findValue('companyNumber'),
+    },
   }
 
   const getErrorMsg = formikErrors =>
diff --git a/packages/admin-ui/src/pages/OperatorInfo/MachineScreens.jsx b/packages/admin-ui/src/pages/OperatorInfo/MachineScreens.jsx
index 6a66f783..d53fdf9f 100644
--- a/packages/admin-ui/src/pages/OperatorInfo/MachineScreens.jsx
+++ b/packages/admin-ui/src/pages/OperatorInfo/MachineScreens.jsx
@@ -19,24 +19,24 @@ const SAVE_CONFIG = gql`
   }
 `
 
-const MachineScreens = memo(({ wizard }) => {
+const MachineScreens = memo(() => {
   const { data } = useQuery(GET_CONFIG)
 
   const [saveConfig] = useMutation(SAVE_CONFIG, {
-    refetchQueries: () => ['getData']
+    refetchQueries: () => ['getData'],
   })
 
   const save = it => {
     const formatConfig = R.compose(
       toNamespace(namespaces.MACHINE_SCREENS),
       toNamespace('rates'),
-      R.mergeRight(ratesScreenConfig)
+      R.mergeRight(ratesScreenConfig),
     )
 
     return saveConfig({
       variables: {
-        config: formatConfig({ active: it })
-      }
+        config: formatConfig({ active: it }),
+      },
     })
   }
 
@@ -47,7 +47,7 @@ const MachineScreens = memo(({ wizard }) => {
     data?.config &&
     R.compose(
       fromNamespace('rates'),
-      fromNamespace(namespaces.MACHINE_SCREENS)
+      fromNamespace(namespaces.MACHINE_SCREENS),
     )(data.config)
 
   if (!machineScreensConfig) return null
diff --git a/packages/admin-ui/src/pages/OperatorInfo/ReceiptPrinting.jsx b/packages/admin-ui/src/pages/OperatorInfo/ReceiptPrinting.jsx
index 4f0209d9..88ad61da 100644
--- a/packages/admin-ui/src/pages/OperatorInfo/ReceiptPrinting.jsx
+++ b/packages/admin-ui/src/pages/OperatorInfo/ReceiptPrinting.jsx
@@ -24,7 +24,7 @@ const ReceiptPrinting = memo(({ wizard }) => {
   const { data } = useQuery(GET_CONFIG)
 
   const [saveConfig] = useMutation(SAVE_CONFIG, {
-    refetchQueries: () => ['getData']
+    refetchQueries: () => ['getData'],
   })
 
   const saveSwitch = object => {
@@ -32,15 +32,15 @@ const ReceiptPrinting = memo(({ wizard }) => {
       variables: {
         config: toNamespace(
           namespaces.RECEIPT,
-          R.mergeRight(receiptPrintingConfig, object)
-        )
-      }
+          R.mergeRight(receiptPrintingConfig, object),
+        ),
+      },
     })
   }
 
   const save = it =>
     saveConfig({
-      variables: { config: toNamespace(namespaces.RECEIPT, it) }
+      variables: { config: toNamespace(namespaces.RECEIPT, it) },
     })
 
   const receiptPrintingConfig =
@@ -76,36 +76,36 @@ const ReceiptPrinting = memo(({ wizard }) => {
         elements={[
           {
             name: 'operatorWebsite',
-            display: 'Operator website'
+            display: 'Operator website',
           },
           {
             name: 'operatorEmail',
-            display: 'Operator email'
+            display: 'Operator email',
           },
           {
             name: 'operatorPhone',
-            display: 'Operator phone'
+            display: 'Operator phone',
           },
           {
             name: 'companyNumber',
-            display: 'Company registration number'
+            display: 'Company registration number',
           },
           {
             name: 'machineLocation',
-            display: 'Machine location'
+            display: 'Machine location',
           },
           {
             name: 'customerNameOrPhoneNumber',
-            display: 'Customer name or phone number (if known)'
+            display: 'Customer name or phone number (if known)',
           },
           {
             name: 'exchangeRate',
-            display: 'Exchange rate'
+            display: 'Exchange rate',
           },
           {
             name: 'addressQRCode',
-            display: 'Address QR code'
-          }
+            display: 'Address QR code',
+          },
         ]}
         save={save}
       />
diff --git a/packages/admin-ui/src/pages/OperatorInfo/SMSNotices/SMSNotices.jsx b/packages/admin-ui/src/pages/OperatorInfo/SMSNotices/SMSNotices.jsx
index bae80f2d..287938c8 100644
--- a/packages/admin-ui/src/pages/OperatorInfo/SMSNotices/SMSNotices.jsx
+++ b/packages/admin-ui/src/pages/OperatorInfo/SMSNotices/SMSNotices.jsx
@@ -82,13 +82,13 @@ const TOOLTIPS = {
   cashOutDispenseReady: ``,
   smsReceipt:
     formatContent(`The contents of this notice will be appended to the end of the SMS receipt sent, and not replace it.\n
-  To edit the contents of the SMS receipt, please go to the 'Receipt' tab`)
+  To edit the contents of the SMS receipt, please go to the 'Receipt' tab`),
 }
 
 const SMSPreview = ({ sms, coords, timezone }) => {
   const matches = {
     '#code': 123,
-    '#timestamp': formatDate(new Date(), timezone, 'HH:mm')
+    '#timestamp': formatDate(new Date(), timezone, 'HH:mm'),
   }
 
   return (
@@ -128,17 +128,17 @@ const SMSNotices = () => {
 
   const [editMessage] = useMutation(EDIT_SMS_NOTICE, {
     onError: ({ msg }) => setErrorMsg(msg),
-    refetchQueries: () => ['SMSNotices']
+    refetchQueries: () => ['SMSNotices'],
   })
 
   const [enableMessage] = useMutation(ENABLE_SMS_NOTICE, {
     onError: ({ msg }) => setErrorMsg(msg),
-    refetchQueries: () => ['SMSNotices']
+    refetchQueries: () => ['SMSNotices'],
   })
 
   const [disableMessage] = useMutation(DISABLE_SMS_NOTICE, {
     onError: ({ msg }) => setErrorMsg(msg),
-    refetchQueries: () => ['SMSNotices']
+    refetchQueries: () => ['SMSNotices'],
   })
 
   const loading = messagesLoading
@@ -164,7 +164,7 @@ const SMSNotices = () => {
           </div>
         ) : (
           R.prop('messageName', it)
-        )
+        ),
     },
     {
       header: 'Edit',
@@ -182,7 +182,7 @@ const SMSNotices = () => {
             <EditIcon />
           </SvgIcon>
         </IconButton>
-      )
+      ),
     },
     {
       header: 'Enable',
@@ -199,7 +199,7 @@ const SMSNotices = () => {
           }}
           checked={it.enabled}
         />
-      )
+      ),
     },
     {
       header: '',
@@ -215,7 +215,7 @@ const SMSNotices = () => {
               y:
                 window.innerHeight -
                 5 -
-                e.currentTarget.getBoundingClientRect().bottom
+                e.currentTarget.getBoundingClientRect().bottom,
             })
             R.equals(selectedSMS, it)
               ? setPreviewOpen(!previewOpen)
@@ -229,8 +229,8 @@ const SMSNotices = () => {
             )}
           </SvgIcon>
         </IconButton>
-      )
-    }
+      ),
+    },
   ]
 
   return (
diff --git a/packages/admin-ui/src/pages/OperatorInfo/SMSNotices/SMSNoticesModal.jsx b/packages/admin-ui/src/pages/OperatorInfo/SMSNotices/SMSNoticesModal.jsx
index 4939df23..29dcd876 100644
--- a/packages/admin-ui/src/pages/OperatorInfo/SMSNotices/SMSNoticesModal.jsx
+++ b/packages/admin-ui/src/pages/OperatorInfo/SMSNotices/SMSNoticesModal.jsx
@@ -30,39 +30,39 @@ const PREFILL = {
         name: 'has-code',
         message: 'The confirmation code is missing from the message!',
         exclusive: false,
-        test: value => value?.match(/#code/g)?.length > 0
+        test: value => value?.match(/#code/g)?.length > 0,
       })
       .test({
         name: 'has-single-code',
         message: 'There should be a single confirmation code!',
         exclusive: false,
-        test: value => value?.match(/#code/g)?.length === 1
-      })
+        test: value => value?.match(/#code/g)?.length === 1,
+      }),
   },
   cashOutDispenseReady: {
-    validator: Yup.string().required('The message content is required!').trim()
+    validator: Yup.string().required('The message content is required!').trim(),
   },
   smsReceipt: {
-    validator: Yup.string().trim()
-  }
+    validator: Yup.string().trim(),
+  },
 }
 
 const CHIPS = {
   smsCode: [
     { code: '#code', display: 'Confirmation code', obligatory: true },
-    { code: '#timestamp', display: 'Timestamp', obligatory: false }
+    { code: '#timestamp', display: 'Timestamp', obligatory: false },
   ],
   cashOutDispenseReady: [
-    { code: '#timestamp', display: 'Timestamp', obligatory: false }
+    { code: '#timestamp', display: 'Timestamp', obligatory: false },
   ],
-  smsReceipt: [{ code: '#timestamp', display: 'Timestamp', obligatory: false }]
+  smsReceipt: [{ code: '#timestamp', display: 'Timestamp', obligatory: false }],
 }
 
 const DEFAULT_MESSAGES = {
   smsCode: 'Your cryptomat code: #code',
   cashOutDispenseReady:
     'Your cash is waiting! Go to the Cryptomat and press Redeem within 24 hours. [#timestamp]',
-  smsReceipt: ''
+  smsReceipt: '',
 }
 
 const SMSNoticesModal = ({
@@ -70,18 +70,18 @@ const SMSNoticesModal = ({
   onClose,
   sms,
   creationError,
-  submit
+  submit,
 }) => {
   const initialValues = {
     event: !R.isNil(sms) ? sms.event : '',
-    message: !R.isNil(sms) ? sms.message : ''
+    message: !R.isNil(sms) ? sms.message : '',
   }
 
   const validationSchema = Yup.object().shape({
     event: Yup.string().required('An event is required!'),
     message:
       PREFILL[sms?.event]?.validator ??
-      Yup.string().required('The message content is required!').trim()
+      Yup.string().required('The message content is required!').trim(),
   })
 
   const handleSubmit = values => {
@@ -90,14 +90,14 @@ const SMSNoticesModal = ({
           variables: {
             id: sms.id,
             event: values.event,
-            message: values.message
-          }
+            message: values.message,
+          },
         })
       : submit({
           variables: {
             event: values.event,
-            message: values.message
-          }
+            message: values.message,
+          },
         })
     onClose()
   }
@@ -160,8 +160,8 @@ const SMSNoticesModal = ({
                               'message',
                               values.message.concat(
                                 R.last(values.message) === ' ' ? '' : ' ',
-                                ite.code
-                              )
+                                ite.code,
+                              ),
                             )
                           }}
                         />
diff --git a/packages/admin-ui/src/pages/OperatorInfo/TermsConditions.jsx b/packages/admin-ui/src/pages/OperatorInfo/TermsConditions.jsx
index 95dfee1b..0065d74e 100644
--- a/packages/admin-ui/src/pages/OperatorInfo/TermsConditions.jsx
+++ b/packages/admin-ui/src/pages/OperatorInfo/TermsConditions.jsx
@@ -32,7 +32,7 @@ const Field = ({
 }) => {
   const info3ClassNames = {
     'overflow-hidden whitespace-nowrap text-ellipsis h-6': !multiline,
-    'wrap-anywhere overflow-y-auto h-32 mt-4 leading-[23px]': multiline
+    'wrap-anywhere overflow-y-auto h-32 mt-4 leading-[23px]': multiline,
   }
 
   return (
@@ -88,7 +88,7 @@ const TermsConditions = () => {
       setEditing(false)
     },
     refetchQueries: () => ['getData'],
-    onError: e => setError(e)
+    onError: e => setError(e),
   })
 
   const { data } = useQuery(GET_CONFIG)
@@ -102,7 +102,7 @@ const TermsConditions = () => {
 
   const save = it =>
     saveConfig({
-      variables: { config: toNamespace(namespaces.TERMS_CONDITIONS, it) }
+      variables: { config: toNamespace(namespaces.TERMS_CONDITIONS, it) },
     })
 
   const fields = [
@@ -110,7 +110,7 @@ const TermsConditions = () => {
       name: 'title',
       label: 'Screen title',
       value: formData.title ?? '',
-      width: 282
+      width: 282,
     },
     {
       name: 'text',
@@ -118,22 +118,22 @@ const TermsConditions = () => {
       value: formData.text ?? '',
       width: 502,
       multiline: true,
-      rows: 6
+      rows: 6,
     },
     {
       name: 'acceptButtonText',
       label: 'Accept button text',
       value: formData.acceptButtonText ?? '',
       placeholder: 'I accept',
-      width: 282
+      width: 282,
     },
     {
       name: 'cancelButtonText',
       label: 'Cancel button text',
       value: formData.cancelButtonText ?? '',
       placeholder: 'Cancel',
-      width: 282
-    }
+      width: 282,
+    },
   ]
 
   const findField = name => R.find(R.propEq('name', name))(fields)
@@ -143,7 +143,7 @@ const TermsConditions = () => {
     title: findValue('title'),
     text: findValue('text'),
     acceptButtonText: findValue('acceptButtonText'),
-    cancelButtonText: findValue('cancelButtonText')
+    cancelButtonText: findValue('cancelButtonText'),
   }
 
   const validationSchema = Yup.object().shape({
@@ -151,14 +151,14 @@ const TermsConditions = () => {
       .required('The screen title is required')
       .max(50, 'Too long'),
     text: Yup.string('The text content must be a string').required(
-      'The text content is required'
+      'The text content is required',
     ),
     acceptButtonText: Yup.string('The accept button text must be a string')
       .required('The accept button text is required')
       .max(50, 'The accept button text is too long'),
     cancelButtonText: Yup.string('The cancel button text must be a string')
       .required('The cancel button text is required')
-      .max(50, 'The cancel button text is too long')
+      .max(50, 'The cancel button text is too long'),
   })
 
   return (
diff --git a/packages/admin-ui/src/pages/Services/FormRenderer.jsx b/packages/admin-ui/src/pages/Services/FormRenderer.jsx
index ca4cbf3b..220faaab 100644
--- a/packages/admin-ui/src/pages/Services/FormRenderer.jsx
+++ b/packages/admin-ui/src/pages/Services/FormRenderer.jsx
@@ -14,11 +14,10 @@ const FormRenderer = ({
   save,
   buttonLabel = 'Save changes',
   buttonClass,
-  xs = 12
 }) => {
   const initialValues = R.compose(
     R.mergeAll,
-    R.map(({ code }) => ({ [code]: (value && value[code]) ?? '' }))
+    R.map(({ code }) => ({ [code]: (value && value[code]) ?? '' })),
   )(elements)
 
   const values = R.merge(initialValues, value)
@@ -31,10 +30,10 @@ const FormRenderer = ({
       R.filter(
         elem =>
           R.prop('component', elem) === SecretInput &&
-          R.isEmpty(it[R.prop('code', elem)])
-      )
+          R.isEmpty(it[R.prop('code', elem)]),
+      ),
     )(elements)
-    return save(R.omit(emptySecretFields, it)).catch(s => {
+    return save(R.omit(emptySecretFields, it)).catch(() => {
       setSaveError({ save: 'Failed to save changes' })
     })
   }
@@ -62,7 +61,7 @@ const FormRenderer = ({
                     fullWidth={true}
                   />
                 </div>
-              )
+              ),
             )}
           </div>
           <div className="flex flex-row mt-auto mb-8">
diff --git a/packages/admin-ui/src/pages/Services/Services.jsx b/packages/admin-ui/src/pages/Services/Services.jsx
index c5e728f0..aac6085c 100644
--- a/packages/admin-ui/src/pages/Services/Services.jsx
+++ b/packages/admin-ui/src/pages/Services/Services.jsx
@@ -38,7 +38,7 @@ const Services = () => {
   const { data: marketsData, loading: marketsLoading } = useQuery(GET_MARKETS)
   const [saveAccount] = useMutation(SAVE_ACCOUNT, {
     onCompleted: () => setEditingSchema(null),
-    refetchQueries: ['getData']
+    refetchQueries: ['getData'],
   })
 
   const markets = marketsData?.getMarkets
@@ -52,7 +52,7 @@ const Services = () => {
     const values = accounts[code] || {}
     return R.map(({ display, code, long }) => ({
       label: display,
-      value: long ? formatLong(values[code]) : values[code]
+      value: long ? formatLong(values[code]) : values[code],
     }))(faceElements)
   }
 
@@ -75,8 +75,8 @@ const Services = () => {
         inputProps: {
           isPasswordFilled:
             !R.isNil(accounts[code]) &&
-            !R.isNil(R.path([elem.code], accounts[code]))
-        }
+            !R.isNil(R.path([elem.code], accounts[code])),
+        },
       }
     }, elements)
   }
@@ -87,11 +87,11 @@ const Services = () => {
     const mapToCode = R.map(R.prop(['code']))
     const passwordFields = R.compose(
       mapToCode,
-      filterBySecretComponent
+      filterBySecretComponent,
     )(elements)
     return R.mapObjIndexed(
       (value, key) => (R.includes(key, passwordFields) ? '' : value),
-      account
+      account,
     )
   }
 
@@ -124,7 +124,7 @@ const Services = () => {
             <FormRenderer
               save={it =>
                 saveAccount({
-                  variables: { accounts: { [editingSchema.code]: it } }
+                  variables: { accounts: { [editingSchema.code]: it } },
                 })
               }
               elements={getElements(editingSchema)}
diff --git a/packages/admin-ui/src/pages/Services/schemas/binance.js b/packages/admin-ui/src/pages/Services/schemas/binance.js
index faec0e35..4182a6e4 100644
--- a/packages/admin-ui/src/pages/Services/schemas/binance.js
+++ b/packages/admin-ui/src/pages/Services/schemas/binance.js
@@ -3,7 +3,7 @@ import * as Yup from 'yup'
 import {
   SecretInput,
   TextInput,
-  Autocomplete
+  Autocomplete,
 } from 'src/components/inputs/formik'
 
 import { secretTest, buildCurrencyOptions } from './helper'
@@ -19,12 +19,12 @@ const schema = markets => {
         display: 'API key',
         component: TextInput,
         face: true,
-        long: true
+        long: true,
       },
       {
         code: 'privateKey',
         display: 'Private key',
-        component: SecretInput
+        component: SecretInput,
       },
       {
         code: 'currencyMarket',
@@ -33,10 +33,10 @@ const schema = markets => {
         inputProps: {
           options: buildCurrencyOptions(markets),
           labelProp: 'display',
-          valueProp: 'code'
+          valueProp: 'code',
         },
-        face: true
-      }
+        face: true,
+      },
     ],
     getValidationSchema: account => {
       return Yup.object().shape({
@@ -47,10 +47,10 @@ const schema = markets => {
           .max(100, 'The private key is too long')
           .test(secretTest(account?.privateKey, 'private key')),
         currencyMarket: Yup.string(
-          'The currency market must be a string'
-        ).required('The currency market is required')
+          'The currency market must be a string',
+        ).required('The currency market is required'),
       })
-    }
+    },
   }
 }
 
diff --git a/packages/admin-ui/src/pages/Services/schemas/binanceus.js b/packages/admin-ui/src/pages/Services/schemas/binanceus.js
index 74795e24..708fc593 100644
--- a/packages/admin-ui/src/pages/Services/schemas/binanceus.js
+++ b/packages/admin-ui/src/pages/Services/schemas/binanceus.js
@@ -3,7 +3,7 @@ import * as Yup from 'yup'
 import {
   SecretInput,
   TextInput,
-  Autocomplete
+  Autocomplete,
 } from 'src/components/inputs/formik'
 
 import { secretTest, buildCurrencyOptions } from './helper'
@@ -19,12 +19,12 @@ const schema = markets => {
         display: 'API key',
         component: TextInput,
         face: true,
-        long: true
+        long: true,
       },
       {
         code: 'privateKey',
         display: 'Private key',
-        component: SecretInput
+        component: SecretInput,
       },
       {
         code: 'currencyMarket',
@@ -33,10 +33,10 @@ const schema = markets => {
         inputProps: {
           options: buildCurrencyOptions(markets),
           labelProp: 'display',
-          valueProp: 'code'
+          valueProp: 'code',
         },
-        face: true
-      }
+        face: true,
+      },
     ],
     getValidationSchema: account => {
       return Yup.object().shape({
@@ -47,10 +47,10 @@ const schema = markets => {
           .max(100, 'The private key is too long')
           .test(secretTest(account?.privateKey, 'private key')),
         currencyMarket: Yup.string(
-          'The currency market must be a string'
-        ).required('The currency market is required')
+          'The currency market must be a string',
+        ).required('The currency market is required'),
       })
-    }
+    },
   }
 }
 
diff --git a/packages/admin-ui/src/pages/Services/schemas/bitfinex.js b/packages/admin-ui/src/pages/Services/schemas/bitfinex.js
index c0485af1..67563406 100644
--- a/packages/admin-ui/src/pages/Services/schemas/bitfinex.js
+++ b/packages/admin-ui/src/pages/Services/schemas/bitfinex.js
@@ -3,7 +3,7 @@ import * as Yup from 'yup'
 import {
   SecretInput,
   TextInput,
-  Autocomplete
+  Autocomplete,
 } from 'src/components/inputs/formik'
 
 import { secretTest, buildCurrencyOptions } from './helper'
@@ -19,12 +19,12 @@ const schema = markets => {
         display: 'API key',
         component: TextInput,
         face: true,
-        long: true
+        long: true,
       },
       {
         code: 'secret',
         display: 'API secret',
-        component: SecretInput
+        component: SecretInput,
       },
       {
         code: 'currencyMarket',
@@ -33,10 +33,10 @@ const schema = markets => {
         inputProps: {
           options: buildCurrencyOptions(markets),
           labelProp: 'display',
-          valueProp: 'code'
+          valueProp: 'code',
         },
-        face: true
-      }
+        face: true,
+      },
     ],
     getValidationSchema: account => {
       return Yup.object().shape({
@@ -47,10 +47,10 @@ const schema = markets => {
           .max(100, 'The API secret is too long')
           .test(secretTest(account?.secret, 'API secret')),
         currencyMarket: Yup.string(
-          'The currency market must be a string'
-        ).required('The currency market is required')
+          'The currency market must be a string',
+        ).required('The currency market is required'),
       })
-    }
+    },
   }
 }
 
diff --git a/packages/admin-ui/src/pages/Services/schemas/bitgo.js b/packages/admin-ui/src/pages/Services/schemas/bitgo.js
index 07c2705b..8185701d 100644
--- a/packages/admin-ui/src/pages/Services/schemas/bitgo.js
+++ b/packages/admin-ui/src/pages/Services/schemas/bitgo.js
@@ -3,7 +3,7 @@ import * as Yup from 'yup'
 import {
   TextInput,
   SecretInput,
-  Autocomplete
+  Autocomplete,
 } from 'src/components/inputs/formik'
 
 import { secretTest } from './helper'
@@ -15,7 +15,7 @@ const buildTestValidation = (id, passphrase) => {
     .max(100, 'Too long')
     .when(id, {
       is: isDefined,
-      then: schema => schema.test(secretTest(passphrase))
+      then: schema => schema.test(secretTest(passphrase)),
     })
 }
 
@@ -29,7 +29,7 @@ export default {
       display: 'API token',
       component: TextInput,
       face: true,
-      long: true
+      long: true,
     },
     {
       code: 'environment',
@@ -38,63 +38,63 @@ export default {
       inputProps: {
         options: [
           { code: 'prod', display: 'prod' },
-          { code: 'test', display: 'test' }
+          { code: 'test', display: 'test' },
         ],
         labelProp: 'display',
-        valueProp: 'code'
+        valueProp: 'code',
       },
-      face: true
+      face: true,
     },
     {
       code: 'BTCWalletId',
       display: 'BTC wallet ID',
-      component: TextInput
+      component: TextInput,
     },
     {
       code: 'BTCWalletPassphrase',
       display: 'BTC wallet passphrase',
-      component: SecretInput
+      component: SecretInput,
     },
     {
       code: 'LTCWalletId',
       display: 'LTC wallet ID',
-      component: TextInput
+      component: TextInput,
     },
     {
       code: 'LTCWalletPassphrase',
       display: 'LTC wallet passphrase',
-      component: SecretInput
+      component: SecretInput,
     },
     {
       code: 'ZECWalletId',
       display: 'ZEC wallet ID',
-      component: TextInput
+      component: TextInput,
     },
     {
       code: 'ZECWalletPassphrase',
       display: 'ZEC wallet passphrase',
-      component: SecretInput
+      component: SecretInput,
     },
     {
       code: 'BCHWalletId',
       display: 'BCH wallet ID',
-      component: TextInput
+      component: TextInput,
     },
     {
       code: 'BCHWalletPassphrase',
       display: 'BCH wallet passphrase',
-      component: SecretInput
+      component: SecretInput,
     },
     {
       code: 'DASHWalletId',
       display: 'DASH wallet ID',
-      component: TextInput
+      component: TextInput,
     },
     {
       code: 'DASHWalletPassphrase',
       display: 'DASH wallet passphrase',
-      component: SecretInput
-    }
+      component: SecretInput,
+    },
   ],
   getValidationSchema: account => {
     return Yup.object().shape({
@@ -103,47 +103,47 @@ export default {
         .required('The token is required'),
       BTCWalletId: Yup.string('The BTC wallet ID must be a string').max(
         100,
-        'The BTC wallet ID is too long'
+        'The BTC wallet ID is too long',
       ),
       BTCWalletPassphrase: buildTestValidation(
         'BTCWalletId',
-        account?.BTCWalletPassphrase
+        account?.BTCWalletPassphrase,
       ),
       LTCWalletId: Yup.string('The LTC wallet ID must be a string').max(
         100,
-        'The LTC wallet ID is too long'
+        'The LTC wallet ID is too long',
       ),
       LTCWalletPassphrase: buildTestValidation(
         'LTCWalletId',
-        account?.LTCWalletPassphrase
+        account?.LTCWalletPassphrase,
       ),
       ZECWalletId: Yup.string('The ZEC wallet ID must be a string').max(
         100,
-        'The ZEC wallet ID is too long'
+        'The ZEC wallet ID is too long',
       ),
       ZECWalletPassphrase: buildTestValidation(
         'ZECWalletId',
-        account?.ZECWalletPassphrase
+        account?.ZECWalletPassphrase,
       ),
       BCHWalletId: Yup.string('The BCH wallet ID must be a string').max(
         100,
-        'The BCH wallet ID is too long'
+        'The BCH wallet ID is too long',
       ),
       BCHWalletPassphrase: buildTestValidation(
         'BCHWalletId',
-        account?.BCHWalletPassphrase
+        account?.BCHWalletPassphrase,
       ),
       DASHWalletId: Yup.string('The DASH wallet ID must be a string').max(
         100,
-        'The DASH wallet ID is too long'
+        'The DASH wallet ID is too long',
       ),
       DASHWalletPassphrase: buildTestValidation(
         'DASHWalletId',
-        account?.DASHWalletPassphrase
+        account?.DASHWalletPassphrase,
       ),
       environment: Yup.string('The environment must be a string')
         .matches(/(prod|test)/)
-        .required('The environment is required')
-    });
-  }
+        .required('The environment is required'),
+    })
+  },
 }
diff --git a/packages/admin-ui/src/pages/Services/schemas/bitstamp.js b/packages/admin-ui/src/pages/Services/schemas/bitstamp.js
index e9061e9e..d2664809 100644
--- a/packages/admin-ui/src/pages/Services/schemas/bitstamp.js
+++ b/packages/admin-ui/src/pages/Services/schemas/bitstamp.js
@@ -3,7 +3,7 @@ import * as Yup from 'yup'
 import {
   SecretInput,
   TextInput,
-  Autocomplete
+  Autocomplete,
 } from 'src/components/inputs/formik'
 
 import { secretTest, buildCurrencyOptions } from './helper'
@@ -19,19 +19,19 @@ const schema = markets => {
         display: 'Client ID',
         component: TextInput,
         face: true,
-        long: true
+        long: true,
       },
       {
         code: 'key',
         display: 'API key',
         component: TextInput,
         face: true,
-        long: true
+        long: true,
       },
       {
         code: 'secret',
         display: 'API secret',
-        component: SecretInput
+        component: SecretInput,
       },
       {
         code: 'currencyMarket',
@@ -40,10 +40,10 @@ const schema = markets => {
         inputProps: {
           options: buildCurrencyOptions(markets),
           labelProp: 'display',
-          valueProp: 'code'
+          valueProp: 'code',
         },
-        face: true
-      }
+        face: true,
+      },
     ],
     getValidationSchema: account => {
       return Yup.object().shape({
@@ -57,10 +57,10 @@ const schema = markets => {
           .max(100, 'The API secret is too long')
           .test(secretTest(account?.secret, 'API secret')),
         currencyMarket: Yup.string(
-          'The currency market must be a string'
-        ).required('The currency market is required')
+          'The currency market must be a string',
+        ).required('The currency market is required'),
       })
-    }
+    },
   }
 }
 
diff --git a/packages/admin-ui/src/pages/Services/schemas/blockcypher.js b/packages/admin-ui/src/pages/Services/schemas/blockcypher.js
index d0875577..564127bb 100644
--- a/packages/admin-ui/src/pages/Services/schemas/blockcypher.js
+++ b/packages/admin-ui/src/pages/Services/schemas/blockcypher.js
@@ -12,13 +12,13 @@ export default {
       display: 'API token',
       component: TextInput,
       face: true,
-      long: true
+      long: true,
     },
     {
       code: 'confidenceFactor',
       display: 'Confidence factor',
       component: NumberInput,
-      face: true
+      face: true,
     },
     {
       code: 'rbf',
@@ -30,10 +30,10 @@ export default {
           'Lower the confidence of RBF transactions (Available when using bitcoind.)',
         label: 'Lower the confidence of RBF transactions',
         requirement: 'bitcoind',
-        rightSideLabel: true
+        rightSideLabel: true,
       },
-      face: true
-    }
+      face: true,
+    },
   ],
   getValidationSchema: () => {
     return Yup.object().shape({
@@ -44,7 +44,7 @@ export default {
         .integer('The confidence factor must be an integer')
         .min(0, 'The confidence factor must be between 0 and 100')
         .max(100, 'The confidence factor must be between 0 and 100')
-        .required('The confidence factor is required')
+        .required('The confidence factor is required'),
     })
-  }
+  },
 }
diff --git a/packages/admin-ui/src/pages/Services/schemas/cex.js b/packages/admin-ui/src/pages/Services/schemas/cex.js
index b887db93..25488088 100644
--- a/packages/admin-ui/src/pages/Services/schemas/cex.js
+++ b/packages/admin-ui/src/pages/Services/schemas/cex.js
@@ -3,7 +3,7 @@ import * as Yup from 'yup'
 import {
   SecretInput,
   TextInput,
-  Autocomplete
+  Autocomplete,
 } from 'src/components/inputs/formik'
 
 import { secretTest, buildCurrencyOptions } from './helper'
@@ -19,19 +19,19 @@ const schema = markets => {
         display: 'API key',
         component: TextInput,
         face: true,
-        long: true
+        long: true,
       },
       {
         code: 'uid',
         display: 'User ID',
         component: TextInput,
         face: true,
-        long: true
+        long: true,
       },
       {
         code: 'privateKey',
         display: 'Private key',
-        component: SecretInput
+        component: SecretInput,
       },
       {
         code: 'currencyMarket',
@@ -40,10 +40,10 @@ const schema = markets => {
         inputProps: {
           options: buildCurrencyOptions(markets),
           labelProp: 'display',
-          valueProp: 'code'
+          valueProp: 'code',
         },
-        face: true
-      }
+        face: true,
+      },
     ],
     getValidationSchema: account => {
       return Yup.object().shape({
@@ -57,10 +57,10 @@ const schema = markets => {
           .max(100, 'The private key is too long')
           .test(secretTest(account?.privateKey, 'private key')),
         currencyMarket: Yup.string(
-          'The currency market must be a string'
-        ).required('The currency market is required')
+          'The currency market must be a string',
+        ).required('The currency market is required'),
       })
-    }
+    },
   }
 }
 
diff --git a/packages/admin-ui/src/pages/Services/schemas/elliptic.js b/packages/admin-ui/src/pages/Services/schemas/elliptic.js
index 41d0d810..acb943f8 100644
--- a/packages/admin-ui/src/pages/Services/schemas/elliptic.js
+++ b/packages/admin-ui/src/pages/Services/schemas/elliptic.js
@@ -13,19 +13,19 @@ export default {
     {
       code: 'apiKey',
       display: 'API Key',
-      component: SecretInputFormik
+      component: SecretInputFormik,
     },
     {
       code: 'apiSecret',
       display: 'API Secret',
-      component: SecretInputFormik
+      component: SecretInputFormik,
     },
     {
       code: 'scoreThreshold',
       display: 'Score threshold',
       component: NumberInputFormik,
       face: true,
-      long: false
+      long: false,
     },
     {
       code: 'enabled',
@@ -35,10 +35,10 @@ export default {
         disabledMessage: 'This plugin is disabled',
         label: 'Enabled',
         requirement: null,
-        rightSideLabel: true
+        rightSideLabel: true,
       },
-      face: true
-    }
+      face: true,
+    },
   ],
   getValidationSchema: account => {
     return Yup.object().shape({
@@ -56,8 +56,8 @@ export default {
         .test(
           'no-leading-zeros',
           'The score threshold must not have leading zeros',
-          leadingZerosTest
-        )
+          leadingZerosTest,
+        ),
     })
-  }
+  },
 }
diff --git a/packages/admin-ui/src/pages/Services/schemas/galoy.js b/packages/admin-ui/src/pages/Services/schemas/galoy.js
index d98a07f4..a0fc2727 100644
--- a/packages/admin-ui/src/pages/Services/schemas/galoy.js
+++ b/packages/admin-ui/src/pages/Services/schemas/galoy.js
@@ -3,7 +3,7 @@ import * as Yup from 'yup'
 import {
   SecretInput,
   TextInput,
-  Autocomplete
+  Autocomplete,
 } from 'src/components/inputs/formik'
 
 import { secretTest } from './helper'
@@ -16,7 +16,7 @@ export default {
     {
       code: 'apiSecret',
       display: 'API Secret',
-      component: SecretInput
+      component: SecretInput,
     },
     {
       code: 'environment',
@@ -25,23 +25,23 @@ export default {
       inputProps: {
         options: [
           { code: 'main', display: 'prod' },
-          { code: 'test', display: 'test' }
+          { code: 'test', display: 'test' },
         ],
         labelProp: 'display',
-        valueProp: 'code'
+        valueProp: 'code',
       },
-      face: true
+      face: true,
     },
     {
       code: 'endpoint',
       display: 'Endpoint',
-      component: TextInput
+      component: TextInput,
     },
     {
       code: 'walletId',
       display: 'Wallet ID',
-      component: SecretInput
-    }
+      component: SecretInput,
+    },
   ],
   getValidationSchema: account => {
     return Yup.object().shape({
@@ -56,7 +56,7 @@ export default {
         .required('The environment is required'),
       endpoint: Yup.string('The endpoint must be a string')
         .max(100, 'The endpoint is too long')
-        .required('The endpoint is required')
-    });
-  }
+        .required('The endpoint is required'),
+    })
+  },
 }
diff --git a/packages/admin-ui/src/pages/Services/schemas/helper.js b/packages/admin-ui/src/pages/Services/schemas/helper.js
index f4be746c..65347f36 100644
--- a/packages/admin-ui/src/pages/Services/schemas/helper.js
+++ b/packages/admin-ui/src/pages/Services/schemas/helper.js
@@ -5,7 +5,7 @@ import * as R from 'ramda'
 const WARNING_LEVELS = {
   CLEAN: 'clean',
   PARTIAL: 'partial',
-  IMPORTANT: 'important'
+  IMPORTANT: 'important',
 }
 
 const secretTest = (secret, message) => ({
@@ -16,7 +16,7 @@ const secretTest = (secret, message) => ({
       return this.createError()
     }
     return true
-  }
+  },
 })
 
 const leadingZerosTest = (value, context) => {
@@ -39,7 +39,7 @@ const buildCurrencyOptions = markets => {
       R.length(unavailableCryptosFiltered) > 1
         ? `${R.join(
             ', ',
-            R.slice(0, -1, unavailableCryptosFiltered)
+            R.slice(0, -1, unavailableCryptosFiltered),
           )} and ${R.last(unavailableCryptosFiltered)}`
         : unavailableCryptosFiltered[0]
 
@@ -56,7 +56,7 @@ const buildCurrencyOptions = markets => {
       warning: warningLevel,
       warningMessage: !R.isEmpty(unavailableCryptosFiltered)
         ? `No market pairs available for ${unavailableMarketsStr}`
-        : `All market pairs are available`
+        : `All market pairs are available`,
     }
   }, R.keys(markets))
 }
diff --git a/packages/admin-ui/src/pages/Services/schemas/index.js b/packages/admin-ui/src/pages/Services/schemas/index.js
index e952771b..695aa598 100644
--- a/packages/admin-ui/src/pages/Services/schemas/index.js
+++ b/packages/admin-ui/src/pages/Services/schemas/index.js
@@ -48,7 +48,7 @@ const schemas = (markets = {}) => {
     [trongrid.code]: trongrid,
     [binance.code]: binance,
     [bitfinex.code]: bitfinex,
-    [sumsub.code]: sumsub
+    [sumsub.code]: sumsub,
   }
 }
 
diff --git a/packages/admin-ui/src/pages/Services/schemas/inforu.js b/packages/admin-ui/src/pages/Services/schemas/inforu.js
index a334afe6..3dbe292f 100644
--- a/packages/admin-ui/src/pages/Services/schemas/inforu.js
+++ b/packages/admin-ui/src/pages/Services/schemas/inforu.js
@@ -13,25 +13,25 @@ export default {
       code: 'username',
       display: 'InforU username',
       component: TextInputFormik,
-      face: true
+      face: true,
     },
     {
       code: 'apiKey',
       display: 'API Key',
-      component: SecretInputFormik
+      component: SecretInputFormik,
     },
     {
       code: 'fromNumber',
       display: 'InforU sender',
       component: TextInputFormik,
-      face: true
+      face: true,
     },
     {
       code: 'toNumber',
       display: 'Notifications Number (international format)',
       component: TextInputFormik,
-      face: true
-    }
+      face: true,
+    },
   ],
   getValidationSchema: account => {
     return Yup.object().shape({
@@ -46,7 +46,7 @@ export default {
         .required('The InforU sender is required'),
       toNumber: Yup.string('The notifications number must be a string')
         .max(100, 'The notifications number is too long')
-        .required('The notifications number is required')
+        .required('The notifications number is required'),
     })
-  }
+  },
 }
diff --git a/packages/admin-ui/src/pages/Services/schemas/infura.js b/packages/admin-ui/src/pages/Services/schemas/infura.js
index 8a18752b..87d3895d 100644
--- a/packages/admin-ui/src/pages/Services/schemas/infura.js
+++ b/packages/admin-ui/src/pages/Services/schemas/infura.js
@@ -10,14 +10,14 @@ export default {
       code: 'endpoint',
       display: 'Endpoint',
       component: TextInputFormik,
-      face: true
-    }
+      face: true,
+    },
   ],
   getValidationSchema: () => {
     return Yup.object().shape({
       endpoint: Yup.string('The endpoint must be a string')
         .max(100, 'The endpoint is too long')
-        .required('The endpoint is required')
+        .required('The endpoint is required'),
     })
-  }
+  },
 }
diff --git a/packages/admin-ui/src/pages/Services/schemas/itbit.js b/packages/admin-ui/src/pages/Services/schemas/itbit.js
index d6607461..d679af1b 100644
--- a/packages/admin-ui/src/pages/Services/schemas/itbit.js
+++ b/packages/admin-ui/src/pages/Services/schemas/itbit.js
@@ -3,7 +3,7 @@ import * as Yup from 'yup'
 import {
   SecretInput,
   TextInput,
-  Autocomplete
+  Autocomplete,
 } from 'src/components/inputs/formik'
 
 import { buildCurrencyOptions, secretTest } from './helper'
@@ -19,24 +19,24 @@ const schema = markets => {
         display: 'User ID',
         component: TextInput,
         face: true,
-        long: true
+        long: true,
       },
       {
         code: 'walletId',
         display: 'Wallet ID',
         component: TextInput,
         face: true,
-        long: true
+        long: true,
       },
       {
         code: 'clientKey',
         display: 'Client key',
-        component: TextInput
+        component: TextInput,
       },
       {
         code: 'clientSecret',
         display: 'Client secret',
-        component: SecretInput
+        component: SecretInput,
       },
       {
         code: 'currencyMarket',
@@ -45,10 +45,10 @@ const schema = markets => {
         inputProps: {
           options: buildCurrencyOptions(markets),
           labelProp: 'display',
-          valueProp: 'code'
+          valueProp: 'code',
         },
-        face: true
-      }
+        face: true,
+      },
     ],
     getValidationSchema: account => {
       return Yup.object().shape({
@@ -65,10 +65,10 @@ const schema = markets => {
           .max(100, 'The client secret is too long')
           .test(secretTest(account?.clientSecret, 'client secret')),
         currencyMarket: Yup.string(
-          'The currency market must be a string'
-        ).required('The currency market is required')
+          'The currency market must be a string',
+        ).required('The currency market is required'),
       })
-    }
+    },
   }
 }
 
diff --git a/packages/admin-ui/src/pages/Services/schemas/kraken.js b/packages/admin-ui/src/pages/Services/schemas/kraken.js
index 2c0ee271..0ad9f12f 100644
--- a/packages/admin-ui/src/pages/Services/schemas/kraken.js
+++ b/packages/admin-ui/src/pages/Services/schemas/kraken.js
@@ -3,7 +3,7 @@ import * as Yup from 'yup'
 import {
   SecretInput,
   TextInput,
-  Autocomplete
+  Autocomplete,
 } from 'src/components/inputs/formik'
 
 import { secretTest, buildCurrencyOptions } from './helper'
@@ -19,12 +19,12 @@ const schema = markets => {
         display: 'API key',
         component: TextInput,
         face: true,
-        long: true
+        long: true,
       },
       {
         code: 'privateKey',
         display: 'Private key',
-        component: SecretInput
+        component: SecretInput,
       },
       {
         code: 'currencyMarket',
@@ -33,10 +33,10 @@ const schema = markets => {
         inputProps: {
           options: buildCurrencyOptions(markets),
           labelProp: 'display',
-          valueProp: 'code'
+          valueProp: 'code',
         },
-        face: true
-      }
+        face: true,
+      },
     ],
     getValidationSchema: account => {
       return Yup.object().shape({
@@ -47,10 +47,10 @@ const schema = markets => {
           .max(100, 'The private key is too long')
           .test(secretTest(account?.privateKey, 'private key')),
         currencyMarket: Yup.string(
-          'The currency market must be a string'
-        ).required('The currency market is required')
+          'The currency market must be a string',
+        ).required('The currency market is required'),
       })
-    }
+    },
   }
 }
 
diff --git a/packages/admin-ui/src/pages/Services/schemas/mailgun.js b/packages/admin-ui/src/pages/Services/schemas/mailgun.js
index b01b84b7..c00f69a0 100644
--- a/packages/admin-ui/src/pages/Services/schemas/mailgun.js
+++ b/packages/admin-ui/src/pages/Services/schemas/mailgun.js
@@ -9,25 +9,25 @@ export default {
     {
       code: 'apiKey',
       display: 'API key',
-      component: TextInputFormik
+      component: TextInputFormik,
     },
     {
       code: 'domain',
       display: 'Domain',
-      component: TextInputFormik
+      component: TextInputFormik,
     },
     {
       code: 'fromEmail',
       display: 'From email',
       component: TextInputFormik,
-      face: true
+      face: true,
     },
     {
       code: 'toEmail',
       display: 'To email',
       component: TextInputFormik,
-      face: true
-    }
+      face: true,
+    },
   ],
   getValidationSchema: () => {
     return Yup.object().shape({
@@ -44,7 +44,7 @@ export default {
       toEmail: Yup.string('The to email must be a string')
         .max(100, 'The to email is too long')
         .email('The to email must be a valid email address')
-        .required('The to email is required')
+        .required('The to email is required'),
     })
-  }
+  },
 }
diff --git a/packages/admin-ui/src/pages/Services/schemas/scorechain.js b/packages/admin-ui/src/pages/Services/schemas/scorechain.js
index 2ee4eb97..ac1c011c 100644
--- a/packages/admin-ui/src/pages/Services/schemas/scorechain.js
+++ b/packages/admin-ui/src/pages/Services/schemas/scorechain.js
@@ -13,14 +13,14 @@ export default {
     {
       code: 'apiKey',
       display: 'API Key',
-      component: SecretInputFormik
+      component: SecretInputFormik,
     },
     {
       code: 'scoreThreshold',
       display: 'Score threshold',
       component: NumberInputFormik,
       face: true,
-      long: false
+      long: false,
     },
     {
       code: 'enabled',
@@ -30,10 +30,10 @@ export default {
         disabledMessage: 'This plugin is disabled',
         label: 'Enabled',
         requirement: null,
-        rightSideLabel: true
+        rightSideLabel: true,
       },
-      face: true
-    }
+      face: true,
+    },
   ],
   getValidationSchema: account => {
     return Yup.object().shape({
@@ -48,8 +48,8 @@ export default {
         .test(
           'no-leading-zeros',
           'The score threshold must not have leading zeros',
-          leadingZerosTest
-        )
+          leadingZerosTest,
+        ),
     })
-  }
+  },
 }
diff --git a/packages/admin-ui/src/pages/Services/schemas/singlebitgo.js b/packages/admin-ui/src/pages/Services/schemas/singlebitgo.js
index 9e206632..de47811b 100644
--- a/packages/admin-ui/src/pages/Services/schemas/singlebitgo.js
+++ b/packages/admin-ui/src/pages/Services/schemas/singlebitgo.js
@@ -3,7 +3,7 @@ import * as Yup from 'yup'
 import {
   TextInput,
   SecretInput,
-  Autocomplete
+  Autocomplete,
 } from 'src/components/inputs/formik'
 
 const singleBitgo = code => ({
@@ -16,7 +16,7 @@ const singleBitgo = code => ({
       display: 'API token',
       component: TextInput,
       face: true,
-      long: true
+      long: true,
     },
     {
       code: 'environment',
@@ -25,23 +25,23 @@ const singleBitgo = code => ({
       inputProps: {
         options: [
           { code: 'prod', display: 'prod' },
-          { code: 'test', display: 'test' }
+          { code: 'test', display: 'test' },
         ],
         labelProp: 'display',
-        valueProp: 'code'
+        valueProp: 'code',
       },
-      face: true
+      face: true,
     },
     {
       code: `${code}WalletId`,
       display: `${code} wallet ID`,
-      component: TextInput
+      component: TextInput,
     },
     {
       code: `${code}WalletPassphrase`,
       display: `${code} wallet passphrase`,
-      component: SecretInput
-    }
+      component: SecretInput,
+    },
   ],
   validationSchema: Yup.object().shape({
     token: Yup.string('The token must be a string')
@@ -54,11 +54,11 @@ const singleBitgo = code => ({
       .max(100, `The ${code} wallet ID is too long`)
       .required(`The ${code} wallet ID is required`),
     [`${code}WalletPassphrase`]: Yup.string(
-      `The ${code} passphrase must be a string`
+      `The ${code} passphrase must be a string`,
     )
       .max(100, `The ${code} wallet passphrase is too long`)
-      .required(`The ${code} wallet passphrase is required`)
-  })
+      .required(`The ${code} wallet passphrase is required`),
+  }),
 })
 
 export default singleBitgo
diff --git a/packages/admin-ui/src/pages/Services/schemas/sumsub.js b/packages/admin-ui/src/pages/Services/schemas/sumsub.js
index ee156a9e..b4f13c5d 100644
--- a/packages/admin-ui/src/pages/Services/schemas/sumsub.js
+++ b/packages/admin-ui/src/pages/Services/schemas/sumsub.js
@@ -12,19 +12,19 @@ const schema = {
     {
       code: 'apiToken',
       display: 'API Token',
-      component: SecretInput
+      component: SecretInput,
     },
     {
       code: 'secretKey',
       display: 'Secret Key',
-      component: SecretInput
+      component: SecretInput,
     },
     {
       code: 'applicantLevel',
       display: 'Applicant Level',
       component: TextInput,
-      face: true
-    }
+      face: true,
+    },
   ],
   getValidationSchema: account => {
     return Yup.object().shape({
@@ -36,9 +36,9 @@ const schema = {
         .test(secretTest(account?.secretKey, 'secret key')),
       applicantLevel: Yup.string('The applicant level must be a string')
         .max(100, 'The applicant level is too long')
-        .required('The applicant level is required')
+        .required('The applicant level is required'),
     })
-  }
+  },
 }
 
 export default schema
diff --git a/packages/admin-ui/src/pages/Services/schemas/telnyx.js b/packages/admin-ui/src/pages/Services/schemas/telnyx.js
index ce11ed48..b33b8c7e 100644
--- a/packages/admin-ui/src/pages/Services/schemas/telnyx.js
+++ b/packages/admin-ui/src/pages/Services/schemas/telnyx.js
@@ -12,20 +12,20 @@ export default {
     {
       code: 'apiKey',
       display: 'API Key',
-      component: SecretInputFormik
+      component: SecretInputFormik,
     },
     {
       code: 'fromNumber',
       display: 'Telnyx Number (international format)',
       component: TextInputFormik,
-      face: true
+      face: true,
     },
     {
       code: 'toNumber',
       display: 'Notifications Number (international format)',
       component: TextInputFormik,
-      face: true
-    }
+      face: true,
+    },
   ],
   getValidationSchema: account => {
     return Yup.object().shape({
@@ -37,7 +37,7 @@ export default {
         .required('The Telnyx number is required'),
       toNumber: Yup.string('The notifications number must be a string')
         .max(100, 'The notifications number is too long')
-        .required('The notifications number is required')
+        .required('The notifications number is required'),
     })
-  }
+  },
 }
diff --git a/packages/admin-ui/src/pages/Services/schemas/trongrid.js b/packages/admin-ui/src/pages/Services/schemas/trongrid.js
index affc3989..4d6bb9ea 100644
--- a/packages/admin-ui/src/pages/Services/schemas/trongrid.js
+++ b/packages/admin-ui/src/pages/Services/schemas/trongrid.js
@@ -11,14 +11,14 @@ export default {
       display: 'API Key',
       component: TextInputFormik,
       face: true,
-      long: true
-    }
+      long: true,
+    },
   ],
-  getValidationSchema: account => {
+  getValidationSchema: () => {
     return Yup.object().shape({
       apiKey: Yup.string('The project ID must be a string')
         .max(100, 'The project ID is too long')
-        .required('The project ID is required')
+        .required('The project ID is required'),
     })
-  }
+  },
 }
diff --git a/packages/admin-ui/src/pages/Services/schemas/twilio.js b/packages/admin-ui/src/pages/Services/schemas/twilio.js
index 756287a3..d22d51be 100644
--- a/packages/admin-ui/src/pages/Services/schemas/twilio.js
+++ b/packages/admin-ui/src/pages/Services/schemas/twilio.js
@@ -12,25 +12,25 @@ export default {
     {
       code: 'accountSid',
       display: 'Account SID',
-      component: TextInputFormik
+      component: TextInputFormik,
     },
     {
       code: 'authToken',
       display: 'Auth token',
-      component: SecretInputFormik
+      component: SecretInputFormik,
     },
     {
       code: 'fromNumber',
       display: 'Twilio number (international format)',
       component: TextInputFormik,
-      face: true
+      face: true,
     },
     {
       code: 'toNumber',
       display: 'Notifications number (international format)',
       component: TextInputFormik,
-      face: true
-    }
+      face: true,
+    },
   ],
   getValidationSchema: account => {
     return Yup.object().shape({
@@ -45,7 +45,7 @@ export default {
         .required('The Twilio number is required'),
       toNumber: Yup.string('The notifications number must be a string')
         .max(100, 'The notifications number is too long')
-        .required('The notifications number is required')
+        .required('The notifications number is required'),
     })
-  }
+  },
 }
diff --git a/packages/admin-ui/src/pages/Services/schemas/vonage.js b/packages/admin-ui/src/pages/Services/schemas/vonage.js
index fb95023a..6aaeeee1 100644
--- a/packages/admin-ui/src/pages/Services/schemas/vonage.js
+++ b/packages/admin-ui/src/pages/Services/schemas/vonage.js
@@ -12,25 +12,25 @@ export default {
     {
       code: 'apiKey',
       display: 'API Key',
-      component: TextInputFormik
+      component: TextInputFormik,
     },
     {
       code: 'apiSecret',
       display: 'API Secret',
-      component: SecretInputFormik
+      component: SecretInputFormik,
     },
     {
       code: 'fromNumber',
       display: 'Vonage Number (international format)',
       component: TextInputFormik,
-      face: true
+      face: true,
     },
     {
       code: 'toNumber',
       display: 'Notifications Number (international format)',
       component: TextInputFormik,
-      face: true
-    }
+      face: true,
+    },
   ],
   getValidationSchema: account => {
     return Yup.object().shape({
@@ -45,7 +45,7 @@ export default {
         .required('The Vonage number is required'),
       toNumber: Yup.string('The notifications number must be a string')
         .max(100, 'The notifications number is too long')
-        .required('The notifications number is required')
+        .required('The notifications number is required'),
     })
-  }
+  },
 }
diff --git a/packages/admin-ui/src/pages/SessionManagement/SessionManagement.jsx b/packages/admin-ui/src/pages/SessionManagement/SessionManagement.jsx
index ce108590..ec64df8e 100644
--- a/packages/admin-ui/src/pages/SessionManagement/SessionManagement.jsx
+++ b/packages/admin-ui/src/pages/SessionManagement/SessionManagement.jsx
@@ -42,7 +42,7 @@ const SessionManagement = () => {
   const { data: tknResponse, loading: sessionsLoading } = useQuery(GET_SESSIONS)
 
   const [deleteSession] = useMutation(DELETE_SESSION, {
-    refetchQueries: () => ['sessions']
+    refetchQueries: () => ['sessions'],
   })
 
   const { data: configResponse, loading: configLoading } = useQuery(GET_DATA)
@@ -56,7 +56,7 @@ const SessionManagement = () => {
       width: 207,
       textAlign: 'left',
       size: 'sm',
-      view: s => s.sess.user.username
+      view: s => s.sess.user.username,
     },
     {
       header: 'Last known use',
@@ -67,7 +67,7 @@ const SessionManagement = () => {
         if (R.isNil(s.sess.ua)) return 'No Record'
         const ua = parser(s.sess.ua)
         return `${ua.browser.name} ${ua.browser.version} on ${ua.os.name} ${ua.os.version}`
-      }
+      },
     },
     {
       header: 'Last known location',
@@ -76,7 +76,7 @@ const SessionManagement = () => {
       size: 'sm',
       view: s => {
         return isLocalhost(s.sess.ipAddress) ? 'This device' : s.sess.ipAddress
-      }
+      },
     },
     {
       header: 'Expiration date',
@@ -87,8 +87,8 @@ const SessionManagement = () => {
         `${formatDate(s.expire, timezone, 'yyyy-MM-dd')} ${formatDate(
           s.expire,
           timezone,
-          'HH:mm:ss'
-        )}`
+          'HH:mm:ss',
+        )}`,
     },
     {
       header: '',
@@ -104,8 +104,8 @@ const SessionManagement = () => {
             <DeleteIcon />
           </SvgIcon>
         </IconButton>
-      )
-    }
+      ),
+    },
   ]
 
   return (
diff --git a/packages/admin-ui/src/pages/Transactions/DetailsCard.jsx b/packages/admin-ui/src/pages/Transactions/DetailsCard.jsx
index e07ec7ab..cf3799aa 100644
--- a/packages/admin-ui/src/pages/Transactions/DetailsCard.jsx
+++ b/packages/admin-ui/src/pages/Transactions/DetailsCard.jsx
@@ -28,7 +28,7 @@ import {
   primaryColor,
   subheaderColor,
   errorColor,
-  offErrorColor
+  offErrorColor,
 } from 'src/styling/variables'
 import { SWEEPABLE_CRYPTOS } from 'src/utils/constants'
 import * as Customer from 'src/utils/customer'
@@ -113,7 +113,7 @@ const DetailsRow = ({ it: tx, timezone }) => {
   const zip = new JSZip()
 
   const [fetchSummary] = useLazyQuery(TX_SUMMARY, {
-    onCompleted: data => createCsv(R.filter(it => !R.isEmpty(it), data))
+    onCompleted: data => createCsv(R.filter(it => !R.isEmpty(it), data)),
   })
 
   const [cancelTransaction] = useMutation(
@@ -121,13 +121,13 @@ const DetailsRow = ({ it: tx, timezone }) => {
     {
       onError: ({ message }) =>
         setErrorMessage(message ?? 'An error occurred.'),
-      refetchQueries: () => ['transactions']
-    }
+      refetchQueries: () => ['transactions'],
+    },
   )
 
   const commission = BigNumber(tx.profit).toFixed(2, 1) // ROUND_DOWN
   const commissionPercentage = BigNumber(
-    Number.parseFloat(tx.commissionPercentage, 2) * 100
+    Number.parseFloat(tx.commissionPercentage, 2) * 100,
   ).toFixed(2, 1) // ROUND_DOWN
   const fixedFee = Number.parseFloat(tx.fixedFee) || 0
   const fiat = BigNumber(tx.fiat).minus(fixedFee).toFixed(2, 1) // ROUND_DOWN
@@ -145,7 +145,7 @@ const DetailsRow = ({ it: tx, timezone }) => {
       (tx.customerIdCardData.dateOfBirth &&
         differenceInYears(
           parseDateString(tx.customerIdCardData.dateOfBirth),
-          new Date()
+          new Date(),
         )) ??
       '',
     country: tx.customerIdCardData.country,
@@ -153,9 +153,9 @@ const DetailsRow = ({ it: tx, timezone }) => {
     idCardExpirationDate:
       (tx.customerIdCardData.expirationDate &&
         format('yyyy-MM-dd')(
-          parseDateString(tx.customerIdCardData.expirationDate)
+          parseDateString(tx.customerIdCardData.expirationDate),
         )) ??
-      ''
+      '',
   }
 
   const from = sub({ minutes: MINUTES_OFFSET }, new Date(tx.created))
@@ -163,7 +163,7 @@ const DetailsRow = ({ it: tx, timezone }) => {
 
   const downloadRawLogs = ({ id: txId, deviceId, txClass }, timezone) => {
     fetchSummary({
-      variables: { txId, from, until, deviceId, txClass, timezone }
+      variables: { txId, from, until, deviceId, txClass, timezone },
     })
   }
 
@@ -220,7 +220,7 @@ const DetailsRow = ({ it: tx, timezone }) => {
         noMargin
         className={classNames({
           'font-bold ml-1': true,
-          'text-tomato': hasChainAnalysisError(tx)
+          'text-tomato': hasChainAnalysisError(tx),
         })}>
         {tx.walletScore}
       </P>
@@ -396,7 +396,7 @@ const DetailsRow = ({ it: tx, timezone }) => {
               className="w-40"
               onClick={() =>
                 setAction({
-                  command: 'cancelTx'
+                  command: 'cancelTx',
                 })
               }>
               Cancel transaction
@@ -434,8 +434,8 @@ const DetailsRow = ({ it: tx, timezone }) => {
           setAction({ command: null })
           cancelTransaction({
             variables: {
-              id: tx.id
-            }
+              id: tx.id,
+            },
           })
         }}
         onDismissed={() => {
@@ -453,5 +453,5 @@ export default memo(
     prev.it.id === next.it.id &&
     prev.it.hasError === next.it.hasError &&
     prev.it.batchError === next.it.batchError &&
-    getStatus(prev.it) === getStatus(next.it)
+    getStatus(prev.it) === getStatus(next.it),
 )
diff --git a/packages/admin-ui/src/pages/Transactions/Transactions.jsx b/packages/admin-ui/src/pages/Transactions/Transactions.jsx
index daaad78b..f385231a 100644
--- a/packages/admin-ui/src/pages/Transactions/Transactions.jsx
+++ b/packages/admin-ui/src/pages/Transactions/Transactions.jsx
@@ -138,7 +138,7 @@ const Transactions = () => {
 
   const [filters, setFilters] = useState([])
   const { data: filtersResponse, loading: filtersLoading } = useQuery(
-    GET_TRANSACTION_FILTERS
+    GET_TRANSACTION_FILTERS,
   )
   const [variables, setVariables] = useState({ limit: NUM_LOG_RESULTS })
   const {
@@ -146,7 +146,7 @@ const Transactions = () => {
     loading: transactionsLoading,
     refetch,
     startPolling,
-    stopPolling
+    stopPolling,
   } = useQuery(GET_TRANSACTIONS, { variables })
 
   useEffect(() => {
@@ -168,14 +168,14 @@ const Transactions = () => {
       header: '',
       width: 32,
       size: 'sm',
-      view: it => (it.txClass === 'cashOut' ? <TxOutIcon /> : <TxInIcon />)
+      view: it => (it.txClass === 'cashOut' ? <TxOutIcon /> : <TxInIcon />),
     },
     {
       header: 'Machine',
       name: 'machineName',
       width: 160,
       size: 'sm',
-      view: R.path(['machineName'])
+      view: R.path(['machineName']),
     },
     {
       header: 'Customer',
@@ -198,14 +198,14 @@ const Transactions = () => {
             </div>
           )}
         </div>
-      )
+      ),
     },
     {
       header: 'Cash',
       width: 144,
       textAlign: 'right',
       size: 'sm',
-      view: it => `${Number.parseFloat(it.fiat)} ${it.fiatCode}`
+      view: it => `${Number.parseFloat(it.fiat)} ${it.fiatCode}`,
     },
     {
       header: 'Crypto',
@@ -215,14 +215,14 @@ const Transactions = () => {
       view: it =>
         `${toUnit(new BigNumber(it.cryptoAtoms), it.cryptoCode)} ${
           it.cryptoCode
-        }`
+        }`,
     },
     {
       header: 'Address',
       view: it => formatCryptoAddress(it.cryptoCode, it.toAddress),
       className: 'overflow-hidden whitespace-nowrap text-ellipsis',
       size: 'sm',
-      width: 140
+      width: 140,
     },
     {
       header: 'Date',
@@ -230,7 +230,7 @@ const Transactions = () => {
         timezone && formatDate(it.created, timezone, 'yyyy-MM-dd HH:mm'),
       textAlign: 'right',
       size: 'sm',
-      width: 195
+      width: 195,
     },
     {
       header: 'Status',
@@ -252,8 +252,8 @@ const Transactions = () => {
       },
       textAlign: 'left',
       size: 'sm',
-      width: 80
-    }
+      width: 80,
+    },
   ]
 
   const onFilterChange = filters => {
@@ -270,7 +270,7 @@ const Transactions = () => {
       cryptoCode: filtersObject.crypto,
       toAddress: filtersObject.address,
       status: filtersObject.status,
-      swept: filtersObject.swept && filtersObject.swept === 'Swept'
+      swept: filtersObject.swept && filtersObject.swept === 'Swept',
     })
 
     refetch && refetch()
@@ -278,7 +278,7 @@ const Transactions = () => {
 
   const onFilterDelete = filter => {
     const newFilters = R.filter(
-      f => !R.whereEq(R.pick(['type', 'value'], f), filter)
+      f => !R.whereEq(R.pick(['type', 'value'], f), filter),
     )(filters)
 
     setFilters(newFilters)
@@ -294,7 +294,7 @@ const Transactions = () => {
       cryptoCode: filtersObject.crypto,
       toAddress: filtersObject.address,
       status: filtersObject.status,
-      swept: filtersObject.swept && filtersObject.swept === 'Swept'
+      swept: filtersObject.swept && filtersObject.swept === 'Swept',
     })
 
     refetch && refetch()
@@ -313,7 +313,7 @@ const Transactions = () => {
       cryptoCode: filtersObject.crypto,
       toAddress: filtersObject.address,
       status: filtersObject.status,
-      swept: filtersObject.swept && filtersObject.swept === 'Swept'
+      swept: filtersObject.swept && filtersObject.swept === 'Swept',
     })
 
     refetch && refetch()
@@ -336,7 +336,7 @@ const Transactions = () => {
         labels={[
           { icon: <TxInIcon />, label: 'Cash-in' },
           { icon: <TxOutIcon />, label: 'Cash-out' },
-          { icon: errorLabel, label: 'Transaction error' }
+          { icon: errorLabel, label: 'Transaction error' },
         ]}
         appendix={
           <div className="flex ml-4 gap-4">
diff --git a/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/CustomInfoRequests.jsx b/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/CustomInfoRequests.jsx
index 0eb40c6a..260ef1e9 100644
--- a/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/CustomInfoRequests.jsx
+++ b/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/CustomInfoRequests.jsx
@@ -18,7 +18,7 @@ import SvgIcon from '@mui/material/SvgIcon'
 const inputTypeDisplay = {
   numerical: 'Numerical',
   text: 'Text',
-  choiceList: 'Choice list'
+  choiceList: 'Choice list',
 }
 
 const constraintTypeDisplay = {
@@ -28,7 +28,7 @@ const constraintTypeDisplay = {
   length: 'Length',
   selectOne: 'Select one',
   selectMultiple: 'Select multiple',
-  spaceSeparation: 'Space separation'
+  spaceSeparation: 'Space separation',
 }
 
 const GET_DATA = gql`
@@ -72,7 +72,7 @@ const REMOVE_ROW = gql`
 const CustomInfoRequests = ({
   showWizard,
   toggleWizard,
-  data: customRequests
+  data: customRequests,
 }) => {
   const [toBeDeleted, setToBeDeleted] = useState()
   const [toBeEdited, setToBeEdited] = useState()
@@ -83,7 +83,7 @@ const CustomInfoRequests = ({
 
   const [saveConfig] = useMutation(SAVE_CONFIG, {
     refetchQueries: () => ['getData'],
-    onError: () => setHasError(true)
+    onError: () => setHasError(true),
   })
 
   const [addEntry] = useMutation(ADD_ROW, {
@@ -95,7 +95,7 @@ const CustomInfoRequests = ({
       setHasError(false)
       toggleWizard()
     },
-    refetchQueries: () => ['customInfoRequests']
+    refetchQueries: () => ['customInfoRequests'],
   })
 
   const [editEntry] = useMutation(EDIT_ROW, {
@@ -108,7 +108,7 @@ const CustomInfoRequests = ({
       setToBeEdited(null)
       toggleWizard()
     },
-    refetchQueries: () => ['getData', 'customInfoRequests']
+    refetchQueries: () => ['getData', 'customInfoRequests'],
   })
 
   const [removeEntry] = useMutation(REMOVE_ROW, {
@@ -120,7 +120,7 @@ const CustomInfoRequests = ({
       setDeleteDialog(false)
       setHasError(false)
     },
-    refetchQueries: () => ['getData', 'customInfoRequests']
+    refetchQueries: () => ['getData', 'customInfoRequests'],
   })
 
   const config = R.path(['config'])(configData) ?? []
@@ -128,16 +128,16 @@ const CustomInfoRequests = ({
   const handleDelete = id => {
     removeEntry({
       variables: {
-        id
-      }
+        id,
+      },
     }).then(() => {
       const triggersConfig =
         (config && fromNamespace(namespaces.TRIGGERS)(config)) ?? []
       const cleanConfig = {
         overrides: R.reject(
           it => it.requirement === id,
-          triggersConfig.overrides
-        )
+          triggersConfig.overrides,
+        ),
       }
       const newConfig = toNamespace(namespaces.TRIGGERS)(cleanConfig)
       saveConfig({ variables: { config: newConfig } })
@@ -149,16 +149,16 @@ const CustomInfoRequests = ({
       return editEntry({
         variables: {
           id: values.id,
-          customRequest: R.omit(['id'])(values)
-        }
+          customRequest: R.omit(['id'])(values),
+        },
       })
     }
     return addEntry({
       variables: {
         customRequest: {
-          ...values
-        }
-      }
+          ...values,
+        },
+      },
     })
   }
 
@@ -186,14 +186,14 @@ const CustomInfoRequests = ({
                 width: 300,
                 textAlign: 'left',
                 size: 'sm',
-                view: it => it.customRequest.name
+                view: it => it.customRequest.name,
               },
               {
                 header: 'Data entry type',
                 width: 300,
                 textAlign: 'left',
                 size: 'sm',
-                view: it => inputTypeDisplay[it.customRequest.input.type]
+                view: it => inputTypeDisplay[it.customRequest.input.type],
               },
               {
                 header: 'Constraints',
@@ -201,7 +201,7 @@ const CustomInfoRequests = ({
                 textAlign: 'left',
                 size: 'sm',
                 view: it =>
-                  constraintTypeDisplay[it.customRequest.input.constraintType]
+                  constraintTypeDisplay[it.customRequest.input.constraintType],
               },
               {
                 header: 'Edit',
@@ -220,7 +220,7 @@ const CustomInfoRequests = ({
                       </SvgIcon>
                     </IconButton>
                   )
-                }
+                },
               },
               {
                 header: 'Delete',
@@ -239,8 +239,8 @@ const CustomInfoRequests = ({
                       </SvgIcon>
                     </IconButton>
                   )
-                }
-              }
+                },
+              },
             ]}
             data={customRequests}
             Details={DetailsRow}
diff --git a/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/Forms/ChooseType.jsx b/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/Forms/ChooseType.jsx
index c70b732c..8a52f818 100644
--- a/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/Forms/ChooseType.jsx
+++ b/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/Forms/ChooseType.jsx
@@ -20,7 +20,7 @@ const MakeIcon = IconSvg => (
       maxWidth: 104,
       maxHeight: 64,
       minWidth: 104,
-      minHeight: 64
+      minHeight: 64,
     }}>
     <IconSvg style={{ maxWidth: 80 }} />
   </div>
@@ -33,21 +33,21 @@ const ChooseType = () => {
       title: 'Numerical entry',
       description:
         'User will enter information with a keypad. Good for dates, ID numbers, etc.',
-      icon: () => MakeIcon(Keypad)
+      icon: () => MakeIcon(Keypad),
     },
     {
       value: 'text',
       title: 'Text entry',
       description:
         'User will entry information with a keyboard. Good for names, email, address, etc.',
-      icon: () => MakeIcon(Keyboard)
+      icon: () => MakeIcon(Keyboard),
     },
     {
       value: 'choiceList',
       title: 'Choice list',
       description: 'Gives user multiple options to choose from.',
-      icon: () => MakeIcon(List)
-    }
+      icon: () => MakeIcon(List),
+    },
   ]
 
   return (
@@ -65,11 +65,11 @@ const ChooseType = () => {
 }
 
 const validationSchema = Yup.object().shape({
-  inputType: Yup.string().label('Input type').required()
+  inputType: Yup.string().label('Input type').required(),
 })
 
 const defaultValues = {
-  inputType: ''
+  inputType: '',
 }
 
 export default ChooseType
diff --git a/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/Forms/NameOfRequirement.jsx b/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/Forms/NameOfRequirement.jsx
index 1f0b9b14..70f95c64 100644
--- a/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/Forms/NameOfRequirement.jsx
+++ b/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/Forms/NameOfRequirement.jsx
@@ -32,16 +32,16 @@ const validationSchema = existingRequirements =>
       .test(
         'unique-name',
         'A custom information requirement with that name already exists',
-        (value, _context) =>
+        value =>
           !R.includes(
             R.toLower(R.defaultTo('', value)),
-            R.map(it => R.toLower(it.customRequest.name), existingRequirements)
-          )
-      )
+            R.map(it => R.toLower(it.customRequest.name), existingRequirements),
+          ),
+      ),
   })
 
 const defaultValues = {
-  requirementName: ''
+  requirementName: '',
 }
 
 export default NameOfRequirement
diff --git a/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/Forms/Screen1Information.jsx b/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/Forms/Screen1Information.jsx
index 4e338d5f..7433ce63 100644
--- a/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/Forms/Screen1Information.jsx
+++ b/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/Forms/Screen1Information.jsx
@@ -32,12 +32,12 @@ const Screen1Information = () => {
 
 const validationSchema = Yup.object().shape({
   screen1Title: Yup.string().label('Screen title').required(),
-  screen1Text: Yup.string().label('Screen text').required()
+  screen1Text: Yup.string().label('Screen text').required(),
 })
 
 const defaultValues = {
   screen1Title: '',
-  screen1Text: ''
+  screen1Text: '',
 }
 
 export default Screen1Information
diff --git a/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/Forms/Screen2Information.jsx b/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/Forms/Screen2Information.jsx
index 0f455cb5..b531c31d 100644
--- a/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/Forms/Screen2Information.jsx
+++ b/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/Forms/Screen2Information.jsx
@@ -30,12 +30,12 @@ const ScreenInformation = () => {
 
 const validationSchema = Yup.object().shape({
   screen2Title: Yup.string().label('Screen title').required(),
-  screen2Text: Yup.string().label('Screen text').required()
+  screen2Text: Yup.string().label('Screen text').required(),
 })
 
 const defaultValues = {
   screen2Title: '',
-  screen2Text: ''
+  screen2Text: '',
 }
 
 export default ScreenInformation
diff --git a/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/Forms/TypeFields/ChoiceList.jsx b/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/Forms/TypeFields/ChoiceList.jsx
index e514d747..2ce9a71c 100644
--- a/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/Forms/TypeFields/ChoiceList.jsx
+++ b/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/Forms/TypeFields/ChoiceList.jsx
@@ -13,7 +13,7 @@ const nonEmptyStr = obj => obj.text && obj.text.length
 
 const options = [
   { display: 'Select just one', code: 'selectOne' },
-  { display: 'Select multiple', code: 'selectMultiple' }
+  { display: 'Select multiple', code: 'selectMultiple' },
 ]
 
 const ChoiceList = () => {
@@ -26,7 +26,7 @@ const ChoiceList = () => {
     'mb-0': true,
     'text-tomato':
       !R.path(['values', 'constraintType'])(context) &&
-      R.path(['errors', 'constraintType'])(context)
+      R.path(['errors', 'constraintType'])(context),
   }
 
   const hasError = choice => {
diff --git a/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/Forms/TypeFields/NumericalEntry.jsx b/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/Forms/TypeFields/NumericalEntry.jsx
index fff64499..b6a6da64 100644
--- a/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/Forms/TypeFields/NumericalEntry.jsx
+++ b/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/Forms/TypeFields/NumericalEntry.jsx
@@ -9,7 +9,7 @@ import { TL1, H4 } from 'src/components/typography'
 const options = [
   { display: 'None', code: 'none' },
   { display: 'Date', code: 'date' },
-  { display: 'Length', code: 'length' }
+  { display: 'Length', code: 'length' },
 ]
 
 const NumericalEntry = () => {
@@ -23,7 +23,7 @@ const NumericalEntry = () => {
     'mb-0': true,
     'text-tomat':
       !R.path(['values', 'constraintType'])(context) &&
-      R.path(['errors', 'constraintType'])(context)
+      R.path(['errors', 'constraintType'])(context),
   }
 
   return (
diff --git a/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/Forms/TypeFields/TextEntry.jsx b/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/Forms/TypeFields/TextEntry.jsx
index 6b9ed614..dc07e766 100644
--- a/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/Forms/TypeFields/TextEntry.jsx
+++ b/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/Forms/TypeFields/TextEntry.jsx
@@ -12,8 +12,8 @@ const options = [
   {
     display: 'Space separation',
     subtitle: '(e.g. first and last name)',
-    code: 'spaceSeparation'
-  }
+    code: 'spaceSeparation',
+  },
 ]
 
 const TextEntry = () => {
@@ -22,7 +22,7 @@ const TextEntry = () => {
     'mt-0': true,
     'text-tomato':
       !R.path(['values', 'constraintType'])(context) &&
-      R.path(['errors', 'constraintType'])(context)
+      R.path(['errors', 'constraintType'])(context),
   }
 
   const getLabelInputs = () => {
diff --git a/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/Forms/TypeFields/index.jsx b/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/Forms/TypeFields/index.jsx
index 3c608e8c..2ecc3233 100644
--- a/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/Forms/TypeFields/index.jsx
+++ b/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/Forms/TypeFields/index.jsx
@@ -33,7 +33,7 @@ const defaultValues = {
   inputLength: '',
   inputLabel1: '',
   inputLabel2: '',
-  listChoices: [{ text: '' }, { text: '' }]
+  listChoices: [{ text: '' }, { text: '' }],
 }
 
 const validationSchema = Yup.lazy(values => {
@@ -45,8 +45,8 @@ const validationSchema = Yup.lazy(values => {
           is: 'length',
           then: schema =>
             schema.min(0).required('The number of digits is required'),
-          otherwise: schema => schema.notRequired()
-        })
+          otherwise: schema => schema.notRequired(),
+        }),
       })
     case 'text':
       return Yup.object({
@@ -55,8 +55,8 @@ const validationSchema = Yup.lazy(values => {
         inputLabel2: Yup.string().when('constraintType', {
           is: 'spaceSeparation',
           then: schema => schema.label('Second word label').required(),
-          otherwise: schema => schema.notRequired()
-        })
+          otherwise: schema => schema.notRequired(),
+        }),
       })
     case 'choiceList':
       return Yup.object({
@@ -64,10 +64,10 @@ const validationSchema = Yup.lazy(values => {
         listChoices: Yup.array().test(
           'has-2-or-more',
           'Choice list needs to have two or more non empty fields',
-          (values, ctx) => {
+          values => {
             return R.filter(nonEmptyStr)(values).length > 1
-          }
-        )
+          },
+        ),
       })
     default:
       return Yup.mixed().notRequired()
diff --git a/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/Wizard.jsx b/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/Wizard.jsx
index 0bcebe78..a0c2c669 100644
--- a/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/Wizard.jsx
+++ b/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/Wizard.jsx
@@ -9,23 +9,23 @@ import { Button } from 'src/components/buttons'
 
 import ChooseType, {
   validationSchema as chooseTypeSchema,
-  defaultValues as chooseTypeDefaults
+  defaultValues as chooseTypeDefaults,
 } from './Forms/ChooseType'
 import NameOfRequirement, {
   validationSchema as nameOfReqSchema,
-  defaultValues as nameOfReqDefaults
+  defaultValues as nameOfReqDefaults,
 } from './Forms/NameOfRequirement'
 import Screen1Information, {
   validationSchema as screen1InfoSchema,
-  defaultValues as screen1InfoDefaults
+  defaultValues as screen1InfoDefaults,
 } from './Forms/Screen1Information'
 import Screen2Information, {
   validationSchema as screen2InfoSchema,
-  defaultValues as screen2InfoDefaults
+  defaultValues as screen2InfoDefaults,
 } from './Forms/Screen2Information'
 import TypeFields, {
   defaultValues as typeFieldsDefaults,
-  validationSchema as typeFieldsValidationSchema
+  validationSchema as typeFieldsValidationSchema,
 } from './Forms/TypeFields'
 import WizardSplash from './WizardSplash'
 
@@ -35,21 +35,21 @@ const getStep = (step, existingRequirements) =>
   [
     {
       validationSchema: nameOfReqSchema(existingRequirements),
-      Component: NameOfRequirement
+      Component: NameOfRequirement,
     },
     {
       validationSchema: screen1InfoSchema,
-      Component: Screen1Information
+      Component: Screen1Information,
     },
     { validationSchema: chooseTypeSchema, Component: ChooseType },
     {
       validationSchema: screen2InfoSchema,
-      Component: Screen2Information
+      Component: Screen2Information,
     },
     {
       validationSchema: typeFieldsValidationSchema,
-      Component: TypeFields
-    }
+      Component: TypeFields,
+    },
   ][step - 1]
 
 const nonEmptyStr = obj => obj.text && obj.text.length
@@ -69,16 +69,16 @@ const formatValues = (values, isEditing) => {
     name: values.requirementName,
     screen1: {
       text: values.screen1Text,
-      title: values.screen1Title
+      title: values.screen1Title,
     },
     screen2: {
       title: values.screen2Title,
-      text: values.screen2Text
+      text: values.screen2Text,
     },
     input: {
       type: values.inputType,
-      constraintType: values.constraintType
-    }
+      constraintType: values.constraintType,
+    },
   }
 
   if (isChoiceList) {
@@ -117,7 +117,7 @@ const makeEditingValues = ({ customRequest, id }) => {
     inputLabel2: customRequest.input.label2,
     listChoices: customRequest.input.choiceList,
     constraintType: customRequest.input.constraintType,
-    inputLength: customRequest.input.numDigits
+    inputLength: customRequest.input.numDigits,
   }
 }
 
@@ -125,11 +125,10 @@ const chooseNotNull = (a, b) => (R.isNil(b) ? a : b)
 
 const Wizard = ({
   onClose,
-  error = false,
   toBeEdited,
   onSave,
   hasError,
-  existingRequirements
+  existingRequirements,
 }) => {
   const isEditing = !R.isNil(toBeEdited)
   const [step, setStep] = useState(isEditing ? 1 : 0)
@@ -139,7 +138,7 @@ const Wizard = ({
     ...screen1InfoDefaults,
     ...screen2InfoDefaults,
     ...chooseTypeDefaults,
-    ...typeFieldsDefaults
+    ...typeFieldsDefaults,
   }
 
   // If we're editing, filter out the requirement being edited so that validation schemas don't enter in circular conflicts
@@ -149,7 +148,7 @@ const Wizard = ({
   const stepOptions = getStep(step, existingRequirements)
   const isLastStep = step === LAST_STEP
 
-  const onContinue = (values, actions) => {
+  const onContinue = values => {
     const showScreen2 =
       values.inputType === 'numerical' || values.inputType === 'choiceList'
     if (isEditing && step === 2) {
diff --git a/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/index.js b/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/index.js
index 5d99663f..0b85a771 100644
--- a/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/index.js
+++ b/packages/admin-ui/src/pages/Triggers/CustomInfoRequests/index.js
@@ -1,2 +1,3 @@
 import CustomInfoRequests from './CustomInfoRequests'
+
 export default CustomInfoRequests
diff --git a/packages/admin-ui/src/pages/Triggers/TriggerView.jsx b/packages/admin-ui/src/pages/Triggers/TriggerView.jsx
index 6bd1f76f..871e1602 100644
--- a/packages/admin-ui/src/pages/Triggers/TriggerView.jsx
+++ b/packages/admin-ui/src/pages/Triggers/TriggerView.jsx
@@ -25,29 +25,29 @@ const TriggerView = ({
   addNewTriger,
   emailAuth,
   complianceServices,
-  customInfoRequests
+  customInfoRequests,
 }) => {
   const currency = R.path(['fiatCurrency'])(
-    fromNamespace(namespaces.LOCALE)(config)
+    fromNamespace(namespaces.LOCALE)(config),
   )
   const [error, setError] = useState(null)
 
   const [saveConfig] = useMutation(SAVE_CONFIG, {
     onCompleted: () => toggleWizard(true),
     refetchQueries: () => ['getData'],
-    onError: error => setError(error)
+    onError: error => setError(error),
   })
 
   const save = config => {
     setError(null)
     return saveConfig({
-      variables: { config: { triggers: toServer(config.triggers) } }
+      variables: { config: { triggers: toServer(config.triggers) } },
     })
   }
 
   const add = rawConfig => {
     const toSave = R.concat([
-      { id: uuidv4(), direction: 'both', ...rawConfig }
+      { id: uuidv4(), direction: 'both', ...rawConfig },
     ])(triggers)
     return saveConfig({ variables: { config: { triggers: toServer(toSave) } } })
   }
diff --git a/packages/admin-ui/src/pages/Triggers/Triggers.jsx b/packages/admin-ui/src/pages/Triggers/Triggers.jsx
index 781a74f2..7212950f 100644
--- a/packages/admin-ui/src/pages/Triggers/Triggers.jsx
+++ b/packages/admin-ui/src/pages/Triggers/Triggers.jsx
@@ -70,14 +70,14 @@ const Triggers = () => {
   const enabledCustomInfoRequests = R.pipe(
     R.path(['customInfoRequests']),
     R.defaultTo([]),
-    R.filter(R.propEq('enabled', true))
+    R.filter(R.propEq('enabled', true)),
   )(customInfoReqData)
 
   const emailAuth =
     data?.config?.triggersConfig_customerAuthentication === 'EMAIL'
 
   const complianceServices = R.filter(R.propEq('class', 'compliance'))(
-    data?.accountsConfig || []
+    data?.accountsConfig || [],
   )
   const triggers = fromServer(data?.config?.triggers ?? [])
   const complianceConfig =
@@ -87,7 +87,7 @@ const Triggers = () => {
   const [saveConfig] = useMutation(SAVE_CONFIG, {
     onCompleted: () => setWizard(false),
     refetchQueries: () => ['getData'],
-    onError: error => setError(error)
+    onError: error => setError(error),
   })
 
   const [saveAccount] = useMutation(SAVE_ACCOUNT, {
@@ -96,7 +96,7 @@ const Triggers = () => {
       toggleWizard('newTrigger')()
     },
     refetchQueries: () => ['getData'],
-    onError: error => setError(error)
+    onError: error => setError(error),
   })
 
   const addressReuseSave = rawConfig => {
@@ -105,7 +105,7 @@ const Triggers = () => {
   }
 
   const titleSectionWidth = {
-    'w-230': !subMenu === 'customInfoRequests'
+    'w-230': !subMenu === 'customInfoRequests',
   }
 
   const setBlur = shouldBlur => {
@@ -128,7 +128,7 @@ const Triggers = () => {
   const twilioSave = it => {
     setError(null)
     return saveAccount({
-      variables: { accounts: { twilio: it } }
+      variables: { accounts: { twilio: it } },
     })
   }
   const addNewTriger = () => {
@@ -149,7 +149,7 @@ const Triggers = () => {
             toggle: show => {
               refetch()
               setSubMenu(show ? 'advancedSettings' : false)
-            }
+            },
           },
           {
             text: 'Custom info requests',
@@ -159,8 +159,8 @@ const Triggers = () => {
             toggle: show => {
               refetch()
               setSubMenu(show ? 'customInfoRequests' : false)
-            }
-          }
+            },
+          },
         ]}
         className={classnames(titleSectionWidth)}>
         {!subMenu && (
diff --git a/packages/admin-ui/src/pages/Triggers/Wizard.jsx b/packages/admin-ui/src/pages/Triggers/Wizard.jsx
index 11f5f6c7..492e1f6a 100644
--- a/packages/admin-ui/src/pages/Triggers/Wizard.jsx
+++ b/packages/admin-ui/src/pages/Triggers/Wizard.jsx
@@ -19,7 +19,7 @@ const getStep = (
   customInfoRequests,
   complianceServices,
   emailAuth,
-  triggers
+  triggers,
 ) => {
   switch (step) {
     // case 1:
@@ -32,7 +32,7 @@ const getStep = (
         triggers,
         customInfoRequests,
         complianceServices,
-        emailAuth
+        emailAuth,
       )
     default:
       return Fragment
@@ -97,7 +97,7 @@ const getTypeText = (config, currency) => {
           {singularOrPlural(
             config.threshold.threshold,
             'transaction',
-            'transactions'
+            'transactions',
           )}{' '}
           in {orUnderline(config.threshold.thresholdDays)}{' '}
           {singularOrPlural(config.threshold.thresholdDays, 'day', 'days')}
@@ -189,11 +189,11 @@ const Wizard = ({
   customInfoRequests,
   complianceServices,
   emailAuth,
-  triggers
+  triggers,
 }) => {
   const [liveValues, setLiveValues] = useState({})
   const [{ step, config }, setState] = useState({
-    step: 1
+    step: 1,
   })
 
   const isLastStep = step === LAST_STEP
@@ -203,7 +203,7 @@ const Wizard = ({
     customInfoRequests,
     complianceServices,
     emailAuth,
-    triggers
+    triggers,
   )
 
   const onContinue = async it => {
@@ -215,7 +215,7 @@ const Wizard = ({
 
     setState({
       step: step + 1,
-      config: newConfig
+      config: newConfig,
     })
   }
 
@@ -228,12 +228,12 @@ const Wizard = ({
     const hasRequirementError = requirements().hasRequirementError(
       errors,
       touched,
-      values
+      values,
     )
     const hasCustomRequirementError = requirements().hasCustomRequirementError(
       errors,
       touched,
-      values
+      values,
     )
 
     const hasAmountError =
diff --git a/packages/admin-ui/src/pages/Triggers/components/AdvancedTriggers.jsx b/packages/admin-ui/src/pages/Triggers/components/AdvancedTriggers.jsx
index 3186ff1f..b51849da 100644
--- a/packages/admin-ui/src/pages/Triggers/components/AdvancedTriggers.jsx
+++ b/packages/admin-ui/src/pages/Triggers/components/AdvancedTriggers.jsx
@@ -1,4 +1,4 @@
-import { useMutation, useQuery, gql } from "@apollo/client";
+import { useMutation, useQuery, gql } from '@apollo/client'
 import * as R from 'ramda'
 import React, { memo, useState } from 'react'
 import Section from 'src/components/layout/Section'
@@ -12,7 +12,7 @@ import {
   defaults,
   overridesDefaults,
   getDefaultSettings,
-  getOverrides
+  getOverrides,
 } from './helper'
 
 const SAVE_CONFIG = gql`
@@ -50,21 +50,21 @@ const AdvancedTriggersSettings = memo(() => {
   const customInfoRequests =
     R.path(['customInfoRequests'])(customInfoReqData) ?? []
   const enabledCustomInfoRequests = R.filter(R.propEq('enabled', true))(
-    customInfoRequests
+    customInfoRequests,
   )
 
   const loading = configLoading || customInfoLoading
 
   const [saveConfig] = useMutation(SAVE_CONFIG, {
     refetchQueries: () => ['getData'],
-    onError: error => setError(error)
+    onError: error => setError(error),
   })
 
   const saveDefaults = it => {
     const newConfig = toNamespace(SCREEN_KEY)(it.triggersConfig[0])
     setError(null)
     return saveConfig({
-      variables: { config: newConfig }
+      variables: { config: newConfig },
     })
   }
 
@@ -117,7 +117,7 @@ const AdvancedTriggersSettings = memo(() => {
             save={saveOverrides}
             validationSchema={getOverridesSchema(
               requirementsOverrides,
-              enabledCustomInfoRequests
+              enabledCustomInfoRequests,
             )}
             data={requirementsOverrides}
             elements={getOverrides(enabledCustomInfoRequests)}
diff --git a/packages/admin-ui/src/pages/Triggers/components/helper.js b/packages/admin-ui/src/pages/Triggers/components/helper.js
index 70ab864f..26690843 100644
--- a/packages/admin-ui/src/pages/Triggers/components/helper.js
+++ b/packages/admin-ui/src/pages/Triggers/components/helper.js
@@ -9,12 +9,12 @@ const buildAdvancedRequirementOptions = customInfoRequests => {
     { display: 'ID card image', code: 'idCardPhoto' },
     { display: 'ID data', code: 'idCardData' },
     { display: 'Customer camera', code: 'facephoto' },
-    { display: 'US SSN', code: 'usSsn' }
+    { display: 'US SSN', code: 'usSsn' },
   ]
 
   const custom = R.map(it => ({
     display: it.customRequest.name,
-    code: it.id
+    code: it.id,
   }))(customInfoRequests)
 
   return R.concat(base, custom)
@@ -24,8 +24,8 @@ const displayRequirement = (code, customInfoRequests) => {
   return R.prop(
     'display',
     R.find(R.propEq('code', code))(
-      buildAdvancedRequirementOptions(customInfoRequests)
-    )
+      buildAdvancedRequirementOptions(customInfoRequests),
+    ),
   )
 }
 
@@ -34,7 +34,7 @@ const defaultSchema = Yup.object().shape({
   automation: Yup.string()
     .label('Automation')
     .matches(/(Manual|Automatic)/)
-    .required()
+    .required(),
 })
 
 const getOverridesSchema = (values, customInfoRequests) => {
@@ -51,19 +51,19 @@ const getOverridesSchema = (values, customInfoRequests) => {
             return this.createError({
               message: `Requirement '${displayRequirement(
                 requirement,
-                customInfoRequests
-              )}' already overridden`
+                customInfoRequests,
+              )}' already overridden`,
             })
           }
           return true
-        }
+        },
       }),
     expirationTime: Yup.string().label('Expiration time').required(),
     automation: Yup.string()
       .label('Automation')
       .matches(/(Manual|Automatic)/)
-      .required()
-  });
+      .required(),
+  })
 }
 
 const getDefaultSettings = () => {
@@ -73,7 +73,7 @@ const getDefaultSettings = () => {
       header: 'Expiration time',
       width: 196,
       size: 'sm',
-      editable: false
+      editable: false,
     },
     {
       name: 'automation',
@@ -84,11 +84,11 @@ const getDefaultSettings = () => {
       inputProps: {
         options: [
           { code: 'Automatic', display: 'Automatic' },
-          { code: 'Manual', display: 'Manual' }
+          { code: 'Manual', display: 'Manual' },
         ],
         labelProp: 'display',
-        valueProp: 'code'
-      }
+        valueProp: 'code',
+      },
     },
     {
       name: 'customerAuthentication',
@@ -99,12 +99,12 @@ const getDefaultSettings = () => {
       inputProps: {
         options: [
           { code: 'SMS', display: 'SMS' },
-          { code: 'EMAIL', display: 'EMAIL' }
+          { code: 'EMAIL', display: 'EMAIL' },
         ],
         labelProp: 'display',
-        valueProp: 'code'
-      }
-    }
+        valueProp: 'code',
+      },
+    },
   ]
 }
 
@@ -117,21 +117,21 @@ const getOverrides = customInfoRequests => {
       size: 'sm',
       view: getView(
         buildAdvancedRequirementOptions(customInfoRequests),
-        'display'
+        'display',
       ),
       input: Autocomplete,
       inputProps: {
         options: buildAdvancedRequirementOptions(customInfoRequests),
         labelProp: 'display',
-        valueProp: 'code'
-      }
+        valueProp: 'code',
+      },
     },
     {
       name: 'expirationTime',
       header: 'Expiration time',
       width: 196,
       size: 'sm',
-      editable: false
+      editable: false,
     },
     {
       name: 'automation',
@@ -142,12 +142,12 @@ const getOverrides = customInfoRequests => {
       inputProps: {
         options: [
           { code: 'Automatic', display: 'Automatic' },
-          { code: 'Manual', display: 'Manual' }
+          { code: 'Manual', display: 'Manual' },
         ],
         labelProp: 'display',
-        valueProp: 'code'
-      }
-    }
+        valueProp: 'code',
+      },
+    },
   ]
 }
 
@@ -155,14 +155,14 @@ const defaults = [
   {
     expirationTime: 'Forever',
     automation: 'Automatic',
-    customerAuth: 'SMS'
-  }
+    customerAuth: 'SMS',
+  },
 ]
 
 const overridesDefaults = {
   requirement: '',
   expirationTime: 'Forever',
-  automation: 'Automatic'
+  automation: 'Automatic',
 }
 
 export {
@@ -171,5 +171,5 @@ export {
   defaults,
   overridesDefaults,
   getDefaultSettings,
-  getOverrides
+  getOverrides,
 }
diff --git a/packages/admin-ui/src/pages/Triggers/helper.jsx b/packages/admin-ui/src/pages/Triggers/helper.jsx
index b6d82200..55506b6d 100644
--- a/packages/admin-ui/src/pages/Triggers/helper.jsx
+++ b/packages/admin-ui/src/pages/Triggers/helper.jsx
@@ -18,24 +18,24 @@ const threshold = Yup.object().shape({
   thresholdDays: Yup.number()
     .transform(transformNumber)
     .nullable()
-    .label('Invalid threshold days')
+    .label('Invalid threshold days'),
 })
 
 const requirement = Yup.object().shape({
   requirement: Yup.string().required(),
-  suspensionDays: Yup.number().transform(transformNumber).nullable()
+  suspensionDays: Yup.number().transform(transformNumber).nullable(),
 })
 
 const Schema = Yup.object()
   .shape({
     triggerType,
     requirement,
-    threshold
+    threshold,
     // direction
   })
   .test(({ threshold, triggerType }, context) => {
     const errorMessages = {
-      txAmount: threshold => 'Amount must be greater than or equal to 0',
+      txAmount: () => 'Amount must be greater than or equal to 0',
       txVolume: threshold => {
         const thresholdMessage = 'Volume must be greater than or equal to 0'
         const thresholdDaysMessage = 'Days must be greater than 0'
@@ -52,7 +52,7 @@ const Schema = Yup.object()
         if (threshold.thresholdDays <= 0) message.push(thresholdDaysMessage)
         return message.join(', ')
       },
-      consecutiveDays: threshold => 'Days must be greater than 0'
+      consecutiveDays: () => 'Days must be greater than 0',
     }
     const thresholdValidator = {
       txAmount: threshold => threshold.threshold >= 0,
@@ -60,14 +60,14 @@ const Schema = Yup.object()
         threshold.threshold >= 0 && threshold.thresholdDays > 0,
       txVelocity: threshold =>
         threshold.threshold > 0 && threshold.thresholdDays > 0,
-      consecutiveDays: threshold => threshold.thresholdDays > 0
+      consecutiveDays: threshold => threshold.thresholdDays > 0,
     }
 
     if (triggerType && thresholdValidator[triggerType](threshold)) return
 
     return context.createError({
       path: 'threshold',
-      message: errorMessages[triggerType](threshold)
+      message: errorMessages[triggerType](threshold),
     })
   })
   .test(({ requirement }, context) => {
@@ -80,7 +80,7 @@ const Schema = Yup.object()
 
     return context.createError({
       path: 'requirement',
-      message: 'Suspension days must be greater than 0'
+      message: 'Suspension days must be greater than 0',
     })
   })
 
@@ -88,16 +88,16 @@ const Schema = Yup.object()
 const typeSchema = Yup.object()
   .shape({
     triggerType: Yup.string('The trigger type must be a string').required(
-      'The trigger type is required'
+      'The trigger type is required',
     ),
     threshold: Yup.object({
       threshold: Yup.number().transform(transformNumber).nullable(),
-      thresholdDays: Yup.number().transform(transformNumber).nullable()
-    })
+      thresholdDays: Yup.number().transform(transformNumber).nullable(),
+    }),
   })
   .test(({ threshold, triggerType }, context) => {
     const errorMessages = {
-      txAmount: threshold => 'Amount must be greater than or equal to 0',
+      txAmount: () => 'Amount must be greater than or equal to 0',
       txVolume: threshold => {
         const thresholdMessage = 'Volume must be greater than or equal to 0'
         const thresholdDaysMessage = 'Days must be greater than 0'
@@ -118,7 +118,7 @@ const typeSchema = Yup.object()
           message.push(thresholdDaysMessage)
         return message.join(', ')
       },
-      consecutiveDays: threshold => 'Days must be greater than 0'
+      consecutiveDays: () => 'Days must be greater than 0',
     }
     const thresholdValidator = {
       txAmount: threshold => threshold.threshold >= 0,
@@ -126,7 +126,7 @@ const typeSchema = Yup.object()
         threshold.threshold >= 0 && threshold.thresholdDays > 0,
       txVelocity: threshold =>
         threshold.threshold > 0 && threshold.thresholdDays > 0,
-      consecutiveDays: threshold => threshold.thresholdDays > 0
+      consecutiveDays: threshold => threshold.thresholdDays > 0,
     }
 
     if (!triggerType) return
@@ -135,7 +135,7 @@ const typeSchema = Yup.object()
 
     return context.createError({
       path: 'threshold',
-      message: errorMessages[triggerType](threshold)
+      message: errorMessages[triggerType](threshold),
     })
   })
 
@@ -143,10 +143,10 @@ const typeOptions = [
   { display: 'Transaction amount', code: 'txAmount' },
   {
     display: 'Transaction volume',
-    code: 'txVolume'
+    code: 'txVolume',
   },
   { display: 'Transaction velocity', code: 'txVelocity' },
-  { display: 'Consecutive days', code: 'consecutiveDays' }
+  { display: 'Consecutive days', code: 'consecutiveDays' },
 ]
 
 const Type = ({ ...props }) => {
@@ -154,7 +154,7 @@ const Type = ({ ...props }) => {
     useFormikContext()
 
   const typeClass = {
-    'text-tomato': errors.triggerType && touched.triggerType
+    'text-tomato': errors.triggerType && touched.triggerType,
   }
 
   const containsType = R.contains(values?.triggerType)
@@ -177,7 +177,7 @@ const Type = ({ ...props }) => {
   const triggerTypeError = !!(hasDaysError || hasAmountError)
 
   const thresholdClass = {
-    'text-tomato': triggerTypeError
+    'text-tomato': triggerTypeError,
   }
 
   const isRadioGroupActive = () => {
@@ -205,7 +205,7 @@ const Type = ({ ...props }) => {
           handleChange(e)
           setTouched({
             threshold: false,
-            thresholdDays: false
+            thresholdDays: false,
           })
         }}
       />
@@ -277,8 +277,8 @@ const type = currency => ({
   props: { currency },
   initialValues: {
     triggerType: '',
-    threshold: { threshold: '', thresholdDays: '' }
-  }
+    threshold: { threshold: '', thresholdDays: '' },
+  },
 })
 
 const requirementSchema = Yup.object()
@@ -288,17 +288,17 @@ const requirementSchema = Yup.object()
       suspensionDays: Yup.number().when('requirement', {
         is: value => value === 'suspend',
         then: schema => schema.nullable().transform(transformNumber),
-        otherwise: schema => schema.nullable().transform(() => null)
+        otherwise: schema => schema.nullable().transform(() => null),
       }),
       customInfoRequestId: Yup.string().when('requirement', {
         is: value => value !== 'custom',
-        then: schema => schema.nullable().transform(() => '')
+        then: schema => schema.nullable().transform(() => ''),
       }),
       externalService: Yup.string().when('requirement', {
         is: value => value !== 'external',
-        then: schema => schema.nullable().transform(() => '')
-      })
-    }).required()
+        then: schema => schema.nullable().transform(() => ''),
+      }),
+    }).required(),
   })
   .test(({ requirement }, context) => {
     const requirementValidator = (requirement, type) => {
@@ -323,19 +323,19 @@ const requirementSchema = Yup.object()
     if (requirement && !requirementValidator(requirement, 'suspend'))
       return context.createError({
         path: 'requirement',
-        message: 'Suspension days must be greater than 0'
+        message: 'Suspension days must be greater than 0',
       })
 
     if (requirement && !requirementValidator(requirement, 'custom'))
       return context.createError({
         path: 'requirement',
-        message: 'You must select an item'
+        message: 'You must select an item',
       })
 
     if (requirement && !requirementValidator(requirement, 'external'))
       return context.createError({
         path: 'requirement',
-        message: 'You must select an item'
+        message: 'You must select an item',
       })
   })
 
@@ -343,25 +343,25 @@ const requirementOptions = [
   { display: 'SMS verification', code: 'sms' },
   {
     display: 'Email verification',
-    code: 'email'
+    code: 'email',
   },
   { display: 'ID card image', code: 'idCardPhoto' },
   {
     display: 'ID data',
-    code: 'idCardData'
+    code: 'idCardData',
   },
   { display: 'Customer camera', code: 'facephoto' },
   { display: 'Sanctions', code: 'sanctions' },
   {
     display: 'US SSN',
-    code: 'usSsn'
+    code: 'usSsn',
   }, // { display: 'Super user', code: 'superuser' },
   { display: 'Suspend', code: 'suspend' },
   { display: 'Block', code: 'block' },
   {
     display: 'External verification',
-    code: 'external'
-  }
+    code: 'external',
+  },
 ]
 
 const hasRequirementError = (errors, touched, values) =>
@@ -386,7 +386,7 @@ const Requirement = ({
   triggers,
   emailAuth,
   complianceServices,
-  customInfoRequests = []
+  customInfoRequests = [],
 }) => {
   const { touched, errors, values, handleChange, setTouched } =
     useFormikContext()
@@ -400,12 +400,12 @@ const Requirement = ({
       if (value.requirement.requirement === 'custom')
         acc.push({
           triggerType: value.triggerType,
-          id: value.requirement.customInfoRequestId
+          id: value.requirement.customInfoRequestId,
         })
       return acc
     },
     [],
-    triggers
+    triggers,
   )
 
   const availableCustomRequirements = R.filter(
@@ -413,24 +413,24 @@ const Requirement = ({
       !R.includes(
         {
           triggerType: config.triggerType,
-          id: it.id
+          id: it.id,
         },
-        customRequirementsInUse
+        customRequirementsInUse,
       ),
-    customInfoRequests
+    customInfoRequests,
   )
 
   const makeCustomReqOptions = () =>
     availableCustomRequirements.map(it => ({
       value: it.id,
-      display: it.customRequest.name
+      display: it.customRequest.name,
     }))
 
   const enableCustomRequirement = !R.isEmpty(availableCustomRequirements)
 
   const customInfoOption = {
     display: 'Custom information requirement',
-    code: 'custom'
+    code: 'custom',
   }
 
   const itemToRemove = emailAuth ? 'sms' : 'email'
@@ -444,7 +444,7 @@ const Requirement = ({
       (!!errors.requirement && !isSuspend && !isCustom && !isExternal) ||
       (isSuspend && hasRequirementError(errors, touched, values)) ||
       (isCustom && hasCustomRequirementError(errors, touched, values)) ||
-      (isExternal && hasExternalRequirementError(errors, touched, values))
+      (isExternal && hasExternalRequirementError(errors, touched, values)),
   }
 
   return (
@@ -462,7 +462,7 @@ const Requirement = ({
         onChange={e => {
           handleChange(e)
           setTouched({
-            suspensionDays: false
+            suspensionDays: false,
           })
         }}
       />
@@ -496,7 +496,7 @@ const Requirement = ({
             name="requirement.externalService"
             options={complianceServices.map(it => ({
               value: it.code,
-              display: it.display
+              display: it.display,
             }))}
           />
         </div>
@@ -510,7 +510,7 @@ const requirements = (
   triggers,
   customInfoRequests,
   complianceServices,
-  emailAuth
+  emailAuth,
 ) => ({
   schema: requirementSchema,
   options: requirementOptions,
@@ -520,7 +520,7 @@ const requirements = (
     triggers,
     customInfoRequests,
     emailAuth,
-    complianceServices
+    complianceServices,
   },
   hasRequirementError: hasRequirementError,
   hasCustomRequirementError: hasCustomRequirementError,
@@ -530,9 +530,9 @@ const requirements = (
       requirement: '',
       suspensionDays: '',
       customInfoRequestId: '',
-      externalService: ''
-    }
-  }
+      externalService: '',
+    },
+  },
 })
 
 const getView = (data, code, compare) => it => {
@@ -553,7 +553,7 @@ const RequirementInput = ({ customInfoRequests = [] }) => {
   const isSuspend = requirement === 'suspend'
   const display = customRequestId
     ? (R.path(['customRequest', 'name'])(
-        R.find(customReqIdMatches(customRequestId))(customInfoRequests)
+        R.find(customReqIdMatches(customRequestId))(customInfoRequests),
       ) ?? '')
     : getView(requirementOptions, 'display')(requirement)
 
@@ -579,12 +579,12 @@ const RequirementView = ({
   suspensionDays,
   customInfoRequestId,
   externalService,
-  customInfoRequests = []
+  customInfoRequests = [],
 }) => {
   const display =
     requirement === 'custom'
       ? (R.path(['customRequest', 'name'])(
-          R.find(customReqIdMatches(customInfoRequestId))(customInfoRequests)
+          R.find(customReqIdMatches(customInfoRequestId))(customInfoRequests),
         ) ?? '')
       : requirement === 'external'
         ? `External verification (${onlyFirstToUpper(externalService)})`
@@ -607,7 +607,7 @@ const DisplayThreshold = ({ config, currency, isEdit }) => {
   const inputClasses = {
     '-mt-1': true,
     'w-13': config?.triggerType === 'txVelocity',
-    'w-15': config?.triggerType === 'consecutiveDays'
+    'w-15': config?.triggerType === 'consecutiveDays',
   }
 
   const threshold = config?.threshold?.threshold
@@ -712,8 +712,8 @@ const getElements = (currency, customInfoRequests) => [
       options: typeOptions,
       valueProp: 'code',
       labelProp: 'display',
-      optionsLimit: null
-    }
+      optionsLimit: null,
+    },
   },
   {
     name: 'requirement',
@@ -723,7 +723,7 @@ const getElements = (currency, customInfoRequests) => [
     input: () => <RequirementInput customInfoRequests={customInfoRequests} />,
     view: it => (
       <RequirementView {...it} customInfoRequests={customInfoRequests} />
-    )
+    ),
   },
   {
     name: 'threshold',
@@ -731,16 +731,16 @@ const getElements = (currency, customInfoRequests) => [
     width: 254,
     textAlign: 'right',
     input: () => <ThresholdInput currency={currency} />,
-    view: (it, config) => <ThresholdView config={config} currency={currency} />
-  }
+    view: (it, config) => <ThresholdView config={config} currency={currency} />,
+  },
 ]
 
 const triggerOrder = R.map(R.prop('code'))(typeOptions)
 const sortBy = [
   R.comparator(
     (a, b) =>
-      triggerOrder.indexOf(a.triggerType) < triggerOrder.indexOf(b.triggerType)
-  )
+      triggerOrder.indexOf(a.triggerType) < triggerOrder.indexOf(b.triggerType),
+  ),
 ]
 
 const fromServer = triggers => {
@@ -758,14 +758,14 @@ const fromServer = triggers => {
         requirement,
         suspensionDays,
         customInfoRequestId,
-        externalService
+        externalService,
       },
       threshold: {
         threshold,
-        thresholdDays
+        thresholdDays,
       },
-      ...rest
-    })
+      ...rest,
+    }),
   )(triggers)
 }
 
@@ -777,7 +777,7 @@ const toServer = triggers =>
     thresholdDays: threshold.thresholdDays,
     customInfoRequestId: requirement.customInfoRequestId,
     externalService: requirement.externalService,
-    ...rest
+    ...rest,
   }))(triggers)
 
 export {
@@ -789,5 +789,5 @@ export {
   fromServer,
   toServer,
   getView,
-  requirementOptions
+  requirementOptions,
 }
diff --git a/packages/admin-ui/src/pages/UserManagement/UserManagement.jsx b/packages/admin-ui/src/pages/UserManagement/UserManagement.jsx
index d7850b37..85b25245 100644
--- a/packages/admin-ui/src/pages/UserManagement/UserManagement.jsx
+++ b/packages/admin-ui/src/pages/UserManagement/UserManagement.jsx
@@ -65,7 +65,7 @@ const initialState = {
   showResetPasswordModal: false,
   showReset2FAModal: false,
   showRoleModal: false,
-  showEnableUserModal: false
+  showEnableUserModal: false,
 }
 
 const reducer = (_, action) => {
@@ -82,7 +82,7 @@ const reducer = (_, action) => {
 
 const roleMapper = {
   user: 'Regular',
-  superuser: 'Superuser'
+  superuser: 'Superuser',
 }
 
 const Users = () => {
@@ -94,9 +94,9 @@ const Users = () => {
   const [userInfo, setUserInfo] = useState(null)
 
   const [validateAttestation] = useMutation(VALIDATE_ATTESTATION, {
-    onCompleted: res => {
+    onCompleted: () => {
       // TODO: show a brief popup to have UX feedback?
-    }
+    },
   })
 
   const [generateAttestationOptions] = useLazyQuery(GENERATE_ATTESTATION, {
@@ -106,11 +106,11 @@ const Users = () => {
           variables: {
             userID: userInfo.id,
             attestationResponse: res,
-            domain: window.location.hostname
-          }
+            domain: window.location.hostname,
+          },
         })
       })
-    }
+    },
   })
 
   const elements = [
@@ -128,7 +128,7 @@ const Users = () => {
             </div>
           )
         return <span className={classes.username}>{u.username}</span>
-      }
+      },
     },
     {
       header: 'Role',
@@ -146,13 +146,13 @@ const Users = () => {
               setUserInfo(u)
               dispatch({
                 type: 'open',
-                payload: 'showRoleModal'
+                payload: 'showRoleModal',
               })
             }}
             value={u.role === 'superuser'}
           />
         </div>
-      )
+      ),
     },
     {
       header: 'Actions',
@@ -170,7 +170,7 @@ const Users = () => {
                 setUserInfo(u)
                 dispatch({
                   type: 'open',
-                  payload: 'showResetPasswordModal'
+                  payload: 'showResetPasswordModal',
                 })
               }}>
               Reset password
@@ -183,7 +183,7 @@ const Users = () => {
                 setUserInfo(u)
                 dispatch({
                   type: 'open',
-                  payload: 'showReset2FAModal'
+                  payload: 'showReset2FAModal',
                 })
               }}>
               Reset 2FA
@@ -196,15 +196,15 @@ const Users = () => {
                 if (IP_CHECK_REGEX.test(window.location.hostname)) {
                   dispatch({
                     type: 'open',
-                    payload: 'showFIDOModal'
+                    payload: 'showFIDOModal',
                   })
                 } else {
                   setUserInfo(u)
                   generateAttestationOptions({
                     variables: {
                       userID: u.id,
-                      domain: window.location.hostname
-                    }
+                      domain: window.location.hostname,
+                    },
                   })
                 }
               }}>
@@ -212,7 +212,7 @@ const Users = () => {
             </ActionButton>
           </div>
         )
-      }
+      },
     },
     {
       header: 'Enabled',
@@ -227,13 +227,13 @@ const Users = () => {
             setUserInfo(u)
             dispatch({
               type: 'open',
-              payload: 'showEnableUserModal'
+              payload: 'showEnableUserModal',
             })
           }}
           value={u.enabled}
         />
-      )
-    }
+      ),
+    },
   ]
 
   return (
@@ -246,7 +246,7 @@ const Users = () => {
             onClick={() => {
               dispatch({
                 type: 'open',
-                payload: 'showCreateUserModal'
+                payload: 'showCreateUserModal',
               })
             }}>
             Add new user
diff --git a/packages/admin-ui/src/pages/UserManagement/modals/ChangeRoleModal.jsx b/packages/admin-ui/src/pages/UserManagement/modals/ChangeRoleModal.jsx
index e048d02c..a5a0f6cb 100644
--- a/packages/admin-ui/src/pages/UserManagement/modals/ChangeRoleModal.jsx
+++ b/packages/admin-ui/src/pages/UserManagement/modals/ChangeRoleModal.jsx
@@ -28,7 +28,7 @@ const CHANGE_USER_ROLE = gql`
 const ChangeRoleModal = ({ state, dispatch, user, requiresConfirmation }) => {
   const [changeUserRole, { error }] = useMutation(CHANGE_USER_ROLE, {
     onCompleted: () => handleClose(),
-    refetchQueries: () => ['users']
+    refetchQueries: () => ['users'],
   })
 
   const [confirmation, setConfirmation] = useState(null)
@@ -38,8 +38,8 @@ const ChangeRoleModal = ({ state, dispatch, user, requiresConfirmation }) => {
       variables: {
         confirmationCode: confirmation,
         id: user.id,
-        newRole: user.role === 'superuser' ? 'user' : 'superuser'
-      }
+        newRole: user.role === 'superuser' ? 'user' : 'superuser',
+      },
     })
   }
 
@@ -47,7 +47,7 @@ const ChangeRoleModal = ({ state, dispatch, user, requiresConfirmation }) => {
     setConfirmation(null)
     dispatch({
       type: 'close',
-      payload: 'showRoleModal'
+      payload: 'showRoleModal',
     })
   }
 
diff --git a/packages/admin-ui/src/pages/UserManagement/modals/CreateUserModal.jsx b/packages/admin-ui/src/pages/UserManagement/modals/CreateUserModal.jsx
index a962c8ed..c801ecd0 100644
--- a/packages/admin-ui/src/pages/UserManagement/modals/CreateUserModal.jsx
+++ b/packages/admin-ui/src/pages/UserManagement/modals/CreateUserModal.jsx
@@ -27,23 +27,23 @@ const validationSchema = Yup.object().shape({
   username: Yup.string()
     .email('Username field should be in an email format!')
     .required('Username field is required!'),
-  role: Yup.string().required('Role field is required!')
+  role: Yup.string().required('Role field is required!'),
 })
 
 const initialValues = {
   username: '',
-  role: ''
+  role: '',
 }
 
 const radioOptions = [
   {
     code: 'user',
-    display: 'Regular user'
+    display: 'Regular user',
   },
   {
     code: 'superuser',
-    display: 'Superuser'
-  }
+    display: 'Superuser',
+  },
 ]
 
 const getErrorMsg = (formikErrors, formikTouched, mutationError) => {
@@ -62,18 +62,18 @@ const CreateUserModal = ({ state, dispatch }) => {
     setCreateUserURL(null)
     dispatch({
       type: 'close',
-      payload: 'showCreateUserModal'
+      payload: 'showCreateUserModal',
     })
   }
 
   const [createUser, { error }] = useMutation(CREATE_USER, {
     onCompleted: ({ createRegisterToken: token }) => {
       setCreateUserURL(urlResolver(`/register?t=${token.token}`))
-    }
+    },
   })
 
   const roleClass = (formikErrors, formikTouched) => ({
-    [classes.error]: formikErrors.role && formikTouched.role
+    [classes.error]: formikErrors.role && formikTouched.role,
   })
 
   return (
@@ -91,7 +91,7 @@ const CreateUserModal = ({ state, dispatch }) => {
             onSubmit={values => {
               setUsernameField(values.username)
               createUser({
-                variables: { username: values.username, role: values.role }
+                variables: { username: values.username, role: values.role },
               })
             }}>
             {({ errors, touched }) => (
@@ -107,7 +107,7 @@ const CreateUserModal = ({ state, dispatch }) => {
                 <H3
                   className={classnames(
                     roleClass(errors, touched),
-                    classes.modalLabel2
+                    classes.modalLabel2,
                   )}>
                   Role
                 </H3>
diff --git a/packages/admin-ui/src/pages/UserManagement/modals/EnableUserModal.jsx b/packages/admin-ui/src/pages/UserManagement/modals/EnableUserModal.jsx
index dcb23287..c1c4bd7a 100644
--- a/packages/admin-ui/src/pages/UserManagement/modals/EnableUserModal.jsx
+++ b/packages/admin-ui/src/pages/UserManagement/modals/EnableUserModal.jsx
@@ -28,12 +28,12 @@ const DISABLE_USER = gql`
 const EnableUserModal = ({ state, dispatch, user, requiresConfirmation }) => {
   const [enableUser, { error: enableError }] = useMutation(ENABLE_USER, {
     onCompleted: () => handleClose(),
-    refetchQueries: () => ['users']
+    refetchQueries: () => ['users'],
   })
 
   const [disableUser, { error: disableError }] = useMutation(DISABLE_USER, {
     onCompleted: () => handleClose(),
-    refetchQueries: () => ['users']
+    refetchQueries: () => ['users'],
   })
 
   const [confirmation, setConfirmation] = useState(null)
@@ -42,8 +42,8 @@ const EnableUserModal = ({ state, dispatch, user, requiresConfirmation }) => {
     disableUser({
       variables: {
         confirmationCode: confirmation,
-        id: user.id
-      }
+        id: user.id,
+      },
     })
   }
 
@@ -51,8 +51,8 @@ const EnableUserModal = ({ state, dispatch, user, requiresConfirmation }) => {
     enableUser({
       variables: {
         confirmationCode: confirmation,
-        id: user.id
-      }
+        id: user.id,
+      },
     })
   }
 
@@ -64,7 +64,7 @@ const EnableUserModal = ({ state, dispatch, user, requiresConfirmation }) => {
     setConfirmation(null)
     dispatch({
       type: 'close',
-      payload: 'showEnableUserModal'
+      payload: 'showEnableUserModal',
     })
   }
 
diff --git a/packages/admin-ui/src/pages/UserManagement/modals/FIDOModal.jsx b/packages/admin-ui/src/pages/UserManagement/modals/FIDOModal.jsx
index 172e93a0..d1304d19 100644
--- a/packages/admin-ui/src/pages/UserManagement/modals/FIDOModal.jsx
+++ b/packages/admin-ui/src/pages/UserManagement/modals/FIDOModal.jsx
@@ -10,7 +10,7 @@ const ChangeRoleModal = ({ state, dispatch }) => {
   const handleClose = () => {
     dispatch({
       type: 'close',
-      payload: 'showFIDOModal'
+      payload: 'showFIDOModal',
     })
   }
 
diff --git a/packages/admin-ui/src/pages/UserManagement/modals/Input2FAModal.jsx b/packages/admin-ui/src/pages/UserManagement/modals/Input2FAModal.jsx
index 450d3d5f..2730aab1 100644
--- a/packages/admin-ui/src/pages/UserManagement/modals/Input2FAModal.jsx
+++ b/packages/admin-ui/src/pages/UserManagement/modals/Input2FAModal.jsx
@@ -32,7 +32,7 @@ const Input2FAModal = ({ showModal, handleClose, setConfirmation }) => {
 
   const [confirm2FA, { error: queryError }] = useLazyQuery(CONFIRM_2FA, {
     onCompleted: ({ confirm2FA: success }) =>
-      !success ? setInvalidCode(true) : onContinue()
+      !success ? setInvalidCode(true) : onContinue(),
   })
 
   const getErrorMsg = () => {
diff --git a/packages/admin-ui/src/pages/UserManagement/modals/Reset2FAModal.jsx b/packages/admin-ui/src/pages/UserManagement/modals/Reset2FAModal.jsx
index ccf0e043..1cf5ae78 100644
--- a/packages/admin-ui/src/pages/UserManagement/modals/Reset2FAModal.jsx
+++ b/packages/admin-ui/src/pages/UserManagement/modals/Reset2FAModal.jsx
@@ -28,8 +28,8 @@ const Reset2FAModal = ({ state, dispatch, user, requiresConfirmation }) => {
     {
       onCompleted: ({ createReset2FAToken: token }) => {
         setReset2FAUrl(urlResolver(`/reset2fa?t=${token.token}`))
-      }
-    }
+      },
+    },
   )
 
   const [confirmation, setConfirmation] = useState(null)
@@ -40,22 +40,22 @@ const Reset2FAModal = ({ state, dispatch, user, requiresConfirmation }) => {
       createReset2FAToken({
         variables: {
           confirmationCode: confirmation,
-          userID: user?.id
-        }
+          userID: user?.id,
+        },
       })
   }, [
     confirmation,
     createReset2FAToken,
     requiresConfirmation,
     state.showReset2FAModal,
-    user?.id
+    user?.id,
   ])
 
   const handleClose = () => {
     setConfirmation(null)
     dispatch({
       type: 'close',
-      payload: 'showReset2FAModal'
+      payload: 'showReset2FAModal',
     })
   }
 
diff --git a/packages/admin-ui/src/pages/UserManagement/modals/ResetPasswordModal.jsx b/packages/admin-ui/src/pages/UserManagement/modals/ResetPasswordModal.jsx
index 1ebdfa70..1f8da1bc 100644
--- a/packages/admin-ui/src/pages/UserManagement/modals/ResetPasswordModal.jsx
+++ b/packages/admin-ui/src/pages/UserManagement/modals/ResetPasswordModal.jsx
@@ -27,7 +27,7 @@ const ResetPasswordModal = ({
   state,
   dispatch,
   user,
-  requiresConfirmation
+  requiresConfirmation,
 }) => {
   const [resetPasswordUrl, setResetPasswordUrl] = useState('')
 
@@ -36,8 +36,8 @@ const ResetPasswordModal = ({
     {
       onCompleted: ({ createResetPasswordToken: token }) => {
         setResetPasswordUrl(urlResolver(`/resetpassword?t=${token.token}`))
-      }
-    }
+      },
+    },
   )
 
   const [confirmation, setConfirmation] = useState(null)
@@ -48,22 +48,22 @@ const ResetPasswordModal = ({
       createResetPasswordToken({
         variables: {
           confirmationCode: confirmation,
-          userID: user?.id
-        }
+          userID: user?.id,
+        },
       })
   }, [
     confirmation,
     createResetPasswordToken,
     requiresConfirmation,
     state.showResetPasswordModal,
-    user?.id
+    user?.id,
   ])
 
   const handleClose = () => {
     setConfirmation(null)
     dispatch({
       type: 'close',
-      payload: 'showResetPasswordModal'
+      payload: 'showResetPasswordModal',
     })
   }
 
diff --git a/packages/admin-ui/src/pages/Wallet/AdvancedWallet.jsx b/packages/admin-ui/src/pages/Wallet/AdvancedWallet.jsx
index 9a56cdaf..d54600e7 100644
--- a/packages/admin-ui/src/pages/Wallet/AdvancedWallet.jsx
+++ b/packages/admin-ui/src/pages/Wallet/AdvancedWallet.jsx
@@ -1,4 +1,4 @@
-import { useQuery, useMutation, gql } from "@apollo/client";
+import { useQuery, useMutation, gql } from '@apollo/client'
 import * as R from 'ramda'
 import React, { useState } from 'react'
 import Section from 'src/components/layout/Section'
@@ -11,7 +11,7 @@ import {
   getAdvancedWalletElements,
   getAdvancedWalletElementsOverrides,
   OverridesDefaults,
-  OverridesSchema
+  OverridesSchema,
 } from './helper'
 
 const SAVE_CONFIG = gql`
@@ -39,12 +39,12 @@ const AdvancedWallet = () => {
   const [isEditingOverrides, setEditingOverrides] = useState(false)
 
   const [saveConfig, { error }] = useMutation(SAVE_CONFIG, {
-    refetchQueries: () => ['getData']
+    refetchQueries: () => ['getData'],
   })
 
   const save = rawConfig => {
     const config = toNamespace(SCREEN_KEY)(
-      toNamespace(ADVANCED)(rawConfig.wallets[0])
+      toNamespace(ADVANCED)(rawConfig.wallets[0]),
     )
     return saveConfig({ variables: { config } })
   }
@@ -60,22 +60,22 @@ const AdvancedWallet = () => {
   const cryptoCurrencies = data?.cryptoCurrencies ?? []
 
   const AdvancedWalletSettings = fromNamespace(ADVANCED)(
-    fromNamespace(SCREEN_KEY)(data?.config)
+    fromNamespace(SCREEN_KEY)(data?.config),
   )
 
   const AdvancedWalletSettingsOverrides = AdvancedWalletSettings.overrides ?? []
 
   const overriddenCryptos = R.map(R.prop(CRYPTOCURRENCY_KEY))(
-    AdvancedWalletSettingsOverrides
+    AdvancedWalletSettingsOverrides,
   )
   const suggestionFilter = R.filter(
-    it => !R.contains(it.code, overriddenCryptos)
+    it => !R.contains(it.code, overriddenCryptos),
   )
   const coinSuggestions = suggestionFilter(cryptoCurrencies)
 
   const findSuggestion = it => {
     const coin = R.compose(R.find(R.propEq('code', it?.cryptoCurrency)))(
-      cryptoCurrencies
+      cryptoCurrencies,
     )
     return coin ? [coin] : []
   }
@@ -113,7 +113,7 @@ const AdvancedWallet = () => {
           data={AdvancedWalletSettingsOverrides ?? []}
           elements={getAdvancedWalletElementsOverrides(
             coinSuggestions,
-            findSuggestion
+            findSuggestion,
           )}
           disableAdd={!coinSuggestions?.length}
           setEditing={onEditingOverrides}
diff --git a/packages/admin-ui/src/pages/Wallet/Wallet.jsx b/packages/admin-ui/src/pages/Wallet/Wallet.jsx
index 8e61444e..67704801 100644
--- a/packages/admin-ui/src/pages/Wallet/Wallet.jsx
+++ b/packages/admin-ui/src/pages/Wallet/Wallet.jsx
@@ -1,4 +1,4 @@
-import { useQuery, useMutation, gql } from "@apollo/client";
+import { useQuery, useMutation, gql } from '@apollo/client'
 import * as R from 'ramda'
 import React, { useState } from 'react'
 import Modal from 'src/components/Modal'
@@ -68,14 +68,14 @@ const Wallet = ({ name: SCREEN_KEY }) => {
 
   const [saveConfig, { error }] = useMutation(SAVE_CONFIG, {
     onCompleted: () => setWizard(false),
-    refetchQueries: () => ['getData']
+    refetchQueries: () => ['getData'],
   })
 
   const { data: marketsData } = useQuery(GET_MARKETS)
 
   const [saveAccount] = useMutation(SAVE_ACCOUNT, {
     onCompleted: () => setEditingSchema(null),
-    refetchQueries: () => ['getData']
+    refetchQueries: () => ['getData'],
   })
 
   const save = (rawConfig, accounts) => {
@@ -114,7 +114,7 @@ const Wallet = ({ name: SCREEN_KEY }) => {
 
   const wizardSave = it =>
     saveAccount({
-      variables: { accounts: { [editingSchema.code]: it } }
+      variables: { accounts: { [editingSchema.code]: it } },
     }).then(it => {
       onChangeFunction()
       setOnChangeFunction(null)
@@ -131,8 +131,8 @@ const Wallet = ({ name: SCREEN_KEY }) => {
               text: 'Advanced settings',
               icon: SettingsIcon,
               inverseIcon: ReverseSettingsIcon,
-              toggle: setAdvancedSettings
-            }
+              toggle: setAdvancedSettings,
+            },
           ]}
           appendix={
             <HelpTooltip width={340}>
@@ -188,7 +188,9 @@ const Wallet = ({ name: SCREEN_KEY }) => {
               <FormRenderer
                 save={wizardSave}
                 elements={editingSchema.elements}
-                validationSchema={editingSchema.getValidationSchema(accounts[editingSchema.code])}
+                validationSchema={editingSchema.getValidationSchema(
+                  accounts[editingSchema.code],
+                )}
                 value={accounts[editingSchema.code]}
               />
             </Modal>
diff --git a/packages/admin-ui/src/pages/Wallet/Wizard.jsx b/packages/admin-ui/src/pages/Wallet/Wizard.jsx
index ebb91549..2321ab47 100644
--- a/packages/admin-ui/src/pages/Wallet/Wizard.jsx
+++ b/packages/admin-ui/src/pages/Wallet/Wizard.jsx
@@ -44,12 +44,12 @@ const Wizard = ({
   accounts,
   fiatCurrency,
   save,
-  error
+  error,
 }) => {
   const [{ step, config, accountsToSave }, setState] = useState({
     step: 0,
     config: { active: true },
-    accountsToSave: {}
+    accountsToSave: {},
   })
 
   const title = `Enable ${coin.display}`
@@ -64,7 +64,7 @@ const Wizard = ({
   const commonWizardSteps = [
     { type: 'ticker', ...tickers },
     { type: 'wallet', ...wallets },
-    { type: 'exchange', ...exchanges }
+    { type: 'exchange', ...exchanges },
   ]
 
   const hasZeroConfs =
@@ -75,14 +75,14 @@ const Wizard = ({
     type: 'zeroConf',
     name: 'confidence checking',
     schema: Yup.object().shape({
-      zeroConfLimit: Yup.number().required()
+      zeroConfLimit: Yup.number().required(),
     }),
-    ...zeroConfs
+    ...zeroConfs,
   }
 
   const zeroConfLimitStep = {
     type: 'zeroConfLimit',
-    name: '0-conf limit'
+    name: '0-conf limit',
   }
 
   const wizardSteps = hasZeroConfs
@@ -90,7 +90,7 @@ const Wizard = ({
         commonWizardSteps,
         has0Conf(coin)
           ? [confidenceCheckingStep]
-          : [confidenceCheckingStep, zeroConfLimitStep]
+          : [confidenceCheckingStep, zeroConfLimitStep],
       )
     : commonWizardSteps
 
@@ -111,7 +111,7 @@ const Wizard = ({
     setState({
       step: step + 1,
       config: newConfig,
-      accountsToSave: newAccounts
+      accountsToSave: newAccounts,
     })
   }
 
diff --git a/packages/admin-ui/src/pages/Wallet/WizardStep.jsx b/packages/admin-ui/src/pages/Wallet/WizardStep.jsx
index 0b1fcb30..7e4746a6 100644
--- a/packages/admin-ui/src/pages/Wallet/WizardStep.jsx
+++ b/packages/admin-ui/src/pages/Wallet/WizardStep.jsx
@@ -16,7 +16,7 @@ const initialState = {
   form: null,
   selected: null,
   isNew: false,
-  iError: false
+  iError: false,
 }
 
 const reducer = (state, action) => {
@@ -26,7 +26,7 @@ const reducer = (state, action) => {
         form: null,
         selected: action.selected,
         isNew: null,
-        iError: false
+        iError: false,
       }
     case 'new':
       return { form: state.form, selected: null, isNew: true, iError: false }
@@ -35,7 +35,7 @@ const reducer = (state, action) => {
         form: action.form,
         selected: action.form.code,
         isNew: true,
-        iError: false
+        iError: false,
       }
     case 'error':
       return R.merge(state, { innerError: true })
@@ -62,11 +62,11 @@ const WizardStep = ({
   fiatCurrency,
   filled,
   unfilled,
-  getValue
+  getValue,
 }) => {
   const [{ innerError, selected, form, isNew }, dispatch] = useReducer(
     reducer,
-    initialState
+    initialState,
   )
 
   useEffect(() => {
@@ -83,7 +83,7 @@ const WizardStep = ({
   const label = isLastStep ? 'Finish' : 'Next'
   const displayName = name ?? type
   const subtitleClass = classnames('mt-8 mb-5 mx-0', {
-    'text-tomato': innerError
+    'text-tomato': innerError,
   })
   return (
     <>
@@ -115,7 +115,7 @@ const WizardStep = ({
           initialValues={{ zeroConfLimit: '' }}
           enableReinitialize
           validationSchema={stepSchema}>
-          {({ values, setFieldValue }) => (
+          {({ setFieldValue }) => (
             <Form>
               <div className="flex flex-row">
                 <Field
@@ -127,7 +127,7 @@ const WizardStep = ({
                   onChange={event => {
                     dispatch({
                       type: 'select',
-                      selected: event.target.value
+                      selected: event.target.value,
                     })
                     setFieldValue(event.target.id, event.target.value)
                   }}
@@ -143,7 +143,7 @@ const WizardStep = ({
         {!R.isEmpty(unfilled) && !R.isNil(unfilled) && (
           <RadioGroup
             value={isNew}
-            onChange={(evt, it) => {
+            onChange={() => {
               dispatch({ type: 'new' })
             }}
             labelClassName="w-[150px] h-12"
@@ -170,7 +170,7 @@ const WizardStep = ({
           save={it => innerContinue({ [type]: form.code }, { [form.code]: it })}
           elements={schemas[form.code].elements}
           validationSchema={schemas[form.code].getValidationSchema(
-            accounts[form.code]
+            accounts[form.code],
           )}
           value={getValue(form.code)}
           buttonLabel={label}
diff --git a/packages/admin-ui/src/pages/Wallet/helper.jsx b/packages/admin-ui/src/pages/Wallet/helper.jsx
index 482c7d1c..fc6128fc 100644
--- a/packages/admin-ui/src/pages/Wallet/helper.jsx
+++ b/packages/admin-ui/src/pages/Wallet/helper.jsx
@@ -6,7 +6,7 @@ import * as Yup from 'yup'
 import {
   Autocomplete,
   Checkbox,
-  NumberInput
+  NumberInput,
 } from 'src/components/inputs/formik'
 import { CURRENCY_MAX } from 'src/utils/constants'
 import { defaultToZero } from 'src/utils/number'
@@ -16,26 +16,26 @@ const filterCoins = ({ id }) => R.filter(it => R.contains(id)(it.cryptos))
 
 const WalletSchema = Yup.object().shape({
   ticker: Yup.string('The ticker must be a string').required(
-    'The ticker is required'
+    'The ticker is required',
   ),
   wallet: Yup.string('The wallet must be a string').required(
-    'The wallet is required'
+    'The wallet is required',
   ),
   exchange: Yup.string('The exchange must be a string').required(
-    'The exchange is required'
+    'The exchange is required',
   ),
   zeroConf: Yup.string('The confidence checking must be a string'),
   zeroConfLimit: Yup.number('The 0-conf limit must be an integer')
     .integer('The 0-conf limit must be an integer')
     .min(0, 'The 0-conf limit must be a positive integer')
     .max(CURRENCY_MAX)
-    .transform(defaultToZero)
+    .transform(defaultToZero),
 })
 
 const AdvancedWalletSchema = Yup.object().shape({
   cryptoUnits: Yup.string().required(),
   feeMultiplier: Yup.string().required(),
-  allowTransactionBatching: Yup.boolean()
+  allowTransactionBatching: Yup.boolean(),
 })
 
 const OverridesSchema = Yup.object().shape({
@@ -46,14 +46,14 @@ const OverridesSchema = Yup.object().shape({
   cryptoCurrency: Yup.string().required(),
   allowTransactionBatching: Yup.boolean()
     .default(() => false)
-    .required()
+    .required(),
 })
 
 const OverridesDefaults = {
   cryptoUnits: '',
   feeMultiplier: '',
   cryptoCurrency: '',
-  allowTransactionBatching: null
+  allowTransactionBatching: null,
 }
 
 const viewFeeMultiplier = it =>
@@ -72,12 +72,12 @@ const feeOptions = [
   { display: '-30%', code: '0.7' },
   { display: '-40%', code: '0.6' },
   { display: '-50%', code: '0.5' },
-  { display: '-60%', code: '0.4' }
+  { display: '-60%', code: '0.4' },
 ]
 
 const cryptoUnitsDefaultOptions = [
   { display: 'mili', code: 'mili' },
-  { display: 'full', code: 'full' }
+  { display: 'full', code: 'full' },
 ]
 
 const getCryptoUnitsOptions = it => {
@@ -99,8 +99,8 @@ const getAdvancedWalletElements = () => {
       inputProps: {
         options: cryptoUnitsDefaultOptions,
         valueProp: 'code',
-        labelProp: 'display'
-      }
+        labelProp: 'display',
+      },
     },
     {
       name: 'allowTransactionBatching',
@@ -111,7 +111,7 @@ const getAdvancedWalletElements = () => {
       view: (_, ite) => {
         return ite.allowTransactionBatching ? 'Yes' : `No`
       },
-      input: Checkbox
+      input: Checkbox,
     },
     {
       name: 'feeMultiplier',
@@ -124,15 +124,15 @@ const getAdvancedWalletElements = () => {
       inputProps: {
         options: feeOptions,
         valueProp: 'code',
-        labelProp: 'display'
-      }
-    }
+        labelProp: 'display',
+      },
+    },
   ]
 }
 
 const getAdvancedWalletElementsOverrides = (
   coinSuggestions,
-  findSuggestion
+  findSuggestion,
 ) => {
   return [
     {
@@ -143,9 +143,9 @@ const getAdvancedWalletElementsOverrides = (
         options: it => R.concat(coinSuggestions, findSuggestion(it)),
         optionsLimit: null,
         valueProp: 'code',
-        labelProp: 'display'
+        labelProp: 'display',
       },
-      size: 'sm'
+      size: 'sm',
     },
     {
       name: 'cryptoUnits',
@@ -156,8 +156,8 @@ const getAdvancedWalletElementsOverrides = (
       inputProps: {
         options: getCryptoUnitsOptions,
         valueProp: 'code',
-        labelProp: 'display'
-      }
+        labelProp: 'display',
+      },
     },
     {
       name: 'allowTransactionBatching',
@@ -170,7 +170,7 @@ const getAdvancedWalletElementsOverrides = (
         return ite.allowTransactionBatching ? 'Yes' : 'No'
       },
       input: Checkbox,
-      editable: it => it.cryptoCurrency === 'BTC'
+      editable: it => it.cryptoCurrency === 'BTC',
     },
     {
       name: 'feeMultiplier',
@@ -187,16 +187,16 @@ const getAdvancedWalletElementsOverrides = (
       inputProps: {
         options: feeOptions,
         valueProp: 'code',
-        labelProp: 'display'
+        labelProp: 'display',
       },
-      editable: it => it.cryptoCurrency === 'BTC'
-    }
+      editable: it => it.cryptoCurrency === 'BTC',
+    },
   ]
 }
 
 const has0Conf = R.complement(
   /* NOTE: List of coins without 0conf settings. */
-  R.pipe(R.prop('id'), R.flip(R.includes)(['ETH', 'USDT', 'USDC']))
+  R.pipe(R.prop('id'), R.flip(R.includes)(['ETH', 'USDT', 'USDC'])),
 )
 
 const getElements = (cryptoCurrencies, accounts, onChange, wizard = false) => {
@@ -204,7 +204,7 @@ const getElements = (cryptoCurrencies, accounts, onChange, wizard = false) => {
   const viewCryptoCurrency = it => {
     const currencyDisplay = R.compose(
       it => `${R.prop(['display'])(it)} ${it?.isBeta ? '(Beta)' : ''}`,
-      R.find(R.propEq('code', it))
+      R.find(R.propEq('code', it)),
     )(cryptoCurrencies)
     return currencyDisplay
   }
@@ -213,11 +213,11 @@ const getElements = (cryptoCurrencies, accounts, onChange, wizard = false) => {
   const getDisplayName = type => it =>
     R.compose(
       R.prop('display'),
-      R.find(R.propEq('code', it))
+      R.find(R.propEq('code', it)),
     )(filterOptions(type))
 
   const getOptions = R.curry((option, it) =>
-    filterCoins(it)(filterOptions(option))
+    filterCoins(it)(filterOptions(option)),
   )
 
   return [
@@ -227,7 +227,7 @@ const getElements = (cryptoCurrencies, accounts, onChange, wizard = false) => {
       width: 150 - widthAdjust,
       view: viewCryptoCurrency,
       size: 'sm',
-      editable: false
+      editable: false,
     },
     {
       name: 'ticker',
@@ -240,8 +240,8 @@ const getElements = (cryptoCurrencies, accounts, onChange, wizard = false) => {
         options: getOptions('ticker'),
         valueProp: 'code',
         labelProp: 'display',
-        optionsLimit: null
-      }
+        optionsLimit: null,
+      },
     },
     {
       name: 'wallet',
@@ -255,8 +255,8 @@ const getElements = (cryptoCurrencies, accounts, onChange, wizard = false) => {
         valueProp: 'code',
         labelProp: 'display',
         optionsLimit: null,
-        onChange
-      }
+        onChange,
+      },
     },
     {
       name: 'exchange',
@@ -270,8 +270,8 @@ const getElements = (cryptoCurrencies, accounts, onChange, wizard = false) => {
         valueProp: 'code',
         labelProp: 'display',
         optionsLimit: null,
-        onChange
-      }
+        onChange,
+      },
     },
     {
       name: 'zeroConf',
@@ -293,9 +293,9 @@ const getElements = (cryptoCurrencies, accounts, onChange, wizard = false) => {
         valueProp: 'code',
         labelProp: 'display',
         optionsLimit: null,
-        onChange
+        onChange,
       },
-      editable: has0Conf
+      editable: has0Conf,
     },
     {
       name: 'zeroConfLimit',
@@ -307,10 +307,10 @@ const getElements = (cryptoCurrencies, accounts, onChange, wizard = false) => {
       input: NumberInput,
       width: 145 - widthAdjust,
       inputProps: {
-        decimalPlaces: 0
+        decimalPlaces: 0,
       },
-      editable: has0Conf
-    }
+      editable: has0Conf,
+    },
   ]
 }
 
@@ -323,5 +323,5 @@ export {
   getAdvancedWalletElementsOverrides,
   OverridesDefaults,
   OverridesSchema,
-  has0Conf
+  has0Conf,
 }
diff --git a/packages/admin-ui/src/pages/Wizard/Wizard.jsx b/packages/admin-ui/src/pages/Wizard/Wizard.jsx
index 729ccbbf..82123298 100644
--- a/packages/admin-ui/src/pages/Wizard/Wizard.jsx
+++ b/packages/admin-ui/src/pages/Wizard/Wizard.jsx
@@ -21,7 +21,7 @@ const GET_DATA = gql`
   }
 `
 
-const Wizard = ({ fromAuthRegister }) => {
+const Wizard = () => {
   const { data, loading } = useQuery(GET_DATA)
   const history = useHistory()
   const { setWizardTested } = useContext(AppContext)
@@ -68,7 +68,7 @@ const Wizard = ({ fromAuthRegister }) => {
     'flex flex-col justify-between py-4 px-0 bg-white': true,
     'bg-[url(/wizard-background.svg)] bg-no-repeat bg-center bg-fixed bg-cover':
       isWelcome,
-    'blur-sm pointer-events-none': footerExp
+    'blur-sm pointer-events-none': footerExp,
   }
 
   return (
diff --git a/packages/admin-ui/src/pages/Wizard/components/Commissions.jsx b/packages/admin-ui/src/pages/Wizard/components/Commissions.jsx
index b4f6f95b..50f2e32e 100644
--- a/packages/admin-ui/src/pages/Wizard/components/Commissions.jsx
+++ b/packages/admin-ui/src/pages/Wizard/components/Commissions.jsx
@@ -23,7 +23,7 @@ function Commissions({ isActive, doContinue }) {
   const { data } = useQuery(GET_DATA)
 
   const [saveConfig] = useMutation(SAVE_CONFIG, {
-    onCompleted: doContinue
+    onCompleted: doContinue,
   })
 
   const save = it => {
@@ -32,7 +32,7 @@ function Commissions({ isActive, doContinue }) {
   }
 
   const currency = R.path(['fiatCurrency'])(
-    fromNamespace(namespaces.LOCALE)(data?.config)
+    fromNamespace(namespaces.LOCALE)(data?.config),
   )
 
   const locale = fromNamespace(namespaces.LOCALE)(data?.config)
diff --git a/packages/admin-ui/src/pages/Wizard/components/Locales.jsx b/packages/admin-ui/src/pages/Wizard/components/Locales.jsx
index 8ed67674..da95bb48 100644
--- a/packages/admin-ui/src/pages/Wizard/components/Locales.jsx
+++ b/packages/admin-ui/src/pages/Wizard/components/Locales.jsx
@@ -8,7 +8,7 @@ import { Table as EditableTable } from 'src/components/editableTable'
 import {
   mainFields,
   localeDefaults as defaults,
-  LocaleSchema as schema
+  LocaleSchema as schema,
 } from 'src/pages/Locales/helper'
 import { toNamespace } from 'src/utils/config'
 
@@ -51,7 +51,7 @@ function Locales({ isActive, doContinue }) {
   const { data } = useQuery(GET_DATA)
 
   const [saveConfig] = useMutation(SAVE_CONFIG, {
-    onCompleted: doContinue
+    onCompleted: doContinue,
   })
 
   const save = it => {
@@ -61,7 +61,7 @@ function Locales({ isActive, doContinue }) {
 
   const cryptoCurrencies = getConfiguredCoins(
     data?.config || {},
-    data?.cryptoCurrencies || []
+    data?.cryptoCurrencies || [],
   )
 
   const onChangeCoin = (prev, curr, setValue) => setValue(curr)
@@ -83,7 +83,7 @@ function Locales({ isActive, doContinue }) {
           data={[]}
           elements={mainFields(
             R.mergeRight(data, { cryptoCurrencies }),
-            onChangeCoin
+            onChangeCoin,
           )}
         />
       </Section>
diff --git a/packages/admin-ui/src/pages/Wizard/components/Mailgun.jsx b/packages/admin-ui/src/pages/Wizard/components/Mailgun.jsx
index b467a12b..6d9b8cc2 100644
--- a/packages/admin-ui/src/pages/Wizard/components/Mailgun.jsx
+++ b/packages/admin-ui/src/pages/Wizard/components/Mailgun.jsx
@@ -1,4 +1,4 @@
-import { useMutation, useQuery, gql } from "@apollo/client";
+import { useMutation, useQuery, gql } from '@apollo/client'
 import React, { useState, useEffect } from 'react'
 import { H4, Info3 } from 'src/components/typography'
 import FormRenderer from 'src/pages/Services/FormRenderer'
@@ -33,12 +33,12 @@ const SAVE_ACCOUNTS = gql`
 const options = [
   {
     code: 'enabled',
-    display: 'Yes, send notifications to my email'
+    display: 'Yes, send notifications to my email',
   },
   {
     code: 'disabled',
-    display: "No, don't send email notifications"
-  }
+    display: "No, don't send email notifications",
+  },
 ]
 
 const Mailgun = () => {
@@ -111,7 +111,9 @@ const Mailgun = () => {
             value={accounts.mailgun}
             save={saveAccount}
             elements={mailgunSchema.elements}
-            validationSchema={mailgunSchema.getValidationSchema(accounts.mailgun)}
+            validationSchema={mailgunSchema.getValidationSchema(
+              accounts.mailgun,
+            )}
             buttonLabel={'Save'}
           />
         </>
diff --git a/packages/admin-ui/src/pages/Wizard/components/Notifications.jsx b/packages/admin-ui/src/pages/Wizard/components/Notifications.jsx
index b547f0ca..1c459693 100644
--- a/packages/admin-ui/src/pages/Wizard/components/Notifications.jsx
+++ b/packages/admin-ui/src/pages/Wizard/components/Notifications.jsx
@@ -19,7 +19,7 @@ const pages = [
   SETUP_CHANNELS,
   TRANSACTION_ALERTS,
   FIAT_BALANCE_ALERTS,
-  CRYPTO_BALANCE_ALERTS
+  CRYPTO_BALANCE_ALERTS,
 ]
 
 const N = () => {
diff --git a/packages/admin-ui/src/pages/Wizard/components/OperatorInfo.jsx b/packages/admin-ui/src/pages/Wizard/components/OperatorInfo.jsx
index 127a27fd..0f09aeba 100644
--- a/packages/admin-ui/src/pages/Wizard/components/OperatorInfo.jsx
+++ b/packages/admin-ui/src/pages/Wizard/components/OperatorInfo.jsx
@@ -1,4 +1,5 @@
 import React from 'react'
+
 // import OperatorInfo from 'src/pages/OperatorInfo'
 
 function WizardOperatorInfo() {
diff --git a/packages/admin-ui/src/pages/Wizard/components/Twilio.jsx b/packages/admin-ui/src/pages/Wizard/components/Twilio.jsx
index 0b00f2b4..fa4bb382 100644
--- a/packages/admin-ui/src/pages/Wizard/components/Twilio.jsx
+++ b/packages/admin-ui/src/pages/Wizard/components/Twilio.jsx
@@ -29,12 +29,12 @@ const SAVE_ACCOUNTS = gql`
 const options = [
   {
     code: 'enable',
-    display: 'Yes, I will'
+    display: 'Yes, I will',
   },
   {
     code: 'disable',
-    display: 'No, not for now'
-  }
+    display: 'No, not for now',
+  },
 ]
 
 function Twilio({ doContinue }) {
@@ -43,7 +43,7 @@ function Twilio({ doContinue }) {
 
   const { data, refetch } = useQuery(GET_CONFIG)
   const [saveAccounts] = useMutation(SAVE_ACCOUNTS, {
-    onCompleted: doContinue
+    onCompleted: doContinue,
   })
 
   const accounts = data?.accounts ?? []
@@ -65,7 +65,7 @@ function Twilio({ doContinue }) {
 
   const titleClasses = {
     'ml-2 mb-2': true,
-    [sharedClasses.error]: error
+    [sharedClasses.error]: error,
   }
 
   return (
diff --git a/packages/admin-ui/src/pages/Wizard/components/Twilio.module.css b/packages/admin-ui/src/pages/Wizard/components/Twilio.module.css
index 30bd9e37..3654ca3b 100644
--- a/packages/admin-ui/src/pages/Wizard/components/Twilio.module.css
+++ b/packages/admin-ui/src/pages/Wizard/components/Twilio.module.css
@@ -21,4 +21,4 @@
 .info {
   margin-top: 20px;
   margin-bottom: 20px;
-}
\ No newline at end of file
+}
diff --git a/packages/admin-ui/src/pages/Wizard/components/Wallet/AllSet.jsx b/packages/admin-ui/src/pages/Wizard/components/Wallet/AllSet.jsx
index f2c59217..8f7a02ac 100644
--- a/packages/admin-ui/src/pages/Wizard/components/Wallet/AllSet.jsx
+++ b/packages/admin-ui/src/pages/Wizard/components/Wallet/AllSet.jsx
@@ -1,4 +1,4 @@
-import { useQuery, useMutation, gql } from "@apollo/client";
+import { useQuery, useMutation, gql } from '@apollo/client'
 import * as R from 'ramda'
 import React, { useState } from 'react'
 import { P, H4 } from 'src/components/typography'
@@ -9,6 +9,7 @@ import { NamespacedTable as EditableTable } from 'src/components/editableTable'
 import { toNamespace, namespaces } from 'src/utils/config'
 
 import classes from './Shared.module.css'
+
 const GET_INFO = gql`
   query getData {
     config
@@ -36,7 +37,7 @@ const SAVE_CONFIG = gql`
 const AllSet = ({ data: currentData, doContinue }) => {
   const { data } = useQuery(GET_INFO)
   const [saveConfig] = useMutation(SAVE_CONFIG, {
-    onCompleted: doContinue
+    onCompleted: doContinue,
   })
 
   const [error, setError] = useState(false)
@@ -49,7 +50,7 @@ const AllSet = ({ data: currentData, doContinue }) => {
   const save = () => {
     const adjustedData = {
       zeroConfLimit: 0,
-      ...currentData
+      ...currentData,
     }
     if (!WalletSchema.isValidSync(adjustedData)) return setError(true)
 
@@ -61,16 +62,16 @@ const AllSet = ({ data: currentData, doContinue }) => {
 
   const presentableData = R.pipe(
     R.omit(['coin', 'zeroConf', 'zeroConfLimit']),
-    toNamespace(coin)
+    toNamespace(coin),
   )(currentData)
 
   const presentableElements = R.filter(
     R.pipe(
       R.prop('name'),
       R.flip(R.includes)(['zeroConf', 'zeroConfLimit']),
-      R.not()
+      R.not(),
     ),
-    getElements(cryptoCurrencies, accountsConfig, null, true)
+    getElements(cryptoCurrencies, accountsConfig, null, true),
   )
 
   return (
diff --git a/packages/admin-ui/src/pages/Wizard/components/Wallet/Blockcypher.jsx b/packages/admin-ui/src/pages/Wizard/components/Wallet/Blockcypher.jsx
index 3cf99128..72e9238f 100644
--- a/packages/admin-ui/src/pages/Wizard/components/Wallet/Blockcypher.jsx
+++ b/packages/admin-ui/src/pages/Wizard/components/Wallet/Blockcypher.jsx
@@ -1,4 +1,4 @@
-import { useMutation, useQuery, gql } from "@apollo/client";
+import { useMutation, useQuery, gql } from '@apollo/client'
 import React, { useState } from 'react'
 import { P, H4 } from 'src/components/typography'
 import FormRenderer from 'src/pages/Services/FormRenderer'
@@ -23,18 +23,18 @@ const SAVE_ACCOUNTS = gql`
 const options = [
   {
     code: 'enable',
-    display: 'I will enable cash-out'
+    display: 'I will enable cash-out',
   },
   {
     code: 'disable',
-    display: "I won't enable cash-out"
-  }
+    display: "I won't enable cash-out",
+  },
 ]
 
 const Blockcypher = ({ addData }) => {
   const { data } = useQuery(GET_CONFIG)
   const [saveConfig] = useMutation(SAVE_ACCOUNTS, {
-    onCompleted: () => addData({ zeroConf: 'blockcypher' })
+    onCompleted: () => addData({ zeroConf: 'blockcypher' }),
   })
 
   const [selected, setSelected] = useState(null)
diff --git a/packages/admin-ui/src/pages/Wizard/components/Wallet/ChooseCoin.jsx b/packages/admin-ui/src/pages/Wizard/components/Wallet/ChooseCoin.jsx
index adeb32b4..3e4b4e1b 100644
--- a/packages/admin-ui/src/pages/Wizard/components/Wallet/ChooseCoin.jsx
+++ b/packages/admin-ui/src/pages/Wizard/components/Wallet/ChooseCoin.jsx
@@ -1,4 +1,4 @@
-import { useQuery, gql } from "@apollo/client";
+import { useQuery, gql } from '@apollo/client'
 import { Formik, Form, Field } from 'formik'
 import React, { useState } from 'react'
 import PromptWhenDirty from 'src/components/PromptWhenDirty'
@@ -20,7 +20,7 @@ const GET_CONFIG = gql`
 `
 
 const schema = Yup.object().shape({
-  coin: Yup.string().required()
+  coin: Yup.string().required(),
 })
 
 const ChooseCoin = ({ addData }) => {
diff --git a/packages/admin-ui/src/pages/Wizard/components/Wallet/ChooseExchange.jsx b/packages/admin-ui/src/pages/Wizard/components/Wallet/ChooseExchange.jsx
index 4a5df8d9..ce1d845c 100644
--- a/packages/admin-ui/src/pages/Wizard/components/Wallet/ChooseExchange.jsx
+++ b/packages/admin-ui/src/pages/Wizard/components/Wallet/ChooseExchange.jsx
@@ -1,4 +1,4 @@
-import { useQuery, useMutation, gql } from "@apollo/client";
+import { useQuery, useMutation, gql } from '@apollo/client'
 import { getEquivalentCode } from '@lamassu/coins/lightUtils'
 import * as R from 'ramda'
 import React, { useState } from 'react'
@@ -41,7 +41,7 @@ const isConfigurable = it =>
 const ChooseExchange = ({ data: currentData, addData }) => {
   const { data } = useQuery(GET_CONFIG)
   const [saveAccounts] = useMutation(SAVE_ACCOUNTS, {
-    onCompleted: () => submit()
+    onCompleted: () => submit(),
   })
 
   const [selected, setSelected] = useState(null)
@@ -75,7 +75,7 @@ const ChooseExchange = ({ data: currentData, addData }) => {
     itbit:
       'https://support.lamassu.is/hc/en-us/articles/360026195032-itBit-trading',
     bitstamp:
-      'https://support.lamassu.is/hc/en-us/articles/115001206911-Bitstamp-trading'
+      'https://support.lamassu.is/hc/en-us/articles/115001206911-Bitstamp-trading',
   }
 
   return (
@@ -113,7 +113,9 @@ const ChooseExchange = ({ data: currentData, addData }) => {
             value={accounts[selected]}
             save={saveExchange(selected)}
             elements={schema[selected].elements}
-            validationSchema={schema[selected].getValidationSchema(accounts[selected])}
+            validationSchema={schema[selected].getValidationSchema(
+              accounts[selected],
+            )}
             buttonLabel={'Continue'}
             buttonClass={classes.formButton}
           />
diff --git a/packages/admin-ui/src/pages/Wizard/components/Wallet/ChooseTicker.jsx b/packages/admin-ui/src/pages/Wizard/components/Wallet/ChooseTicker.jsx
index 23c73a23..76fc301d 100644
--- a/packages/admin-ui/src/pages/Wizard/components/Wallet/ChooseTicker.jsx
+++ b/packages/admin-ui/src/pages/Wizard/components/Wallet/ChooseTicker.jsx
@@ -1,4 +1,4 @@
-import { useQuery, gql } from "@apollo/client";
+import { useQuery, gql } from '@apollo/client'
 import { getEquivalentCode } from '@lamassu/coins/lightUtils'
 import * as R from 'ramda'
 import React, { useState } from 'react'
diff --git a/packages/admin-ui/src/pages/Wizard/components/Wallet/ChooseWallet.jsx b/packages/admin-ui/src/pages/Wizard/components/Wallet/ChooseWallet.jsx
index e898d4d4..691ede32 100644
--- a/packages/admin-ui/src/pages/Wizard/components/Wallet/ChooseWallet.jsx
+++ b/packages/admin-ui/src/pages/Wizard/components/Wallet/ChooseWallet.jsx
@@ -1,4 +1,4 @@
-import { useQuery, useMutation, gql } from "@apollo/client";
+import { useQuery, useMutation, gql } from '@apollo/client'
 import * as R from 'ramda'
 import React, { useState } from 'react'
 import { H4, Info3 } from 'src/components/typography'
@@ -45,7 +45,7 @@ const isLocalHosted = it =>
     'litecoind',
     'dashd',
     'zcashd',
-    'bitcoincashd'
+    'bitcoincashd',
   ])
 
 const ChooseWallet = ({ data: currentData, addData }) => {
@@ -53,7 +53,7 @@ const ChooseWallet = ({ data: currentData, addData }) => {
   const schema = _schema()
   const { data } = useQuery(GET_CONFIG)
   const [saveAccounts] = useMutation(SAVE_ACCOUNTS, {
-    onCompleted: () => submit()
+    onCompleted: () => submit(),
   })
 
   const [selected, setSelected] = useState(null)
@@ -143,7 +143,7 @@ const ChooseWallet = ({ data: currentData, addData }) => {
             save={saveWallet(selected)}
             elements={schema.infura.elements}
             validationSchema={schema.infura.getValidationSchema(
-              accounts.infura
+              accounts.infura,
             )}
             buttonLabel={'Continue'}
             buttonClass={classes.formButton}
@@ -158,7 +158,7 @@ const ChooseWallet = ({ data: currentData, addData }) => {
             save={saveWallet(selected)}
             elements={schema.trongrid.elements}
             validationSchema={schema.trongrid.getValidationSchema(
-              accounts.trongrid
+              accounts.trongrid,
             )}
             buttonLabel={'Continue'}
             buttonClass={classes.formButton}
diff --git a/packages/admin-ui/src/pages/Wizard/components/Wallet/Shared.module.css b/packages/admin-ui/src/pages/Wizard/components/Wallet/Shared.module.css
index c52d200d..7e03a9df 100644
--- a/packages/admin-ui/src/pages/Wizard/components/Wallet/Shared.module.css
+++ b/packages/admin-ui/src/pages/Wizard/components/Wallet/Shared.module.css
@@ -42,4 +42,4 @@
 
 .formButton {
   margin: 24px 0 0;
-}
\ No newline at end of file
+}
diff --git a/packages/admin-ui/src/pages/Wizard/components/Wallet/Wallet.jsx b/packages/admin-ui/src/pages/Wizard/components/Wallet/Wallet.jsx
index 0580b673..616cfbf7 100644
--- a/packages/admin-ui/src/pages/Wizard/components/Wallet/Wallet.jsx
+++ b/packages/admin-ui/src/pages/Wizard/components/Wallet/Wallet.jsx
@@ -13,28 +13,28 @@ import ChooseWallet from './ChooseWallet'
 const steps = [
   {
     label: 'Choose cryptocurrency',
-    component: ChooseCoin
+    component: ChooseCoin,
   },
   {
     label: 'Choose wallet',
-    component: ChooseWallet
+    component: ChooseWallet,
   },
   {
     label: 'Choose ticker',
-    component: ChooseTicker
+    component: ChooseTicker,
   },
   {
     label: 'Exchange',
-    component: ChooseExchange
+    component: ChooseExchange,
   },
   {
     label: 'Blockcypher',
-    component: Blockcypher
+    component: Blockcypher,
   },
   {
     label: 'All set',
-    component: AllSet
-  }
+    component: AllSet,
+  },
 ]
 
 const Wallet = ({ doContinue }) => {
diff --git a/packages/admin-ui/src/pages/Wizard/helper.jsx b/packages/admin-ui/src/pages/Wizard/helper.jsx
index 47035521..6e1590b9 100644
--- a/packages/admin-ui/src/pages/Wizard/helper.jsx
+++ b/packages/admin-ui/src/pages/Wizard/helper.jsx
@@ -15,7 +15,7 @@ import Welcome from './components/Welcome'
 const getConfiguredCoins = (config, crypto) => {
   const wallet = fromNamespace(namespaces.WALLETS, config)
   return R.filter(it =>
-    WalletSchema.isValidSync(fromNamespace(it.code, wallet))
+    WalletSchema.isValidSync(fromNamespace(it.code, wallet)),
   )(crypto)
 }
 
@@ -25,7 +25,7 @@ const hasValidWallet = (config, crypto) => {
 
   const hasValidConfig = R.compose(
     R.any(R.identity),
-    R.map(it => WalletSchema.isValidSync(it))
+    R.map(it => WalletSchema.isValidSync(it)),
   )(coins)
 
   return hasValidConfig
@@ -60,7 +60,7 @@ const getWizardStep = (config, crypto) => {
 const STEPS = [
   {
     id: 'welcome',
-    Component: Welcome
+    Component: Welcome,
   },
   {
     id: 'wallet',
@@ -69,7 +69,7 @@ const STEPS = [
     subtitle: 'Wallet settings',
     text: `Your wallet settings are the first step for this wizard. 
     We'll start by setting up one of cryptocurrencies to get you up and running,
-    but you can later set up as many as you want.`
+    but you can later set up as many as you want.`,
   },
   {
     id: 'locale',
@@ -78,7 +78,7 @@ const STEPS = [
     subtitle: 'Locales',
     text: `From the Locales panel, you can define default settings
     that will be applied to all machines you add to your network later on.
-    These settings may be overridden for specific machines in the Overrides section.`
+    These settings may be overridden for specific machines in the Overrides section.`,
   },
   {
     id: 'twilio',
@@ -93,7 +93,7 @@ const STEPS = [
         You'll need to configure Twilio if you're offering cash-out or any
         compliance options
       </>
-    )
+    ),
   },
   {
     id: 'commissions',
@@ -105,8 +105,8 @@ const STEPS = [
           you'll later add to your network. Default settings keep you from
           having to enter the same values everytime you add a new machine. Once
           a machine is added, you may override these values per machine and per
-          cryptocurrency in the overrides section.`
-  }
+          cryptocurrency in the overrides section.`,
+  },
   // {
   //   id: 'notifications',
   //   Component: Notifications,
diff --git a/packages/admin-ui/src/routing/lamassu.routes.jsx b/packages/admin-ui/src/routing/lamassu.routes.jsx
index 81781d0b..70b5586e 100644
--- a/packages/admin-ui/src/routing/lamassu.routes.jsx
+++ b/packages/admin-ui/src/routing/lamassu.routes.jsx
@@ -37,7 +37,7 @@ const getLamassuRoutes = () => [
     label: 'Transactions',
     route: '/transactions',
     allowedRoles: [ROLES.USER, ROLES.SUPERUSER],
-    component: Transactions
+    component: Transactions,
   },
   {
     key: 'maintenance',
@@ -53,44 +53,44 @@ const getLamassuRoutes = () => [
         label: 'Cash units',
         route: '/maintenance/cash-units',
         allowedRoles: [ROLES.USER, ROLES.SUPERUSER],
-        component: CashUnits
+        component: CashUnits,
       },
       {
         key: 'funding',
         label: 'Funding',
         route: '/maintenance/funding',
         allowedRoles: [ROLES.USER, ROLES.SUPERUSER],
-        component: Funding
+        component: Funding,
       },
       {
         key: 'logs',
         label: 'Machine logs',
         route: '/maintenance/logs',
         allowedRoles: [ROLES.USER, ROLES.SUPERUSER],
-        component: MachineLogs
+        component: MachineLogs,
       },
       {
         key: 'machine-status',
         label: 'Machine status',
         route: '/maintenance/machine-status',
         allowedRoles: [ROLES.USER, ROLES.SUPERUSER],
-        component: MachineStatus
+        component: MachineStatus,
       },
       {
         key: 'server-logs',
         label: 'Server',
         route: '/maintenance/server-logs',
         allowedRoles: [ROLES.USER, ROLES.SUPERUSER],
-        component: ServerLogs
-      }
-    ]
+        component: ServerLogs,
+      },
+    ],
   },
   {
     key: 'analytics',
     label: 'Analytics',
     route: '/analytics',
     allowedRoles: [ROLES.USER, ROLES.SUPERUSER],
-    component: Analytics
+    component: Analytics,
   },
   {
     key: 'settings',
@@ -106,42 +106,42 @@ const getLamassuRoutes = () => [
         label: 'Commissions',
         route: '/settings/commissions',
         allowedRoles: [ROLES.USER, ROLES.SUPERUSER],
-        component: Commissions
+        component: Commissions,
       },
       {
         key: namespaces.LOCALE,
         label: 'Locales',
         route: '/settings/locale',
         allowedRoles: [ROLES.USER, ROLES.SUPERUSER],
-        component: Locales
+        component: Locales,
       },
       {
         key: namespaces.CASH_OUT,
         label: 'Cash-out',
         route: '/settings/cash-out',
         allowedRoles: [ROLES.USER, ROLES.SUPERUSER],
-        component: Cashout
+        component: Cashout,
       },
       {
         key: namespaces.NOTIFICATIONS,
         label: 'Notifications',
         route: '/settings/notifications',
         allowedRoles: [ROLES.USER, ROLES.SUPERUSER],
-        component: Notifications
+        component: Notifications,
       },
       {
         key: 'services',
         label: 'Third-party services',
         route: '/settings/3rd-party-services',
         allowedRoles: [ROLES.USER, ROLES.SUPERUSER],
-        component: Services
+        component: Services,
       },
       {
         key: namespaces.WALLETS,
         label: 'Wallet',
         route: '/settings/wallet-settings',
         allowedRoles: [ROLES.USER, ROLES.SUPERUSER],
-        component: WalletSettings
+        component: WalletSettings,
       },
       {
         key: namespaces.OPERATOR_INFO,
@@ -154,7 +154,7 @@ const getLamassuRoutes = () => [
             <Redirect
               to={{
                 pathname: this.children[0].route,
-                state: { prev: this.state?.prev }
+                state: { prev: this.state?.prev },
               }}
             />
           )
@@ -165,46 +165,46 @@ const getLamassuRoutes = () => [
             label: 'Contact information',
             route: '/settings/operator-info/contact-info',
             allowedRoles: [ROLES.USER, ROLES.SUPERUSER],
-            component: ContactInfo
+            component: ContactInfo,
           },
           {
             key: 'receipt-printing',
             label: 'Receipt',
             route: '/settings/operator-info/receipt-printing',
             allowedRoles: [ROLES.USER, ROLES.SUPERUSER],
-            component: ReceiptPrinting
+            component: ReceiptPrinting,
           },
           {
             key: 'sms-notices',
             label: 'SMS notices',
             route: '/settings/operator-info/sms-notices',
             allowedRoles: [ROLES.USER, ROLES.SUPERUSER],
-            component: SMSNotices
+            component: SMSNotices,
           },
           {
             key: 'coin-atm-radar',
             label: 'Coin ATM Radar',
             route: '/settings/operator-info/coin-atm-radar',
             allowedRoles: [ROLES.USER, ROLES.SUPERUSER],
-            component: CoinAtmRadar
+            component: CoinAtmRadar,
           },
           {
             key: 'terms-conditions',
             label: 'Terms & Conditions',
             route: '/settings/operator-info/terms-conditions',
             allowedRoles: [ROLES.USER, ROLES.SUPERUSER],
-            component: TermsConditions
+            component: TermsConditions,
           },
           {
             key: 'machine-screens',
             label: 'Machine screens',
             route: '/settings/operator-info/machine-screens',
             allowedRoles: [ROLES.USER, ROLES.SUPERUSER],
-            component: MachineScreens
-          }
-        ]
-      }
-    ]
+            component: MachineScreens,
+          },
+        ],
+      },
+    ],
   },
   {
     key: 'compliance',
@@ -220,21 +220,21 @@ const getLamassuRoutes = () => [
         label: 'Triggers',
         route: '/compliance/triggers',
         allowedRoles: [ROLES.USER, ROLES.SUPERUSER],
-        component: Triggers
+        component: Triggers,
       },
       {
         key: 'customers',
         label: 'Customers',
         route: '/compliance/customers',
         allowedRoles: [ROLES.USER, ROLES.SUPERUSER],
-        component: Customers
+        component: Customers,
       },
       {
         key: 'blacklist',
         label: 'Blacklist',
         route: '/compliance/blacklist',
         allowedRoles: [ROLES.USER, ROLES.SUPERUSER],
-        component: Blacklist
+        component: Blacklist,
       },
       {
         key: 'loyalty',
@@ -247,7 +247,7 @@ const getLamassuRoutes = () => [
             <Redirect
               to={{
                 pathname: this.children[0].route,
-                state: { prev: this.state?.prev }
+                state: { prev: this.state?.prev },
               }}
             />
           )
@@ -258,24 +258,24 @@ const getLamassuRoutes = () => [
             label: 'Individual discounts',
             route: '/compliance/loyalty/individual-discounts',
             allowedRoles: [ROLES.USER, ROLES.SUPERUSER],
-            component: IndividualDiscounts
+            component: IndividualDiscounts,
           },
           {
             key: 'promo-codes',
             label: 'Promo codes',
             route: '/compliance/loyalty/codes',
             allowedRoles: [ROLES.USER, ROLES.SUPERUSER],
-            component: PromoCodes
-          }
-        ]
+            component: PromoCodes,
+          },
+        ],
       },
       {
         key: 'customer',
         route: '/compliance/customer/:id',
         allowedRoles: [ROLES.USER, ROLES.SUPERUSER],
-        component: CustomerProfile
-      }
-    ]
+        component: CustomerProfile,
+      },
+    ],
   },
   {
     key: 'system',
@@ -291,17 +291,17 @@ const getLamassuRoutes = () => [
         label: 'User management',
         route: '/system/user-management',
         allowedRoles: [ROLES.SUPERUSER],
-        component: UserManagement
+        component: UserManagement,
       },
       {
         key: 'session-management',
         label: 'Session management',
         route: '/system/session-management',
         allowedRoles: [ROLES.SUPERUSER],
-        component: SessionManagement
-      }
-    ]
-  }
+        component: SessionManagement,
+      },
+    ],
+  },
 ]
 
 export default getLamassuRoutes
diff --git a/packages/admin-ui/src/routing/routes.jsx b/packages/admin-ui/src/routing/routes.jsx
index 8fd3c366..baa349e2 100644
--- a/packages/admin-ui/src/routing/routes.jsx
+++ b/packages/admin-ui/src/routing/routes.jsx
@@ -7,7 +7,7 @@ import {
   Redirect,
   Switch,
   useHistory,
-  useLocation
+  useLocation,
 } from 'react-router-dom'
 import Login from 'src/pages/Authentication/Login'
 import Register from 'src/pages/Authentication/Register'
@@ -30,7 +30,7 @@ const tree = getLamassuRoutes()
 const map = R.map(R.when(R.has('children'), R.prop('children')))
 const mappedRoutes = R.compose(R.flatten, map)(tree)
 const parentRoutes = R.filter(R.has('children'))(mappedRoutes).concat(
-  R.filter(R.has('children'))(tree)
+  R.filter(R.has('children'))(tree),
 )
 const leafRoutes = R.compose(R.flatten, map)(mappedRoutes)
 
@@ -41,8 +41,8 @@ const hasSidebar = route =>
     R.compose(
       R.flatten,
       R.map(R.prop('children')),
-      R.filter(R.has('children'))
-    )(mappedRoutes)
+      R.filter(R.has('children')),
+    )(mappedRoutes),
   )
 
 const getParent = route =>
@@ -51,9 +51,9 @@ const getParent = route =>
       'route',
       R.dropLast(
         1,
-        R.dropLastWhile(x => x !== '/', route)
-      )
-    )
+        R.dropLastWhile(x => x !== '/', route),
+      ),
+    ),
   )(flattened)
 
 const Routes = () => {
@@ -68,7 +68,7 @@ const Routes = () => {
     '/login',
     '/register',
     '/resetpassword',
-    '/reset2fa'
+    '/reset2fa',
   ]
 
   if (!wizardTested && !R.contains(location.pathname)(dontTriggerPages)) {
@@ -94,7 +94,7 @@ const Routes = () => {
             R.findIndex(R.propEq('route', location.state.prev))(leafRoutes) >
             R.findIndex(R.propEq('route', location.pathname))(leafRoutes)
               ? 'right'
-              : 'left'
+              : 'left',
         }
       : { timeout: 400 }
 
diff --git a/packages/admin-ui/src/routing/utils.js b/packages/admin-ui/src/routing/utils.js
index 6222bfe4..39cbfbf0 100644
--- a/packages/admin-ui/src/routing/utils.js
+++ b/packages/admin-ui/src/routing/utils.js
@@ -7,5 +7,5 @@ export const isLoggedIn = userData =>
 
 export const ROLES = {
   USER: 'user',
-  SUPERUSER: 'superuser'
+  SUPERUSER: 'superuser',
 }
diff --git a/packages/admin-ui/src/styling/global/fonts.css b/packages/admin-ui/src/styling/global/fonts.css
index e5623b10..cb63e217 100644
--- a/packages/admin-ui/src/styling/global/fonts.css
+++ b/packages/admin-ui/src/styling/global/fonts.css
@@ -26,14 +26,18 @@
   font-family: 'Mont';
   font-weight: 900;
   font-style: normal;
-  src: url('/fonts/MontHeavy/mont-heavy-webfont.woff2') format('woff2'), url('/fonts/MontHeavy/mont-heavy-webfont.woff') format('woff');
+  src:
+    url('/fonts/MontHeavy/mont-heavy-webfont.woff2') format('woff2'),
+    url('/fonts/MontHeavy/mont-heavy-webfont.woff') format('woff');
 }
 
 @font-face {
   font-family: 'Mont';
   font-weight: 700;
   font-style: normal;
-  src: url('/fonts/MontHeavy/mont-bold-webfont.woff2') format('woff2'), url('/fonts/MontHeavy/mont-bold-webfont.woff') format('woff');
+  src:
+    url('/fonts/MontHeavy/mont-bold-webfont.woff2') format('woff2'),
+    url('/fonts/MontHeavy/mont-bold-webfont.woff') format('woff');
 }
 
 /*!
@@ -63,14 +67,18 @@
   font-family: 'MuseoSans';
   font-weight: 500;
   font-style: normal;
-  src: url("/fonts/MuseoSans/MuseoSans_500-webfont.woff2") format("woff2"), url("/fonts/MuseoSans/MuseoSans_500-webfont.woff") format("woff");
+  src:
+    url('/fonts/MuseoSans/MuseoSans_500-webfont.woff2') format('woff2'),
+    url('/fonts/MuseoSans/MuseoSans_500-webfont.woff') format('woff');
 }
 
 @font-face {
   font-family: 'MuseoSans';
   font-weight: 700;
   font-style: normal;
-  src: url("/fonts/MuseoSans/MuseoSans_700-webfont.woff2") format("woff2"), url("/fonts/MuseoSans/MuseoSans_700-webfont.woff") format("woff");
+  src:
+    url('/fonts/MuseoSans/MuseoSans_700-webfont.woff2') format('woff2'),
+    url('/fonts/MuseoSans/MuseoSans_700-webfont.woff') format('woff');
 }
 
 /* BP-mono Freely distributed at http://backpacker.gr/fonts/5 */
@@ -78,5 +86,5 @@
   font-family: 'BPmono';
   font-weight: 500;
   font-style: normal;
-  src: url("/fonts/BPmono/BPmono.ttf") format("truetype"),
-}
\ No newline at end of file
+  src: url('/fonts/BPmono/BPmono.ttf') format('truetype');
+}
diff --git a/packages/admin-ui/src/styling/global/global.css b/packages/admin-ui/src/styling/global/global.css
index bd8f92da..3b65166d 100644
--- a/packages/admin-ui/src/styling/global/global.css
+++ b/packages/admin-ui/src/styling/global/global.css
@@ -1,9 +1,9 @@
-@import "./fonts.css";
+@import './fonts.css';
 
 /* TODO remove important */
 @layer theme, base, mui, components, utilities;
-@import "tailwindcss/theme.css" layer(theme);
-@import "tailwindcss/utilities.css" layer(utilities) important;
+@import 'tailwindcss/theme.css' layer(theme);
+@import 'tailwindcss/utilities.css' layer(utilities) important;
 
 :root {
   --zodiac: #1b2559;
@@ -12,7 +12,6 @@
   --spring3: #ecfbef;
   --spring4: #3fd07e;
 
-
   --comet: #5f668a;
   --comet2: #72799d;
   --comet3: #525772;
@@ -27,7 +26,7 @@
 
   --java: #16d6d3;
   --neon: #5a67ff;
-  --malachite: #00CD5A;
+  --malachite: #00cd5a;
   --orange-yellow: #ffcc00;
 
   --mont: 'Mont';
@@ -110,14 +109,14 @@ html {
 }
 
 a::-moz-focus-inner,
-input[type="submit"]::-moz-focus-inner,
-input[type="button"]::-moz-focus-inner {
+input[type='submit']::-moz-focus-inner,
+input[type='button']::-moz-focus-inner {
   border: 0;
 }
 
 a::-moz-focus-inner,
-input[type="submit"]::-moz-focus-inner,
-input[type="button"]::-moz-focus-inner {
+input[type='submit']::-moz-focus-inner,
+input[type='button']::-moz-focus-inner {
   border: 0;
 }
 
diff --git a/packages/admin-ui/src/styling/helpers.js b/packages/admin-ui/src/styling/helpers.js
index 0854a253..8934e1d5 100644
--- a/packages/admin-ui/src/styling/helpers.js
+++ b/packages/admin-ui/src/styling/helpers.js
@@ -2,7 +2,7 @@ import {
   inputFontSize,
   inputFontSizeLg,
   inputFontSizeSm,
-  inputFontWeightBold
+  inputFontWeightBold,
 } from './variables'
 
 const respondTo = breakpoint =>
@@ -20,7 +20,7 @@ const bySize = size => {
 }
 
 const bold = {
-  fontWeight: inputFontWeightBold
+  fontWeight: inputFontWeightBold,
 }
 
 export { respondTo, bySize, bold }
diff --git a/packages/admin-ui/src/styling/icons/ID/card/comet.svg b/packages/admin-ui/src/styling/icons/ID/card/comet.svg
index 0163f2cb..dc06e354 100644
--- a/packages/admin-ui/src/styling/icons/ID/card/comet.svg
+++ b/packages/admin-ui/src/styling/icons/ID/card/comet.svg
@@ -1,10 +1,14 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="18px" viewBox="0 0 24 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="24px" height="18px" viewBox="0 0 24 18" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>icon/ID/card/new/comet</title>
-    <g id="icon/ID/card/new/comet" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+    <g id="icon/ID/card/new/comet" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round"
+       stroke-linejoin="round">
         <polygon id="Stroke-1" stroke="#5F668A" stroke-width="1.6" points="1 17 23 17 23 1 1 1"></polygon>
         <line x1="12.7857143" y1="5" x2="19.8571429" y2="5" id="Stroke-3" stroke="#5F668A" stroke-width="1.6"></line>
-        <line x1="12.7857143" y1="8.2" x2="19.8571429" y2="8.2" id="Stroke-4" stroke="#5F668A" stroke-width="1.6"></line>
-        <polygon id="Stroke-5" stroke="#5F668A" stroke-width="1.6" points="4.14285714 12.2 9.64285714 12.2 9.64285714 5 4.14285714 5"></polygon>
+        <line x1="12.7857143" y1="8.2" x2="19.8571429" y2="8.2" id="Stroke-4" stroke="#5F668A"
+              stroke-width="1.6"></line>
+        <polygon id="Stroke-5" stroke="#5F668A" stroke-width="1.6"
+                 points="4.14285714 12.2 9.64285714 12.2 9.64285714 5 4.14285714 5"></polygon>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/ID/card/tomato.svg b/packages/admin-ui/src/styling/icons/ID/card/tomato.svg
index a3effa2d..af75dc22 100644
--- a/packages/admin-ui/src/styling/icons/ID/card/tomato.svg
+++ b/packages/admin-ui/src/styling/icons/ID/card/tomato.svg
@@ -1,10 +1,14 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="18px" viewBox="0 0 24 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="24px" height="18px" viewBox="0 0 24 18" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>icon/ID/card/new/tomato</title>
-    <g id="icon/ID/card/new/tomato" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+    <g id="icon/ID/card/new/tomato" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
+       stroke-linecap="round" stroke-linejoin="round">
         <polygon id="Stroke-1" stroke="#FF7311" stroke-width="1.6" points="1 17 23 17 23 1 1 1"></polygon>
         <line x1="12.7857143" y1="5" x2="19.8571429" y2="5" id="Stroke-3" stroke="#FF7311" stroke-width="1.6"></line>
-        <line x1="12.7857143" y1="8.2" x2="19.8571429" y2="8.2" id="Stroke-4" stroke="#FF7311" stroke-width="1.6"></line>
-        <polygon id="Stroke-5" stroke="#FF7311" stroke-width="1.6" points="4.14285714 12.2 9.64285714 12.2 9.64285714 5 4.14285714 5"></polygon>
+        <line x1="12.7857143" y1="8.2" x2="19.8571429" y2="8.2" id="Stroke-4" stroke="#FF7311"
+              stroke-width="1.6"></line>
+        <polygon id="Stroke-5" stroke="#FF7311" stroke-width="1.6"
+                 points="4.14285714 12.2 9.64285714 12.2 9.64285714 5 4.14285714 5"></polygon>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/ID/card/white.svg b/packages/admin-ui/src/styling/icons/ID/card/white.svg
index 3448f195..dca48378 100644
--- a/packages/admin-ui/src/styling/icons/ID/card/white.svg
+++ b/packages/admin-ui/src/styling/icons/ID/card/white.svg
@@ -1,10 +1,14 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="18px" viewBox="0 0 24 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="24px" height="18px" viewBox="0 0 24 18" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>icon/ID/card/new/white</title>
-    <g id="icon/ID/card/new/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+    <g id="icon/ID/card/new/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round"
+       stroke-linejoin="round">
         <polygon id="Stroke-1" stroke="#FFFFFF" stroke-width="1.6" points="1 17 23 17 23 1 1 1"></polygon>
         <line x1="12.7857143" y1="5" x2="19.8571429" y2="5" id="Stroke-3" stroke="#FFFFFF" stroke-width="1.6"></line>
-        <line x1="12.7857143" y1="8.2" x2="19.8571429" y2="8.2" id="Stroke-4" stroke="#FFFFFF" stroke-width="1.6"></line>
-        <polygon id="Stroke-5" stroke="#FFFFFF" stroke-width="1.6" points="4.14285714 12.2 9.64285714 12.2 9.64285714 5 4.14285714 5"></polygon>
+        <line x1="12.7857143" y1="8.2" x2="19.8571429" y2="8.2" id="Stroke-4" stroke="#FFFFFF"
+              stroke-width="1.6"></line>
+        <polygon id="Stroke-5" stroke="#FFFFFF" stroke-width="1.6"
+                 points="4.14285714 12.2 9.64285714 12.2 9.64285714 5 4.14285714 5"></polygon>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/ID/card/zodiac.svg b/packages/admin-ui/src/styling/icons/ID/card/zodiac.svg
index 14a0fc39..b22569b3 100644
--- a/packages/admin-ui/src/styling/icons/ID/card/zodiac.svg
+++ b/packages/admin-ui/src/styling/icons/ID/card/zodiac.svg
@@ -1,7 +1,9 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="18px" viewBox="0 0 24 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="24px" height="18px" viewBox="0 0 24 18" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>icon/ID/card/new/zodiac</title>
-    <g id="icon/ID/card/new/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+    <g id="icon/ID/card/new/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
+       stroke-linecap="round" stroke-linejoin="round">
         <g id="Group-2" transform="translate(1.000000, 1.000000)" stroke="#1B2559" stroke-width="1.6">
             <g id="id-copy">
                 <polygon id="Stroke-1" points="0 16 22 16 22 0 0 0"></polygon>
diff --git a/packages/admin-ui/src/styling/icons/ID/phone/comet.svg b/packages/admin-ui/src/styling/icons/ID/phone/comet.svg
index ea786af7..1748dc14 100644
--- a/packages/admin-ui/src/styling/icons/ID/phone/comet.svg
+++ b/packages/admin-ui/src/styling/icons/ID/phone/comet.svg
@@ -1,7 +1,10 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="18px" viewBox="0 0 24 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="24px" height="18px" viewBox="0 0 24 18" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>icon/ID/phone/new/comet</title>
-    <g id="icon/ID/phone/new/comet" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
-        <path d="M7.47150618,13.52898 C10.939556,16.9970298 14.7804112,17.1146315 16.4756355,16.9586292 C17.0220434,16.9090285 17.5308507,16.6578249 17.9188563,16.2698193 L20.0004862,14.1881894 L18.0220577,12.210561 L16.0436293,11.5505516 L14.7244104,12.8697705 C14.7244104,12.8697705 13.4059914,14.1881894 10.1091441,10.8905421 C6.81229671,7.59449473 8.13071565,6.27527578 8.13071565,6.27527578 L9.4499346,4.95605683 L8.78992512,2.97842842 L6.81229671,1 L4.73066681,3.0816299 C4.34186123,3.46963548 4.09145763,3.97844279 4.04105691,4.52485063 C3.88585468,6.22007499 4.00345637,10.0601301 7.47150618,13.52898 Z" id="Stroke-1-Copy" stroke="#5F668A" stroke-width="1.6"></path>
+    <g id="icon/ID/phone/new/comet" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
+       stroke-linecap="round" stroke-linejoin="round">
+        <path d="M7.47150618,13.52898 C10.939556,16.9970298 14.7804112,17.1146315 16.4756355,16.9586292 C17.0220434,16.9090285 17.5308507,16.6578249 17.9188563,16.2698193 L20.0004862,14.1881894 L18.0220577,12.210561 L16.0436293,11.5505516 L14.7244104,12.8697705 C14.7244104,12.8697705 13.4059914,14.1881894 10.1091441,10.8905421 C6.81229671,7.59449473 8.13071565,6.27527578 8.13071565,6.27527578 L9.4499346,4.95605683 L8.78992512,2.97842842 L6.81229671,1 L4.73066681,3.0816299 C4.34186123,3.46963548 4.09145763,3.97844279 4.04105691,4.52485063 C3.88585468,6.22007499 4.00345637,10.0601301 7.47150618,13.52898 Z"
+              id="Stroke-1-Copy" stroke="#5F668A" stroke-width="1.6"></path>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/ID/phone/tomato.svg b/packages/admin-ui/src/styling/icons/ID/phone/tomato.svg
index ac4320cc..ad479f62 100644
--- a/packages/admin-ui/src/styling/icons/ID/phone/tomato.svg
+++ b/packages/admin-ui/src/styling/icons/ID/phone/tomato.svg
@@ -1,7 +1,10 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="18px" viewBox="0 0 24 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="24px" height="18px" viewBox="0 0 24 18" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>icon/ID/phone/new/tomato</title>
-    <g id="icon/ID/phone/new/tomato" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
-        <path d="M7.47150618,13.52898 C10.939556,16.9970298 14.7804112,17.1146315 16.4756355,16.9586292 C17.0220434,16.9090285 17.5308507,16.6578249 17.9188563,16.2698193 L20.0004862,14.1881894 L18.0220577,12.210561 L16.0436293,11.5505516 L14.7244104,12.8697705 C14.7244104,12.8697705 13.4059914,14.1881894 10.1091441,10.8905421 C6.81229671,7.59449473 8.13071565,6.27527578 8.13071565,6.27527578 L9.4499346,4.95605683 L8.78992512,2.97842842 L6.81229671,1 L4.73066681,3.0816299 C4.34186123,3.46963548 4.09145763,3.97844279 4.04105691,4.52485063 C3.88585468,6.22007499 4.00345637,10.0601301 7.47150618,13.52898 Z" id="Stroke-1-Copy" stroke="#FF7311" stroke-width="1.6"></path>
+    <g id="icon/ID/phone/new/tomato" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
+       stroke-linecap="round" stroke-linejoin="round">
+        <path d="M7.47150618,13.52898 C10.939556,16.9970298 14.7804112,17.1146315 16.4756355,16.9586292 C17.0220434,16.9090285 17.5308507,16.6578249 17.9188563,16.2698193 L20.0004862,14.1881894 L18.0220577,12.210561 L16.0436293,11.5505516 L14.7244104,12.8697705 C14.7244104,12.8697705 13.4059914,14.1881894 10.1091441,10.8905421 C6.81229671,7.59449473 8.13071565,6.27527578 8.13071565,6.27527578 L9.4499346,4.95605683 L8.78992512,2.97842842 L6.81229671,1 L4.73066681,3.0816299 C4.34186123,3.46963548 4.09145763,3.97844279 4.04105691,4.52485063 C3.88585468,6.22007499 4.00345637,10.0601301 7.47150618,13.52898 Z"
+              id="Stroke-1-Copy" stroke="#FF7311" stroke-width="1.6"></path>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/ID/phone/white.svg b/packages/admin-ui/src/styling/icons/ID/phone/white.svg
index 6485d8b9..8a8a9e16 100644
--- a/packages/admin-ui/src/styling/icons/ID/phone/white.svg
+++ b/packages/admin-ui/src/styling/icons/ID/phone/white.svg
@@ -1,7 +1,10 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="18px" viewBox="0 0 24 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="24px" height="18px" viewBox="0 0 24 18" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>icon/ID/phone/new/white</title>
-    <g id="icon/ID/phone/new/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
-        <path d="M7.47150618,13.52898 C10.939556,16.9970298 14.7804112,17.1146315 16.4756355,16.9586292 C17.0220434,16.9090285 17.5308507,16.6578249 17.9188563,16.2698193 L20.0004862,14.1881894 L18.0220577,12.210561 L16.0436293,11.5505516 L14.7244104,12.8697705 C14.7244104,12.8697705 13.4059914,14.1881894 10.1091441,10.8905421 C6.81229671,7.59449473 8.13071565,6.27527578 8.13071565,6.27527578 L9.4499346,4.95605683 L8.78992512,2.97842842 L6.81229671,1 L4.73066681,3.0816299 C4.34186123,3.46963548 4.09145763,3.97844279 4.04105691,4.52485063 C3.88585468,6.22007499 4.00345637,10.0601301 7.47150618,13.52898 Z" id="Stroke-1-Copy" stroke="#FFFFFF" stroke-width="1.6"></path>
+    <g id="icon/ID/phone/new/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
+       stroke-linecap="round" stroke-linejoin="round">
+        <path d="M7.47150618,13.52898 C10.939556,16.9970298 14.7804112,17.1146315 16.4756355,16.9586292 C17.0220434,16.9090285 17.5308507,16.6578249 17.9188563,16.2698193 L20.0004862,14.1881894 L18.0220577,12.210561 L16.0436293,11.5505516 L14.7244104,12.8697705 C14.7244104,12.8697705 13.4059914,14.1881894 10.1091441,10.8905421 C6.81229671,7.59449473 8.13071565,6.27527578 8.13071565,6.27527578 L9.4499346,4.95605683 L8.78992512,2.97842842 L6.81229671,1 L4.73066681,3.0816299 C4.34186123,3.46963548 4.09145763,3.97844279 4.04105691,4.52485063 C3.88585468,6.22007499 4.00345637,10.0601301 7.47150618,13.52898 Z"
+              id="Stroke-1-Copy" stroke="#FFFFFF" stroke-width="1.6"></path>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/ID/phone/zodiac.svg b/packages/admin-ui/src/styling/icons/ID/phone/zodiac.svg
index 6454e804..f0586e26 100644
--- a/packages/admin-ui/src/styling/icons/ID/phone/zodiac.svg
+++ b/packages/admin-ui/src/styling/icons/ID/phone/zodiac.svg
@@ -1,7 +1,10 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="18px" viewBox="0 0 24 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="24px" height="18px" viewBox="0 0 24 18" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>icon/ID/phone/new/zodiac</title>
-    <g id="icon/ID/phone/new/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
-        <path d="M7.47150618,13.52898 C10.939556,16.9970298 14.7804112,17.1146315 16.4756355,16.9586292 C17.0220434,16.9090285 17.5308507,16.6578249 17.9188563,16.2698193 L20.0004862,14.1881894 L18.0220577,12.210561 L16.0436293,11.5505516 L14.7244104,12.8697705 C14.7244104,12.8697705 13.4059914,14.1881894 10.1091441,10.8905421 C6.81229671,7.59449473 8.13071565,6.27527578 8.13071565,6.27527578 L9.4499346,4.95605683 L8.78992512,2.97842842 L6.81229671,1 L4.73066681,3.0816299 C4.34186123,3.46963548 4.09145763,3.97844279 4.04105691,4.52485063 C3.88585468,6.22007499 4.00345637,10.0601301 7.47150618,13.52898 Z" id="Stroke-1-Copy" stroke="#1B2559" stroke-width="1.6"></path>
+    <g id="icon/ID/phone/new/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
+       stroke-linecap="round" stroke-linejoin="round">
+        <path d="M7.47150618,13.52898 C10.939556,16.9970298 14.7804112,17.1146315 16.4756355,16.9586292 C17.0220434,16.9090285 17.5308507,16.6578249 17.9188563,16.2698193 L20.0004862,14.1881894 L18.0220577,12.210561 L16.0436293,11.5505516 L14.7244104,12.8697705 C14.7244104,12.8697705 13.4059914,14.1881894 10.1091441,10.8905421 C6.81229671,7.59449473 8.13071565,6.27527578 8.13071565,6.27527578 L9.4499346,4.95605683 L8.78992512,2.97842842 L6.81229671,1 L4.73066681,3.0816299 C4.34186123,3.46963548 4.09145763,3.97844279 4.04105691,4.52485063 C3.88585468,6.22007499 4.00345637,10.0601301 7.47150618,13.52898 Z"
+              id="Stroke-1-Copy" stroke="#1B2559" stroke-width="1.6"></path>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/ID/photo/comet.svg b/packages/admin-ui/src/styling/icons/ID/photo/comet.svg
index ddeb1e5a..8d120e99 100644
--- a/packages/admin-ui/src/styling/icons/ID/photo/comet.svg
+++ b/packages/admin-ui/src/styling/icons/ID/photo/comet.svg
@@ -1,7 +1,10 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="18px" viewBox="0 0 24 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="24px" height="18px" viewBox="0 0 24 18" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>icon/ID/photo/new/comet</title>
-    <g id="icon/ID/photo/new/comet" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
-        <path d="M12,14 C9.7912,14 8,12.2088 8,10 C8,7.7912 9.7912,6 12,6 C14.2088,6 16,7.7912 16,10 C16,12.2088 14.2088,14 12,14 Z M16.7142857,3.4 L14.3571429,1 L9.64285714,1 L7.28571429,3.4 L1,3.4 L1,17 L23,17 L23,3.4 L16.7142857,3.4 Z" id="Stroke-1" stroke="#5F668A" stroke-width="1.6"></path>
+    <g id="icon/ID/photo/new/comet" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
+       stroke-linecap="round" stroke-linejoin="round">
+        <path d="M12,14 C9.7912,14 8,12.2088 8,10 C8,7.7912 9.7912,6 12,6 C14.2088,6 16,7.7912 16,10 C16,12.2088 14.2088,14 12,14 Z M16.7142857,3.4 L14.3571429,1 L9.64285714,1 L7.28571429,3.4 L1,3.4 L1,17 L23,17 L23,3.4 L16.7142857,3.4 Z"
+              id="Stroke-1" stroke="#5F668A" stroke-width="1.6"></path>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/ID/photo/crossed-camera.svg b/packages/admin-ui/src/styling/icons/ID/photo/crossed-camera.svg
index 38a5e2e4..625733ea 100644
--- a/packages/admin-ui/src/styling/icons/ID/photo/crossed-camera.svg
+++ b/packages/admin-ui/src/styling/icons/ID/photo/crossed-camera.svg
@@ -1,14 +1,17 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 63.1 (92452) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
     <g id="icon/crossed-camera" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g id="crossed-camera">
             <g id="Group-2">
                 <g id="icon/ID/cam/zodiac" transform="translate(0.000000, 3.657143)" fill="#1B2559" fill-rule="nonzero">
-                    <path d="M16,19.1876029 C12.4482116,19.1876029 9.56809571,16.389776 9.56809571,12.9394673 C9.56809571,9.48915858 12.4482116,6.69133172 16,6.69133172 C19.5517884,6.69133172 22.4319043,9.48915858 22.4319043,12.9394673 C22.4319043,16.389776 19.5517884,19.1876029 16,19.1876029 Z M16,17.104891 C18.3677075,17.104891 20.2879362,15.239526 20.2879362,12.9394673 C20.2879362,10.6394086 18.3677075,8.77404358 16,8.77404358 C13.6322925,8.77404358 11.7120638,10.6394086 11.7120638,12.9394673 C11.7120638,15.239526 13.6322925,17.104891 16,17.104891 Z M22.7667469,3.30692494 L30.7397807,3.30692494 C31.3318211,3.30692494 31.8117647,3.77315587 31.8117647,4.34828087 L31.8117647,22.0513317 C31.8117647,22.6264567 31.3318211,23.0926877 30.7397807,23.0926877 L1.26021934,23.0926877 C0.6681789,23.0926877 0.188235294,22.6264567 0.188235294,22.0513317 L0.188235294,4.34828087 C0.188235294,3.77315587 0.6681789,3.30692494 1.26021934,3.30692494 L9.23325311,3.30692494 L12.0766705,0.494526627 C12.2782333,0.295162767 12.5538198,0.182857143 12.8414756,0.182857143 L19.1585244,0.182857143 C19.4461802,0.182857143 19.7217667,0.295162767 19.9233295,0.494526627 L22.7667469,3.30692494 Z M29.6677966,5.3896368 L22.3170489,5.3896368 C22.0293931,5.3896368 21.7538065,5.27733118 21.5522438,5.07796732 L18.7088264,2.26556901 L13.2911736,2.26556901 L10.4477562,5.07796732 C10.2461935,5.27733118 9.97060695,5.3896368 9.68295115,5.3896368 L2.33220339,5.3896368 L2.33220339,21.0099758 L29.6677966,21.0099758 L29.6677966,5.3896368 Z" id="Stroke-1"></path>
+                    <path d="M16,19.1876029 C12.4482116,19.1876029 9.56809571,16.389776 9.56809571,12.9394673 C9.56809571,9.48915858 12.4482116,6.69133172 16,6.69133172 C19.5517884,6.69133172 22.4319043,9.48915858 22.4319043,12.9394673 C22.4319043,16.389776 19.5517884,19.1876029 16,19.1876029 Z M16,17.104891 C18.3677075,17.104891 20.2879362,15.239526 20.2879362,12.9394673 C20.2879362,10.6394086 18.3677075,8.77404358 16,8.77404358 C13.6322925,8.77404358 11.7120638,10.6394086 11.7120638,12.9394673 C11.7120638,15.239526 13.6322925,17.104891 16,17.104891 Z M22.7667469,3.30692494 L30.7397807,3.30692494 C31.3318211,3.30692494 31.8117647,3.77315587 31.8117647,4.34828087 L31.8117647,22.0513317 C31.8117647,22.6264567 31.3318211,23.0926877 30.7397807,23.0926877 L1.26021934,23.0926877 C0.6681789,23.0926877 0.188235294,22.6264567 0.188235294,22.0513317 L0.188235294,4.34828087 C0.188235294,3.77315587 0.6681789,3.30692494 1.26021934,3.30692494 L9.23325311,3.30692494 L12.0766705,0.494526627 C12.2782333,0.295162767 12.5538198,0.182857143 12.8414756,0.182857143 L19.1585244,0.182857143 C19.4461802,0.182857143 19.7217667,0.295162767 19.9233295,0.494526627 L22.7667469,3.30692494 Z M29.6677966,5.3896368 L22.3170489,5.3896368 C22.0293931,5.3896368 21.7538065,5.27733118 21.5522438,5.07796732 L18.7088264,2.26556901 L13.2911736,2.26556901 L10.4477562,5.07796732 C10.2461935,5.27733118 9.97060695,5.3896368 9.68295115,5.3896368 L2.33220339,5.3896368 L2.33220339,21.0099758 L29.6677966,21.0099758 L29.6677966,5.3896368 Z"
+                          id="Stroke-1"></path>
                 </g>
-                <line x1="32" y1="0" x2="0" y2="32" id="Line" stroke="#FF584A" stroke-width="2" stroke-linecap="square"></line>
+                <line x1="32" y1="0" x2="0" y2="32" id="Line" stroke="#FF584A" stroke-width="2"
+                      stroke-linecap="square"></line>
             </g>
         </g>
     </g>
diff --git a/packages/admin-ui/src/styling/icons/ID/photo/tomato.svg b/packages/admin-ui/src/styling/icons/ID/photo/tomato.svg
index 77b2e366..fce78c6e 100644
--- a/packages/admin-ui/src/styling/icons/ID/photo/tomato.svg
+++ b/packages/admin-ui/src/styling/icons/ID/photo/tomato.svg
@@ -1,7 +1,10 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="18px" viewBox="0 0 24 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="24px" height="18px" viewBox="0 0 24 18" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>icon/ID/photo/new/tomato</title>
-    <g id="icon/ID/photo/new/tomato" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
-        <path d="M12,14 C9.7912,14 8,12.2088 8,10 C8,7.7912 9.7912,6 12,6 C14.2088,6 16,7.7912 16,10 C16,12.2088 14.2088,14 12,14 Z M16.7142857,3.4 L14.3571429,1 L9.64285714,1 L7.28571429,3.4 L1,3.4 L1,17 L23,17 L23,3.4 L16.7142857,3.4 Z" id="Stroke-1" stroke="#FF7311" stroke-width="1.6"></path>
+    <g id="icon/ID/photo/new/tomato" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
+       stroke-linecap="round" stroke-linejoin="round">
+        <path d="M12,14 C9.7912,14 8,12.2088 8,10 C8,7.7912 9.7912,6 12,6 C14.2088,6 16,7.7912 16,10 C16,12.2088 14.2088,14 12,14 Z M16.7142857,3.4 L14.3571429,1 L9.64285714,1 L7.28571429,3.4 L1,3.4 L1,17 L23,17 L23,3.4 L16.7142857,3.4 Z"
+              id="Stroke-1" stroke="#FF7311" stroke-width="1.6"></path>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/ID/photo/white.svg b/packages/admin-ui/src/styling/icons/ID/photo/white.svg
index 1c541cc7..29e4b507 100644
--- a/packages/admin-ui/src/styling/icons/ID/photo/white.svg
+++ b/packages/admin-ui/src/styling/icons/ID/photo/white.svg
@@ -1,7 +1,10 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="18px" viewBox="0 0 24 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="24px" height="18px" viewBox="0 0 24 18" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>icon/ID/photo/new/white</title>
-    <g id="icon/ID/photo/new/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
-        <path d="M12,14 C9.7912,14 8,12.2088 8,10 C8,7.7912 9.7912,6 12,6 C14.2088,6 16,7.7912 16,10 C16,12.2088 14.2088,14 12,14 Z M16.7142857,3.4 L14.3571429,1 L9.64285714,1 L7.28571429,3.4 L1,3.4 L1,17 L23,17 L23,3.4 L16.7142857,3.4 Z" id="Stroke-1" stroke="#FFFFFF" stroke-width="1.6"></path>
+    <g id="icon/ID/photo/new/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
+       stroke-linecap="round" stroke-linejoin="round">
+        <path d="M12,14 C9.7912,14 8,12.2088 8,10 C8,7.7912 9.7912,6 12,6 C14.2088,6 16,7.7912 16,10 C16,12.2088 14.2088,14 12,14 Z M16.7142857,3.4 L14.3571429,1 L9.64285714,1 L7.28571429,3.4 L1,3.4 L1,17 L23,17 L23,3.4 L16.7142857,3.4 Z"
+              id="Stroke-1" stroke="#FFFFFF" stroke-width="1.6"></path>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/ID/photo/zodiac.svg b/packages/admin-ui/src/styling/icons/ID/photo/zodiac.svg
index b02095e1..7ab1193c 100644
--- a/packages/admin-ui/src/styling/icons/ID/photo/zodiac.svg
+++ b/packages/admin-ui/src/styling/icons/ID/photo/zodiac.svg
@@ -1,7 +1,10 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="18px" viewBox="0 0 24 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="24px" height="18px" viewBox="0 0 24 18" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>icon/ID/photo/new/zodiac</title>
-    <g id="icon/ID/photo/new/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
-        <path d="M12,14 C9.7912,14 8,12.2088 8,10 C8,7.7912 9.7912,6 12,6 C14.2088,6 16,7.7912 16,10 C16,12.2088 14.2088,14 12,14 Z M16.7142857,3.4 L14.3571429,1 L9.64285714,1 L7.28571429,3.4 L1,3.4 L1,17 L23,17 L23,3.4 L16.7142857,3.4 Z" id="Stroke-1" stroke="#1B2559" stroke-width="1.6"></path>
+    <g id="icon/ID/photo/new/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
+       stroke-linecap="round" stroke-linejoin="round">
+        <path d="M12,14 C9.7912,14 8,12.2088 8,10 C8,7.7912 9.7912,6 12,6 C14.2088,6 16,7.7912 16,10 C16,12.2088 14.2088,14 12,14 Z M16.7142857,3.4 L14.3571429,1 L9.64285714,1 L7.28571429,3.4 L1,3.4 L1,17 L23,17 L23,3.4 L16.7142857,3.4 Z"
+              id="Stroke-1" stroke="#1B2559" stroke-width="1.6"></path>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/action/arrow/comet.svg b/packages/admin-ui/src/styling/icons/action/arrow/comet.svg
index 1f46001f..500eff33 100644
--- a/packages/admin-ui/src/styling/icons/action/arrow/comet.svg
+++ b/packages/admin-ui/src/styling/icons/action/arrow/comet.svg
@@ -1,9 +1,11 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="13px" height="8px" viewBox="0 0 13 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="13px" height="8px" viewBox="0 0 13 8" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
     <defs>
-        <path d="M5.3501239,7.53208616 L0.473798314,2.73082122 C-0.158421727,2.1051411 -0.158421727,1.0952488 0.476737158,0.466675069 C1.11220338,-0.155816755 2.1378971,-0.155816755 2.77494316,0.468226909 L6.49990857,4.13723769 L10.2264532,0.466675069 C10.8619195,-0.155816755 11.8876132,-0.155816755 12.5260183,0.469568675 C13.1582383,1.0952488 13.1582383,2.1051411 12.5245507,2.73226987 L7.64673876,7.53497972 C7.33802629,7.83583835 6.92590837,8 6.49990828,8 C6.0739082,8 5.66179027,7.83583835 5.3501239,7.53208616 Z" id="path-1"></path>
+        <path d="M5.3501239,7.53208616 L0.473798314,2.73082122 C-0.158421727,2.1051411 -0.158421727,1.0952488 0.476737158,0.466675069 C1.11220338,-0.155816755 2.1378971,-0.155816755 2.77494316,0.468226909 L6.49990857,4.13723769 L10.2264532,0.466675069 C10.8619195,-0.155816755 11.8876132,-0.155816755 12.5260183,0.469568675 C13.1582383,1.0952488 13.1582383,2.1051411 12.5245507,2.73226987 L7.64673876,7.53497972 C7.33802629,7.83583835 6.92590837,8 6.49990828,8 C6.0739082,8 5.66179027,7.83583835 5.3501239,7.53208616 Z"
+              id="path-1"></path>
     </defs>
     <g id="icon/action/arrow/regular/comet" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <mask id="mask-2" fill="white">
diff --git a/packages/admin-ui/src/styling/icons/action/arrow/regular.svg b/packages/admin-ui/src/styling/icons/action/arrow/regular.svg
index 66bcf2f4..f3919756 100644
--- a/packages/admin-ui/src/styling/icons/action/arrow/regular.svg
+++ b/packages/admin-ui/src/styling/icons/action/arrow/regular.svg
@@ -1,9 +1,11 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="13px" height="8px" viewBox="0 0 13 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="13px" height="8px" viewBox="0 0 13 8" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 56.3 (81716) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
     <defs>
-        <path id="arrow-path" d="M5.3501239,7.53208616 L0.473798314,2.73082122 C-0.158421727,2.1051411 -0.158421727,1.0952488 0.476737158,0.466675069 C1.11220338,-0.155816755 2.1378971,-0.155816755 2.77494316,0.468226909 L6.49990857,4.13723769 L10.2264532,0.466675069 C10.8619195,-0.155816755 11.8876132,-0.155816755 12.5260183,0.469568675 C13.1582383,1.0952488 13.1582383,2.1051411 12.5245507,2.73226987 L7.64673876,7.53497972 C7.33802629,7.83583835 6.92590837,8 6.49990828,8 C6.0739082,8 5.66179027,7.83583835 5.3501239,7.53208616 Z"></path>
+        <path id="arrow-path"
+              d="M5.3501239,7.53208616 L0.473798314,2.73082122 C-0.158421727,2.1051411 -0.158421727,1.0952488 0.476737158,0.466675069 C1.11220338,-0.155816755 2.1378971,-0.155816755 2.77494316,0.468226909 L6.49990857,4.13723769 L10.2264532,0.466675069 C10.8619195,-0.155816755 11.8876132,-0.155816755 12.5260183,0.469568675 C13.1582383,1.0952488 13.1582383,2.1051411 12.5245507,2.73226987 L7.64673876,7.53497972 C7.33802629,7.83583835 6.92590837,8 6.49990828,8 C6.0739082,8 5.66179027,7.83583835 5.3501239,7.53208616 Z"></path>
     </defs>
     <g id="Styleguide" stroke="none" stroke-width="1" fill-rule="evenodd">
         <g id="icon/action/arrow/regular">
diff --git a/packages/admin-ui/src/styling/icons/action/arrow/white.svg b/packages/admin-ui/src/styling/icons/action/arrow/white.svg
index 430756e6..5f29c3cb 100644
--- a/packages/admin-ui/src/styling/icons/action/arrow/white.svg
+++ b/packages/admin-ui/src/styling/icons/action/arrow/white.svg
@@ -1,9 +1,11 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="13px" height="8px" viewBox="0 0 13 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="13px" height="8px" viewBox="0 0 13 8" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
     <defs>
-        <path d="M5.3501239,7.53208616 L0.473798314,2.73082122 C-0.158421727,2.1051411 -0.158421727,1.0952488 0.476737158,0.466675069 C1.11220338,-0.155816755 2.1378971,-0.155816755 2.77494316,0.468226909 L6.49990857,4.13723769 L10.2264532,0.466675069 C10.8619195,-0.155816755 11.8876132,-0.155816755 12.5260183,0.469568675 C13.1582383,1.0952488 13.1582383,2.1051411 12.5245507,2.73226987 L7.64673876,7.53497972 C7.33802629,7.83583835 6.92590837,8 6.49990828,8 C6.0739082,8 5.66179027,7.83583835 5.3501239,7.53208616 Z" id="path-1"></path>
+        <path d="M5.3501239,7.53208616 L0.473798314,2.73082122 C-0.158421727,2.1051411 -0.158421727,1.0952488 0.476737158,0.466675069 C1.11220338,-0.155816755 2.1378971,-0.155816755 2.77494316,0.468226909 L6.49990857,4.13723769 L10.2264532,0.466675069 C10.8619195,-0.155816755 11.8876132,-0.155816755 12.5260183,0.469568675 C13.1582383,1.0952488 13.1582383,2.1051411 12.5245507,2.73226987 L7.64673876,7.53497972 C7.33802629,7.83583835 6.92590837,8 6.49990828,8 C6.0739082,8 5.66179027,7.83583835 5.3501239,7.53208616 Z"
+              id="path-1"></path>
     </defs>
     <g id="icon/action/arrow/regular/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <mask id="mask-2" fill="white">
diff --git a/packages/admin-ui/src/styling/icons/action/arrow/zodiac.svg b/packages/admin-ui/src/styling/icons/action/arrow/zodiac.svg
index 164bb129..e37328fe 100644
--- a/packages/admin-ui/src/styling/icons/action/arrow/zodiac.svg
+++ b/packages/admin-ui/src/styling/icons/action/arrow/zodiac.svg
@@ -1,15 +1,16 @@
 <svg
-width="13"
-height="8"
-viewBox="0 0 13 8"
-xmlns="http://www.w3.org/2000/svg">
-<defs>
-    <path id="path-2" d="M5.4 7.5L0.5 2.7C-0.2 2.1-0.2 1.1 0.5 0.5 1.1-0.2 2.1-0.2 2.8 0.5L6.5 4.1 10.2 0.5C10.9-0.2 11.9-0.2 12.5 0.5 13.2 1.1 13.2 2.1 12.5 2.7L7.6 7.5C7.3 7.8 6.9 8 6.5 8 6.1 8 5.7 7.8 5.4 7.5Z" />
-</defs>
-<g fill="none">
-    <mask fill="white">
-    <use xlink:href="#path-1" />
-    </mask>
-    <use xlink:href="#path-1" fill="#1B2559" />
-</g>
+        width="13"
+        height="8"
+        viewBox="0 0 13 8"
+        xmlns="http://www.w3.org/2000/svg">
+    <defs>
+        <path id="path-2"
+              d="M5.4 7.5L0.5 2.7C-0.2 2.1-0.2 1.1 0.5 0.5 1.1-0.2 2.1-0.2 2.8 0.5L6.5 4.1 10.2 0.5C10.9-0.2 11.9-0.2 12.5 0.5 13.2 1.1 13.2 2.1 12.5 2.7L7.6 7.5C7.3 7.8 6.9 8 6.5 8 6.1 8 5.7 7.8 5.4 7.5Z"/>
+    </defs>
+    <g fill="none">
+        <mask fill="white">
+            <use xlink:href="#path-1"/>
+        </mask>
+        <use xlink:href="#path-1" fill="#1B2559"/>
+    </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/action/close/comet.svg b/packages/admin-ui/src/styling/icons/action/close/comet.svg
index 17e28139..e3590b84 100644
--- a/packages/admin-ui/src/styling/icons/action/close/comet.svg
+++ b/packages/admin-ui/src/styling/icons/action/close/comet.svg
@@ -1,9 +1,11 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
     <defs>
-        <path d="M11.10567,8.99966734 L17.5616855,15.4562245 C18.1453995,16.0371533 18.1457502,16.9810221 17.5632744,17.5635465 C17.2826878,17.8441564 16.9043531,17.9996031 16.509308,17.9996031 C16.1150437,17.9996031 15.7367759,17.8439272 15.4563692,17.5634971 L8.99995005,11.1055617 L2.54567824,17.5603569 C2.26578723,17.8430155 1.88614994,17.9996031 1.48961505,17.9996031 C1.09473832,17.9996031 0.717380733,17.844225 0.436725633,17.5635465 C-0.145575211,16.9811971 -0.145575211,16.0373273 0.436725633,15.4578096 L6.89433001,8.99966707 L0.438314479,2.54310994 C-0.145399464,1.96218116 -0.145750215,1.01831232 0.436725633,0.435787934 C1.01746304,-0.144997872 1.95893893,-0.144997872 2.54250446,0.435787934 L8.99995074,6.89377234 L15.4580075,0.434202817 C16.0398949,-0.144908147 16.9801496,-0.144559181 17.5632744,0.435787934 C18.1455752,1.0181373 18.1455752,1.96200713 17.5632744,2.54152483 L11.10567,8.99966734 Z" id="path-1"></path>
+        <path d="M11.10567,8.99966734 L17.5616855,15.4562245 C18.1453995,16.0371533 18.1457502,16.9810221 17.5632744,17.5635465 C17.2826878,17.8441564 16.9043531,17.9996031 16.509308,17.9996031 C16.1150437,17.9996031 15.7367759,17.8439272 15.4563692,17.5634971 L8.99995005,11.1055617 L2.54567824,17.5603569 C2.26578723,17.8430155 1.88614994,17.9996031 1.48961505,17.9996031 C1.09473832,17.9996031 0.717380733,17.844225 0.436725633,17.5635465 C-0.145575211,16.9811971 -0.145575211,16.0373273 0.436725633,15.4578096 L6.89433001,8.99966707 L0.438314479,2.54310994 C-0.145399464,1.96218116 -0.145750215,1.01831232 0.436725633,0.435787934 C1.01746304,-0.144997872 1.95893893,-0.144997872 2.54250446,0.435787934 L8.99995074,6.89377234 L15.4580075,0.434202817 C16.0398949,-0.144908147 16.9801496,-0.144559181 17.5632744,0.435787934 C18.1455752,1.0181373 18.1455752,1.96200713 17.5632744,2.54152483 L11.10567,8.99966734 Z"
+              id="path-1"></path>
     </defs>
     <g id="icon/action/close/comet" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <mask id="mask-2" fill="white">
diff --git a/packages/admin-ui/src/styling/icons/action/close/white.svg b/packages/admin-ui/src/styling/icons/action/close/white.svg
index c0ef73c9..1443838f 100644
--- a/packages/admin-ui/src/styling/icons/action/close/white.svg
+++ b/packages/admin-ui/src/styling/icons/action/close/white.svg
@@ -1,9 +1,11 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
     <defs>
-        <path d="M11.10567,8.99966734 L17.5616855,15.4562245 C18.1453995,16.0371533 18.1457502,16.9810221 17.5632744,17.5635465 C17.2826878,17.8441564 16.9043531,17.9996031 16.509308,17.9996031 C16.1150437,17.9996031 15.7367759,17.8439272 15.4563692,17.5634971 L8.99995005,11.1055617 L2.54567824,17.5603569 C2.26578723,17.8430155 1.88614994,17.9996031 1.48961505,17.9996031 C1.09473832,17.9996031 0.717380733,17.844225 0.436725633,17.5635465 C-0.145575211,16.9811971 -0.145575211,16.0373273 0.436725633,15.4578096 L6.89433001,8.99966707 L0.438314479,2.54310994 C-0.145399464,1.96218116 -0.145750215,1.01831232 0.436725633,0.435787934 C1.01746304,-0.144997872 1.95893893,-0.144997872 2.54250446,0.435787934 L8.99995074,6.89377234 L15.4580075,0.434202817 C16.0398949,-0.144908147 16.9801496,-0.144559181 17.5632744,0.435787934 C18.1455752,1.0181373 18.1455752,1.96200713 17.5632744,2.54152483 L11.10567,8.99966734 Z" id="close_path-1"></path>
+        <path d="M11.10567,8.99966734 L17.5616855,15.4562245 C18.1453995,16.0371533 18.1457502,16.9810221 17.5632744,17.5635465 C17.2826878,17.8441564 16.9043531,17.9996031 16.509308,17.9996031 C16.1150437,17.9996031 15.7367759,17.8439272 15.4563692,17.5634971 L8.99995005,11.1055617 L2.54567824,17.5603569 C2.26578723,17.8430155 1.88614994,17.9996031 1.48961505,17.9996031 C1.09473832,17.9996031 0.717380733,17.844225 0.436725633,17.5635465 C-0.145575211,16.9811971 -0.145575211,16.0373273 0.436725633,15.4578096 L6.89433001,8.99966707 L0.438314479,2.54310994 C-0.145399464,1.96218116 -0.145750215,1.01831232 0.436725633,0.435787934 C1.01746304,-0.144997872 1.95893893,-0.144997872 2.54250446,0.435787934 L8.99995074,6.89377234 L15.4580075,0.434202817 C16.0398949,-0.144908147 16.9801496,-0.144559181 17.5632744,0.435787934 C18.1455752,1.0181373 18.1455752,1.96200713 17.5632744,2.54152483 L11.10567,8.99966734 Z"
+              id="close_path-1"></path>
     </defs>
     <g id="icon/action/close/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <mask id="close_mask-2" fill="white">
diff --git a/packages/admin-ui/src/styling/icons/action/close/zodiac.svg b/packages/admin-ui/src/styling/icons/action/close/zodiac.svg
index 9f3de3ae..30535870 100644
--- a/packages/admin-ui/src/styling/icons/action/close/zodiac.svg
+++ b/packages/admin-ui/src/styling/icons/action/close/zodiac.svg
@@ -1,13 +1,14 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 24.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 18 18" style="enable-background:new 0 0 18 18;" xml:space="preserve">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
+     y="0px"
+     viewBox="0 0 18 18" style="enable-background:new 0 0 18 18;" xml:space="preserve">
 <style type="text/css">
 	.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#1B2559;}
 </style>
 
-<desc>Created with Sketch.</desc>
-<g id="color_x2F_primary_x2F_zodiac" transform="translate(-0.000000, 0.000000)">
+    <desc>Created with Sketch.</desc>
+    <g id="color_x2F_primary_x2F_zodiac" transform="translate(-0.000000, 0.000000)">
 	<g id="Mask">
 		<path id="path-1_1_" class="st0" d="M11.1,9l6.5,6.5c0.6,0.6,0.6,1.5,0,2.1c-0.3,0.3-0.7,0.4-1.1,0.4c-0.4,0-0.8-0.2-1.1-0.4
 			L9,11.1l-6.5,6.5C2.3,17.8,1.9,18,1.5,18c-0.4,0-0.8-0.2-1.1-0.4c-0.6-0.6-0.6-1.5,0-2.1L6.9,9L0.4,2.5C-0.1,2-0.1,1,0.4,0.4
diff --git a/packages/admin-ui/src/styling/icons/action/copy/comet.svg b/packages/admin-ui/src/styling/icons/action/copy/comet.svg
index c8fb21fa..4767b5bc 100644
--- a/packages/admin-ui/src/styling/icons/action/copy/comet.svg
+++ b/packages/admin-ui/src/styling/icons/action/copy/comet.svg
@@ -1,9 +1,13 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
-    <g id="icon/action/copy/comet" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linejoin="round">
-        <polyline id="Stroke-1" stroke="#5F668A" stroke-width="2" points="6 1.2 6 -0.00024 16 -0.00024 16 13.06376 12 13.06376"></polyline>
-        <polygon id="Stroke-3" stroke="#5F668A" stroke-width="2" stroke-linecap="round" points="0 15.9368 10 15.9368 10 2.9368 0 2.9368"></polygon>
+    <g id="icon/action/copy/comet" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
+       stroke-linejoin="round">
+        <polyline id="Stroke-1" stroke="#5F668A" stroke-width="2"
+                  points="6 1.2 6 -0.00024 16 -0.00024 16 13.06376 12 13.06376"></polyline>
+        <polygon id="Stroke-3" stroke="#5F668A" stroke-width="2" stroke-linecap="round"
+                 points="0 15.9368 10 15.9368 10 2.9368 0 2.9368"></polygon>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/action/copy/copy.svg b/packages/admin-ui/src/styling/icons/action/copy/copy.svg
index 4f7cb694..382ae6b8 100644
--- a/packages/admin-ui/src/styling/icons/action/copy/copy.svg
+++ b/packages/admin-ui/src/styling/icons/action/copy/copy.svg
@@ -1,12 +1,15 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 56.3 (81716) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
     <g id="Styleguide" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linejoin="round">
         <g id="icon/action/copy" transform="translate(1.000000, 1.000000)" stroke="#1B2559">
             <g id="Group-5-Copy-2">
-                <polyline id="Stroke-1" stroke-width="2" points="6 1.2 6 -0.00024 16 -0.00024 16 13.06376 12 13.06376"></polyline>
-                <polygon id="Stroke-3" stroke-width="2" stroke-linecap="round" points="0 15.9368 10 15.9368 10 2.9368 0 2.9368"></polygon>
+                <polyline id="Stroke-1" stroke-width="2"
+                          points="6 1.2 6 -0.00024 16 -0.00024 16 13.06376 12 13.06376"></polyline>
+                <polygon id="Stroke-3" stroke-width="2" stroke-linecap="round"
+                         points="0 15.9368 10 15.9368 10 2.9368 0 2.9368"></polygon>
             </g>
         </g>
     </g>
diff --git a/packages/admin-ui/src/styling/icons/action/copy/white.svg b/packages/admin-ui/src/styling/icons/action/copy/white.svg
index 21ad5401..541e0d80 100644
--- a/packages/admin-ui/src/styling/icons/action/copy/white.svg
+++ b/packages/admin-ui/src/styling/icons/action/copy/white.svg
@@ -1,9 +1,13 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
-    <g id="icon/action/copy/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linejoin="round">
-        <polyline id="Stroke-1" stroke="#FFFFFF" stroke-width="2" points="6 1.2 6 -0.00024 16 -0.00024 16 13.06376 12 13.06376"></polyline>
-        <polygon id="Stroke-3" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" points="0 15.9368 10 15.9368 10 2.9368 0 2.9368"></polygon>
+    <g id="icon/action/copy/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
+       stroke-linejoin="round">
+        <polyline id="Stroke-1" stroke="#FFFFFF" stroke-width="2"
+                  points="6 1.2 6 -0.00024 16 -0.00024 16 13.06376 12 13.06376"></polyline>
+        <polygon id="Stroke-3" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round"
+                 points="0 15.9368 10 15.9368 10 2.9368 0 2.9368"></polygon>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/action/copy/zodiac.svg b/packages/admin-ui/src/styling/icons/action/copy/zodiac.svg
index 1e54058c..ca973f97 100644
--- a/packages/admin-ui/src/styling/icons/action/copy/zodiac.svg
+++ b/packages/admin-ui/src/styling/icons/action/copy/zodiac.svg
@@ -1,8 +1,10 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
-    <g id="icon/action/copy/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linejoin="round">
+    <g id="icon/action/copy/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
+       stroke-linejoin="round">
         <g id="Group-5-Copy-2" stroke="#1B2559" stroke-width="2">
             <polyline id="Stroke-1" points="6 1.2 6 -0.00024 16 -0.00024 16 13.06376 12 13.06376"></polyline>
             <polygon id="Stroke-3" stroke-linecap="round" points="0 15.9368 10 15.9368 10 2.9368 0 2.9368"></polygon>
diff --git a/packages/admin-ui/src/styling/icons/action/delete/disabled.svg b/packages/admin-ui/src/styling/icons/action/delete/disabled.svg
index 4aabb607..170a1ca6 100644
--- a/packages/admin-ui/src/styling/icons/action/delete/disabled.svg
+++ b/packages/admin-ui/src/styling/icons/action/delete/disabled.svg
@@ -1,29 +1,29 @@
 <svg
-width="22"
-height="22"
-xmlns="http://www.w3.org/2000/svg"
-xmlns:xlink="http://www.w3.org/1999/xlink">
-<defs>
-    <path id="a" d="M0 0h22v22H0z" />
-</defs>
-<g fill="none" fill-rule="evenodd">
-    <mask id="b" fill="#fff">
-    <use xlink:href="#a" />
-    </mask>
-    <path
-    stroke="#9B9B9B"
-    stroke-width="2"
-    stroke-linecap="round"
-    mask="url(#b)"
-    d="M9 9v9M13 9v9"
-    />
-    <g
-    mask="url(#b)"
-    stroke="#9B9B9B"
-    stroke-linecap="round"
-    stroke-width="2">
-    <path stroke-linejoin="round" d="M3 6l2 15h12l2-15" />
-    <path d="M1 5h20M14 4a3 3 0 10-6 0" />
+        width="22"
+        height="22"
+        xmlns="http://www.w3.org/2000/svg"
+        xmlns:xlink="http://www.w3.org/1999/xlink">
+    <defs>
+        <path id="a" d="M0 0h22v22H0z"/>
+    </defs>
+    <g fill="none" fill-rule="evenodd">
+        <mask id="b" fill="#fff">
+            <use xlink:href="#a"/>
+        </mask>
+        <path
+                stroke="#9B9B9B"
+                stroke-width="2"
+                stroke-linecap="round"
+                mask="url(#b)"
+                d="M9 9v9M13 9v9"
+        />
+        <g
+                mask="url(#b)"
+                stroke="#9B9B9B"
+                stroke-linecap="round"
+                stroke-width="2">
+            <path stroke-linejoin="round" d="M3 6l2 15h12l2-15"/>
+            <path d="M1 5h20M14 4a3 3 0 10-6 0"/>
+        </g>
     </g>
-</g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/action/delete/enabled.svg b/packages/admin-ui/src/styling/icons/action/delete/enabled.svg
index a3960659..46844490 100644
--- a/packages/admin-ui/src/styling/icons/action/delete/enabled.svg
+++ b/packages/admin-ui/src/styling/icons/action/delete/enabled.svg
@@ -1,12 +1,16 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="22px" height="22px" viewBox="0 0 22 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="22px" height="22px" viewBox="0 0 22 22" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
-    <g id="icon/action/delete/enabled" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round">
+    <g id="icon/action/delete/enabled" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
+       stroke-linecap="round">
         <line x1="9" y1="9" x2="9" y2="18" id="Stroke-1" stroke="#1B2559" stroke-width="2"></line>
         <line x1="13" y1="9" x2="13" y2="18" id="Stroke-2" stroke="#1B2559" stroke-width="2"></line>
-        <polyline id="Stroke-3" stroke="#1B2559" stroke-width="2" stroke-linejoin="round" points="3 6 5 21 17 21 19 6"></polyline>
+        <polyline id="Stroke-3" stroke="#1B2559" stroke-width="2" stroke-linejoin="round"
+                  points="3 6 5 21 17 21 19 6"></polyline>
         <line x1="1" y1="5" x2="21" y2="5" id="Stroke-5" stroke="#1B2559" stroke-width="2"></line>
-        <path d="M14,4 C14,2.343 12.657,1 11,1 C9.343,1 8,2.343 8,4" id="Stroke-7" stroke="#1B2559" stroke-width="2"></path>
+        <path d="M14,4 C14,2.343 12.657,1 11,1 C9.343,1 8,2.343 8,4" id="Stroke-7" stroke="#1B2559"
+              stroke-width="2"></path>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/action/delete/white.svg b/packages/admin-ui/src/styling/icons/action/delete/white.svg
index 087327c2..108e9347 100644
--- a/packages/admin-ui/src/styling/icons/action/delete/white.svg
+++ b/packages/admin-ui/src/styling/icons/action/delete/white.svg
@@ -1,5 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="22px" height="22px" viewBox="0 0 22 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="22px" height="22px" viewBox="0 0 22 22" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
     <defs>
@@ -10,8 +11,10 @@
             <use xlink:href="#path-1"></use>
         </mask>
         <g id="Background"></g>
-        <line x1="9" y1="9" x2="9" y2="18" id="Stroke-1" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" mask="url(#mask-2)"></line>
-        <line x1="13" y1="9" x2="13" y2="18" id="Stroke-2" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" mask="url(#mask-2)"></line>
+        <line x1="9" y1="9" x2="9" y2="18" id="Stroke-1" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round"
+              mask="url(#mask-2)"></line>
+        <line x1="13" y1="9" x2="13" y2="18" id="Stroke-2" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round"
+              mask="url(#mask-2)"></line>
         <g id="Group-9" mask="url(#mask-2)" stroke="#FFFFFF" stroke-linecap="round" stroke-width="2">
             <g transform="translate(1.000000, 1.000000)">
                 <polyline id="Stroke-3" stroke-linejoin="round" points="2 5 4 20 16 20 18 5"></polyline>
diff --git a/packages/admin-ui/src/styling/icons/action/edit/comet.svg b/packages/admin-ui/src/styling/icons/action/edit/comet.svg
index 10c785d1..e1bc5672 100644
--- a/packages/admin-ui/src/styling/icons/action/edit/comet.svg
+++ b/packages/admin-ui/src/styling/icons/action/edit/comet.svg
@@ -1,8 +1,11 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="22px" height="22px" viewBox="0 0 22 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="22px" height="22px" viewBox="0 0 22 22" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <desc>Created with Sketch.</desc>
-    <g id="icon/action/edit/disabled" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
-        <path d="M1,18 L1,18 C1,19.657 2.343,21 4,21 L18,21 C19.657,21 21,19.657 21,18" id="Stroke-1" stroke="#5f668a" stroke-width="2"></path>
+    <g id="icon/action/edit/disabled" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
+       stroke-linecap="round" stroke-linejoin="round">
+        <path d="M1,18 L1,18 C1,19.657 2.343,21 4,21 L18,21 C19.657,21 21,19.657 21,18" id="Stroke-1" stroke="#5f668a"
+              stroke-width="2"></path>
         <polygon id="Stroke-3" stroke="#5f668a" stroke-width="2" points="6 12 17 1 21 5 10 16 6 16"></polygon>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/action/edit/disabled.svg b/packages/admin-ui/src/styling/icons/action/edit/disabled.svg
index 76b31834..a17fba71 100644
--- a/packages/admin-ui/src/styling/icons/action/edit/disabled.svg
+++ b/packages/admin-ui/src/styling/icons/action/edit/disabled.svg
@@ -1,9 +1,12 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="22px" height="22px" viewBox="0 0 22 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="22px" height="22px" viewBox="0 0 22 22" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 62 (91390) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
-    <g id="icon/action/edit/disabled" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
-        <path d="M1,18 L1,18 C1,19.657 2.343,21 4,21 L18,21 C19.657,21 21,19.657 21,18" id="Stroke-1" stroke="#9B9B9B" stroke-width="2"></path>
+    <g id="icon/action/edit/disabled" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
+       stroke-linecap="round" stroke-linejoin="round">
+        <path d="M1,18 L1,18 C1,19.657 2.343,21 4,21 L18,21 C19.657,21 21,19.657 21,18" id="Stroke-1" stroke="#9B9B9B"
+              stroke-width="2"></path>
         <polygon id="Stroke-3" stroke="#9B9B9B" stroke-width="2" points="6 12 17 1 21 5 10 16 6 16"></polygon>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/action/edit/enabled.svg b/packages/admin-ui/src/styling/icons/action/edit/enabled.svg
index deea0765..19152575 100644
--- a/packages/admin-ui/src/styling/icons/action/edit/enabled.svg
+++ b/packages/admin-ui/src/styling/icons/action/edit/enabled.svg
@@ -1,9 +1,12 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="22px" height="22px" viewBox="0 0 22 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="22px" height="22px" viewBox="0 0 22 22" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 61.2 (89653) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
-    <g id="icon/action/edit/enabled" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
-        <path d="M1,18 L1,18 C1,19.657 2.343,21 4,21 L18,21 C19.657,21 21,19.657 21,18" id="Stroke-1" stroke="#1B2559" stroke-width="2"></path>
+    <g id="icon/action/edit/enabled" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
+       stroke-linecap="round" stroke-linejoin="round">
+        <path d="M1,18 L1,18 C1,19.657 2.343,21 4,21 L18,21 C19.657,21 21,19.657 21,18" id="Stroke-1" stroke="#1B2559"
+              stroke-width="2"></path>
         <polygon id="Stroke-3" stroke="#1B2559" stroke-width="2" points="6 12 17 1 21 5 10 16 6 16"></polygon>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/action/edit/white.svg b/packages/admin-ui/src/styling/icons/action/edit/white.svg
index 1464e3dc..bb82ec6f 100644
--- a/packages/admin-ui/src/styling/icons/action/edit/white.svg
+++ b/packages/admin-ui/src/styling/icons/action/edit/white.svg
@@ -1,9 +1,12 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="22px" height="22px" viewBox="0 0 22 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="22px" height="22px" viewBox="0 0 22 22" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 62 (91390) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
-    <g id="icon/action/edit/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
-        <path d="M1,18 L1,18 C1,19.657 2.343,21 4,21 L18,21 C19.657,21 21,19.657 21,18" id="Stroke-1" stroke="#FFFFFF" stroke-width="2"></path>
+    <g id="icon/action/edit/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round"
+       stroke-linejoin="round">
+        <path d="M1,18 L1,18 C1,19.657 2.343,21 4,21 L18,21 C19.657,21 21,19.657 21,18" id="Stroke-1" stroke="#FFFFFF"
+              stroke-width="2"></path>
         <polygon id="Stroke-3" stroke="#FFFFFF" stroke-width="2" points="6 12 17 1 21 5 10 16 6 16"></polygon>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/action/expand/closed.svg b/packages/admin-ui/src/styling/icons/action/expand/closed.svg
index 4b515464..26e2cfe3 100644
--- a/packages/admin-ui/src/styling/icons/action/expand/closed.svg
+++ b/packages/admin-ui/src/styling/icons/action/expand/closed.svg
@@ -1,5 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="18px" height="6px" viewBox="0 0 18 6" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="18px" height="6px" viewBox="0 0 18 6" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 56.3 (81716) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
     <g id="Styleguide" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
diff --git a/packages/admin-ui/src/styling/icons/action/expand/open.svg b/packages/admin-ui/src/styling/icons/action/expand/open.svg
index 2c324b69..053a7b07 100644
--- a/packages/admin-ui/src/styling/icons/action/expand/open.svg
+++ b/packages/admin-ui/src/styling/icons/action/expand/open.svg
@@ -1,9 +1,11 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="18px" height="6px" viewBox="0 0 18 6" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="18px" height="6px" viewBox="0 0 18 6" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 56.3 (81716) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
     <g id="Styleguide" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="icon/action/expand/open" transform="translate(1.000000, 1.000000)" fill="#1B2559" stroke="#1B2559" stroke-width="1.5">
+        <g id="icon/action/expand/open" transform="translate(1.000000, 1.000000)" fill="#1B2559" stroke="#1B2559"
+           stroke-width="1.5">
             <circle id="Oval-4" cx="14" cy="2" r="2"></circle>
             <circle id="Oval-4-Copy" cx="8" cy="2" r="2"></circle>
             <circle id="Oval-4-Copy-2" cx="2" cy="2" r="2"></circle>
diff --git a/packages/admin-ui/src/styling/icons/action/external link/white.svg b/packages/admin-ui/src/styling/icons/action/external link/white.svg
index 4f03b0dc..348b54f0 100644
--- a/packages/admin-ui/src/styling/icons/action/external link/white.svg	
+++ b/packages/admin-ui/src/styling/icons/action/external link/white.svg	
@@ -1,9 +1,12 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
-    <g id="icon/action/external-link/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
-        <polyline id="Stroke-1" stroke="#FFFFFF" stroke-width="2" points="20 12.1113 20 21.0003 0 21.0003 0 1.0003 8.889 1.0003"></polyline>
+    <g id="icon/action/external-link/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
+       stroke-linecap="round" stroke-linejoin="round">
+        <polyline id="Stroke-1" stroke="#FFFFFF" stroke-width="2"
+                  points="20 12.1113 20 21.0003 0 21.0003 0 1.0003 8.889 1.0003"></polyline>
         <polyline id="Stroke-3" stroke="#FFFFFF" stroke-width="2" points="14.4443 1 20.0003 1 20.0003 6.556"></polyline>
         <line x1="10" y1="11" x2="20" y2="1" id="Stroke-5" stroke="#FFFFFF" stroke-width="2"></line>
     </g>
diff --git a/packages/admin-ui/src/styling/icons/action/external link/zodiac.svg b/packages/admin-ui/src/styling/icons/action/external link/zodiac.svg
index abc9beb5..7a9ff1cb 100644
--- a/packages/admin-ui/src/styling/icons/action/external link/zodiac.svg	
+++ b/packages/admin-ui/src/styling/icons/action/external link/zodiac.svg	
@@ -1,8 +1,10 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
-    <g id="icon/action/external-link/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+    <g id="icon/action/external-link/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
+       stroke-linecap="round" stroke-linejoin="round">
         <g id="Group-7" transform="translate(0.000000, 1.000000)" stroke="#1B2559" stroke-width="2">
             <polyline id="Stroke-1" points="20 11.1113 20 20.0003 0 20.0003 0 0.0003 8.889 0.0003"></polyline>
             <polyline id="Stroke-3" points="14.4443 0 20.0003 0 20.0003 5.556"></polyline>
diff --git a/packages/admin-ui/src/styling/icons/action/help/white.svg b/packages/admin-ui/src/styling/icons/action/help/white.svg
index 80960209..58ee0a08 100644
--- a/packages/admin-ui/src/styling/icons/action/help/white.svg
+++ b/packages/admin-ui/src/styling/icons/action/help/white.svg
@@ -1,10 +1,14 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="22px" height="22px" viewBox="0 0 22 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="22px" height="22px" viewBox="0 0 22 22" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
     <g id="icon/action/help/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M20.0004,11 C20.0004,6.03028475 15.9701153,2 11.0004,2 C6.03004556,2 2.0004,6.02992391 2.0004,11 C2.0004,15.9700761 6.03004556,20 11.0004,20 C15.9701153,20 20.0004,15.9697153 20.0004,11 Z M22.0004,11 C22.0004,17.0742847 17.0746847,22 11.0004,22 C4.92544514,22 0.000400000001,17.0746147 0.000400000001,11 C0.000400000001,4.92538534 4.92544514,0 11.0004,0 C17.0746847,0 22.0004,4.92571525 22.0004,11 Z" id="Stroke-1" fill="#FFFFFF" fill-rule="nonzero"></path>
-        <path d="M9.9164,8.9063 C9.9164,9.45858475 9.46868475,9.9063 8.9164,9.9063 C8.36411525,9.9063 7.9164,9.45858475 7.9164,8.9063 C7.9164,6.89094438 9.72972438,5.35290249 11.7463843,5.7072003 C13.0663562,5.93764844 14.1348314,7.00654285 14.3652323,8.32479116 C14.6130182,9.7312185 13.941375,11.0876584 12.732214,11.7545735 C12.370484,11.9534687 12.1664,12.2664153 12.1664,12.5913 L12.1664,12.6563 C12.1664,13.2085847 11.7186847,13.6563 11.1664,13.6563 C10.6141153,13.6563 10.1664,13.2085847 10.1664,12.6563 L10.1664,12.5913 C10.1664,11.5009567 10.7946963,10.5375141 11.7674377,10.0026589 C12.2360927,9.74417086 12.493064,9.22519581 12.3953326,8.67046887 C12.3098185,8.1811985 11.8915858,7.76280177 11.4013649,7.67721566 C10.6126181,7.53864454 9.9164,8.1291691 9.9164,8.9063 Z" id="Stroke-3" fill="#FFFFFF" fill-rule="nonzero"></path>
-        <path d="M10.1039,15.2188 C10.1039,14.6318 10.5799,14.1568 11.1659,14.1568 C11.7529,14.1568 12.2289,14.6318 12.2289,15.2188 C12.2289,15.8058 11.7529,16.2808 11.1659,16.2808 C10.5799,16.2808 10.1039,15.8058 10.1039,15.2188" id="Fill-5" fill="#FFFFFF"></path>
+        <path d="M20.0004,11 C20.0004,6.03028475 15.9701153,2 11.0004,2 C6.03004556,2 2.0004,6.02992391 2.0004,11 C2.0004,15.9700761 6.03004556,20 11.0004,20 C15.9701153,20 20.0004,15.9697153 20.0004,11 Z M22.0004,11 C22.0004,17.0742847 17.0746847,22 11.0004,22 C4.92544514,22 0.000400000001,17.0746147 0.000400000001,11 C0.000400000001,4.92538534 4.92544514,0 11.0004,0 C17.0746847,0 22.0004,4.92571525 22.0004,11 Z"
+              id="Stroke-1" fill="#FFFFFF" fill-rule="nonzero"></path>
+        <path d="M9.9164,8.9063 C9.9164,9.45858475 9.46868475,9.9063 8.9164,9.9063 C8.36411525,9.9063 7.9164,9.45858475 7.9164,8.9063 C7.9164,6.89094438 9.72972438,5.35290249 11.7463843,5.7072003 C13.0663562,5.93764844 14.1348314,7.00654285 14.3652323,8.32479116 C14.6130182,9.7312185 13.941375,11.0876584 12.732214,11.7545735 C12.370484,11.9534687 12.1664,12.2664153 12.1664,12.5913 L12.1664,12.6563 C12.1664,13.2085847 11.7186847,13.6563 11.1664,13.6563 C10.6141153,13.6563 10.1664,13.2085847 10.1664,12.6563 L10.1664,12.5913 C10.1664,11.5009567 10.7946963,10.5375141 11.7674377,10.0026589 C12.2360927,9.74417086 12.493064,9.22519581 12.3953326,8.67046887 C12.3098185,8.1811985 11.8915858,7.76280177 11.4013649,7.67721566 C10.6126181,7.53864454 9.9164,8.1291691 9.9164,8.9063 Z"
+              id="Stroke-3" fill="#FFFFFF" fill-rule="nonzero"></path>
+        <path d="M10.1039,15.2188 C10.1039,14.6318 10.5799,14.1568 11.1659,14.1568 C11.7529,14.1568 12.2289,14.6318 12.2289,15.2188 C12.2289,15.8058 11.7529,16.2808 11.1659,16.2808 C10.5799,16.2808 10.1039,15.8058 10.1039,15.2188"
+              id="Fill-5" fill="#FFFFFF"></path>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/action/help/zodiac.svg b/packages/admin-ui/src/styling/icons/action/help/zodiac.svg
index 4ad70c8d..3a776167 100644
--- a/packages/admin-ui/src/styling/icons/action/help/zodiac.svg
+++ b/packages/admin-ui/src/styling/icons/action/help/zodiac.svg
@@ -1,10 +1,14 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="22px" height="22px" viewBox="0 0 22 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="22px" height="22px" viewBox="0 0 22 22" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
     <g id="icon/action/help/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M20.0004,11 C20.0004,6.03028475 15.9701153,2 11.0004,2 C6.03004556,2 2.0004,6.02992391 2.0004,11 C2.0004,15.9700761 6.03004556,20 11.0004,20 C15.9701153,20 20.0004,15.9697153 20.0004,11 Z M22.0004,11 C22.0004,17.0742847 17.0746847,22 11.0004,22 C4.92544514,22 0.000400000001,17.0746147 0.000400000001,11 C0.000400000001,4.92538534 4.92544514,0 11.0004,0 C17.0746847,0 22.0004,4.92571525 22.0004,11 Z" id="Stroke-1" fill="#1B2559" fill-rule="nonzero"></path>
-        <path d="M9.9164,8.9063 C9.9164,9.45858475 9.46868475,9.9063 8.9164,9.9063 C8.36411525,9.9063 7.9164,9.45858475 7.9164,8.9063 C7.9164,6.89094438 9.72972438,5.35290249 11.7463843,5.7072003 C13.0663562,5.93764844 14.1348314,7.00654285 14.3652323,8.32479116 C14.6130182,9.7312185 13.941375,11.0876584 12.732214,11.7545735 C12.370484,11.9534687 12.1664,12.2664153 12.1664,12.5913 L12.1664,12.6563 C12.1664,13.2085847 11.7186847,13.6563 11.1664,13.6563 C10.6141153,13.6563 10.1664,13.2085847 10.1664,12.6563 L10.1664,12.5913 C10.1664,11.5009567 10.7946963,10.5375141 11.7674377,10.0026589 C12.2360927,9.74417086 12.493064,9.22519581 12.3953326,8.67046887 C12.3098185,8.1811985 11.8915858,7.76280177 11.4013649,7.67721566 C10.6126181,7.53864454 9.9164,8.1291691 9.9164,8.9063 Z" id="Stroke-3" fill="#1B2559" fill-rule="nonzero"></path>
-        <path d="M10.1039,15.2188 C10.1039,14.6318 10.5799,14.1568 11.1659,14.1568 C11.7529,14.1568 12.2289,14.6318 12.2289,15.2188 C12.2289,15.8058 11.7529,16.2808 11.1659,16.2808 C10.5799,16.2808 10.1039,15.8058 10.1039,15.2188" id="Fill-5" fill="#1B2559"></path>
+        <path d="M20.0004,11 C20.0004,6.03028475 15.9701153,2 11.0004,2 C6.03004556,2 2.0004,6.02992391 2.0004,11 C2.0004,15.9700761 6.03004556,20 11.0004,20 C15.9701153,20 20.0004,15.9697153 20.0004,11 Z M22.0004,11 C22.0004,17.0742847 17.0746847,22 11.0004,22 C4.92544514,22 0.000400000001,17.0746147 0.000400000001,11 C0.000400000001,4.92538534 4.92544514,0 11.0004,0 C17.0746847,0 22.0004,4.92571525 22.0004,11 Z"
+              id="Stroke-1" fill="#1B2559" fill-rule="nonzero"></path>
+        <path d="M9.9164,8.9063 C9.9164,9.45858475 9.46868475,9.9063 8.9164,9.9063 C8.36411525,9.9063 7.9164,9.45858475 7.9164,8.9063 C7.9164,6.89094438 9.72972438,5.35290249 11.7463843,5.7072003 C13.0663562,5.93764844 14.1348314,7.00654285 14.3652323,8.32479116 C14.6130182,9.7312185 13.941375,11.0876584 12.732214,11.7545735 C12.370484,11.9534687 12.1664,12.2664153 12.1664,12.5913 L12.1664,12.6563 C12.1664,13.2085847 11.7186847,13.6563 11.1664,13.6563 C10.6141153,13.6563 10.1664,13.2085847 10.1664,12.6563 L10.1664,12.5913 C10.1664,11.5009567 10.7946963,10.5375141 11.7674377,10.0026589 C12.2360927,9.74417086 12.493064,9.22519581 12.3953326,8.67046887 C12.3098185,8.1811985 11.8915858,7.76280177 11.4013649,7.67721566 C10.6126181,7.53864454 9.9164,8.1291691 9.9164,8.9063 Z"
+              id="Stroke-3" fill="#1B2559" fill-rule="nonzero"></path>
+        <path d="M10.1039,15.2188 C10.1039,14.6318 10.5799,14.1568 11.1659,14.1568 C11.7529,14.1568 12.2289,14.6318 12.2289,15.2188 C12.2289,15.8058 11.7529,16.2808 11.1659,16.2808 C10.5799,16.2808 10.1039,15.8058 10.1039,15.2188"
+              id="Fill-5" fill="#1B2559"></path>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/action/wrench/zodiac.svg b/packages/admin-ui/src/styling/icons/action/wrench/zodiac.svg
index 0cf3417a..57be21d9 100644
--- a/packages/admin-ui/src/styling/icons/action/wrench/zodiac.svg
+++ b/packages/admin-ui/src/styling/icons/action/wrench/zodiac.svg
@@ -1,10 +1,13 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="32px" height="32px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <g id="↳-notification-center" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+<svg width="32px" height="32px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+    <g id="↳-notification-center" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round"
+       stroke-linejoin="round">
         <g id="notification-center_v01a#2-(open)" transform="translate(-1023.000000, -459.000000)" stroke="#1B2559">
             <g id="Group-5" transform="translate(1000.000000, 0.000000)">
                 <g id="icon/sf-small/wrench" transform="translate(24.000000, 460.000000)">
-                    <path d="M15.7602493,3.10720971 L13.1962412,5.67121772 L10.3290323,5.67121772 L10.3290323,2.80400876 L12.8930403,0.24000075 C12.4378389,0.0872002725 11.9506373,0 11.4434358,0 C8.9282279,0 6.88822153,2.04000637 6.88822153,4.55681424 C6.88822153,5.08081588 6.98102182,5.58321745 7.14422233,6.05201891 L0.580201813,12.6168394 C-0.193400604,13.3904418 -0.193400604,14.6456458 0.580201813,15.4200482 C1.35460423,16.1936506 2.60980816,16.1936506 3.38341057,15.4200482 L9.94823109,8.85602767 C10.4170326,9.01922818 10.9186341,9.11202847 11.4434358,9.11202847 C13.9602436,9.11202847 16.00025,7.0720221 16.00025,4.55681424 C16.00025,4.04961265 15.9130497,3.56241113 15.7602493,3.10720971 Z" id="Stroke-1"></path>
+                    <path d="M15.7602493,3.10720971 L13.1962412,5.67121772 L10.3290323,5.67121772 L10.3290323,2.80400876 L12.8930403,0.24000075 C12.4378389,0.0872002725 11.9506373,0 11.4434358,0 C8.9282279,0 6.88822153,2.04000637 6.88822153,4.55681424 C6.88822153,5.08081588 6.98102182,5.58321745 7.14422233,6.05201891 L0.580201813,12.6168394 C-0.193400604,13.3904418 -0.193400604,14.6456458 0.580201813,15.4200482 C1.35460423,16.1936506 2.60980816,16.1936506 3.38341057,15.4200482 L9.94823109,8.85602767 C10.4170326,9.01922818 10.9186341,9.11202847 11.4434358,9.11202847 C13.9602436,9.11202847 16.00025,7.0720221 16.00025,4.55681424 C16.00025,4.04961265 15.9130497,3.56241113 15.7602493,3.10720971 Z"
+                          id="Stroke-1"></path>
                 </g>
             </g>
         </g>
diff --git a/packages/admin-ui/src/styling/icons/arrow/carousel-left-arrow.svg b/packages/admin-ui/src/styling/icons/arrow/carousel-left-arrow.svg
index e6518d3f..9a6eb387 100644
--- a/packages/admin-ui/src/styling/icons/arrow/carousel-left-arrow.svg
+++ b/packages/admin-ui/src/styling/icons/arrow/carousel-left-arrow.svg
@@ -1,6 +1,8 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="13px" height="33px" viewBox="0 0 13 33" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="13px" height="33px" viewBox="0 0 13 33" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <polygon id="Simple-Arrow-White" fill="#1b2559" fill-rule="nonzero" points="12.1912718 1.56064837 10.8306233 0.395663059 0.196798664 16.2200463 10.8250965 32.3956631 12.1967987 31.2473125 2.33241023 16.233075"></polygon>
+        <polygon id="Simple-Arrow-White" fill="#1b2559" fill-rule="nonzero"
+                 points="12.1912718 1.56064837 10.8306233 0.395663059 0.196798664 16.2200463 10.8250965 32.3956631 12.1967987 31.2473125 2.33241023 16.233075"></polygon>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/arrow/carousel-right-arrow.svg b/packages/admin-ui/src/styling/icons/arrow/carousel-right-arrow.svg
index 3f812933..42e09bf2 100644
--- a/packages/admin-ui/src/styling/icons/arrow/carousel-right-arrow.svg
+++ b/packages/admin-ui/src/styling/icons/arrow/carousel-right-arrow.svg
@@ -1,5 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="15px" height="34px" viewBox="0 0 15 34" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="15px" height="34px" viewBox="0 0 15 34" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g id="Group-2-Copy" transform="translate(1.000000, 1.000000)" stroke="#1b2559" stroke-width="2">
             <polyline id="Path-4-Copy" points="0 0 12 15.8202247 0 32"></polyline>
diff --git a/packages/admin-ui/src/styling/icons/arrow/download_logs.svg b/packages/admin-ui/src/styling/icons/arrow/download_logs.svg
index 19eaf13d..f4a8ed4d 100644
--- a/packages/admin-ui/src/styling/icons/arrow/download_logs.svg
+++ b/packages/admin-ui/src/styling/icons/arrow/download_logs.svg
@@ -1,11 +1,15 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="23px" height="17px" viewBox="0 0 23 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="23px" height="17px" viewBox="0 0 23 17" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 59.1 (86144) - https://sketch.com -->
     <title>arrow download logs</title>
     <desc>Created with Sketch.</desc>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
-        <g id="pop-up/action/download-logs/date-range-copy-3" transform="translate(-117.000000, -116.000000)" stroke="#1B2559" stroke-width="2">
-            <g id="arrow-download-logs" transform="translate(128.500000, 124.500000) rotate(-90.000000) translate(-128.500000, -124.500000) translate(121.000000, 114.000000)">
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round"
+       stroke-linejoin="round">
+        <g id="pop-up/action/download-logs/date-range-copy-3" transform="translate(-117.000000, -116.000000)"
+           stroke="#1B2559" stroke-width="2">
+            <g id="arrow-download-logs"
+               transform="translate(128.500000, 124.500000) rotate(-90.000000) translate(-128.500000, -124.500000) translate(121.000000, 114.000000)">
                 <polyline id="Path-3" points="0 13.3571429 7.14285714 20.5 14.2857143 13.3571429"></polyline>
                 <line x1="7.14285714" y1="0.142857143" x2="7.14285714" y2="20.1428571" id="Path-4"></line>
             </g>
diff --git a/packages/admin-ui/src/styling/icons/arrow/month_change.svg b/packages/admin-ui/src/styling/icons/arrow/month_change.svg
index 92a7e526..29b02986 100644
--- a/packages/admin-ui/src/styling/icons/arrow/month_change.svg
+++ b/packages/admin-ui/src/styling/icons/arrow/month_change.svg
@@ -1,15 +1,19 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 59.1 (86144) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
     <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g id="pop-up/action/download-logs/date-range-copy-2" transform="translate(-20.000000, -187.000000)">
-            <g id="icon/sf-contain-b-copy-5" transform="translate(30.000000, 197.000000) rotate(-270.000000) translate(-30.000000, -197.000000) translate(20.000000, 187.000000)">
+            <g id="icon/sf-contain-b-copy-5"
+               transform="translate(30.000000, 197.000000) rotate(-270.000000) translate(-30.000000, -197.000000) translate(20.000000, 187.000000)">
                 <g id="icon/sf-small/wizzard" stroke-linecap="round" stroke-linejoin="round">
                     <g transform="translate(6.666667, 6.000000)" id="Group">
                         <g>
-                            <polyline id="Path-3" stroke="#1B2559" stroke-width="2" points="0 4.83333333 3.33333333 8.16666667 6.66666667 4.83333333"></polyline>
-                            <line x1="3.33333333" y1="0.25" x2="3.33333333" y2="6.5" id="Path-4" stroke="#1B2559" stroke-width="2"></line>
+                            <polyline id="Path-3" stroke="#1B2559" stroke-width="2"
+                                      points="0 4.83333333 3.33333333 8.16666667 6.66666667 4.83333333"></polyline>
+                            <line x1="3.33333333" y1="0.25" x2="3.33333333" y2="6.5" id="Path-4" stroke="#1B2559"
+                                  stroke-width="2"></line>
                         </g>
                     </g>
                 </g>
diff --git a/packages/admin-ui/src/styling/icons/arrow/month_change_right.svg b/packages/admin-ui/src/styling/icons/arrow/month_change_right.svg
index 465955d9..7217a0e3 100644
--- a/packages/admin-ui/src/styling/icons/arrow/month_change_right.svg
+++ b/packages/admin-ui/src/styling/icons/arrow/month_change_right.svg
@@ -1,15 +1,19 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 59.1 (86144) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
     <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g id="pop-up/action/download-logs/date-range-copy-2" transform="translate(-20.000000, -187.000000)">
-            <g id="icon/sf-contain-b-copy-5" transform="translate(30.000000, 197.000000) rotate(270.000000) translate(-30.000000, -197.000000) translate(20.000000, 187.000000)">
+            <g id="icon/sf-contain-b-copy-5"
+               transform="translate(30.000000, 197.000000) rotate(270.000000) translate(-30.000000, -197.000000) translate(20.000000, 187.000000)">
                 <g id="icon/sf-small/wizzard" stroke-linecap="round" stroke-linejoin="round">
                     <g transform="translate(6.666667, 6.000000)" id="Group">
                         <g>
-                            <polyline id="Path-3" stroke="#1B2559" stroke-width="2" points="0 4.83333333 3.33333333 8.16666667 6.66666667 4.83333333"></polyline>
-                            <line x1="3.33333333" y1="0.25" x2="3.33333333" y2="6.5" id="Path-4" stroke="#1B2559" stroke-width="2"></line>
+                            <polyline id="Path-3" stroke="#1B2559" stroke-width="2"
+                                      points="0 4.83333333 3.33333333 8.16666667 6.66666667 4.83333333"></polyline>
+                            <line x1="3.33333333" y1="0.25" x2="3.33333333" y2="6.5" id="Path-4" stroke="#1B2559"
+                                  stroke-width="2"></line>
                         </g>
                     </g>
                 </g>
diff --git a/packages/admin-ui/src/styling/icons/arrow/transaction.svg b/packages/admin-ui/src/styling/icons/arrow/transaction.svg
index 84501d20..0348a1b8 100644
--- a/packages/admin-ui/src/styling/icons/arrow/transaction.svg
+++ b/packages/admin-ui/src/styling/icons/arrow/transaction.svg
@@ -1,14 +1,18 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="24px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <g id="↳-notification-center" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
-        <g id="notification-center_v01a#1-(marked-one-as-read)" transform="translate(-1023.000000, -123.000000)" stroke="#1B2559">
+<svg width="24px" height="24px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+    <g id="↳-notification-center" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round"
+       stroke-linejoin="round">
+        <g id="notification-center_v01a#1-(marked-one-as-read)" transform="translate(-1023.000000, -123.000000)"
+           stroke="#1B2559">
             <g id="Group-5" transform="translate(1000.000000, 0.000000)">
                 <g id="Group-4" transform="translate(24.000000, 124.000000)">
                     <g id="Group-3">
                         <line x1="0" y1="4" x2="16" y2="4" id="Path-2"></line>
                         <polyline id="Path-3" points="12 0 16 4 12 8"></polyline>
                     </g>
-                    <g id="Group-2" transform="translate(8.000000, 12.000000) scale(-1, 1) translate(-8.000000, -12.000000) translate(0.000000, 8.000000)">
+                    <g id="Group-2"
+                       transform="translate(8.000000, 12.000000) scale(-1, 1) translate(-8.000000, -12.000000) translate(0.000000, 8.000000)">
                         <line x1="0" y1="4" x2="16" y2="4" id="Path-2-Copy"></line>
                         <polyline id="Path-3-Copy" points="12 0 16 4 12 8"></polyline>
                     </g>
diff --git a/packages/admin-ui/src/styling/icons/button/add note/white.svg b/packages/admin-ui/src/styling/icons/button/add note/white.svg
index 6c1c9ab2..05183ced 100644
--- a/packages/admin-ui/src/styling/icons/button/add note/white.svg	
+++ b/packages/admin-ui/src/styling/icons/button/add note/white.svg	
@@ -1,9 +1,11 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
     <g id="icon/button/add-note/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Group-2" transform="translate(3.000000, 0.000000)" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round">
+        <g id="Group-2" transform="translate(3.000000, 0.000000)" stroke="#FFFFFF" stroke-linecap="round"
+           stroke-linejoin="round">
             <polygon id="Stroke-1" points="0.45 11.5384615 8.55 11.5384615 8.55 0.461538462 0.45 0.461538462"></polygon>
             <line x1="4.5" y1="2.53846154" x2="7.2" y2="2.53846154" id="Stroke-4"></line>
             <line x1="2.475" y1="4.61538462" x2="7.2" y2="4.61538462" id="Stroke-6"></line>
@@ -12,7 +14,8 @@
         </g>
         <g id="Group-9" transform="translate(0.000000, 4.000000)">
             <circle id="Oval" stroke="#FFFFFF" fill="#5F668A" cx="4" cy="4" r="4"></circle>
-            <polygon id="Path" fill="#FFFFFF" fill-rule="nonzero" points="4.4 3.6 6.4 3.6 6.4 4.4 4.4 4.4 4.4 6.4 3.6 6.4 3.6 4.4 1.6 4.4 1.6 3.6 3.6 3.6 3.6 1.6 4.4 1.6"></polygon>
+            <polygon id="Path" fill="#FFFFFF" fill-rule="nonzero"
+                     points="4.4 3.6 6.4 3.6 6.4 4.4 4.4 4.4 4.4 6.4 3.6 6.4 3.6 4.4 1.6 4.4 1.6 3.6 3.6 3.6 3.6 1.6 4.4 1.6"></polygon>
         </g>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/button/add note/zodiac.svg b/packages/admin-ui/src/styling/icons/button/add note/zodiac.svg
index 5bf3b738..ac7d3a07 100644
--- a/packages/admin-ui/src/styling/icons/button/add note/zodiac.svg	
+++ b/packages/admin-ui/src/styling/icons/button/add note/zodiac.svg	
@@ -1,9 +1,11 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
     <g id="icon/button/add-note" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Group-2" transform="translate(3.000000, 0.000000)" stroke="#1B2559" stroke-linecap="round" stroke-linejoin="round">
+        <g id="Group-2" transform="translate(3.000000, 0.000000)" stroke="#1B2559" stroke-linecap="round"
+           stroke-linejoin="round">
             <polygon id="Stroke-1" points="0.45 11.5384615 8.55 11.5384615 8.55 0.461538462 0.45 0.461538462"></polygon>
             <line x1="4.5" y1="2.53846154" x2="7.2" y2="2.53846154" id="Stroke-4"></line>
             <line x1="2.475" y1="4.61538462" x2="7.2" y2="4.61538462" id="Stroke-6"></line>
@@ -13,7 +15,8 @@
         <g id="Group-9" transform="translate(0.000000, 4.000000)">
             <circle id="Oval" stroke="#1B2559" fill="#EBEFFF" cx="4" cy="4" r="4"></circle>
             <g id="Group-6" transform="translate(1.200000, 1.600000)" fill="#1B2559" fill-rule="nonzero">
-                <polygon id="Path" points="3.2 2 5.2 2 5.2 2.8 3.2 2.8 3.2 4.8 2.4 4.8 2.4 2.8 0.4 2.8 0.4 2 2.4 2 2.4 0 3.2 0"></polygon>
+                <polygon id="Path"
+                         points="3.2 2 5.2 2 5.2 2.8 3.2 2.8 3.2 4.8 2.4 4.8 2.4 2.8 0.4 2.8 0.4 2 2.4 2 2.4 0 3.2 0"></polygon>
             </g>
         </g>
     </g>
diff --git a/packages/admin-ui/src/styling/icons/button/add-note/white.svg b/packages/admin-ui/src/styling/icons/button/add-note/white.svg
index 42862d8d..d180298a 100644
--- a/packages/admin-ui/src/styling/icons/button/add-note/white.svg
+++ b/packages/admin-ui/src/styling/icons/button/add-note/white.svg
@@ -1,17 +1,18 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 24.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 14 14" style="enable-background:new 0 0 14 14;" xml:space="preserve">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
+     y="0px"
+     viewBox="0 0 14 14" style="enable-background:new 0 0 14 14;" xml:space="preserve">
 <style type="text/css">
 	.st0{fill:none;stroke:#FFFFFF;stroke-linecap:round;stroke-linejoin:round;}
 	.st1{fill-rule:evenodd;clip-rule:evenodd;fill:#5F668A;stroke:#FFFFFF;}
 	.st2{fill:#FFFFFF;}
 </style>
-<path class="st0" d="M4.5,12.5h8.1V1.5H4.5V12.5z"/>
-<path class="st0" d="M8.5,3.5h2.7"/>
-<path class="st0" d="M6.5,5.6h4.7"/>
-<path class="st0" d="M6.5,7.7h4.7"/>
-<path class="st0" d="M6.5,9.8h4.7"/>
-<path class="st1" d="M5,13c2.2,0,4-1.8,4-4c0-2.2-1.8-4-4-4S1,6.8,1,9C1,11.2,2.8,13,5,13z"/>
-<path class="st2" d="M5.4,8.6h2v0.8h-2v2H4.6v-2h-2V8.6h2v-2h0.8V8.6z"/>
+    <path class="st0" d="M4.5,12.5h8.1V1.5H4.5V12.5z"/>
+    <path class="st0" d="M8.5,3.5h2.7"/>
+    <path class="st0" d="M6.5,5.6h4.7"/>
+    <path class="st0" d="M6.5,7.7h4.7"/>
+    <path class="st0" d="M6.5,9.8h4.7"/>
+    <path class="st1" d="M5,13c2.2,0,4-1.8,4-4c0-2.2-1.8-4-4-4S1,6.8,1,9C1,11.2,2.8,13,5,13z"/>
+    <path class="st2" d="M5.4,8.6h2v0.8h-2v2H4.6v-2h-2V8.6h2v-2h0.8V8.6z"/>
 </svg>
diff --git a/packages/admin-ui/src/styling/icons/button/add-note/zodiac.svg b/packages/admin-ui/src/styling/icons/button/add-note/zodiac.svg
index 92be9843..0eff2aad 100644
--- a/packages/admin-ui/src/styling/icons/button/add-note/zodiac.svg
+++ b/packages/admin-ui/src/styling/icons/button/add-note/zodiac.svg
@@ -1,11 +1,14 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 56.3 (81716) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
     <g id="Styleguide" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g id="icon/button/add-note" transform="translate(1.000000, 1.000000)">
-            <g id="Group-2" transform="translate(3.000000, 0.000000)" stroke="#1B2559" stroke-linecap="round" stroke-linejoin="round">
-                <polygon id="Stroke-1" points="0.45 11.5384615 8.55 11.5384615 8.55 0.461538462 0.45 0.461538462"></polygon>
+            <g id="Group-2" transform="translate(3.000000, 0.000000)" stroke="#1B2559" stroke-linecap="round"
+               stroke-linejoin="round">
+                <polygon id="Stroke-1"
+                         points="0.45 11.5384615 8.55 11.5384615 8.55 0.461538462 0.45 0.461538462"></polygon>
                 <path d="M4.5,2.53846154 L7.2,2.53846154" id="Stroke-4"></path>
                 <path d="M2.475,4.61538462 L7.2,4.61538462" id="Stroke-6"></path>
                 <path d="M2.475,6.69230769 L7.2,6.69230769" id="Stroke-8"></path>
@@ -14,7 +17,8 @@
             <g id="Group-9" transform="translate(0.000000, 4.000000)">
                 <circle id="Oval" stroke="#1B2559" fill="#EBEFFF" cx="4" cy="4" r="4"></circle>
                 <g id="Group-6" transform="translate(1.200000, 1.600000)" fill="#1B2559" fill-rule="nonzero">
-                    <polygon id="Path" points="3.2 2 5.2 2 5.2 2.8 3.2 2.8 3.2 4.8 2.4 4.8 2.4 2.8 0.4 2.8 0.4 2 2.4 2 2.4 0 3.2 0"></polygon>
+                    <polygon id="Path"
+                             points="3.2 2 5.2 2 5.2 2.8 3.2 2.8 3.2 4.8 2.4 4.8 2.4 2.8 0.4 2.8 0.4 2 2.4 2 2.4 0 3.2 0"></polygon>
                 </g>
             </g>
         </g>
diff --git a/packages/admin-ui/src/styling/icons/button/add/white.svg b/packages/admin-ui/src/styling/icons/button/add/white.svg
index efc8ebe5..64f33699 100644
--- a/packages/admin-ui/src/styling/icons/button/add/white.svg
+++ b/packages/admin-ui/src/styling/icons/button/add/white.svg
@@ -1,9 +1,12 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
-    <g id="icon/button/add/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
-        <path d="M11.5384615,6 C11.5384615,9.05815385 9.05815385,11.5384615 6,11.5384615 C2.94184615,11.5384615 0.461538462,9.05815385 0.461538462,6 C0.461538462,2.94184615 2.94184615,0.461538462 6,0.461538462 C9.05815385,0.461538462 11.5384615,2.94184615 11.5384615,6 Z" id="Stroke-1" stroke="#FFFFFF"></path>
+    <g id="icon/button/add/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round"
+       stroke-linejoin="round">
+        <path d="M11.5384615,6 C11.5384615,9.05815385 9.05815385,11.5384615 6,11.5384615 C2.94184615,11.5384615 0.461538462,9.05815385 0.461538462,6 C0.461538462,2.94184615 2.94184615,0.461538462 6,0.461538462 C9.05815385,0.461538462 11.5384615,2.94184615 11.5384615,6 Z"
+              id="Stroke-1" stroke="#FFFFFF"></path>
         <line x1="6" y1="3.69230769" x2="6" y2="8.30769231" id="Stroke-3" stroke="#FFFFFF"></line>
         <line x1="3.69230769" y1="6" x2="8.30769231" y2="6" id="Stroke-5" stroke="#FFFFFF"></line>
     </g>
diff --git a/packages/admin-ui/src/styling/icons/button/add/zodiac.svg b/packages/admin-ui/src/styling/icons/button/add/zodiac.svg
index 02cd42ad..eee13c17 100644
--- a/packages/admin-ui/src/styling/icons/button/add/zodiac.svg
+++ b/packages/admin-ui/src/styling/icons/button/add/zodiac.svg
@@ -1,9 +1,12 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
-    <g id="icon/button/add/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
-        <path d="M11.5384615,6 C11.5384615,9.05815385 9.05815385,11.5384615 6,11.5384615 C2.94184615,11.5384615 0.461538462,9.05815385 0.461538462,6 C0.461538462,2.94184615 2.94184615,0.461538462 6,0.461538462 C9.05815385,0.461538462 11.5384615,2.94184615 11.5384615,6 Z" id="Stroke-1" stroke="#1B2559"></path>
+    <g id="icon/button/add/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round"
+       stroke-linejoin="round">
+        <path d="M11.5384615,6 C11.5384615,9.05815385 9.05815385,11.5384615 6,11.5384615 C2.94184615,11.5384615 0.461538462,9.05815385 0.461538462,6 C0.461538462,2.94184615 2.94184615,0.461538462 6,0.461538462 C9.05815385,0.461538462 11.5384615,2.94184615 11.5384615,6 Z"
+              id="Stroke-1" stroke="#1B2559"></path>
         <line x1="6" y1="3.69230769" x2="6" y2="8.30769231" id="Stroke-3" stroke="#1B2559"></line>
         <line x1="3.69230769" y1="6" x2="8.30769231" y2="6" id="Stroke-5" stroke="#1B2559"></line>
     </g>
diff --git a/packages/admin-ui/src/styling/icons/button/authorize/white.svg b/packages/admin-ui/src/styling/icons/button/authorize/white.svg
index 54a67625..13243cc4 100644
--- a/packages/admin-ui/src/styling/icons/button/authorize/white.svg
+++ b/packages/admin-ui/src/styling/icons/button/authorize/white.svg
@@ -4,6 +4,7 @@
     <desc>Created with Sketch.</desc>
     <g id="icon/button/authorize/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <circle id="Oval" stroke="#FFFFFF" cx="6" cy="6" r="5"></circle>
-        <polyline id="Stroke-13" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" points="4 6.66666667 5 8 8 4"></polyline>
+        <polyline id="Stroke-13" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round"
+                  points="4 6.66666667 5 8 8 4"></polyline>
     </g>
 </svg>
diff --git a/packages/admin-ui/src/styling/icons/button/authorize/zodiac.svg b/packages/admin-ui/src/styling/icons/button/authorize/zodiac.svg
index 805dd29d..c0f236a4 100644
--- a/packages/admin-ui/src/styling/icons/button/authorize/zodiac.svg
+++ b/packages/admin-ui/src/styling/icons/button/authorize/zodiac.svg
@@ -6,6 +6,7 @@
         <g id="Group-9" stroke="#1B2559">
             <circle id="Oval" cx="6" cy="6" r="5"></circle>
         </g>
-        <polyline id="Stroke-13" stroke="#1B2559" stroke-linecap="round" stroke-linejoin="round" points="4 6.66666667 5 8 8 4"></polyline>
+        <polyline id="Stroke-13" stroke="#1B2559" stroke-linecap="round" stroke-linejoin="round"
+                  points="4 6.66666667 5 8 8 4"></polyline>
     </g>
 </svg>
diff --git a/packages/admin-ui/src/styling/icons/button/blacklist/white.svg b/packages/admin-ui/src/styling/icons/button/blacklist/white.svg
index 2723fad2..2b060ce8 100644
--- a/packages/admin-ui/src/styling/icons/button/blacklist/white.svg
+++ b/packages/admin-ui/src/styling/icons/button/blacklist/white.svg
@@ -1,10 +1,12 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
     <g id="icon/button/blacklist/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g id="Group-2" transform="translate(3.000000, 0.000000)" stroke-linecap="round" stroke-linejoin="round">
-            <polygon id="Stroke-1" stroke="#FFFFFF" fill="#FFFFFF" points="0.45 11.5384615 8.55 11.5384615 8.55 0.461538462 0.45 0.461538462"></polygon>
+            <polygon id="Stroke-1" stroke="#FFFFFF" fill="#FFFFFF"
+                     points="0.45 11.5384615 8.55 11.5384615 8.55 0.461538462 0.45 0.461538462"></polygon>
             <line x1="1.97637558" y1="2.53846154" x2="7.2" y2="2.53846154" id="Stroke-4" stroke="#1B2559"></line>
             <line x1="2.475" y1="4.61538462" x2="7.2" y2="4.61538462" id="Stroke-6" stroke="#1B2559"></line>
             <line x1="2.475" y1="6.69230769" x2="7.2" y2="6.69230769" id="Stroke-8" stroke="#1B2559"></line>
@@ -12,7 +14,8 @@
         </g>
         <g id="Group-9" transform="translate(0.000000, 4.000000)">
             <circle id="Oval" stroke="#FFFFFF" fill="#5F668A" cx="4" cy="4" r="4"></circle>
-            <polygon id="Path" fill="#FFFFFF" fill-rule="nonzero" points="4.4 3.6 6.4 3.6 6.4 4.4 4.4 4.4 4.4 6.4 3.6 6.4 3.6 4.4 1.6 4.4 1.6 3.6 3.6 3.6 3.6 1.6 4.4 1.6"></polygon>
+            <polygon id="Path" fill="#FFFFFF" fill-rule="nonzero"
+                     points="4.4 3.6 6.4 3.6 6.4 4.4 4.4 4.4 4.4 6.4 3.6 6.4 3.6 4.4 1.6 4.4 1.6 3.6 3.6 3.6 3.6 1.6 4.4 1.6"></polygon>
         </g>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/button/blacklist/zodiac.svg b/packages/admin-ui/src/styling/icons/button/blacklist/zodiac.svg
index 83e5d63b..5f12bfa7 100644
--- a/packages/admin-ui/src/styling/icons/button/blacklist/zodiac.svg
+++ b/packages/admin-ui/src/styling/icons/button/blacklist/zodiac.svg
@@ -1,10 +1,12 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
     <g id="icon/button/blacklist/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g id="Group-2" transform="translate(3.000000, 0.000000)" stroke-linecap="round" stroke-linejoin="round">
-            <polygon id="Stroke-1" stroke="#1B2559" fill="#1B2559" points="0.45 11.5384615 8.55 11.5384615 8.55 0.461538462 0.45 0.461538462"></polygon>
+            <polygon id="Stroke-1" stroke="#1B2559" fill="#1B2559"
+                     points="0.45 11.5384615 8.55 11.5384615 8.55 0.461538462 0.45 0.461538462"></polygon>
             <line x1="1.97637558" y1="2.53846154" x2="7.2" y2="2.53846154" id="Stroke-4" stroke="#FFFFFF"></line>
             <line x1="2.475" y1="4.61538462" x2="7.2" y2="4.61538462" id="Stroke-6" stroke="#FFFFFF"></line>
             <line x1="2.475" y1="6.69230769" x2="7.2" y2="6.69230769" id="Stroke-8" stroke="#FFFFFF"></line>
@@ -13,7 +15,8 @@
         <g id="Group-9" transform="translate(0.000000, 4.000000)">
             <circle id="Oval" stroke="#1B2559" fill="#EBEFFF" cx="4" cy="4" r="4"></circle>
             <g id="Group-6" transform="translate(1.200000, 1.600000)" fill="#1B2559" fill-rule="nonzero">
-                <polygon id="Path" points="3.2 2 5.2 2 5.2 2.8 3.2 2.8 3.2 4.8 2.4 4.8 2.4 2.8 0.4 2.8 0.4 2 2.4 2 2.4 0 3.2 0"></polygon>
+                <polygon id="Path"
+                         points="3.2 2 5.2 2 5.2 2.8 3.2 2.8 3.2 4.8 2.4 4.8 2.4 2.8 0.4 2.8 0.4 2 2.4 2 2.4 0 3.2 0"></polygon>
             </g>
         </g>
     </g>
diff --git a/packages/admin-ui/src/styling/icons/button/block/white.svg b/packages/admin-ui/src/styling/icons/button/block/white.svg
index 71606bc4..d959fb3f 100644
--- a/packages/admin-ui/src/styling/icons/button/block/white.svg
+++ b/packages/admin-ui/src/styling/icons/button/block/white.svg
@@ -2,7 +2,8 @@
 <svg viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
-    <g id="icon/button/block/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+    <g id="icon/button/block/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
+       stroke-linecap="round" stroke-linejoin="round">
         <g id="Group-5" stroke="#FFFFFF">
             <circle id="Oval" cx="6" cy="6" r="5"></circle>
             <line x1="9" y1="3.0" x2="3" y2="9" id="Stroke-3"></line>
diff --git a/packages/admin-ui/src/styling/icons/button/block/zodiac.svg b/packages/admin-ui/src/styling/icons/button/block/zodiac.svg
index 0d2abcb7..0c746ac2 100644
--- a/packages/admin-ui/src/styling/icons/button/block/zodiac.svg
+++ b/packages/admin-ui/src/styling/icons/button/block/zodiac.svg
@@ -2,7 +2,8 @@
 <svg viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
-    <g id="icon/button/block/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+    <g id="icon/button/block/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
+       stroke-linecap="round" stroke-linejoin="round">
         <g id="Group-5" stroke="#1B2559">
             <circle id="Oval" cx="6" cy="6" r="5"></circle>
             <line x1="9" y1="3.0" x2="3" y2="9" id="Stroke-3"></line>
diff --git a/packages/admin-ui/src/styling/icons/button/cancel/white.svg b/packages/admin-ui/src/styling/icons/button/cancel/white.svg
index 632b1027..2969bbd8 100644
--- a/packages/admin-ui/src/styling/icons/button/cancel/white.svg
+++ b/packages/admin-ui/src/styling/icons/button/cancel/white.svg
@@ -1,8 +1,10 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
-    <g id="icon/button/cancel/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+    <g id="icon/button/cancel/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
+       stroke-linecap="round" stroke-linejoin="round">
         <g id="Group-5" transform="translate(1.000000, 1.000000)" stroke="#FFFFFF">
             <line x1="10" y1="0" x2="0" y2="10" id="Stroke-1"></line>
             <line x1="0" y1="0" x2="10" y2="10" id="Stroke-3"></line>
diff --git a/packages/admin-ui/src/styling/icons/button/cancel/zodiac.svg b/packages/admin-ui/src/styling/icons/button/cancel/zodiac.svg
index 852f9dc3..4e03443a 100644
--- a/packages/admin-ui/src/styling/icons/button/cancel/zodiac.svg
+++ b/packages/admin-ui/src/styling/icons/button/cancel/zodiac.svg
@@ -1,8 +1,10 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
-    <g id="icon/button/cancel/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+    <g id="icon/button/cancel/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
+       stroke-linecap="round" stroke-linejoin="round">
         <g id="Group-5" stroke="#1B2559" stroke-width="1.2">
             <line x1="12" y1="0" x2="0" y2="12" id="Stroke-1"></line>
             <line x1="0" y1="0" x2="12" y2="12" id="Stroke-3"></line>
diff --git a/packages/admin-ui/src/styling/icons/button/configure/white.svg b/packages/admin-ui/src/styling/icons/button/configure/white.svg
index dee9aff8..d3b1aa63 100644
--- a/packages/admin-ui/src/styling/icons/button/configure/white.svg
+++ b/packages/admin-ui/src/styling/icons/button/configure/white.svg
@@ -1,9 +1,13 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
-    <g id="icon/button/configure/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
-        <path d="M7.341,9.85819137 L8.755,9.06119137 L10.144,10.4221914 C11.096,9.57519137 11.726,8.47119137 11.993,7.28619137 L10.096,6.79319137 L10.096,5.19919137 L12,4.70419137 C11.868,4.11919137 11.644,3.54319137 11.32,2.99619137 C10.997,2.44919137 10.599,1.97119137 10.146,1.56719137 L8.755,2.93019137 L7.341,2.13319137 L7.853,0.282191366 C6.667,-0.0838086336 5.374,-0.102808634 4.147,0.278191366 L4.659,2.13219137 L3.245,2.93019137 L1.857,1.56919137 C0.904,2.41719137 0.276,3.52019137 0.007,4.70619137 L1.904,5.19919137 L1.904,6.79319137 L0,7.28719137 C0.132,7.87319137 0.357,8.44919137 0.68,8.99619137 C1.003,9.54319137 1.402,10.0201914 1.855,10.4241914 L3.245,9.06119137 L4.659,9.85919137 L4.148,11.7101914 C5.333,12.0761914 6.626,12.0941914 7.854,11.7131914 L7.341,9.85819137 Z" id="Stroke-1" stroke="#FFFFFF"></path>
-        <path d="M7.0002,5.99589137 C7.0002,5.44289137 6.5532,4.99589137 6.0002,4.99589137 C5.4472,4.99589137 5.0002,5.44289137 5.0002,5.99589137 C5.0002,6.54889137 5.4472,6.99589137 6.0002,6.99589137 C6.5532,6.99589137 7.0002,6.54889137 7.0002,5.99589137 Z" id="Stroke-3" stroke="#FFFFFF"></path>
+    <g id="icon/button/configure/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
+       stroke-linecap="round" stroke-linejoin="round">
+        <path d="M7.341,9.85819137 L8.755,9.06119137 L10.144,10.4221914 C11.096,9.57519137 11.726,8.47119137 11.993,7.28619137 L10.096,6.79319137 L10.096,5.19919137 L12,4.70419137 C11.868,4.11919137 11.644,3.54319137 11.32,2.99619137 C10.997,2.44919137 10.599,1.97119137 10.146,1.56719137 L8.755,2.93019137 L7.341,2.13319137 L7.853,0.282191366 C6.667,-0.0838086336 5.374,-0.102808634 4.147,0.278191366 L4.659,2.13219137 L3.245,2.93019137 L1.857,1.56919137 C0.904,2.41719137 0.276,3.52019137 0.007,4.70619137 L1.904,5.19919137 L1.904,6.79319137 L0,7.28719137 C0.132,7.87319137 0.357,8.44919137 0.68,8.99619137 C1.003,9.54319137 1.402,10.0201914 1.855,10.4241914 L3.245,9.06119137 L4.659,9.85919137 L4.148,11.7101914 C5.333,12.0761914 6.626,12.0941914 7.854,11.7131914 L7.341,9.85819137 Z"
+              id="Stroke-1" stroke="#FFFFFF"></path>
+        <path d="M7.0002,5.99589137 C7.0002,5.44289137 6.5532,4.99589137 6.0002,4.99589137 C5.4472,4.99589137 5.0002,5.44289137 5.0002,5.99589137 C5.0002,6.54889137 5.4472,6.99589137 6.0002,6.99589137 C6.5532,6.99589137 7.0002,6.54889137 7.0002,5.99589137 Z"
+              id="Stroke-3" stroke="#FFFFFF"></path>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/button/configure/zodiac.svg b/packages/admin-ui/src/styling/icons/button/configure/zodiac.svg
index 8e7462c7..617cad3d 100644
--- a/packages/admin-ui/src/styling/icons/button/configure/zodiac.svg
+++ b/packages/admin-ui/src/styling/icons/button/configure/zodiac.svg
@@ -1,9 +1,13 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
-    <g id="icon/button/configure/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
-        <path d="M7.341,9.85819137 L8.755,9.06119137 L10.144,10.4221914 C11.096,9.57519137 11.726,8.47119137 11.993,7.28619137 L10.096,6.79319137 L10.096,5.19919137 L12,4.70419137 C11.868,4.11919137 11.644,3.54319137 11.32,2.99619137 C10.997,2.44919137 10.599,1.97119137 10.146,1.56719137 L8.755,2.93019137 L7.341,2.13319137 L7.853,0.282191366 C6.667,-0.0838086336 5.374,-0.102808634 4.147,0.278191366 L4.659,2.13219137 L3.245,2.93019137 L1.857,1.56919137 C0.904,2.41719137 0.276,3.52019137 0.007,4.70619137 L1.904,5.19919137 L1.904,6.79319137 L0,7.28719137 C0.132,7.87319137 0.357,8.44919137 0.68,8.99619137 C1.003,9.54319137 1.402,10.0201914 1.855,10.4241914 L3.245,9.06119137 L4.659,9.85919137 L4.148,11.7101914 C5.333,12.0761914 6.626,12.0941914 7.854,11.7131914 L7.341,9.85819137 Z" id="Stroke-1" stroke="#1B2559"></path>
-        <path d="M7.0002,5.99589137 C7.0002,5.44289137 6.5532,4.99589137 6.0002,4.99589137 C5.4472,4.99589137 5.0002,5.44289137 5.0002,5.99589137 C5.0002,6.54889137 5.4472,6.99589137 6.0002,6.99589137 C6.5532,6.99589137 7.0002,6.54889137 7.0002,5.99589137 Z" id="Stroke-3" stroke="#1B2559"></path>
+    <g id="icon/button/configure/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
+       stroke-linecap="round" stroke-linejoin="round">
+        <path d="M7.341,9.85819137 L8.755,9.06119137 L10.144,10.4221914 C11.096,9.57519137 11.726,8.47119137 11.993,7.28619137 L10.096,6.79319137 L10.096,5.19919137 L12,4.70419137 C11.868,4.11919137 11.644,3.54319137 11.32,2.99619137 C10.997,2.44919137 10.599,1.97119137 10.146,1.56719137 L8.755,2.93019137 L7.341,2.13319137 L7.853,0.282191366 C6.667,-0.0838086336 5.374,-0.102808634 4.147,0.278191366 L4.659,2.13219137 L3.245,2.93019137 L1.857,1.56919137 C0.904,2.41719137 0.276,3.52019137 0.007,4.70619137 L1.904,5.19919137 L1.904,6.79319137 L0,7.28719137 C0.132,7.87319137 0.357,8.44919137 0.68,8.99619137 C1.003,9.54319137 1.402,10.0201914 1.855,10.4241914 L3.245,9.06119137 L4.659,9.85919137 L4.148,11.7101914 C5.333,12.0761914 6.626,12.0941914 7.854,11.7131914 L7.341,9.85819137 Z"
+              id="Stroke-1" stroke="#1B2559"></path>
+        <path d="M7.0002,5.99589137 C7.0002,5.44289137 6.5532,4.99589137 6.0002,4.99589137 C5.4472,4.99589137 5.0002,5.44289137 5.0002,5.99589137 C5.0002,6.54889137 5.4472,6.99589137 6.0002,6.99589137 C6.5532,6.99589137 7.0002,6.54889137 7.0002,5.99589137 Z"
+              id="Stroke-3" stroke="#1B2559"></path>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/button/data/white.svg b/packages/admin-ui/src/styling/icons/button/data/white.svg
index 4e50be4f..3b2fb541 100644
--- a/packages/admin-ui/src/styling/icons/button/data/white.svg
+++ b/packages/admin-ui/src/styling/icons/button/data/white.svg
@@ -1,14 +1,18 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <g id="icon/button/data/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g id="Data-icon---small" transform="translate(0.500000, 0.500000)" stroke="#FFFFFF">
-            <path d="M11,2.44444444 L11,5.5 C11,6.85002939 8.53756612,7.94444444 5.5,7.94444444 C2.521994,7.94444444 0.0939612041,6.81341452 1.11160464e-12,5.5 L0.00282594991,2.44444444" id="oval-3"></path>
-            <path d="M11,5.5 L11,8.55555556 C11,9.90558494 8.53756612,11 5.5,11 C2.521994,11 0.0939612041,9.86897007 1.11160464e-12,8.55555556 L0.00282594991,5.5" id="oval-2"></path>
+            <path d="M11,2.44444444 L11,5.5 C11,6.85002939 8.53756612,7.94444444 5.5,7.94444444 C2.521994,7.94444444 0.0939612041,6.81341452 1.11160464e-12,5.5 L0.00282594991,2.44444444"
+                  id="oval-3"></path>
+            <path d="M11,5.5 L11,8.55555556 C11,9.90558494 8.53756612,11 5.5,11 C2.521994,11 0.0939612041,9.86897007 1.11160464e-12,8.55555556 L0.00282594991,5.5"
+                  id="oval-2"></path>
             <ellipse id="oval-1" cx="5.5" cy="2.44444444" rx="5.5" ry="2.44444444"></ellipse>
         </g>
         <g id="Group-9" transform="translate(0.000000, 4.000000)">
             <circle id="Oval" stroke="#FFFFFF" fill="#5F668A" cx="4" cy="4" r="3.5"></circle>
-            <polygon id="Path" fill="#FFFFFF" fill-rule="nonzero" points="4.33333333 3.66666667 6 3.66666667 6 4.33333333 4.33333333 4.33333333 4.33333333 6 3.66666667 6 3.66666667 4.33333333 2 4.33333333 2 3.66666667 3.66666667 3.66666667 3.66666667 2 4.33333333 2"></polygon>
+            <polygon id="Path" fill="#FFFFFF" fill-rule="nonzero"
+                     points="4.33333333 3.66666667 6 3.66666667 6 4.33333333 4.33333333 4.33333333 4.33333333 6 3.66666667 6 3.66666667 4.33333333 2 4.33333333 2 3.66666667 3.66666667 3.66666667 3.66666667 2 4.33333333 2"></polygon>
         </g>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/button/data/zodiac.svg b/packages/admin-ui/src/styling/icons/button/data/zodiac.svg
index 66e0049c..e7c76b3c 100644
--- a/packages/admin-ui/src/styling/icons/button/data/zodiac.svg
+++ b/packages/admin-ui/src/styling/icons/button/data/zodiac.svg
@@ -1,14 +1,18 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <g id="icon/button/data/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g id="Data-icon---small" transform="translate(1.500000, 0.500000)" stroke="#1B2559">
-            <path d="M10,2 L10,4.77777778 C10,6.00507722 7.76142375,7 5,7 C2.29272181,7 0.0854192765,5.97179097 0,4.77777778 L0.00256904537,2" id="oval-3"></path>
-            <path d="M10,5 L10,7.77777778 C10,9.00507722 7.76142375,10 5,10 C2.29272181,10 0.0854192765,8.97179097 0,7.77777778 L0.00256904537,5" id="oval-2"></path>
+            <path d="M10,2 L10,4.77777778 C10,6.00507722 7.76142375,7 5,7 C2.29272181,7 0.0854192765,5.97179097 0,4.77777778 L0.00256904537,2"
+                  id="oval-3"></path>
+            <path d="M10,5 L10,7.77777778 C10,9.00507722 7.76142375,10 5,10 C2.29272181,10 0.0854192765,8.97179097 0,7.77777778 L0.00256904537,5"
+                  id="oval-2"></path>
             <ellipse id="oval-1" cx="5" cy="2" rx="5" ry="2"></ellipse>
         </g>
         <g id="Group-9" transform="translate(0.000000, 4.000000)">
             <circle id="Oval" stroke="#1B2559" fill="#EBEFFF" cx="4" cy="4" r="3.5"></circle>
-            <polygon id="Path" fill="#1B2559" fill-rule="nonzero" points="4.33333333 3.66666667 6 3.66666667 6 4.33333333 4.33333333 4.33333333 4.33333333 6 3.66666667 6 3.66666667 4.33333333 2 4.33333333 2 3.66666667 3.66666667 3.66666667 3.66666667 2 4.33333333 2"></polygon>
+            <polygon id="Path" fill="#1B2559" fill-rule="nonzero"
+                     points="4.33333333 3.66666667 6 3.66666667 6 4.33333333 4.33333333 4.33333333 4.33333333 6 3.66666667 6 3.66666667 4.33333333 2 4.33333333 2 3.66666667 3.66666667 3.66666667 3.66666667 2 4.33333333 2"></polygon>
         </g>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/button/discount/comet.svg b/packages/admin-ui/src/styling/icons/button/discount/comet.svg
index 4ad0de56..31e4114a 100644
--- a/packages/admin-ui/src/styling/icons/button/discount/comet.svg
+++ b/packages/admin-ui/src/styling/icons/button/discount/comet.svg
@@ -1,7 +1,10 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <g id="icon/button/loyalty/comet" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <polygon id="Stroke-2" stroke="#5f668a" stroke-linejoin="round" points="8.27822222 0.5 3.72177778 0.5 0.5 3.72177778 0.5 8.27822222 3.72177778 11.5 8.27822222 11.5 11.5 8.27822222 11.5 3.72177778"></polygon>
-        <path d="M7.55533889,6.66641667 C8.04667222,6.66641667 8.44450556,7.06486111 8.44450556,7.55558333 C8.44450556,8.04630556 8.04667222,8.44475 7.55533889,8.44475 C7.06461667,8.44475 6.66678333,8.04630556 6.66678333,7.55558333 C6.66678333,7.06486111 7.06461667,6.66641667 7.55533889,6.66641667 Z M8.44481111,3.55555556 L4.44447778,8.44444444 L3.55592222,8.44444444 L7.55564444,3.55555556 L8.44481111,3.55555556 Z M4.44423333,3.55525 C4.93556667,3.55525 5.3334,3.95369444 5.3334,4.44441667 C5.3334,4.93513889 4.93556667,5.33358333 4.44423333,5.33358333 C3.95351111,5.33358333 3.55567778,4.93513889 3.55567778,4.44441667 C3.55567778,3.95369444 3.95351111,3.55525 4.44423333,3.55525 Z" id="Combined-Shape" fill="#5f668a"></path>
+        <polygon id="Stroke-2" stroke="#5f668a" stroke-linejoin="round"
+                 points="8.27822222 0.5 3.72177778 0.5 0.5 3.72177778 0.5 8.27822222 3.72177778 11.5 8.27822222 11.5 11.5 8.27822222 11.5 3.72177778"></polygon>
+        <path d="M7.55533889,6.66641667 C8.04667222,6.66641667 8.44450556,7.06486111 8.44450556,7.55558333 C8.44450556,8.04630556 8.04667222,8.44475 7.55533889,8.44475 C7.06461667,8.44475 6.66678333,8.04630556 6.66678333,7.55558333 C6.66678333,7.06486111 7.06461667,6.66641667 7.55533889,6.66641667 Z M8.44481111,3.55555556 L4.44447778,8.44444444 L3.55592222,8.44444444 L7.55564444,3.55555556 L8.44481111,3.55555556 Z M4.44423333,3.55525 C4.93556667,3.55525 5.3334,3.95369444 5.3334,4.44441667 C5.3334,4.93513889 4.93556667,5.33358333 4.44423333,5.33358333 C3.95351111,5.33358333 3.55567778,4.93513889 3.55567778,4.44441667 C3.55567778,3.95369444 3.95351111,3.55525 4.44423333,3.55525 Z"
+              id="Combined-Shape" fill="#5f668a"></path>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/button/discount/white.svg b/packages/admin-ui/src/styling/icons/button/discount/white.svg
index 56d5d8ad..5e58402a 100644
--- a/packages/admin-ui/src/styling/icons/button/discount/white.svg
+++ b/packages/admin-ui/src/styling/icons/button/discount/white.svg
@@ -1,7 +1,10 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <g id="icon/button/loyalty/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <polygon id="Stroke-2" stroke="#FFFFFF" stroke-linejoin="round" points="8.27822222 0.5 3.72177778 0.5 0.5 3.72177778 0.5 8.27822222 3.72177778 11.5 8.27822222 11.5 11.5 8.27822222 11.5 3.72177778"></polygon>
-        <path d="M7.55533889,6.66641667 C8.04667222,6.66641667 8.44450556,7.06486111 8.44450556,7.55558333 C8.44450556,8.04630556 8.04667222,8.44475 7.55533889,8.44475 C7.06461667,8.44475 6.66678333,8.04630556 6.66678333,7.55558333 C6.66678333,7.06486111 7.06461667,6.66641667 7.55533889,6.66641667 Z M8.44481111,3.55555556 L4.44447778,8.44444444 L3.55592222,8.44444444 L7.55564444,3.55555556 L8.44481111,3.55555556 Z M4.44423333,3.55525 C4.93556667,3.55525 5.3334,3.95369444 5.3334,4.44441667 C5.3334,4.93513889 4.93556667,5.33358333 4.44423333,5.33358333 C3.95351111,5.33358333 3.55567778,4.93513889 3.55567778,4.44441667 C3.55567778,3.95369444 3.95351111,3.55525 4.44423333,3.55525 Z" id="Combined-Shape" fill="#FFFFFF"></path>
+        <polygon id="Stroke-2" stroke="#FFFFFF" stroke-linejoin="round"
+                 points="8.27822222 0.5 3.72177778 0.5 0.5 3.72177778 0.5 8.27822222 3.72177778 11.5 8.27822222 11.5 11.5 8.27822222 11.5 3.72177778"></polygon>
+        <path d="M7.55533889,6.66641667 C8.04667222,6.66641667 8.44450556,7.06486111 8.44450556,7.55558333 C8.44450556,8.04630556 8.04667222,8.44475 7.55533889,8.44475 C7.06461667,8.44475 6.66678333,8.04630556 6.66678333,7.55558333 C6.66678333,7.06486111 7.06461667,6.66641667 7.55533889,6.66641667 Z M8.44481111,3.55555556 L4.44447778,8.44444444 L3.55592222,8.44444444 L7.55564444,3.55555556 L8.44481111,3.55555556 Z M4.44423333,3.55525 C4.93556667,3.55525 5.3334,3.95369444 5.3334,4.44441667 C5.3334,4.93513889 4.93556667,5.33358333 4.44423333,5.33358333 C3.95351111,5.33358333 3.55567778,4.93513889 3.55567778,4.44441667 C3.55567778,3.95369444 3.95351111,3.55525 4.44423333,3.55525 Z"
+              id="Combined-Shape" fill="#FFFFFF"></path>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/button/discount/zodiac.svg b/packages/admin-ui/src/styling/icons/button/discount/zodiac.svg
index 15d095d6..1295f4a9 100644
--- a/packages/admin-ui/src/styling/icons/button/discount/zodiac.svg
+++ b/packages/admin-ui/src/styling/icons/button/discount/zodiac.svg
@@ -1,7 +1,10 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <g id="icon/button/loyalty/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <polygon id="Stroke-2" stroke="#1B2559" stroke-linejoin="round" points="8.27822222 0.5 3.72177778 0.5 0.5 3.72177778 0.5 8.27822222 3.72177778 11.5 8.27822222 11.5 11.5 8.27822222 11.5 3.72177778"></polygon>
-        <path d="M7.55533889,6.66641667 C8.04667222,6.66641667 8.44450556,7.06486111 8.44450556,7.55558333 C8.44450556,8.04630556 8.04667222,8.44475 7.55533889,8.44475 C7.06461667,8.44475 6.66678333,8.04630556 6.66678333,7.55558333 C6.66678333,7.06486111 7.06461667,6.66641667 7.55533889,6.66641667 Z M8.44481111,3.55555556 L4.44447778,8.44444444 L3.55592222,8.44444444 L7.55564444,3.55555556 L8.44481111,3.55555556 Z M4.44423333,3.55525 C4.93556667,3.55525 5.3334,3.95369444 5.3334,4.44441667 C5.3334,4.93513889 4.93556667,5.33358333 4.44423333,5.33358333 C3.95351111,5.33358333 3.55567778,4.93513889 3.55567778,4.44441667 C3.55567778,3.95369444 3.95351111,3.55525 4.44423333,3.55525 Z" id="Combined-Shape" fill="#1B2559"></path>
+        <polygon id="Stroke-2" stroke="#1B2559" stroke-linejoin="round"
+                 points="8.27822222 0.5 3.72177778 0.5 0.5 3.72177778 0.5 8.27822222 3.72177778 11.5 8.27822222 11.5 11.5 8.27822222 11.5 3.72177778"></polygon>
+        <path d="M7.55533889,6.66641667 C8.04667222,6.66641667 8.44450556,7.06486111 8.44450556,7.55558333 C8.44450556,8.04630556 8.04667222,8.44475 7.55533889,8.44475 C7.06461667,8.44475 6.66678333,8.04630556 6.66678333,7.55558333 C6.66678333,7.06486111 7.06461667,6.66641667 7.55533889,6.66641667 Z M8.44481111,3.55555556 L4.44447778,8.44444444 L3.55592222,8.44444444 L7.55564444,3.55555556 L8.44481111,3.55555556 Z M4.44423333,3.55525 C4.93556667,3.55525 5.3334,3.95369444 5.3334,4.44441667 C5.3334,4.93513889 4.93556667,5.33358333 4.44423333,5.33358333 C3.95351111,5.33358333 3.55567778,4.93513889 3.55567778,4.44441667 C3.55567778,3.95369444 3.95351111,3.55525 4.44423333,3.55525 Z"
+              id="Combined-Shape" fill="#1B2559"></path>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/button/download/white.svg b/packages/admin-ui/src/styling/icons/button/download/white.svg
index 8ceed415..07ec7552 100644
--- a/packages/admin-ui/src/styling/icons/button/download/white.svg
+++ b/packages/admin-ui/src/styling/icons/button/download/white.svg
@@ -1,12 +1,15 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
-    <g id="icon/button/download/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+    <g id="icon/button/download/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
+       stroke-linecap="round" stroke-linejoin="round">
         <g id="icon/sf-small/wizzard" stroke="#FFFFFF">
             <polyline id="Path-3" points="3.6 5.4 6 7.8 8.4 5.4"></polyline>
             <line x1="6" y1="0.5" x2="6" y2="7.4" id="Path-4"></line>
-            <path d="M0,10 L0,10 C0,10.9942 0.8058,11.8 1.8,11.8 L10.2,11.8 C11.1942,11.8 12,10.9942 12,10" id="Stroke-1"></path>
+            <path d="M0,10 L0,10 C0,10.9942 0.8058,11.8 1.8,11.8 L10.2,11.8 C11.1942,11.8 12,10.9942 12,10"
+                  id="Stroke-1"></path>
         </g>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/button/download/zodiac.svg b/packages/admin-ui/src/styling/icons/button/download/zodiac.svg
index 40db4acd..02d68d43 100644
--- a/packages/admin-ui/src/styling/icons/button/download/zodiac.svg
+++ b/packages/admin-ui/src/styling/icons/button/download/zodiac.svg
@@ -1,12 +1,15 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
-    <g id="icon/button/download/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+    <g id="icon/button/download/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
+       stroke-linecap="round" stroke-linejoin="round">
         <g id="icon/sf-small/wizzard" stroke="#1B2559">
             <polyline id="Path-3" points="3.6 5.4 6 7.8 8.4 5.4"></polyline>
             <line x1="6" y1="0.5" x2="6" y2="7.4" id="Path-4"></line>
-            <path d="M0,10 L0,10 C0,10.9942 0.8058,11.8 1.8,11.8 L10.2,11.8 C11.1942,11.8 12,10.9942 12,10" id="Stroke-1"></path>
+            <path d="M0,10 L0,10 C0,10.9942 0.8058,11.8 1.8,11.8 L10.2,11.8 C11.1942,11.8 12,10.9942 12,10"
+                  id="Stroke-1"></path>
         </g>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/button/edit/white.svg b/packages/admin-ui/src/styling/icons/button/edit/white.svg
index 717b213d..443c83de 100644
--- a/packages/admin-ui/src/styling/icons/button/edit/white.svg
+++ b/packages/admin-ui/src/styling/icons/button/edit/white.svg
@@ -1,9 +1,13 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
-    <g id="icon/button/edit/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
-        <path d="M0,10 L0,10 C0,10.9942 0.8058,11.8 1.8,11.8 L10.2,11.8 C11.1942,11.8 12,10.9942 12,10" id="Stroke-1" stroke="#FFFFFF"></path>
-        <polygon id="Stroke-3" stroke="#FFFFFF" points="3 6.86666667 8.86666667 1 11 3.13333333 5.13333333 9 3 9"></polygon>
+    <g id="icon/button/edit/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round"
+       stroke-linejoin="round">
+        <path d="M0,10 L0,10 C0,10.9942 0.8058,11.8 1.8,11.8 L10.2,11.8 C11.1942,11.8 12,10.9942 12,10" id="Stroke-1"
+              stroke="#FFFFFF"></path>
+        <polygon id="Stroke-3" stroke="#FFFFFF"
+                 points="3 6.86666667 8.86666667 1 11 3.13333333 5.13333333 9 3 9"></polygon>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/button/edit/zodiac.svg b/packages/admin-ui/src/styling/icons/button/edit/zodiac.svg
index e112bb5a..378791ca 100644
--- a/packages/admin-ui/src/styling/icons/button/edit/zodiac.svg
+++ b/packages/admin-ui/src/styling/icons/button/edit/zodiac.svg
@@ -1,9 +1,13 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
-    <g id="icon/button/edit/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
-        <path d="M0,10 L0,10 C0,10.9942 0.8058,11.8 1.8,11.8 L10.2,11.8 C11.1942,11.8 12,10.9942 12,10" id="Stroke-1" stroke="#1B2559"></path>
-        <polygon id="Stroke-3" stroke="#1B2559" points="3 6.86666667 8.86666667 1 11 3.13333333 5.13333333 9 3 9"></polygon>
+    <g id="icon/button/edit/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
+       stroke-linecap="round" stroke-linejoin="round">
+        <path d="M0,10 L0,10 C0,10.9942 0.8058,11.8 1.8,11.8 L10.2,11.8 C11.1942,11.8 12,10.9942 12,10" id="Stroke-1"
+              stroke="#1B2559"></path>
+        <polygon id="Stroke-3" stroke="#1B2559"
+                 points="3 6.86666667 8.86666667 1 11 3.13333333 5.13333333 9 3 9"></polygon>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/button/export to PDF/white.svg b/packages/admin-ui/src/styling/icons/button/export to PDF/white.svg
index e32a1e35..c48bcb63 100644
--- a/packages/admin-ui/src/styling/icons/button/export to PDF/white.svg	
+++ b/packages/admin-ui/src/styling/icons/button/export to PDF/white.svg	
@@ -1,5 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
     <g id="icon/button/export-to-PDF/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
@@ -8,10 +9,13 @@
             <line x1="0.846153846" y1="2.92307692" x2="5.46153846" y2="2.92307692" id="Path-7-Copy"></line>
             <line x1="0.846153846" y1="4.76923077" x2="5.46153846" y2="4.76923077" id="Path-7-Copy-2"></line>
         </g>
-        <polygon id="Stroke-7" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" points="12 11 4 11 4 0 9.33333333 1.73325476e-12 12 3.02290076"></polygon>
-        <polygon id="Path-5" stroke="#FFFFFF" stroke-linejoin="round" points="9 0 9 2.76923077 11.7692308 2.76923077"></polygon>
+        <polygon id="Stroke-7" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round"
+                 points="12 11 4 11 4 0 9.33333333 1.73325476e-12 12 3.02290076"></polygon>
+        <polygon id="Path-5" stroke="#FFFFFF" stroke-linejoin="round"
+                 points="9 0 9 2.76923077 11.7692308 2.76923077"></polygon>
         <circle id="Oval" stroke="#FFFFFF" fill="#5F668A" cx="3.69230769" cy="8.69230769" r="3.69230769"></circle>
-        <g id="Group-11" transform="translate(1.846154, 6.846154)" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round">
+        <g id="Group-11" transform="translate(1.846154, 6.846154)" stroke="#FFFFFF" stroke-linecap="round"
+           stroke-linejoin="round">
             <line x1="1.84615385" y1="0.131868132" x2="1.84615385" y2="3.69230769" id="Line-2"></line>
             <polyline id="Path-8" points="0 1.84615385 1.84615385 0 3.69230769 1.84615385"></polyline>
         </g>
diff --git a/packages/admin-ui/src/styling/icons/button/export to PDF/zodiac.svg b/packages/admin-ui/src/styling/icons/button/export to PDF/zodiac.svg
index bebece76..b6fe94af 100644
--- a/packages/admin-ui/src/styling/icons/button/export to PDF/zodiac.svg	
+++ b/packages/admin-ui/src/styling/icons/button/export to PDF/zodiac.svg	
@@ -1,5 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
     <g id="icon/button/export-to-PDF/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
@@ -8,10 +9,13 @@
             <line x1="0.846153846" y1="2.92307692" x2="5.46153846" y2="2.92307692" id="Path-7-Copy"></line>
             <line x1="0.846153846" y1="4.76923077" x2="5.46153846" y2="4.76923077" id="Path-7-Copy-2"></line>
         </g>
-        <polygon id="Stroke-7" stroke="#1B2559" stroke-linecap="round" stroke-linejoin="round" points="12 11 4 11 4 0 9.33333333 1.73325476e-12 12 3.02290076"></polygon>
-        <polygon id="Path-5" stroke="#1B2559" stroke-linejoin="round" points="9 0 9 2.76923077 11.7692308 2.76923077"></polygon>
+        <polygon id="Stroke-7" stroke="#1B2559" stroke-linecap="round" stroke-linejoin="round"
+                 points="12 11 4 11 4 0 9.33333333 1.73325476e-12 12 3.02290076"></polygon>
+        <polygon id="Path-5" stroke="#1B2559" stroke-linejoin="round"
+                 points="9 0 9 2.76923077 11.7692308 2.76923077"></polygon>
         <circle id="Oval" stroke="#1B2559" fill="#EBEFFF" cx="3.69230769" cy="8.69230769" r="3.69230769"></circle>
-        <g id="Group-11" transform="translate(1.846154, 6.846154)" stroke="#1B2559" stroke-linecap="round" stroke-linejoin="round">
+        <g id="Group-11" transform="translate(1.846154, 6.846154)" stroke="#1B2559" stroke-linecap="round"
+           stroke-linejoin="round">
             <line x1="1.84615385" y1="0.131868132" x2="1.84615385" y2="3.69230769" id="Line-2"></line>
             <polyline id="Path-8" points="0 1.84615385 1.84615385 0 3.69230769 1.84615385"></polyline>
         </g>
diff --git a/packages/admin-ui/src/styling/icons/button/export-pdf/white.svg b/packages/admin-ui/src/styling/icons/button/export-pdf/white.svg
index 90fa4f2e..fa8d163e 100644
--- a/packages/admin-ui/src/styling/icons/button/export-pdf/white.svg
+++ b/packages/admin-ui/src/styling/icons/button/export-pdf/white.svg
@@ -1,10 +1,15 @@
 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M6.8457 6.07693H10.0765" stroke="white" stroke-linecap="round"/>
-<path d="M6.8457 7.92309H11.4611" stroke="white" stroke-linecap="round"/>
-<path d="M6.8457 9.76925H11.4611" stroke="white" stroke-linecap="round"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M13 12H5L5 1L10.3333 1L13 4.0229V12Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M10 1V3.76923H12.7692L10 1Z" stroke="white" stroke-linejoin="round"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M4.69231 13.3846C6.73151 13.3846 8.38462 11.7315 8.38462 9.69231C8.38462 7.6531 6.73151 6 4.69231 6C2.6531 6 1 7.6531 1 9.69231C1 11.7315 2.6531 13.3846 4.69231 13.3846Z" fill="#5F668A" stroke="white"/>
-<path d="M4.69163 7.97803V11.5385" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M2.8457 9.69231L4.69186 7.84616L6.53801 9.69231" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M6.8457 6.07693H10.0765" stroke="white" stroke-linecap="round"/>
+    <path d="M6.8457 7.92309H11.4611" stroke="white" stroke-linecap="round"/>
+    <path d="M6.8457 9.76925H11.4611" stroke="white" stroke-linecap="round"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M13 12H5L5 1L10.3333 1L13 4.0229V12Z" stroke="white"
+          stroke-linecap="round" stroke-linejoin="round"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M10 1V3.76923H12.7692L10 1Z" stroke="white"
+          stroke-linejoin="round"/>
+    <path fill-rule="evenodd" clip-rule="evenodd"
+          d="M4.69231 13.3846C6.73151 13.3846 8.38462 11.7315 8.38462 9.69231C8.38462 7.6531 6.73151 6 4.69231 6C2.6531 6 1 7.6531 1 9.69231C1 11.7315 2.6531 13.3846 4.69231 13.3846Z"
+          fill="#5F668A" stroke="white"/>
+    <path d="M4.69163 7.97803V11.5385" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M2.8457 9.69231L4.69186 7.84616L6.53801 9.69231" stroke="white" stroke-linecap="round"
+          stroke-linejoin="round"/>
 </svg>
diff --git a/packages/admin-ui/src/styling/icons/button/filter/white.svg b/packages/admin-ui/src/styling/icons/button/filter/white.svg
index a3542fe9..960997a1 100644
--- a/packages/admin-ui/src/styling/icons/button/filter/white.svg
+++ b/packages/admin-ui/src/styling/icons/button/filter/white.svg
@@ -1,7 +1,9 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>icon/button/filter/white</title>
     <g id="icon/button/filter/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M0.6,-3.33066907e-16 L0.509218076,0.00652107669 C0.068925647,0.0708166555 -0.160361948,0.596737342 0.124968515,0.966531156 L4.166,6.204 L4.16660432,9.6 C4.16660432,9.79162756 4.25813682,9.97172829 4.41293455,10.0846831 L6.8797259,11.8846831 L6.96095139,11.9350192 C7.34801849,12.1353088 7.83339568,11.8580867 7.83339568,11.4 L7.833,6.204 L11.8750315,0.966531156 C12.179384,0.572084421 11.8982155,-3.33066907e-16 11.4,-3.33066907e-16 L0.6,-3.33066907e-16 Z M10.179,1.199 L6.75836419,5.63346884 L6.70465653,5.71638775 C6.65811535,5.80315577 6.63339568,5.90052663 6.63339568,6 L6.633,10.219 L5.366,9.294 L5.36660432,6 L5.35847177,5.90154229 C5.34231401,5.80441508 5.30240262,5.71222382 5.24163581,5.63346884 L1.82,1.199 L10.179,1.199 Z" id="Path" fill="#FFFFFF" fill-rule="nonzero"></path>
+        <path d="M0.6,-3.33066907e-16 L0.509218076,0.00652107669 C0.068925647,0.0708166555 -0.160361948,0.596737342 0.124968515,0.966531156 L4.166,6.204 L4.16660432,9.6 C4.16660432,9.79162756 4.25813682,9.97172829 4.41293455,10.0846831 L6.8797259,11.8846831 L6.96095139,11.9350192 C7.34801849,12.1353088 7.83339568,11.8580867 7.83339568,11.4 L7.833,6.204 L11.8750315,0.966531156 C12.179384,0.572084421 11.8982155,-3.33066907e-16 11.4,-3.33066907e-16 L0.6,-3.33066907e-16 Z M10.179,1.199 L6.75836419,5.63346884 L6.70465653,5.71638775 C6.65811535,5.80315577 6.63339568,5.90052663 6.63339568,6 L6.633,10.219 L5.366,9.294 L5.36660432,6 L5.35847177,5.90154229 C5.34231401,5.80441508 5.30240262,5.71222382 5.24163581,5.63346884 L1.82,1.199 L10.179,1.199 Z"
+              id="Path" fill="#FFFFFF" fill-rule="nonzero"></path>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/button/filter/zodiac.svg b/packages/admin-ui/src/styling/icons/button/filter/zodiac.svg
index 51cdefd6..af292f68 100644
--- a/packages/admin-ui/src/styling/icons/button/filter/zodiac.svg
+++ b/packages/admin-ui/src/styling/icons/button/filter/zodiac.svg
@@ -1,7 +1,9 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>icon/button/filter/zodiac</title>
     <g id="icon/button/filter/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M0.6,-4.56301663e-14 L0.509218076,0.00652107669 C0.068925647,0.0708166555 -0.160361948,0.596737342 0.124968515,0.966531156 L4.166,6.204 L4.16660432,9.6 C4.16660432,9.79162756 4.25813682,9.97172829 4.41293455,10.0846831 L6.8797259,11.8846831 L6.96095139,11.9350192 C7.34801849,12.1353088 7.83339568,11.8580867 7.83339568,11.4 L7.833,6.204 L11.8750315,0.966531156 C12.179384,0.572084421 11.8982155,-4.56301663e-14 11.4,-4.56301663e-14 L0.6,-4.56301663e-14 Z M10.179,1.199 L6.75836419,5.63346884 L6.70465653,5.71638775 C6.65811535,5.80315577 6.63339568,5.90052663 6.63339568,6 L6.633,10.219 L5.366,9.294 L5.36660432,6 L5.35847177,5.90154229 C5.34231401,5.80441508 5.30240262,5.71222382 5.24163581,5.63346884 L1.82,1.199 L10.179,1.199 Z" id="Path" fill="#1B2559" fill-rule="nonzero"></path>
+        <path d="M0.6,-4.56301663e-14 L0.509218076,0.00652107669 C0.068925647,0.0708166555 -0.160361948,0.596737342 0.124968515,0.966531156 L4.166,6.204 L4.16660432,9.6 C4.16660432,9.79162756 4.25813682,9.97172829 4.41293455,10.0846831 L6.8797259,11.8846831 L6.96095139,11.9350192 C7.34801849,12.1353088 7.83339568,11.8580867 7.83339568,11.4 L7.833,6.204 L11.8750315,0.966531156 C12.179384,0.572084421 11.8982155,-4.56301663e-14 11.4,-4.56301663e-14 L0.6,-4.56301663e-14 Z M10.179,1.199 L6.75836419,5.63346884 L6.70465653,5.71638775 C6.65811535,5.80315577 6.63339568,5.90052663 6.63339568,6 L6.633,10.219 L5.366,9.294 L5.36660432,6 L5.35847177,5.90154229 C5.34231401,5.80441508 5.30240262,5.71222382 5.24163581,5.63346884 L1.82,1.199 L10.179,1.199 Z"
+              id="Path" fill="#1B2559" fill-rule="nonzero"></path>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/button/ignore/white.svg b/packages/admin-ui/src/styling/icons/button/ignore/white.svg
index 6e64b340..08c44091 100644
--- a/packages/admin-ui/src/styling/icons/button/ignore/white.svg
+++ b/packages/admin-ui/src/styling/icons/button/ignore/white.svg
@@ -1,5 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
     <g id="icon/button/ignore/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
diff --git a/packages/admin-ui/src/styling/icons/button/ignore/zodiac.svg b/packages/admin-ui/src/styling/icons/button/ignore/zodiac.svg
index 7fb57a3e..74fb3a30 100644
--- a/packages/admin-ui/src/styling/icons/button/ignore/zodiac.svg
+++ b/packages/admin-ui/src/styling/icons/button/ignore/zodiac.svg
@@ -1,5 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
     <g id="icon/button/ignore/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
diff --git a/packages/admin-ui/src/styling/icons/button/key/white.svg b/packages/admin-ui/src/styling/icons/button/key/white.svg
index ec28f490..53114386 100644
--- a/packages/admin-ui/src/styling/icons/button/key/white.svg
+++ b/packages/admin-ui/src/styling/icons/button/key/white.svg
@@ -1,11 +1,14 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>icon/button/key/white</title>
     <g id="icon/button/key/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g id="Group" transform="translate(0.500000, 0.500000)" stroke="#FFFFFF">
             <circle id="Oval" cx="2.75" cy="8.25" r="2.75"></circle>
-            <line x1="5.04166667" y1="5.95833333" x2="11" y2="0" id="Path-13" stroke-linecap="round" stroke-linejoin="round"></line>
-            <line x1="8.25" y1="3.66666667" x2="10.5416667" y2="1.375" id="Path-13-Copy" stroke-width="2" stroke-linejoin="round"></line>
+            <line x1="5.04166667" y1="5.95833333" x2="11" y2="0" id="Path-13" stroke-linecap="round"
+                  stroke-linejoin="round"></line>
+            <line x1="8.25" y1="3.66666667" x2="10.5416667" y2="1.375" id="Path-13-Copy" stroke-width="2"
+                  stroke-linejoin="round"></line>
         </g>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/button/key/zodiac.svg b/packages/admin-ui/src/styling/icons/button/key/zodiac.svg
index cd9d1645..73b2c34f 100644
--- a/packages/admin-ui/src/styling/icons/button/key/zodiac.svg
+++ b/packages/admin-ui/src/styling/icons/button/key/zodiac.svg
@@ -1,11 +1,14 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>icon/button/key/zodiac</title>
     <g id="icon/button/key/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g id="Group" transform="translate(0.500000, 0.500000)" stroke="#1B2559">
             <circle id="Oval" cx="2.75" cy="8.25" r="2.75"></circle>
-            <line x1="5.04166667" y1="5.95833333" x2="11" y2="0" id="Path-13" stroke-linecap="round" stroke-linejoin="round"></line>
-            <line x1="8.25" y1="3.66666667" x2="10.5416667" y2="1.375" id="Path-13-Copy" stroke-width="2" stroke-linejoin="round"></line>
+            <line x1="5.04166667" y1="5.95833333" x2="11" y2="0" id="Path-13" stroke-linecap="round"
+                  stroke-linejoin="round"></line>
+            <line x1="8.25" y1="3.66666667" x2="10.5416667" y2="1.375" id="Path-13-Copy" stroke-width="2"
+                  stroke-linejoin="round"></line>
         </g>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/button/link/export.svg b/packages/admin-ui/src/styling/icons/button/link/export.svg
index 2a46ca2f..6ac38d04 100644
--- a/packages/admin-ui/src/styling/icons/button/link/export.svg
+++ b/packages/admin-ui/src/styling/icons/button/link/export.svg
@@ -1,5 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
     <g id="icon/button/link/export" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
@@ -8,10 +9,13 @@
             <line x1="0.846153846" y1="2.92307692" x2="5.46153846" y2="2.92307692" id="Path-7-Copy"></line>
             <line x1="0.846153846" y1="4.76923077" x2="5.46153846" y2="4.76923077" id="Path-7-Copy-2"></line>
         </g>
-        <polygon id="Stroke-7" stroke="#1B2559" stroke-linecap="round" stroke-linejoin="round" points="12 11 4 11 4 0 9.33333333 1.73325476e-12 12 3.02290076"></polygon>
-        <polygon id="Path-5" stroke="#1B2559" stroke-linejoin="round" points="9 0 9 2.76923077 11.7692308 2.76923077"></polygon>
+        <polygon id="Stroke-7" stroke="#1B2559" stroke-linecap="round" stroke-linejoin="round"
+                 points="12 11 4 11 4 0 9.33333333 1.73325476e-12 12 3.02290076"></polygon>
+        <polygon id="Path-5" stroke="#1B2559" stroke-linejoin="round"
+                 points="9 0 9 2.76923077 11.7692308 2.76923077"></polygon>
         <circle id="Oval" stroke="#1B2559" fill="#EBEFFF" cx="3.69230769" cy="8.69230769" r="3.69230769"></circle>
-        <g id="Group-11" transform="translate(1.846154, 6.846154)" stroke="#1B2559" stroke-linecap="round" stroke-linejoin="round">
+        <g id="Group-11" transform="translate(1.846154, 6.846154)" stroke="#1B2559" stroke-linecap="round"
+           stroke-linejoin="round">
             <line x1="1.84615385" y1="0.131868132" x2="1.84615385" y2="3.69230769" id="Line-2"></line>
             <polyline id="Path-8" points="0 1.84615385 1.84615385 0 3.69230769 1.84615385"></polyline>
         </g>
diff --git a/packages/admin-ui/src/styling/icons/button/link/white.svg b/packages/admin-ui/src/styling/icons/button/link/white.svg
index decd7fc4..6e65cddf 100644
--- a/packages/admin-ui/src/styling/icons/button/link/white.svg
+++ b/packages/admin-ui/src/styling/icons/button/link/white.svg
@@ -1,8 +1,10 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
-    <g id="icon/button/link/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+    <g id="icon/button/link/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round"
+       stroke-linejoin="round">
         <g id="Group-7" stroke="#FFFFFF" stroke-width="1.2">
             <polyline id="Stroke-1" points="12 6.66678 12 12.00018 0 12.00018 0 0.00018 5.3334 0.00018"></polyline>
             <polyline id="Stroke-3" points="8.66658 0 12.00018 0 12.00018 3.3336"></polyline>
diff --git a/packages/admin-ui/src/styling/icons/button/link/zodiac.svg b/packages/admin-ui/src/styling/icons/button/link/zodiac.svg
index 20e48189..bf3bd27a 100644
--- a/packages/admin-ui/src/styling/icons/button/link/zodiac.svg
+++ b/packages/admin-ui/src/styling/icons/button/link/zodiac.svg
@@ -1,8 +1,10 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
-    <g id="icon/button/link/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+    <g id="icon/button/link/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
+       stroke-linecap="round" stroke-linejoin="round">
         <g id="Group-7" stroke="#1B2559" stroke-width="1.2">
             <polyline id="Stroke-1" points="12 6.66678 12 12.00018 0 12.00018 0 0.00018 5.3334 0.00018"></polyline>
             <polyline id="Stroke-3" points="8.66658 0 12.00018 0 12.00018 3.3336"></polyline>
diff --git a/packages/admin-ui/src/styling/icons/button/lock/white.svg b/packages/admin-ui/src/styling/icons/button/lock/white.svg
index 53b5e362..db4395ec 100644
--- a/packages/admin-ui/src/styling/icons/button/lock/white.svg
+++ b/packages/admin-ui/src/styling/icons/button/lock/white.svg
@@ -1,10 +1,13 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>icon/button/lock/white</title>
     <g id="icon/button/lock/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g id="Lock-Icon-White" transform="translate(0.500000, 0.500000)">
-            <path d="M7.98058644,2.48058644 C7.98058644,1.11059638 6.86999006,0 5.5,0 C4.13000994,0 3.01941356,1.11059638 3.01941356,2.48058644 C3.01941356,3.39391315 3.01941356,4.09482878 3.01941356,4.58333333 L7.98058644,4.58333333 C7.98058644,4.09482878 7.98058644,3.39391315 7.98058644,2.48058644 Z" id="Lock" stroke="#FFFFFF" stroke-linejoin="round"></path>
-            <rect id="Body" stroke="#FFFFFF" stroke-linejoin="round" x="0" y="4.58333333" width="11" height="6.41666667"></rect>
+            <path d="M7.98058644,2.48058644 C7.98058644,1.11059638 6.86999006,0 5.5,0 C4.13000994,0 3.01941356,1.11059638 3.01941356,2.48058644 C3.01941356,3.39391315 3.01941356,4.09482878 3.01941356,4.58333333 L7.98058644,4.58333333 C7.98058644,4.09482878 7.98058644,3.39391315 7.98058644,2.48058644 Z"
+                  id="Lock" stroke="#FFFFFF" stroke-linejoin="round"></path>
+            <rect id="Body" stroke="#FFFFFF" stroke-linejoin="round" x="0" y="4.58333333" width="11"
+                  height="6.41666667"></rect>
             <circle id="Key-Hole" fill="#FFFFFF" cx="5.5" cy="7.33333333" r="1"></circle>
         </g>
     </g>
diff --git a/packages/admin-ui/src/styling/icons/button/lock/zodiac.svg b/packages/admin-ui/src/styling/icons/button/lock/zodiac.svg
index fd064efc..a637c03b 100644
--- a/packages/admin-ui/src/styling/icons/button/lock/zodiac.svg
+++ b/packages/admin-ui/src/styling/icons/button/lock/zodiac.svg
@@ -1,10 +1,13 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>icon/button/lock/zodiac</title>
     <g id="icon/button/lock/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g id="Lock-Icon-Zodiac" transform="translate(0.500000, 0.500000)">
-            <path d="M7.98058644,2.48058644 C7.98058644,1.11059638 6.86999006,0 5.5,0 C4.13000994,0 3.01941356,1.11059638 3.01941356,2.48058644 C3.01941356,3.39391315 3.01941356,4.09482878 3.01941356,4.58333333 L7.98058644,4.58333333 C7.98058644,4.09482878 7.98058644,3.39391315 7.98058644,2.48058644 Z" id="Lock" stroke="#1B2559" stroke-linejoin="round"></path>
-            <rect id="Body" stroke="#1B2559" stroke-linejoin="round" x="0" y="4.58333333" width="11" height="6.41666667"></rect>
+            <path d="M7.98058644,2.48058644 C7.98058644,1.11059638 6.86999006,0 5.5,0 C4.13000994,0 3.01941356,1.11059638 3.01941356,2.48058644 C3.01941356,3.39391315 3.01941356,4.09482878 3.01941356,4.58333333 L7.98058644,4.58333333 C7.98058644,4.09482878 7.98058644,3.39391315 7.98058644,2.48058644 Z"
+                  id="Lock" stroke="#1B2559" stroke-linejoin="round"></path>
+            <rect id="Body" stroke="#1B2559" stroke-linejoin="round" x="0" y="4.58333333" width="11"
+                  height="6.41666667"></rect>
             <circle id="Key-Hole" fill="#1B2559" cx="5.5" cy="7.33333333" r="1"></circle>
         </g>
     </g>
diff --git a/packages/admin-ui/src/styling/icons/button/photo/white-resized.svg b/packages/admin-ui/src/styling/icons/button/photo/white-resized.svg
index fc199166..f25831cf 100644
--- a/packages/admin-ui/src/styling/icons/button/photo/white-resized.svg
+++ b/packages/admin-ui/src/styling/icons/button/photo/white-resized.svg
@@ -1,19 +1,29 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <g id="icon/button/photo/white-resized" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g id="Group-3" transform="translate(-0.000000, 0.000000)">
             <g id="Group-2" transform="translate(3.333333, 0.000000)" stroke="#FFFFFF">
-                <rect id="Rectangle-Copy" transform="translate(8.333333, 8.333333) scale(-1, 1) translate(-8.333333, -8.333333) " x="0.5" y="0.5" width="15.6666667" height="15.6666667" rx="1"></rect>
-                <circle id="Oval-Copy" fill="#FFFFFF" transform="translate(4.166667, 4.166667) scale(-1, 1) translate(-4.166667, -4.166667) " cx="4.16666667" cy="4.16666667" r="1"></circle>
+                <rect id="Rectangle-Copy"
+                      transform="translate(8.333333, 8.333333) scale(-1, 1) translate(-8.333333, -8.333333) " x="0.5"
+                      y="0.5" width="15.6666667" height="15.6666667" rx="1"></rect>
+                <circle id="Oval-Copy" fill="#FFFFFF"
+                        transform="translate(4.166667, 4.166667) scale(-1, 1) translate(-4.166667, -4.166667) "
+                        cx="4.16666667" cy="4.16666667" r="1"></circle>
             </g>
             <g id="Group" transform="translate(0.000000, 6.666667)">
-                <g id="Group-14" transform="translate(11.691221, 6.211306) scale(-1, 1) translate(-11.691221, -6.211306) translate(4.158064, 3.055556)" stroke="#FFFFFF" stroke-linejoin="round">
+                <g id="Group-14"
+                   transform="translate(11.691221, 6.211306) scale(-1, 1) translate(-11.691221, -6.211306) translate(4.158064, 3.055556)"
+                   stroke="#FFFFFF" stroke-linejoin="round">
                     <polyline id="Path-Copy-2" points="0 4.58204149 5.10673153 0 11.6154223 6.31150113"></polyline>
-                    <polyline id="Path" points="9.02830015 3.23981481 11.3158819 0.925925926 15.0663146 4.81868037"></polyline>
+                    <polyline id="Path"
+                              points="9.02830015 3.23981481 11.3158819 0.925925926 15.0663146 4.81868037"></polyline>
                 </g>
                 <g id="Group-9">
-                    <circle id="Oval" stroke="#FFFFFF" fill="#5F668A" cx="6.66666667" cy="6.66666667" r="6.16666667"></circle>
-                    <polygon id="Path" fill="#FFFFFF" fill-rule="nonzero" points="7.22222222 6.11111111 10 6.11111111 10 7.22222222 7.22222222 7.22222222 7.22222222 10 6.11111111 10 6.11111111 7.22222222 3.33333333 7.22222222 3.33333333 6.11111111 6.11111111 6.11111111 6.11111111 3.33333333 7.22222222 3.33333333"></polygon>
+                    <circle id="Oval" stroke="#FFFFFF" fill="#5F668A" cx="6.66666667" cy="6.66666667"
+                            r="6.16666667"></circle>
+                    <polygon id="Path" fill="#FFFFFF" fill-rule="nonzero"
+                             points="7.22222222 6.11111111 10 6.11111111 10 7.22222222 7.22222222 7.22222222 7.22222222 10 6.11111111 10 6.11111111 7.22222222 3.33333333 7.22222222 3.33333333 6.11111111 6.11111111 6.11111111 6.11111111 3.33333333 7.22222222 3.33333333"></polygon>
                 </g>
             </g>
         </g>
diff --git a/packages/admin-ui/src/styling/icons/button/photo/zodiac-resized.svg b/packages/admin-ui/src/styling/icons/button/photo/zodiac-resized.svg
index 1065bc1f..a6137d47 100644
--- a/packages/admin-ui/src/styling/icons/button/photo/zodiac-resized.svg
+++ b/packages/admin-ui/src/styling/icons/button/photo/zodiac-resized.svg
@@ -1,18 +1,24 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <g id="icon/button/photo/zodiac-resized" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g id="Group-2">
-            <g id="Group" transform="translate(11.666667, 8.333333) scale(-1, 1) translate(-11.666667, -8.333333) translate(3.333333, 0.000000)" stroke="#1B2559">
+            <g id="Group"
+               transform="translate(11.666667, 8.333333) scale(-1, 1) translate(-11.666667, -8.333333) translate(3.333333, 0.000000)"
+               stroke="#1B2559">
                 <rect id="Rectangle-Copy" x="0.5" y="0.5" width="15.6666667" height="15.6666667" rx="1"></rect>
                 <circle id="Oval-Copy" fill="#1B2559" cx="12.5" cy="4.16666667" r="1"></circle>
                 <g id="Group-14" transform="translate(0.775621, 9.722222)" stroke-linejoin="round">
                     <polyline id="Path-Copy-2" points="0 4.58204149 5.10673153 0 11.6154223 6.31150113"></polyline>
-                    <polyline id="Path" points="9.02830015 3.23981481 11.3158819 0.925925926 15.0663146 4.81868037"></polyline>
+                    <polyline id="Path"
+                              points="9.02830015 3.23981481 11.3158819 0.925925926 15.0663146 4.81868037"></polyline>
                 </g>
             </g>
             <g id="Group-9" transform="translate(0.000000, 6.666667)">
-                <circle id="Oval" stroke="#1B2559" fill="#EBEFFF" cx="6.66666667" cy="6.66666667" r="6.16666667"></circle>
-                <polygon id="Path" fill="#1B2559" fill-rule="nonzero" points="7.22222222 6.11111111 10 6.11111111 10 7.22222222 7.22222222 7.22222222 7.22222222 10 6.11111111 10 6.11111111 7.22222222 3.33333333 7.22222222 3.33333333 6.11111111 6.11111111 6.11111111 6.11111111 3.33333333 7.22222222 3.33333333"></polygon>
+                <circle id="Oval" stroke="#1B2559" fill="#EBEFFF" cx="6.66666667" cy="6.66666667"
+                        r="6.16666667"></circle>
+                <polygon id="Path" fill="#1B2559" fill-rule="nonzero"
+                         points="7.22222222 6.11111111 10 6.11111111 10 7.22222222 7.22222222 7.22222222 7.22222222 10 6.11111111 10 6.11111111 7.22222222 3.33333333 7.22222222 3.33333333 6.11111111 6.11111111 6.11111111 6.11111111 3.33333333 7.22222222 3.33333333"></polygon>
             </g>
         </g>
     </g>
diff --git a/packages/admin-ui/src/styling/icons/button/reboot/white.svg b/packages/admin-ui/src/styling/icons/button/reboot/white.svg
index 0531c087..6158eba1 100644
--- a/packages/admin-ui/src/styling/icons/button/reboot/white.svg
+++ b/packages/admin-ui/src/styling/icons/button/reboot/white.svg
@@ -1,17 +1,24 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="12px" height="12px" viewBox="-0.493 -0.5 12.993 13" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="12px" height="12px" viewBox="-0.493 -0.5 12.993 13" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
-    <g id="icon/button/reboot/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+    <g id="icon/button/reboot/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
+       stroke-linecap="round" stroke-linejoin="round">
         <g id="Group-3" stroke="#FFFFFF">
             <g id="Group-2">
-                <path d="M3.57419317,11.1560104 C2.91506589,10.8661403 2.29620875,10.4522182 1.75493083,9.91362078 C-0.568892549,7.60089351 -0.587250991,3.86936104 1.71406849,1.57845195 C2.03057585,1.26367293 2.37407977,0.992496226 2.73740775,0.764921841" id="Stroke-1"></path>
-                <polyline id="Stroke-3" points="3.37563213 1.84831169 3.36911784 0.595324675 2.18174122 4.15223411e-14"></polyline>
+                <path d="M3.57419317,11.1560104 C2.91506589,10.8661403 2.29620875,10.4522182 1.75493083,9.91362078 C-0.568892549,7.60089351 -0.587250991,3.86936104 1.71406849,1.57845195 C2.03057585,1.26367293 2.37407977,0.992496226 2.73740775,0.764921841"
+                      id="Stroke-1"></path>
+                <polyline id="Stroke-3"
+                          points="3.37563213 1.84831169 3.36911784 0.595324675 2.18174122 4.15223411e-14"></polyline>
             </g>
             <line x1="5.92223784" y1="7.57277922" x2="5.92223784" y2="3.98212987" id="Stroke-9"></line>
-            <g id="Group-2" transform="translate(9.818105, 6.000000) scale(-1, -1) translate(-9.818105, -6.000000) translate(7.636287, 0.000000)">
-                <path d="M3.57419317,11.1560104 C2.91506589,10.8661403 2.29620875,10.4522182 1.75493083,9.91362078 C-0.568892549,7.60089351 -0.587250991,3.86936104 1.71406849,1.57845195 C2.03057585,1.26367293 2.37407977,0.992496226 2.73740775,0.764921841" id="Stroke-1"></path>
-                <polyline id="Stroke-3" points="3.37563213 1.84831169 3.36911784 0.595324675 2.18174122 4.15223411e-14"></polyline>
+            <g id="Group-2"
+               transform="translate(9.818105, 6.000000) scale(-1, -1) translate(-9.818105, -6.000000) translate(7.636287, 0.000000)">
+                <path d="M3.57419317,11.1560104 C2.91506589,10.8661403 2.29620875,10.4522182 1.75493083,9.91362078 C-0.568892549,7.60089351 -0.587250991,3.86936104 1.71406849,1.57845195 C2.03057585,1.26367293 2.37407977,0.992496226 2.73740775,0.764921841"
+                      id="Stroke-1"></path>
+                <polyline id="Stroke-3"
+                          points="3.37563213 1.84831169 3.36911784 0.595324675 2.18174122 4.15223411e-14"></polyline>
             </g>
         </g>
     </g>
diff --git a/packages/admin-ui/src/styling/icons/button/reboot/zodiac.svg b/packages/admin-ui/src/styling/icons/button/reboot/zodiac.svg
index 4e117986..13eec9cc 100644
--- a/packages/admin-ui/src/styling/icons/button/reboot/zodiac.svg
+++ b/packages/admin-ui/src/styling/icons/button/reboot/zodiac.svg
@@ -1,17 +1,24 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="12px" height="12px" viewBox="-0.493 -0.5 12.993 13" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="12px" height="12px" viewBox="-0.493 -0.5 12.993 13" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
-    <g id="icon/button/reboot/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+    <g id="icon/button/reboot/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
+       stroke-linecap="round" stroke-linejoin="round">
         <g id="Group-3" stroke="#1B2559">
             <g id="Group-2">
-                <path d="M3.57419317,11.1560104 C2.91506589,10.8661403 2.29620875,10.4522182 1.75493083,9.91362078 C-0.568892549,7.60089351 -0.587250991,3.86936104 1.71406849,1.57845195 C2.03057585,1.26367293 2.37407977,0.992496226 2.73740775,0.764921841" id="Stroke-1"></path>
-                <polyline id="Stroke-3" points="3.37563213 1.84831169 3.36911784 0.595324675 2.18174122 4.15223411e-14"></polyline>
+                <path d="M3.57419317,11.1560104 C2.91506589,10.8661403 2.29620875,10.4522182 1.75493083,9.91362078 C-0.568892549,7.60089351 -0.587250991,3.86936104 1.71406849,1.57845195 C2.03057585,1.26367293 2.37407977,0.992496226 2.73740775,0.764921841"
+                      id="Stroke-1"></path>
+                <polyline id="Stroke-3"
+                          points="3.37563213 1.84831169 3.36911784 0.595324675 2.18174122 4.15223411e-14"></polyline>
             </g>
             <line x1="5.92223784" y1="7.57277922" x2="5.92223784" y2="3.98212987" id="Stroke-9"></line>
-            <g id="Group-2" transform="translate(9.818105, 6.000000) scale(-1, -1) translate(-9.818105, -6.000000) translate(7.636287, 0.000000)">
-                <path d="M3.57419317,11.1560104 C2.91506589,10.8661403 2.29620875,10.4522182 1.75493083,9.91362078 C-0.568892549,7.60089351 -0.587250991,3.86936104 1.71406849,1.57845195 C2.03057585,1.26367293 2.37407977,0.992496226 2.73740775,0.764921841" id="Stroke-1"></path>
-                <polyline id="Stroke-3" points="3.37563213 1.84831169 3.36911784 0.595324675 2.18174122 4.15223411e-14"></polyline>
+            <g id="Group-2"
+               transform="translate(9.818105, 6.000000) scale(-1, -1) translate(-9.818105, -6.000000) translate(7.636287, 0.000000)">
+                <path d="M3.57419317,11.1560104 C2.91506589,10.8661403 2.29620875,10.4522182 1.75493083,9.91362078 C-0.568892549,7.60089351 -0.587250991,3.86936104 1.71406849,1.57845195 C2.03057585,1.26367293 2.37407977,0.992496226 2.73740775,0.764921841"
+                      id="Stroke-1"></path>
+                <polyline id="Stroke-3"
+                          points="3.37563213 1.84831169 3.36911784 0.595324675 2.18174122 4.15223411e-14"></polyline>
             </g>
         </g>
     </g>
diff --git a/packages/admin-ui/src/styling/icons/button/replace/white.svg b/packages/admin-ui/src/styling/icons/button/replace/white.svg
index dd3d3f3c..961863ea 100644
--- a/packages/admin-ui/src/styling/icons/button/replace/white.svg
+++ b/packages/admin-ui/src/styling/icons/button/replace/white.svg
@@ -1,14 +1,20 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <g id="icon/button/replace/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+    <g id="icon/button/replace/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
+       stroke-linecap="round" stroke-linejoin="round">
         <g id="Group-3" transform="translate(0.500000, 0.500000)" stroke="#FFFFFF">
             <g id="Group-2">
-                <path d="M3.27636475,10.2264084 C2.67216087,9.96069246 2.10487152,9.58126145 1.60869691,9.087544 C-0.521488181,6.9675304 -0.538316861,3.54693703 1.57123953,1.44692357 C1.86137314,1.15837428 2.17625375,0.909794042 2.50930653,0.701182852" id="Stroke-1"></path>
+                <path d="M3.27636475,10.2264084 C2.67216087,9.96069246 2.10487152,9.58126145 1.60869691,9.087544 C-0.521488181,6.9675304 -0.538316861,3.54693703 1.57123953,1.44692357 C1.86137314,1.15837428 2.17625375,0.909794042 2.50930653,0.701182852"
+                      id="Stroke-1"></path>
                 <polyline id="Stroke-3" points="3.0943493 1.69429658 3.08837783 0.545717786 1.99994228 0"></polyline>
             </g>
-            <g id="Group-2" transform="translate(8.999987, 5.500035) scale(-1, -1) translate(-8.999987, -5.500035) translate(6.999974, 0.000000)">
-                <path d="M3.27636475,10.2264084 C2.67216087,9.96069246 2.10487152,9.58126145 1.60869691,9.087544 C-0.521488181,6.9675304 -0.538316861,3.54693703 1.57123953,1.44692357 C1.86137314,1.15837428 2.17625375,0.909794042 2.50930653,0.701182852" id="Stroke-1"></path>
-                <polyline id="Stroke-3" points="3.0943493 1.69429658 3.08837783 0.545717786 1.99994228 3.80623901e-14"></polyline>
+            <g id="Group-2"
+               transform="translate(8.999987, 5.500035) scale(-1, -1) translate(-8.999987, -5.500035) translate(6.999974, 0.000000)">
+                <path d="M3.27636475,10.2264084 C2.67216087,9.96069246 2.10487152,9.58126145 1.60869691,9.087544 C-0.521488181,6.9675304 -0.538316861,3.54693703 1.57123953,1.44692357 C1.86137314,1.15837428 2.17625375,0.909794042 2.50930653,0.701182852"
+                      id="Stroke-1"></path>
+                <polyline id="Stroke-3"
+                          points="3.0943493 1.69429658 3.08837783 0.545717786 1.99994228 3.80623901e-14"></polyline>
             </g>
         </g>
     </g>
diff --git a/packages/admin-ui/src/styling/icons/button/replace/zodiac.svg b/packages/admin-ui/src/styling/icons/button/replace/zodiac.svg
index 65d17fb1..f4cb3787 100644
--- a/packages/admin-ui/src/styling/icons/button/replace/zodiac.svg
+++ b/packages/admin-ui/src/styling/icons/button/replace/zodiac.svg
@@ -1,14 +1,21 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <g id="icon/button/replace/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+    <g id="icon/button/replace/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
+       stroke-linecap="round" stroke-linejoin="round">
         <g id="Group-3" transform="translate(0.500000, 0.500000)" stroke="#1B2559">
             <g id="Group-2">
-                <path d="M3.27636475,10.2264084 C2.67216087,9.96069246 2.10487152,9.58126145 1.60869691,9.087544 C-0.521488181,6.9675304 -0.538316861,3.54693703 1.57123953,1.44692357 C1.86137314,1.15837428 2.17625375,0.909794042 2.50930653,0.701182852" id="Stroke-1"></path>
-                <polyline id="Stroke-3" points="3.0943493 1.69429658 3.08837783 0.545717786 1.99994228 3.80623901e-14"></polyline>
+                <path d="M3.27636475,10.2264084 C2.67216087,9.96069246 2.10487152,9.58126145 1.60869691,9.087544 C-0.521488181,6.9675304 -0.538316861,3.54693703 1.57123953,1.44692357 C1.86137314,1.15837428 2.17625375,0.909794042 2.50930653,0.701182852"
+                      id="Stroke-1"></path>
+                <polyline id="Stroke-3"
+                          points="3.0943493 1.69429658 3.08837783 0.545717786 1.99994228 3.80623901e-14"></polyline>
             </g>
-            <g id="Group-2" transform="translate(8.999987, 5.500035) scale(-1, -1) translate(-8.999987, -5.500035) translate(6.999974, 0.000000)">
-                <path d="M3.27636475,10.2264084 C2.67216087,9.96069246 2.10487152,9.58126145 1.60869691,9.087544 C-0.521488181,6.9675304 -0.538316861,3.54693703 1.57123953,1.44692357 C1.86137314,1.15837428 2.17625375,0.909794042 2.50930653,0.701182852" id="Stroke-1"></path>
-                <polyline id="Stroke-3" points="3.0943493 1.69429658 3.08837783 0.545717786 1.99994228 3.80623901e-14"></polyline>
+            <g id="Group-2"
+               transform="translate(8.999987, 5.500035) scale(-1, -1) translate(-8.999987, -5.500035) translate(6.999974, 0.000000)">
+                <path d="M3.27636475,10.2264084 C2.67216087,9.96069246 2.10487152,9.58126145 1.60869691,9.087544 C-0.521488181,6.9675304 -0.538316861,3.54693703 1.57123953,1.44692357 C1.86137314,1.15837428 2.17625375,0.909794042 2.50930653,0.701182852"
+                      id="Stroke-1"></path>
+                <polyline id="Stroke-3"
+                          points="3.0943493 1.69429658 3.08837783 0.545717786 1.99994228 3.80623901e-14"></polyline>
             </g>
         </g>
     </g>
diff --git a/packages/admin-ui/src/styling/icons/button/retry/white.svg b/packages/admin-ui/src/styling/icons/button/retry/white.svg
index 9de65c2e..6d70c719 100644
--- a/packages/admin-ui/src/styling/icons/button/retry/white.svg
+++ b/packages/admin-ui/src/styling/icons/button/retry/white.svg
@@ -1,10 +1,13 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
-    <g id="icon/button/retry/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+    <g id="icon/button/retry/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
+       stroke-linecap="round" stroke-linejoin="round">
         <g id="Group-7" stroke="#FFFFFF">
-            <path d="M7.1942452e-14,9.603 L0.002,3.598 C0.003,1.611 1.614,-5.86197757e-14 3.602,-5.86197757e-14 L8.4,-5.86197757e-14 C10.39,-5.86197757e-14 12.001,1.613 12,3.601 L11.998,7.205 C11.998,9.192 10.386,10.803 8.398,10.803 L3,10.803" id="Stroke-1"></path>
+            <path d="M7.1942452e-14,9.603 L0.002,3.598 C0.003,1.611 1.614,-5.86197757e-14 3.602,-5.86197757e-14 L8.4,-5.86197757e-14 C10.39,-5.86197757e-14 12.001,1.613 12,3.601 L11.998,7.205 C11.998,9.192 10.386,10.803 8.398,10.803 L3,10.803"
+                  id="Stroke-1"></path>
             <polyline id="Stroke-3" points="4.2002 9.601 3.0002 10.8 4.2002 12"></polyline>
         </g>
     </g>
diff --git a/packages/admin-ui/src/styling/icons/button/retry/zodiac.svg b/packages/admin-ui/src/styling/icons/button/retry/zodiac.svg
index 1aa858cc..0b87802e 100644
--- a/packages/admin-ui/src/styling/icons/button/retry/zodiac.svg
+++ b/packages/admin-ui/src/styling/icons/button/retry/zodiac.svg
@@ -1,10 +1,13 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
-    <g id="icon/button/retry/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+    <g id="icon/button/retry/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
+       stroke-linecap="round" stroke-linejoin="round">
         <g id="Group-7" stroke="#1B2559">
-            <path d="M7.1942452e-14,9.603 L0.002,3.598 C0.003,1.611 1.614,-5.86197757e-14 3.602,-5.86197757e-14 L8.4,-5.86197757e-14 C10.39,-5.86197757e-14 12.001,1.613 12,3.601 L11.998,7.205 C11.998,9.192 10.386,10.803 8.398,10.803 L3,10.803" id="Stroke-1"></path>
+            <path d="M7.1942452e-14,9.603 L0.002,3.598 C0.003,1.611 1.614,-5.86197757e-14 3.602,-5.86197757e-14 L8.4,-5.86197757e-14 C10.39,-5.86197757e-14 12.001,1.613 12,3.601 L11.998,7.205 C11.998,9.192 10.386,10.803 8.398,10.803 L3,10.803"
+                  id="Stroke-1"></path>
             <polyline id="Stroke-3" points="4.2002 9.601 3.0002 10.8 4.2002 12"></polyline>
         </g>
     </g>
diff --git a/packages/admin-ui/src/styling/icons/button/schedule/white.svg b/packages/admin-ui/src/styling/icons/button/schedule/white.svg
index de4cbc71..6abbf19e 100644
--- a/packages/admin-ui/src/styling/icons/button/schedule/white.svg
+++ b/packages/admin-ui/src/styling/icons/button/schedule/white.svg
@@ -1,9 +1,11 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
     <g id="icon/button/schedule/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <polyline id="Stroke-1" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" points="8 7 6 7 6 4"></polyline>
+        <polyline id="Stroke-1" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round"
+                  points="8 7 6 7 6 4"></polyline>
         <circle id="Oval" stroke="#FFFFFF" cx="6" cy="6" r="6"></circle>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/button/schedule/zodiac.svg b/packages/admin-ui/src/styling/icons/button/schedule/zodiac.svg
index ffb90c44..5f60117e 100644
--- a/packages/admin-ui/src/styling/icons/button/schedule/zodiac.svg
+++ b/packages/admin-ui/src/styling/icons/button/schedule/zodiac.svg
@@ -1,9 +1,11 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
     <g id="icon/button/shedule/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <polyline id="Stroke-1" stroke="#1B2559" stroke-linecap="round" stroke-linejoin="round" points="8 7 6 7 6 4"></polyline>
+        <polyline id="Stroke-1" stroke="#1B2559" stroke-linecap="round" stroke-linejoin="round"
+                  points="8 7 6 7 6 4"></polyline>
         <circle id="Oval" stroke="#1B2559" cx="6" cy="6" r="6"></circle>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/button/shut down/white.svg b/packages/admin-ui/src/styling/icons/button/shut down/white.svg
index d5b995de..3e5f74be 100644
--- a/packages/admin-ui/src/styling/icons/button/shut down/white.svg	
+++ b/packages/admin-ui/src/styling/icons/button/shut down/white.svg	
@@ -1,10 +1,13 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
-    <g id="icon/button/shut-down/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+    <g id="icon/button/shut-down/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
+       stroke-linecap="round" stroke-linejoin="round">
         <g id="Group-5" transform="translate(1.000000, 0.000000)" stroke="#FFFFFF">
-            <path d="M7.7735,2 C9.116,2.89710351 10,4.4271328 10,6.16330077 C10,8.92665975 7.7615,11.1666667 5,11.1666667 C2.2385,11.1666667 0,8.92665975 0,6.16330077 C0,4.43663919 0.8745,2.91361461 2.204,2.01450976" id="Stroke-1"></path>
+            <path d="M7.7735,2 C9.116,2.89710351 10,4.4271328 10,6.16330077 C10,8.92665975 7.7615,11.1666667 5,11.1666667 C2.2385,11.1666667 0,8.92665975 0,6.16330077 C0,4.43663919 0.8745,2.91361461 2.204,2.01450976"
+                  id="Stroke-1"></path>
             <line x1="5" y1="0.75" x2="5" y2="3.25" id="Stroke-3"></line>
         </g>
     </g>
diff --git a/packages/admin-ui/src/styling/icons/button/shut down/zodiac.svg b/packages/admin-ui/src/styling/icons/button/shut down/zodiac.svg
index b892ccdd..d049be65 100644
--- a/packages/admin-ui/src/styling/icons/button/shut down/zodiac.svg	
+++ b/packages/admin-ui/src/styling/icons/button/shut down/zodiac.svg	
@@ -1,10 +1,13 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
-    <g id="icon/button/shut-down/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+    <g id="icon/button/shut-down/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
+       stroke-linecap="round" stroke-linejoin="round">
         <g id="Group-5" transform="translate(1.000000, 0.000000)" stroke="#1B2559">
-            <path d="M7.7735,2 C9.116,2.89710351 10,4.4271328 10,6.16330077 C10,8.92665975 7.7615,11.1666667 5,11.1666667 C2.2385,11.1666667 0,8.92665975 0,6.16330077 C0,4.43663919 0.8745,2.91361461 2.204,2.01450976" id="Stroke-1"></path>
+            <path d="M7.7735,2 C9.116,2.89710351 10,4.4271328 10,6.16330077 C10,8.92665975 7.7615,11.1666667 5,11.1666667 C2.2385,11.1666667 0,8.92665975 0,6.16330077 C0,4.43663919 0.8745,2.91361461 2.204,2.01450976"
+                  id="Stroke-1"></path>
             <line x1="5" y1="0.75" x2="5" y2="3.25" id="Stroke-3"></line>
         </g>
     </g>
diff --git a/packages/admin-ui/src/styling/icons/button/stop-ignoring/white.svg b/packages/admin-ui/src/styling/icons/button/stop-ignoring/white.svg
index 561392e8..8a37b9b3 100644
--- a/packages/admin-ui/src/styling/icons/button/stop-ignoring/white.svg
+++ b/packages/admin-ui/src/styling/icons/button/stop-ignoring/white.svg
@@ -1,8 +1,12 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
-    <g id="icon/button/stop-ignoring/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linejoin="round">
-        <polygon id="Triangle" stroke="#FFFFFF" transform="translate(6.000000, 6.000000) rotate(-270.000000) translate(-6.000000, -6.000000) " points="6 2 12 10 0 10"></polygon>
+    <g id="icon/button/stop-ignoring/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
+       stroke-linejoin="round">
+        <polygon id="Triangle" stroke="#FFFFFF"
+                 transform="translate(6.000000, 6.000000) rotate(-270.000000) translate(-6.000000, -6.000000) "
+                 points="6 2 12 10 0 10"></polygon>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/button/stop-ignoring/zodiac.svg b/packages/admin-ui/src/styling/icons/button/stop-ignoring/zodiac.svg
index 11e609bc..0885ebeb 100644
--- a/packages/admin-ui/src/styling/icons/button/stop-ignoring/zodiac.svg
+++ b/packages/admin-ui/src/styling/icons/button/stop-ignoring/zodiac.svg
@@ -1,8 +1,12 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
-    <g id="icon/button/stop-ignoring/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linejoin="round">
-        <polygon id="Triangle" stroke="#1B2559" transform="translate(6.000000, 6.000000) rotate(-270.000000) translate(-6.000000, -6.000000) " points="6 2 12 10 0 10"></polygon>
+    <g id="icon/button/stop-ignoring/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
+       stroke-linejoin="round">
+        <polygon id="Triangle" stroke="#1B2559"
+                 transform="translate(6.000000, 6.000000) rotate(-270.000000) translate(-6.000000, -6.000000) "
+                 points="6 2 12 10 0 10"></polygon>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/button/unpair/white.svg b/packages/admin-ui/src/styling/icons/button/unpair/white.svg
index be65f2c8..4f886625 100644
--- a/packages/admin-ui/src/styling/icons/button/unpair/white.svg
+++ b/packages/admin-ui/src/styling/icons/button/unpair/white.svg
@@ -1,8 +1,10 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
-    <g id="icon/button/unpair/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+    <g id="icon/button/unpair/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
+       stroke-linecap="round" stroke-linejoin="round">
         <g id="Group-12" stroke="#FFFFFF">
             <g id="Group-5">
                 <polyline id="Stroke-1" points="3.75 6 2.25 6 0 3.75 3.75 0 6.75 3"></polyline>
diff --git a/packages/admin-ui/src/styling/icons/button/unpair/zodiac.svg b/packages/admin-ui/src/styling/icons/button/unpair/zodiac.svg
index 099464f0..63a48a3b 100644
--- a/packages/admin-ui/src/styling/icons/button/unpair/zodiac.svg
+++ b/packages/admin-ui/src/styling/icons/button/unpair/zodiac.svg
@@ -1,8 +1,10 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
-    <g id="icon/button/unpair/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+    <g id="icon/button/unpair/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
+       stroke-linecap="round" stroke-linejoin="round">
         <g id="Group-12" stroke="#1B2559">
             <g id="Group-5">
                 <polyline id="Stroke-1" points="3.75 6 2.25 6 0 3.75 3.75 0 6.75 3"></polyline>
diff --git a/packages/admin-ui/src/styling/icons/button/upload-file/white-resized.svg b/packages/admin-ui/src/styling/icons/button/upload-file/white-resized.svg
index 63e43664..ff74e5b4 100644
--- a/packages/admin-ui/src/styling/icons/button/upload-file/white-resized.svg
+++ b/packages/admin-ui/src/styling/icons/button/upload-file/white-resized.svg
@@ -1,5 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <g id="icon/button/upload-file/white-resized" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g id="Add-File-Icon" transform="translate(0.000000, 0.500000)">
             <g id="file-icon" transform="translate(5.934783, 0.000000)" stroke="#FFFFFF">
@@ -8,12 +9,16 @@
                     <line x1="0" y1="3.91304348" x2="7.82608696" y2="3.91304348" id="line-2"></line>
                     <line x1="0" y1="0.782608696" x2="5.47826087" y2="0.782608696" id="line-1"></line>
                 </g>
-                <polygon id="paper" stroke-linecap="round" stroke-linejoin="round" points="13.5652174 18.6521739 0 18.6521739 -1.18243096e-12 0 8.47826087 2.91569667e-12 13.5652174 5.08695652"></polygon>
-                <polygon id="fold" stroke-linejoin="round" points="8.47826087 0 8.47826087 5.08695652 13.5652174 5.08695652"></polygon>
+                <polygon id="paper" stroke-linecap="round" stroke-linejoin="round"
+                         points="13.5652174 18.6521739 0 18.6521739 -1.18243096e-12 0 8.47826087 2.91569667e-12 13.5652174 5.08695652"></polygon>
+                <polygon id="fold" stroke-linejoin="round"
+                         points="8.47826087 0 8.47826087 5.08695652 13.5652174 5.08695652"></polygon>
             </g>
             <g id="plus-sign" transform="translate(0.000000, 5.934783)">
-                <circle id="circle" stroke="#FFFFFF" fill="#5F668A" cx="6.7826087" cy="6.7826087" r="6.2826087"></circle>
-                <polygon id="plus" fill="#FFFFFF" fill-rule="nonzero" points="7.34782609 6.2173913 10.173913 6.2173913 10.173913 7.34782609 7.34782609 7.34782609 7.34782609 10.173913 6.2173913 10.173913 6.2173913 7.34782609 3.39130435 7.34782609 3.39130435 6.2173913 6.2173913 6.2173913 6.2173913 3.39130435 7.34782609 3.39130435"></polygon>
+                <circle id="circle" stroke="#FFFFFF" fill="#5F668A" cx="6.7826087" cy="6.7826087"
+                        r="6.2826087"></circle>
+                <polygon id="plus" fill="#FFFFFF" fill-rule="nonzero"
+                         points="7.34782609 6.2173913 10.173913 6.2173913 10.173913 7.34782609 7.34782609 7.34782609 7.34782609 10.173913 6.2173913 10.173913 6.2173913 7.34782609 3.39130435 7.34782609 3.39130435 6.2173913 6.2173913 6.2173913 6.2173913 3.39130435 7.34782609 3.39130435"></polygon>
             </g>
         </g>
     </g>
diff --git a/packages/admin-ui/src/styling/icons/button/upload-file/white.svg b/packages/admin-ui/src/styling/icons/button/upload-file/white.svg
index c59dca65..500c8759 100644
--- a/packages/admin-ui/src/styling/icons/button/upload-file/white.svg
+++ b/packages/admin-ui/src/styling/icons/button/upload-file/white.svg
@@ -1,5 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <g id="icon/button/upload-file/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g id="Add-File-Icon" transform="translate(0.000000, 0.500000)">
             <g id="file-icon" transform="translate(3.500000, 0.000000)" stroke="#FFFFFF">
@@ -8,12 +9,14 @@
                     <line x1="0" y1="2.30769231" x2="4.61538462" y2="2.30769231" id="line-2"></line>
                     <line x1="0" y1="0.461538462" x2="3.23076923" y2="0.461538462" id="line-1"></line>
                 </g>
-                <polygon id="paper" stroke-linecap="round" stroke-linejoin="round" points="8 11 0 11 -6.97331082e-13 0 5 1.71951342e-12 8 3"></polygon>
+                <polygon id="paper" stroke-linecap="round" stroke-linejoin="round"
+                         points="8 11 0 11 -6.97331082e-13 0 5 1.71951342e-12 8 3"></polygon>
                 <polygon id="fold" stroke-linejoin="round" points="5 0 5 3 8 3"></polygon>
             </g>
             <g id="plus-sign" transform="translate(0.000000, 3.500000)">
                 <circle id="circle" stroke="#FFFFFF" fill="#5F668A" cx="4" cy="4" r="3.5"></circle>
-                <polygon id="plus" fill="#FFFFFF" fill-rule="nonzero" points="4.33333333 3.66666667 6 3.66666667 6 4.33333333 4.33333333 4.33333333 4.33333333 6 3.66666667 6 3.66666667 4.33333333 2 4.33333333 2 3.66666667 3.66666667 3.66666667 3.66666667 2 4.33333333 2"></polygon>
+                <polygon id="plus" fill="#FFFFFF" fill-rule="nonzero"
+                         points="4.33333333 3.66666667 6 3.66666667 6 4.33333333 4.33333333 4.33333333 4.33333333 6 3.66666667 6 3.66666667 4.33333333 2 4.33333333 2 3.66666667 3.66666667 3.66666667 3.66666667 2 4.33333333 2"></polygon>
             </g>
         </g>
     </g>
diff --git a/packages/admin-ui/src/styling/icons/button/upload-file/zodiac-resized.svg b/packages/admin-ui/src/styling/icons/button/upload-file/zodiac-resized.svg
index 5d7e61f1..3460c2b6 100644
--- a/packages/admin-ui/src/styling/icons/button/upload-file/zodiac-resized.svg
+++ b/packages/admin-ui/src/styling/icons/button/upload-file/zodiac-resized.svg
@@ -1,5 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <g id="icon/button/upload-file/zodiac-resized" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g id="Add-File-Icon" transform="translate(0.000000, 0.500000)">
             <g id="file-icon" transform="translate(5.934783, 0.000000)" stroke="#1B2559">
@@ -8,12 +9,15 @@
                     <line x1="0" y1="3.91304348" x2="7.82608696" y2="3.91304348" id="line-2"></line>
                     <line x1="0" y1="0.782608696" x2="5.47826087" y2="0.782608696" id="line-1"></line>
                 </g>
-                <polygon id="paper" stroke-linecap="round" stroke-linejoin="round" points="13.5652174 18.6521739 0 18.6521739 -1.18243096e-12 0 8.47826087 2.91569667e-12 13.5652174 5.08695652"></polygon>
-                <polygon id="fold" stroke-linejoin="round" points="8.47826087 0 8.47826087 5.08695652 13.5652174 5.08695652"></polygon>
+                <polygon id="paper" stroke-linecap="round" stroke-linejoin="round"
+                         points="13.5652174 18.6521739 0 18.6521739 -1.18243096e-12 0 8.47826087 2.91569667e-12 13.5652174 5.08695652"></polygon>
+                <polygon id="fold" stroke-linejoin="round"
+                         points="8.47826087 0 8.47826087 5.08695652 13.5652174 5.08695652"></polygon>
             </g>
             <g id="plus-sign" transform="translate(0.000000, 5.934783)">
                 <circle id="Oval" stroke="#1B2559" fill="#EBEFFF" cx="6.7826087" cy="6.7826087" r="6.2826087"></circle>
-                <polygon id="Path" fill="#1B2559" fill-rule="nonzero" points="7.34782609 6.2173913 10.173913 6.2173913 10.173913 7.34782609 7.34782609 7.34782609 7.34782609 10.173913 6.2173913 10.173913 6.2173913 7.34782609 3.39130435 7.34782609 3.39130435 6.2173913 6.2173913 6.2173913 6.2173913 3.39130435 7.34782609 3.39130435"></polygon>
+                <polygon id="Path" fill="#1B2559" fill-rule="nonzero"
+                         points="7.34782609 6.2173913 10.173913 6.2173913 10.173913 7.34782609 7.34782609 7.34782609 7.34782609 10.173913 6.2173913 10.173913 6.2173913 7.34782609 3.39130435 7.34782609 3.39130435 6.2173913 6.2173913 6.2173913 6.2173913 3.39130435 7.34782609 3.39130435"></polygon>
             </g>
         </g>
     </g>
diff --git a/packages/admin-ui/src/styling/icons/button/upload-file/zodiac.svg b/packages/admin-ui/src/styling/icons/button/upload-file/zodiac.svg
index 26bab67b..16a0df2c 100644
--- a/packages/admin-ui/src/styling/icons/button/upload-file/zodiac.svg
+++ b/packages/admin-ui/src/styling/icons/button/upload-file/zodiac.svg
@@ -1,5 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <g id="icon/button/upload-file/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g id="Add-File-Icon" transform="translate(0.000000, 0.500000)">
             <g id="file-icon" transform="translate(3.500000, 0.000000)" stroke="#1B2559">
@@ -8,12 +9,14 @@
                     <line x1="0" y1="2.30769231" x2="4.61538462" y2="2.30769231" id="line-2"></line>
                     <line x1="0" y1="0.461538462" x2="3.23076923" y2="0.461538462" id="line-1"></line>
                 </g>
-                <polygon id="paper" stroke-linecap="round" stroke-linejoin="round" points="8 11 0 11 -6.97331082e-13 0 5 1.71951342e-12 8 3"></polygon>
+                <polygon id="paper" stroke-linecap="round" stroke-linejoin="round"
+                         points="8 11 0 11 -6.97331082e-13 0 5 1.71951342e-12 8 3"></polygon>
                 <polygon id="fold" stroke-linejoin="round" points="5 0 5 3 8 3"></polygon>
             </g>
             <g id="plus-sign" transform="translate(0.000000, 3.500000)">
                 <circle id="Oval" stroke="#1B2559" fill="#EBEFFF" cx="4" cy="4" r="3.5"></circle>
-                <polygon id="Path" fill="#1B2559" fill-rule="nonzero" points="4.33333333 3.66666667 6 3.66666667 6 4.33333333 4.33333333 4.33333333 4.33333333 6 3.66666667 6 3.66666667 4.33333333 2 4.33333333 2 3.66666667 3.66666667 3.66666667 3.66666667 2 4.33333333 2"></polygon>
+                <polygon id="Path" fill="#1B2559" fill-rule="nonzero"
+                         points="4.33333333 3.66666667 6 3.66666667 6 4.33333333 4.33333333 4.33333333 4.33333333 6 3.66666667 6 3.66666667 4.33333333 2 4.33333333 2 3.66666667 3.66666667 3.66666667 3.66666667 2 4.33333333 2"></polygon>
             </g>
         </g>
     </g>
diff --git a/packages/admin-ui/src/styling/icons/button/upload/white.svg b/packages/admin-ui/src/styling/icons/button/upload/white.svg
index 9d24f44b..a3fda130 100644
--- a/packages/admin-ui/src/styling/icons/button/upload/white.svg
+++ b/packages/admin-ui/src/styling/icons/button/upload/white.svg
@@ -1,14 +1,18 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
-    <g id="icon/button/upload/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+    <g id="icon/button/upload/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
+       stroke-linecap="round" stroke-linejoin="round">
         <g id="icon/sf-small/wizzard" transform="translate(0.000000, 1.000000)" stroke="#FFFFFF">
-            <g id="Group" transform="translate(6.100000, 4.000000) scale(1, -1) translate(-6.100000, -4.000000) translate(3.600000, 0.000000)">
+            <g id="Group"
+               transform="translate(6.100000, 4.000000) scale(1, -1) translate(-6.100000, -4.000000) translate(3.600000, 0.000000)">
                 <polyline id="Path-3" points="-3.64153152e-13 5.4 2.4 7.8 4.8 5.4"></polyline>
                 <line x1="2.4" y1="0.5" x2="2.4" y2="7.4" id="Path-4"></line>
             </g>
-            <path d="M0,9 L0,9 C0,9.9942 0.8058,10.8 1.8,10.8 L10.2,10.8 C11.1942,10.8 12,9.9942 12,9" id="Stroke-1"></path>
+            <path d="M0,9 L0,9 C0,9.9942 0.8058,10.8 1.8,10.8 L10.2,10.8 C11.1942,10.8 12,9.9942 12,9"
+                  id="Stroke-1"></path>
         </g>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/button/upload/zodiac.svg b/packages/admin-ui/src/styling/icons/button/upload/zodiac.svg
index a4f0d8db..fe24d97e 100644
--- a/packages/admin-ui/src/styling/icons/button/upload/zodiac.svg
+++ b/packages/admin-ui/src/styling/icons/button/upload/zodiac.svg
@@ -1,14 +1,18 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
-    <g id="icon/button/upload/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+    <g id="icon/button/upload/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
+       stroke-linecap="round" stroke-linejoin="round">
         <g id="icon/sf-small/wizzard" transform="translate(0.000000, 1.000000)" stroke="#1B2559">
-            <g id="Group" transform="translate(6.100000, 4.000000) scale(1, -1) translate(-6.100000, -4.000000) translate(3.600000, 0.000000)">
+            <g id="Group"
+               transform="translate(6.100000, 4.000000) scale(1, -1) translate(-6.100000, -4.000000) translate(3.600000, 0.000000)">
                 <polyline id="Path-3" points="-3.64153152e-13 5.4 2.4 7.8 4.8 5.4"></polyline>
                 <line x1="2.4" y1="0.5" x2="2.4" y2="7.4" id="Path-4"></line>
             </g>
-            <path d="M0,9 L0,9 C0,9.9942 0.8058,10.8 1.8,10.8 L10.2,10.8 C11.1942,10.8 12,9.9942 12,9" id="Stroke-1"></path>
+            <path d="M0,9 L0,9 C0,9.9942 0.8058,10.8 1.8,10.8 L10.2,10.8 C11.1942,10.8 12,9.9942 12,9"
+                  id="Stroke-1"></path>
         </g>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/button/user-role/white.svg b/packages/admin-ui/src/styling/icons/button/user-role/white.svg
index 13e5a9a5..59cf2a14 100644
--- a/packages/admin-ui/src/styling/icons/button/user-role/white.svg
+++ b/packages/admin-ui/src/styling/icons/button/user-role/white.svg
@@ -1,9 +1,12 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>icon/button/user-role/white</title>
-    <g id="icon/button/user-role/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linejoin="round">
+    <g id="icon/button/user-role/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
+       stroke-linejoin="round">
         <g id="User-Role-Icon-White" transform="translate(2.500000, 0.500000)" stroke="#FFFFFF">
-            <path d="M5.50008791,6.84274776 L5.5,11 L3.66666667,9.35927189 L1.83333333,11 L1.83223109,6.84216075 C2.37179795,7.15453375 2.99835187,7.33333333 3.66666667,7.33333333 C4.33456272,7.33333333 4.96075021,7.15475774 5.50008791,6.84274776 Z" id="Bottom"></path>
+            <path d="M5.50008791,6.84274776 L5.5,11 L3.66666667,9.35927189 L1.83333333,11 L1.83223109,6.84216075 C2.37179795,7.15453375 2.99835187,7.33333333 3.66666667,7.33333333 C4.33456272,7.33333333 4.96075021,7.15475774 5.50008791,6.84274776 Z"
+                  id="Bottom"></path>
             <circle id="Top" cx="3.66666667" cy="3.66666667" r="3.66666667"></circle>
         </g>
     </g>
diff --git a/packages/admin-ui/src/styling/icons/button/user-role/zodiac.svg b/packages/admin-ui/src/styling/icons/button/user-role/zodiac.svg
index 5a05f3a5..726f6d31 100644
--- a/packages/admin-ui/src/styling/icons/button/user-role/zodiac.svg
+++ b/packages/admin-ui/src/styling/icons/button/user-role/zodiac.svg
@@ -1,9 +1,12 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>icon/button/user-role/zodiac</title>
-    <g id="icon/button/user-role/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linejoin="round">
+    <g id="icon/button/user-role/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
+       stroke-linejoin="round">
         <g id="User-Role-Icon-Zodiac" transform="translate(2.500000, 0.500000)" stroke="#1B2559">
-            <path d="M5.50008791,6.84274776 L5.5,11 L3.66666667,9.35927189 L1.83333333,11 L1.83223109,6.84216075 C2.37179795,7.15453375 2.99835187,7.33333333 3.66666667,7.33333333 C4.33456272,7.33333333 4.96075021,7.15475774 5.50008791,6.84274776 Z" id="Bottom"></path>
+            <path d="M5.50008791,6.84274776 L5.5,11 L3.66666667,9.35927189 L1.83333333,11 L1.83223109,6.84216075 C2.37179795,7.15453375 2.99835187,7.33333333 3.66666667,7.33333333 C4.33456272,7.33333333 4.96075021,7.15475774 5.50008791,6.84274776 Z"
+                  id="Bottom"></path>
             <circle id="Top" cx="3.66666667" cy="3.66666667" r="3.66666667"></circle>
         </g>
     </g>
diff --git a/packages/admin-ui/src/styling/icons/button/whitelist/white.svg b/packages/admin-ui/src/styling/icons/button/whitelist/white.svg
index d200d15c..fd494dfe 100644
--- a/packages/admin-ui/src/styling/icons/button/whitelist/white.svg
+++ b/packages/admin-ui/src/styling/icons/button/whitelist/white.svg
@@ -1,10 +1,13 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
     <g id="icon/button/whitelist/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Group-2" transform="translate(3.000000, 0.000000)" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round">
-            <polygon id="Stroke-1" fill="#1B2559" points="0.45 11.5384615 8.55 11.5384615 8.55 0.461538462 0.45 0.461538462"></polygon>
+        <g id="Group-2" transform="translate(3.000000, 0.000000)" stroke="#FFFFFF" stroke-linecap="round"
+           stroke-linejoin="round">
+            <polygon id="Stroke-1" fill="#1B2559"
+                     points="0.45 11.5384615 8.55 11.5384615 8.55 0.461538462 0.45 0.461538462"></polygon>
             <line x1="1.97637558" y1="2.53846154" x2="7.2" y2="2.53846154" id="Stroke-4"></line>
             <line x1="2.475" y1="4.61538462" x2="7.2" y2="4.61538462" id="Stroke-6"></line>
             <line x1="2.475" y1="6.69230769" x2="7.2" y2="6.69230769" id="Stroke-8"></line>
@@ -13,6 +16,7 @@
         <g id="Group-9" transform="translate(0.000000, 4.000000)" fill="#5F668A" stroke="#FFFFFF">
             <circle id="Oval" cx="4" cy="4" r="4"></circle>
         </g>
-        <polyline id="Stroke-13" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round" points="3 8.33333333 3.5 9 5 7"></polyline>
+        <polyline id="Stroke-13" stroke="#FFFFFF" stroke-linecap="round" stroke-linejoin="round"
+                  points="3 8.33333333 3.5 9 5 7"></polyline>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/button/whitelist/zodiac.svg b/packages/admin-ui/src/styling/icons/button/whitelist/zodiac.svg
index a0cdb412..1095e80d 100644
--- a/packages/admin-ui/src/styling/icons/button/whitelist/zodiac.svg
+++ b/packages/admin-ui/src/styling/icons/button/whitelist/zodiac.svg
@@ -1,10 +1,13 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
     <g id="icon/button/whitelist/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Group-2" transform="translate(3.000000, 0.000000)" stroke="#1B2559" stroke-linecap="round" stroke-linejoin="round">
-            <polygon id="Stroke-1" fill="#FFFFFF" points="0.45 11.5384615 8.55 11.5384615 8.55 0.461538462 0.45 0.461538462"></polygon>
+        <g id="Group-2" transform="translate(3.000000, 0.000000)" stroke="#1B2559" stroke-linecap="round"
+           stroke-linejoin="round">
+            <polygon id="Stroke-1" fill="#FFFFFF"
+                     points="0.45 11.5384615 8.55 11.5384615 8.55 0.461538462 0.45 0.461538462"></polygon>
             <line x1="1.97637558" y1="2.53846154" x2="7.2" y2="2.53846154" id="Stroke-4"></line>
             <line x1="2.475" y1="4.61538462" x2="7.2" y2="4.61538462" id="Stroke-6"></line>
             <line x1="2.475" y1="6.69230769" x2="7.2" y2="6.69230769" id="Stroke-8"></line>
@@ -13,6 +16,7 @@
         <g id="Group-9" transform="translate(0.000000, 4.000000)" fill="#EBEFFF" stroke="#1B2559">
             <circle id="Oval" cx="4" cy="4" r="4"></circle>
         </g>
-        <polyline id="Stroke-13" stroke="#1B2559" stroke-linecap="round" stroke-linejoin="round" points="3 8.33333333 3.5 9 5 7"></polyline>
+        <polyline id="Stroke-13" stroke="#1B2559" stroke-linecap="round" stroke-linejoin="round"
+                  points="3 8.33333333 3.5 9 5 7"></polyline>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/cassettes/acceptor-left-filled.svg b/packages/admin-ui/src/styling/icons/cassettes/acceptor-left-filled.svg
index c2a9b20c..3ee73c04 100644
--- a/packages/admin-ui/src/styling/icons/cassettes/acceptor-left-filled.svg
+++ b/packages/admin-ui/src/styling/icons/cassettes/acceptor-left-filled.svg
@@ -1 +1,63 @@
-<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 193.58 258.82"><defs><style>.cls-1{fill:#ebefff;}.cls-2{fill:#4b5fef;}.cls-3{fill:#1b2559;}.cls-4{fill:#48f694;}.cls-5{fill:#41de85;}.cls-6{fill:#00cd5a;}.cls-7{fill:#5a67ff;}.cls-8{fill:#7687ff;}.cls-9{fill:#ccd8ff;opacity:0.74;}.cls-10{fill:#dee5fc;opacity:0.8;}</style></defs><title>acceptor-left-filled</title><path class="cls-1" d="M122.26,105.88V258.82l61.13-35.29V70.59Z"/><g id="Drawer_2" data-name="Drawer 2"><g id="rest_of_drawer" data-name="rest of drawer"><polygon id="Inner_right_side" data-name="Inner right side" class="cls-2" points="71.32 97.69 152.83 144.75 189.58 123.53 71.32 55.25 71.32 97.69"/><polygon class="cls-3" points="171.21 134.14 171.21 112.92 162.13 107.68 162.13 139.43 171.21 134.14"/><polygon id="Back" class="cls-3" points="71.32 55.25 71.32 97.69 52.94 87.08 34.56 76.47 71.32 55.25"/><polygon class="cls-4" points="143.05 149.7 71.32 108.29 71.32 75.78 171.21 133.45 143.05 149.7"/><polygon class="cls-4" points="71.32 75.78 71.32 108.29 43.16 92.03 71.32 75.78"/><polygon class="cls-5" points="171.21 134.05 171.21 133.45 143.05 149.7 143.57 150 171.21 134.05"/><polygon class="cls-4" points="143.05 148.1 71.32 106.69 71.32 74.18 171.21 131.85 143.05 148.1"/><polygon class="cls-4" points="71.32 74.18 71.32 106.69 43.16 90.43 71.32 74.18"/><polygon class="cls-5" points="171.21 132.45 171.21 131.85 143.05 148.1 143.57 148.4 171.21 132.45"/><polygon class="cls-4" points="143.05 146.5 71.32 105.09 71.32 72.58 171.21 130.25 143.05 146.5"/><polygon class="cls-4" points="71.32 72.58 71.32 105.09 43.16 88.83 71.32 72.58"/><polygon class="cls-5" points="171.21 130.85 171.21 130.25 143.05 146.5 143.57 146.8 171.21 130.85"/><polygon class="cls-4" points="143.05 144.9 71.32 103.49 71.32 70.98 171.21 128.65 143.05 144.9"/><polygon class="cls-4" points="71.32 70.98 71.32 103.49 43.16 87.23 71.32 70.98"/><polygon class="cls-5" points="171.21 129.25 171.21 128.65 143.05 144.9 143.57 145.2 171.21 129.25"/><polygon class="cls-4" points="143.05 143.3 71.32 101.89 71.32 69.38 171.21 127.05 143.05 143.3"/><polygon class="cls-4" points="71.32 69.38 71.32 101.89 43.16 85.63 71.32 69.38"/><polygon class="cls-5" points="171.21 127.65 171.21 127.05 143.05 143.3 143.57 143.6 171.21 127.65"/><polygon class="cls-4" points="143.05 141.5 71.32 100.09 71.32 67.58 171.21 125.25 143.05 141.5"/><polygon class="cls-4" points="71.32 67.58 71.32 100.09 43.16 83.83 71.32 67.58"/><polygon class="cls-5" points="171.21 125.85 171.21 125.25 143.05 141.5 143.57 141.8 171.21 125.85"/><polygon class="cls-4" points="143.05 139.9 71.32 98.49 71.32 65.98 171.21 123.65 143.05 139.9"/><polygon class="cls-4" points="71.32 65.98 71.32 98.49 43.16 82.23 71.32 65.98"/><polygon class="cls-5" points="171.21 124.25 171.21 123.65 143.05 139.9 143.57 140.2 171.21 124.25"/><polygon class="cls-4" points="143.05 138.3 71.32 96.89 71.32 64.38 171.21 122.05 143.05 138.3"/><polygon class="cls-4" points="71.32 64.38 71.32 96.89 43.16 80.63 71.32 64.38"/><polygon class="cls-5" points="171.21 122.65 171.21 122.05 143.05 138.3 143.05 138.9 171.21 122.65"/><polygon class="cls-5" points="43.16 81.23 43.16 80.63 143.05 138.3 143.05 138.9 43.16 81.23"/><polygon class="cls-4" points="143.05 136.7 71.32 95.29 71.32 62.78 171.21 120.45 143.05 136.7"/><polygon class="cls-4" points="71.32 62.78 71.32 95.29 43.16 79.03 71.32 62.78"/><polygon class="cls-5" points="171.21 121.05 171.21 120.45 143.05 136.7 143.05 137.3 171.21 121.05"/><polygon class="cls-5" points="43.16 79.63 43.16 79.03 143.05 136.7 143.05 137.3 43.16 79.63"/><path class="cls-6" d="M97,94.41c5-2.9,13.26-2.9,18.29,0s5,7.66,0,10.56S102,107.88,97,105,91.92,97.32,97,94.41Z"/><polygon id="Outer_right_side" data-name="Outer right side" class="cls-2" points="152.83 252.94 30.57 182.35 30.57 76.47 152.83 147.06 152.83 252.94"/></g><g id="Front_drawer" data-name="Front drawer"><polygon id="Front" class="cls-7" points="193.58 123.53 152.83 147.06 152.83 252.94 193.58 229.41 193.58 123.53"/><path id="Top_edge" data-name="Top edge" class="cls-8" d="M71.32,52.94,30.57,76.47l122.26,70.59,40.75-23.53ZM34.56,76.47,71.32,55.25l118.26,68.28-36.75,21.22Z"/></g><line class="cls-4" x1="171.21" y1="122.85" x2="143.05" y2="139.1"/></g><polygon class="cls-1" points="132.45 182.36 132.45 135.29 183.4 105.88 183.4 70.59 122.26 105.88 122.26 126.47 122.26 126.47 122.26 138.4 122.26 141.18 122.26 141.18 122.26 258.82 132.45 252.94 132.45 194.12 132.45 182.36"/><polygon id="left_part_box" data-name="left part box" class="cls-9" points="122.26 105.88 0 35.29 0 188.23 122.26 258.82 122.26 105.88"/><polygon id="top_part_box" data-name="top part box" class="cls-10" points="183.4 70.59 61.13 0 0 35.29 122.26 105.88 183.4 70.59"/></svg>
\ No newline at end of file
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 193.58 258.82">
+    <defs>
+        <style>
+            .cls-1{fill:#ebefff;}.cls-2{fill:#4b5fef;}.cls-3{fill:#1b2559;}.cls-4{fill:#48f694;}.cls-5{fill:#41de85;}.cls-6{fill:#00cd5a;}.cls-7{fill:#5a67ff;}.cls-8{fill:#7687ff;}.cls-9{fill:#ccd8ff;opacity:0.74;}.cls-10{fill:#dee5fc;opacity:0.8;}
+        </style>
+    </defs>
+    <title>acceptor-left-filled</title>
+    <path class="cls-1" d="M122.26,105.88V258.82l61.13-35.29V70.59Z"/>
+    <g id="Drawer_2" data-name="Drawer 2">
+        <g id="rest_of_drawer" data-name="rest of drawer">
+            <polygon id="Inner_right_side" data-name="Inner right side" class="cls-2"
+                     points="71.32 97.69 152.83 144.75 189.58 123.53 71.32 55.25 71.32 97.69"/>
+            <polygon class="cls-3" points="171.21 134.14 171.21 112.92 162.13 107.68 162.13 139.43 171.21 134.14"/>
+            <polygon id="Back" class="cls-3" points="71.32 55.25 71.32 97.69 52.94 87.08 34.56 76.47 71.32 55.25"/>
+            <polygon class="cls-4" points="143.05 149.7 71.32 108.29 71.32 75.78 171.21 133.45 143.05 149.7"/>
+            <polygon class="cls-4" points="71.32 75.78 71.32 108.29 43.16 92.03 71.32 75.78"/>
+            <polygon class="cls-5" points="171.21 134.05 171.21 133.45 143.05 149.7 143.57 150 171.21 134.05"/>
+            <polygon class="cls-4" points="143.05 148.1 71.32 106.69 71.32 74.18 171.21 131.85 143.05 148.1"/>
+            <polygon class="cls-4" points="71.32 74.18 71.32 106.69 43.16 90.43 71.32 74.18"/>
+            <polygon class="cls-5" points="171.21 132.45 171.21 131.85 143.05 148.1 143.57 148.4 171.21 132.45"/>
+            <polygon class="cls-4" points="143.05 146.5 71.32 105.09 71.32 72.58 171.21 130.25 143.05 146.5"/>
+            <polygon class="cls-4" points="71.32 72.58 71.32 105.09 43.16 88.83 71.32 72.58"/>
+            <polygon class="cls-5" points="171.21 130.85 171.21 130.25 143.05 146.5 143.57 146.8 171.21 130.85"/>
+            <polygon class="cls-4" points="143.05 144.9 71.32 103.49 71.32 70.98 171.21 128.65 143.05 144.9"/>
+            <polygon class="cls-4" points="71.32 70.98 71.32 103.49 43.16 87.23 71.32 70.98"/>
+            <polygon class="cls-5" points="171.21 129.25 171.21 128.65 143.05 144.9 143.57 145.2 171.21 129.25"/>
+            <polygon class="cls-4" points="143.05 143.3 71.32 101.89 71.32 69.38 171.21 127.05 143.05 143.3"/>
+            <polygon class="cls-4" points="71.32 69.38 71.32 101.89 43.16 85.63 71.32 69.38"/>
+            <polygon class="cls-5" points="171.21 127.65 171.21 127.05 143.05 143.3 143.57 143.6 171.21 127.65"/>
+            <polygon class="cls-4" points="143.05 141.5 71.32 100.09 71.32 67.58 171.21 125.25 143.05 141.5"/>
+            <polygon class="cls-4" points="71.32 67.58 71.32 100.09 43.16 83.83 71.32 67.58"/>
+            <polygon class="cls-5" points="171.21 125.85 171.21 125.25 143.05 141.5 143.57 141.8 171.21 125.85"/>
+            <polygon class="cls-4" points="143.05 139.9 71.32 98.49 71.32 65.98 171.21 123.65 143.05 139.9"/>
+            <polygon class="cls-4" points="71.32 65.98 71.32 98.49 43.16 82.23 71.32 65.98"/>
+            <polygon class="cls-5" points="171.21 124.25 171.21 123.65 143.05 139.9 143.57 140.2 171.21 124.25"/>
+            <polygon class="cls-4" points="143.05 138.3 71.32 96.89 71.32 64.38 171.21 122.05 143.05 138.3"/>
+            <polygon class="cls-4" points="71.32 64.38 71.32 96.89 43.16 80.63 71.32 64.38"/>
+            <polygon class="cls-5" points="171.21 122.65 171.21 122.05 143.05 138.3 143.05 138.9 171.21 122.65"/>
+            <polygon class="cls-5" points="43.16 81.23 43.16 80.63 143.05 138.3 143.05 138.9 43.16 81.23"/>
+            <polygon class="cls-4" points="143.05 136.7 71.32 95.29 71.32 62.78 171.21 120.45 143.05 136.7"/>
+            <polygon class="cls-4" points="71.32 62.78 71.32 95.29 43.16 79.03 71.32 62.78"/>
+            <polygon class="cls-5" points="171.21 121.05 171.21 120.45 143.05 136.7 143.05 137.3 171.21 121.05"/>
+            <polygon class="cls-5" points="43.16 79.63 43.16 79.03 143.05 136.7 143.05 137.3 43.16 79.63"/>
+            <path class="cls-6"
+                  d="M97,94.41c5-2.9,13.26-2.9,18.29,0s5,7.66,0,10.56S102,107.88,97,105,91.92,97.32,97,94.41Z"/>
+            <polygon id="Outer_right_side" data-name="Outer right side" class="cls-2"
+                     points="152.83 252.94 30.57 182.35 30.57 76.47 152.83 147.06 152.83 252.94"/>
+        </g>
+        <g id="Front_drawer" data-name="Front drawer">
+            <polygon id="Front" class="cls-7"
+                     points="193.58 123.53 152.83 147.06 152.83 252.94 193.58 229.41 193.58 123.53"/>
+            <path id="Top_edge" data-name="Top edge" class="cls-8"
+                  d="M71.32,52.94,30.57,76.47l122.26,70.59,40.75-23.53ZM34.56,76.47,71.32,55.25l118.26,68.28-36.75,21.22Z"/>
+        </g>
+        <line class="cls-4" x1="171.21" y1="122.85" x2="143.05" y2="139.1"/>
+    </g>
+    <polygon class="cls-1"
+             points="132.45 182.36 132.45 135.29 183.4 105.88 183.4 70.59 122.26 105.88 122.26 126.47 122.26 126.47 122.26 138.4 122.26 141.18 122.26 141.18 122.26 258.82 132.45 252.94 132.45 194.12 132.45 182.36"/>
+    <polygon id="left_part_box" data-name="left part box" class="cls-9"
+             points="122.26 105.88 0 35.29 0 188.23 122.26 258.82 122.26 105.88"/>
+    <polygon id="top_part_box" data-name="top part box" class="cls-10"
+             points="183.4 70.59 61.13 0 0 35.29 122.26 105.88 183.4 70.59"/>
+</svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/cassettes/acceptor-left.svg b/packages/admin-ui/src/styling/icons/cassettes/acceptor-left.svg
index 06519d18..e2cee8dc 100644
--- a/packages/admin-ui/src/styling/icons/cassettes/acceptor-left.svg
+++ b/packages/admin-ui/src/styling/icons/cassettes/acceptor-left.svg
@@ -1 +1,20 @@
-<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 193.58 258.82"><defs><style>.cls-1{fill:#4b5fef;}.cls-2{fill:#7687ff;}.cls-3{fill:#ebefff;}.cls-4{fill:#5a67ff;}.cls-5{fill:#1b2559;}.cls-6{fill:#ccd8ff;opacity:0.74;}.cls-7{fill:#dee5fc;opacity:0.8;}</style></defs><title>acceptor-left</title><polyline class="cls-1" points="71.32 97.69 124.25 128.26 161 107.04 71.32 55.25"/><polygon class="cls-2" points="163.01 105.88 71.32 52.94 30.57 76.47 122.26 129.41 163.01 105.88"/><polygon class="cls-3" points="183.4 70.59 183.39 223.53 122.26 258.82 122.26 105.88 183.4 70.59"/><polygon class="cls-4" points="193.58 123.53 152.83 147.06 152.83 252.94 193.58 229.41 193.58 123.53"/><polygon class="cls-1" points="152.83 252.94 132.45 241.18 132.45 135.29 152.83 147.06 152.83 252.94"/><polygon class="cls-1" points="122.26 235.3 30.56 182.36 30.57 76.47 122.26 129.41 122.26 235.3"/><polyline class="cls-2" points="132.45 135.29 152.83 147.06 193.58 123.53 173.21 111.77"/><polyline class="cls-1" points="134.45 134.14 152.83 144.75 189.58 123.53 171.21 112.92"/><polygon class="cls-5" points="171.21 112.92 171.21 134.14 152.83 144.75 134.45 134.14 171.21 112.92"/><polygon class="cls-5" points="71.32 55.25 71.32 97.69 52.94 87.08 34.56 76.47 71.32 55.25"/><polygon class="cls-6" points="122.26 105.88 0 35.29 0 188.23 122.26 258.82 122.26 105.88"/><polygon class="cls-7" points="183.4 70.59 61.13 0 0 35.29 122.26 105.88 183.4 70.59"/></svg>
\ No newline at end of file
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 193.58 258.82">
+    <defs>
+        <style>
+            .cls-1{fill:#4b5fef;}.cls-2{fill:#7687ff;}.cls-3{fill:#ebefff;}.cls-4{fill:#5a67ff;}.cls-5{fill:#1b2559;}.cls-6{fill:#ccd8ff;opacity:0.74;}.cls-7{fill:#dee5fc;opacity:0.8;}
+        </style>
+    </defs>
+    <title>acceptor-left</title>
+    <polyline class="cls-1" points="71.32 97.69 124.25 128.26 161 107.04 71.32 55.25"/>
+    <polygon class="cls-2" points="163.01 105.88 71.32 52.94 30.57 76.47 122.26 129.41 163.01 105.88"/>
+    <polygon class="cls-3" points="183.4 70.59 183.39 223.53 122.26 258.82 122.26 105.88 183.4 70.59"/>
+    <polygon class="cls-4" points="193.58 123.53 152.83 147.06 152.83 252.94 193.58 229.41 193.58 123.53"/>
+    <polygon class="cls-1" points="152.83 252.94 132.45 241.18 132.45 135.29 152.83 147.06 152.83 252.94"/>
+    <polygon class="cls-1" points="122.26 235.3 30.56 182.36 30.57 76.47 122.26 129.41 122.26 235.3"/>
+    <polyline class="cls-2" points="132.45 135.29 152.83 147.06 193.58 123.53 173.21 111.77"/>
+    <polyline class="cls-1" points="134.45 134.14 152.83 144.75 189.58 123.53 171.21 112.92"/>
+    <polygon class="cls-5" points="171.21 112.92 171.21 134.14 152.83 144.75 134.45 134.14 171.21 112.92"/>
+    <polygon class="cls-5" points="71.32 55.25 71.32 97.69 52.94 87.08 34.56 76.47 71.32 55.25"/>
+    <polygon class="cls-6" points="122.26 105.88 0 35.29 0 188.23 122.26 258.82 122.26 105.88"/>
+    <polygon class="cls-7" points="183.4 70.59 61.13 0 0 35.29 122.26 105.88 183.4 70.59"/>
+</svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/cassettes/both-filled.svg b/packages/admin-ui/src/styling/icons/cassettes/both-filled.svg
index 6104c6dd..f3dc501d 100644
--- a/packages/admin-ui/src/styling/icons/cassettes/both-filled.svg
+++ b/packages/admin-ui/src/styling/icons/cassettes/both-filled.svg
@@ -1 +1,89 @@
-<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 264.9 300"><defs><style>.cls-1{fill:#4b5fef;}.cls-2{fill:#7687ff;}.cls-3{fill:#1b2559;}.cls-4{fill:#ebefff;}.cls-5{fill:#ccd8ff;opacity:0.74;}.cls-6{fill:#dee5fc;opacity:0.8;}.cls-7{fill:#5a67ff;}.cls-8{fill:#fff;}.cls-9{fill:#48f694;}.cls-10{fill:#41de85;}.cls-11{fill:#00cd5a;}</style></defs><title>both-filled</title><polyline class="cls-1" points="122.26 156.51 69.33 187.09 32.58 165.87 122.26 114.07"/><polygon class="cls-2" points="30.57 164.7 122.26 111.76 163.01 135.29 71.32 188.24 30.57 164.7"/><polygon class="cls-1" points="71.32 235.29 163.02 182.35 163.01 135.29 71.32 188.24 71.32 235.29"/><polygon class="cls-3" points="122.26 114.07 122.26 156.51 140.64 145.9 159.02 135.29 122.26 114.07"/><polyline class="cls-1" points="122.27 97.69 69.34 128.26 32.58 107.04 122.27 55.25"/><polygon class="cls-2" points="30.57 105.88 122.26 52.94 163.02 76.47 71.32 129.41 30.57 105.88"/><polygon class="cls-4" points="10.19 70.59 10.19 223.53 71.32 258.82 71.32 105.88 10.19 70.59"/><polygon class="cls-1" points="71.32 176.47 163.02 123.53 163.02 76.47 71.32 129.41 71.32 176.47"/><polygon class="cls-3" points="122.27 55.25 122.27 97.69 140.65 87.08 159.02 76.47 122.27 55.25"/><polygon class="cls-5" points="71.32 105.88 193.58 35.29 193.59 188.23 71.32 258.82 71.32 105.88"/><polygon class="cls-6" points="10.19 70.59 132.45 0 193.58 35.29 71.32 105.88 10.19 70.59"/><polygon class="cls-7" points="0 182.35 40.76 205.88 40.76 252.94 0 229.41 0 182.35"/><polygon class="cls-1" points="40.76 252.94 61.13 241.18 61.13 194.12 40.76 205.88 40.76 252.94"/><polyline class="cls-2" points="61.13 194.12 40.76 205.88 0 182.35 20.38 170.59"/><polyline class="cls-1" points="59.13 192.96 40.76 203.57 4 182.35 22.38 171.74"/><polygon class="cls-3" points="22.38 171.74 22.38 192.96 40.76 203.57 59.13 192.96 22.38 171.74"/><path class="cls-8" d="M13.5,223.73c0-7.57,9.59-3.1,9.59-7.41A6,6,0,0,0,20,211.53c-2.39-1.37-3.69.4-3.69.4l-2.75-3.49s1.88-3.16,6.76-.43c3.58,2,6.62,6.06,6.62,10.21,0,7.06-9.16,2.71-9.25,6.68l9.57,5.93v3.44l-13.59-8.56A16.91,16.91,0,0,1,13.5,223.73Z"/><polygon class="cls-7" points="0 123.53 40.76 147.06 40.76 194.12 0 170.59 0 123.53"/><polygon class="cls-1" points="40.76 194.12 61.14 182.35 61.13 135.29 40.76 147.06 40.76 194.12"/><polyline class="cls-2" points="61.13 135.29 40.76 147.06 0 123.53 20.38 111.77"/><polyline class="cls-1" points="59.13 134.14 40.76 144.75 4 123.53 22.38 112.92"/><polygon class="cls-3" points="22.38 112.92 22.38 134.14 40.76 144.75 59.13 134.14 22.38 112.92"/><path class="cls-8" d="M13,163.07l4.44,3V154.74c0-.69,0-1.35,0-1.35l0,0a1.8,1.8,0,0,1-.9.55l-1.64.46-2.18-3.75,5.13-1.49,3.24,2.16v17.15l4.44,2.95v3.18L13,166.24Z"/><path class="cls-4" d="M81.51,111.76v153L142.64,300V147.06Z"/><g id="Drawer_2" data-name="Drawer 2"><g id="rest_of_drawer" data-name="rest of drawer"><polygon id="Inner_right_side" data-name="Inner right side" class="cls-1" points="193.59 138.87 112.08 185.93 75.32 164.71 193.59 96.43 193.59 138.87"/><polygon class="cls-3" points="93.7 175.31 93.7 154.1 102.77 148.86 102.77 180.6 93.7 175.31"/><polygon id="Back" class="cls-3" points="193.59 96.43 193.59 138.87 211.97 128.26 230.34 117.65 193.59 96.43"/><polygon class="cls-9" points="121.86 190.88 193.59 149.47 193.59 116.95 93.7 174.62 121.86 190.88"/><polygon class="cls-9" points="193.59 116.95 193.59 149.47 221.74 133.21 193.59 116.95"/><polygon class="cls-10" points="93.7 175.22 93.7 174.62 121.86 190.88 121.34 191.18 93.7 175.22"/><polygon class="cls-9" points="121.86 189.28 193.59 147.87 193.59 115.35 93.7 173.02 121.86 189.28"/><polygon class="cls-9" points="193.59 115.35 193.59 147.87 221.74 131.61 193.59 115.35"/><polygon class="cls-10" points="93.7 173.62 93.7 173.02 121.86 189.28 121.34 189.58 93.7 173.62"/><polygon class="cls-9" points="121.86 187.68 193.59 146.26 193.59 113.75 93.7 171.42 121.86 187.68"/><polygon class="cls-9" points="193.59 113.75 193.59 146.26 221.74 130.01 193.59 113.75"/><polygon class="cls-10" points="93.7 172.02 93.7 171.42 121.86 187.68 121.34 187.98 93.7 172.02"/><polygon class="cls-9" points="121.86 186.08 193.59 144.66 193.59 112.15 93.7 169.82 121.86 186.08"/><polygon class="cls-9" points="193.59 112.15 193.59 144.66 221.74 128.41 193.59 112.15"/><polygon class="cls-10" points="93.7 170.42 93.7 169.82 121.86 186.08 121.34 186.38 93.7 170.42"/><polygon class="cls-9" points="121.86 184.48 193.59 143.06 193.59 110.55 93.7 168.22 121.86 184.48"/><polygon class="cls-9" points="193.59 110.55 193.59 143.06 221.74 126.81 193.59 110.55"/><polygon class="cls-10" points="93.7 168.82 93.7 168.22 121.86 184.48 121.34 184.78 93.7 168.82"/><polygon class="cls-9" points="121.86 182.68 193.59 141.26 193.59 108.75 93.7 166.42 121.86 182.68"/><polygon class="cls-9" points="193.59 108.75 193.59 141.26 221.74 125.01 193.59 108.75"/><polygon class="cls-10" points="93.7 167.02 93.7 166.42 121.86 182.68 121.34 182.98 93.7 167.02"/><polygon class="cls-9" points="121.86 181.08 193.59 139.66 193.59 107.15 93.7 164.82 121.86 181.08"/><polygon class="cls-9" points="193.59 107.15 193.59 139.66 221.74 123.41 193.59 107.15"/><polygon class="cls-10" points="93.7 165.42 93.7 164.82 121.86 181.08 121.34 181.38 93.7 165.42"/><polygon class="cls-9" points="121.86 179.48 193.59 138.06 193.59 105.55 93.7 163.22 121.86 179.48"/><polygon class="cls-9" points="193.59 105.55 193.59 138.06 221.74 121.81 193.59 105.55"/><polygon class="cls-10" points="93.7 163.82 93.7 163.22 121.86 179.48 121.86 180.08 93.7 163.82"/><polygon class="cls-10" points="221.74 122.41 221.74 121.81 121.86 179.48 121.86 180.08 221.74 122.41"/><polygon class="cls-9" points="121.86 177.88 193.59 136.47 193.59 103.95 93.7 161.62 121.86 177.88"/><polygon class="cls-9" points="193.59 103.95 193.59 136.47 221.74 120.21 193.59 103.95"/><polygon class="cls-10" points="93.7 162.22 93.7 161.62 121.86 177.88 121.86 178.48 93.7 162.22"/><polygon class="cls-10" points="221.74 120.81 221.74 120.21 121.86 177.88 121.86 178.48 221.74 120.81"/><path class="cls-11" d="M168,135.59c-5-2.91-13.27-2.91-18.3,0s-5,7.66,0,10.56,13.27,2.91,18.3,0S173,138.49,168,135.59Z"/><polygon id="Outer_right_side" data-name="Outer right side" class="cls-1" points="112.08 294.12 234.34 223.53 234.34 117.65 112.08 188.24 112.08 294.12"/></g><g id="Front_drawer" data-name="Front drawer"><polygon id="Front" class="cls-7" points="71.32 164.71 112.08 188.24 112.08 294.12 71.32 270.59 71.32 164.71"/><path id="Top_edge" data-name="Top edge" class="cls-2" d="M71.32,164.71l40.76,23.53,122.26-70.59L193.58,94.12Zm40.76,21.22L75.32,164.71,193.59,96.43l36.75,21.22Z"/></g><line class="cls-9" x1="93.7" y1="164.02" x2="121.86" y2="180.28"/></g><polygon class="cls-4" points="132.46 223.53 132.45 176.47 81.51 147.06 81.51 111.76 142.64 147.06 142.64 167.65 142.64 167.65 142.64 179.58 142.64 182.35 142.64 182.35 142.64 300 132.46 294.12 132.46 235.3 132.46 223.53"/><polygon id="left_part_box" data-name="left part box" class="cls-5" points="142.64 147.06 264.9 76.47 264.9 229.41 142.64 300 142.64 147.06"/><polygon id="top_part_box" data-name="top part box" class="cls-6" points="81.51 111.76 203.77 41.18 264.9 76.47 142.64 147.06 81.51 111.76"/></svg>
\ No newline at end of file
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 264.9 300">
+    <defs>
+        <style>
+            .cls-1{fill:#4b5fef;}.cls-2{fill:#7687ff;}.cls-3{fill:#1b2559;}.cls-4{fill:#ebefff;}.cls-5{fill:#ccd8ff;opacity:0.74;}.cls-6{fill:#dee5fc;opacity:0.8;}.cls-7{fill:#5a67ff;}.cls-8{fill:#fff;}.cls-9{fill:#48f694;}.cls-10{fill:#41de85;}.cls-11{fill:#00cd5a;}
+        </style>
+    </defs>
+    <title>both-filled</title>
+    <polyline class="cls-1" points="122.26 156.51 69.33 187.09 32.58 165.87 122.26 114.07"/>
+    <polygon class="cls-2" points="30.57 164.7 122.26 111.76 163.01 135.29 71.32 188.24 30.57 164.7"/>
+    <polygon class="cls-1" points="71.32 235.29 163.02 182.35 163.01 135.29 71.32 188.24 71.32 235.29"/>
+    <polygon class="cls-3" points="122.26 114.07 122.26 156.51 140.64 145.9 159.02 135.29 122.26 114.07"/>
+    <polyline class="cls-1" points="122.27 97.69 69.34 128.26 32.58 107.04 122.27 55.25"/>
+    <polygon class="cls-2" points="30.57 105.88 122.26 52.94 163.02 76.47 71.32 129.41 30.57 105.88"/>
+    <polygon class="cls-4" points="10.19 70.59 10.19 223.53 71.32 258.82 71.32 105.88 10.19 70.59"/>
+    <polygon class="cls-1" points="71.32 176.47 163.02 123.53 163.02 76.47 71.32 129.41 71.32 176.47"/>
+    <polygon class="cls-3" points="122.27 55.25 122.27 97.69 140.65 87.08 159.02 76.47 122.27 55.25"/>
+    <polygon class="cls-5" points="71.32 105.88 193.58 35.29 193.59 188.23 71.32 258.82 71.32 105.88"/>
+    <polygon class="cls-6" points="10.19 70.59 132.45 0 193.58 35.29 71.32 105.88 10.19 70.59"/>
+    <polygon class="cls-7" points="0 182.35 40.76 205.88 40.76 252.94 0 229.41 0 182.35"/>
+    <polygon class="cls-1" points="40.76 252.94 61.13 241.18 61.13 194.12 40.76 205.88 40.76 252.94"/>
+    <polyline class="cls-2" points="61.13 194.12 40.76 205.88 0 182.35 20.38 170.59"/>
+    <polyline class="cls-1" points="59.13 192.96 40.76 203.57 4 182.35 22.38 171.74"/>
+    <polygon class="cls-3" points="22.38 171.74 22.38 192.96 40.76 203.57 59.13 192.96 22.38 171.74"/>
+    <path class="cls-8"
+          d="M13.5,223.73c0-7.57,9.59-3.1,9.59-7.41A6,6,0,0,0,20,211.53c-2.39-1.37-3.69.4-3.69.4l-2.75-3.49s1.88-3.16,6.76-.43c3.58,2,6.62,6.06,6.62,10.21,0,7.06-9.16,2.71-9.25,6.68l9.57,5.93v3.44l-13.59-8.56A16.91,16.91,0,0,1,13.5,223.73Z"/>
+    <polygon class="cls-7" points="0 123.53 40.76 147.06 40.76 194.12 0 170.59 0 123.53"/>
+    <polygon class="cls-1" points="40.76 194.12 61.14 182.35 61.13 135.29 40.76 147.06 40.76 194.12"/>
+    <polyline class="cls-2" points="61.13 135.29 40.76 147.06 0 123.53 20.38 111.77"/>
+    <polyline class="cls-1" points="59.13 134.14 40.76 144.75 4 123.53 22.38 112.92"/>
+    <polygon class="cls-3" points="22.38 112.92 22.38 134.14 40.76 144.75 59.13 134.14 22.38 112.92"/>
+    <path class="cls-8"
+          d="M13,163.07l4.44,3V154.74c0-.69,0-1.35,0-1.35l0,0a1.8,1.8,0,0,1-.9.55l-1.64.46-2.18-3.75,5.13-1.49,3.24,2.16v17.15l4.44,2.95v3.18L13,166.24Z"/>
+    <path class="cls-4" d="M81.51,111.76v153L142.64,300V147.06Z"/>
+    <g id="Drawer_2" data-name="Drawer 2">
+        <g id="rest_of_drawer" data-name="rest of drawer">
+            <polygon id="Inner_right_side" data-name="Inner right side" class="cls-1"
+                     points="193.59 138.87 112.08 185.93 75.32 164.71 193.59 96.43 193.59 138.87"/>
+            <polygon class="cls-3" points="93.7 175.31 93.7 154.1 102.77 148.86 102.77 180.6 93.7 175.31"/>
+            <polygon id="Back" class="cls-3"
+                     points="193.59 96.43 193.59 138.87 211.97 128.26 230.34 117.65 193.59 96.43"/>
+            <polygon class="cls-9" points="121.86 190.88 193.59 149.47 193.59 116.95 93.7 174.62 121.86 190.88"/>
+            <polygon class="cls-9" points="193.59 116.95 193.59 149.47 221.74 133.21 193.59 116.95"/>
+            <polygon class="cls-10" points="93.7 175.22 93.7 174.62 121.86 190.88 121.34 191.18 93.7 175.22"/>
+            <polygon class="cls-9" points="121.86 189.28 193.59 147.87 193.59 115.35 93.7 173.02 121.86 189.28"/>
+            <polygon class="cls-9" points="193.59 115.35 193.59 147.87 221.74 131.61 193.59 115.35"/>
+            <polygon class="cls-10" points="93.7 173.62 93.7 173.02 121.86 189.28 121.34 189.58 93.7 173.62"/>
+            <polygon class="cls-9" points="121.86 187.68 193.59 146.26 193.59 113.75 93.7 171.42 121.86 187.68"/>
+            <polygon class="cls-9" points="193.59 113.75 193.59 146.26 221.74 130.01 193.59 113.75"/>
+            <polygon class="cls-10" points="93.7 172.02 93.7 171.42 121.86 187.68 121.34 187.98 93.7 172.02"/>
+            <polygon class="cls-9" points="121.86 186.08 193.59 144.66 193.59 112.15 93.7 169.82 121.86 186.08"/>
+            <polygon class="cls-9" points="193.59 112.15 193.59 144.66 221.74 128.41 193.59 112.15"/>
+            <polygon class="cls-10" points="93.7 170.42 93.7 169.82 121.86 186.08 121.34 186.38 93.7 170.42"/>
+            <polygon class="cls-9" points="121.86 184.48 193.59 143.06 193.59 110.55 93.7 168.22 121.86 184.48"/>
+            <polygon class="cls-9" points="193.59 110.55 193.59 143.06 221.74 126.81 193.59 110.55"/>
+            <polygon class="cls-10" points="93.7 168.82 93.7 168.22 121.86 184.48 121.34 184.78 93.7 168.82"/>
+            <polygon class="cls-9" points="121.86 182.68 193.59 141.26 193.59 108.75 93.7 166.42 121.86 182.68"/>
+            <polygon class="cls-9" points="193.59 108.75 193.59 141.26 221.74 125.01 193.59 108.75"/>
+            <polygon class="cls-10" points="93.7 167.02 93.7 166.42 121.86 182.68 121.34 182.98 93.7 167.02"/>
+            <polygon class="cls-9" points="121.86 181.08 193.59 139.66 193.59 107.15 93.7 164.82 121.86 181.08"/>
+            <polygon class="cls-9" points="193.59 107.15 193.59 139.66 221.74 123.41 193.59 107.15"/>
+            <polygon class="cls-10" points="93.7 165.42 93.7 164.82 121.86 181.08 121.34 181.38 93.7 165.42"/>
+            <polygon class="cls-9" points="121.86 179.48 193.59 138.06 193.59 105.55 93.7 163.22 121.86 179.48"/>
+            <polygon class="cls-9" points="193.59 105.55 193.59 138.06 221.74 121.81 193.59 105.55"/>
+            <polygon class="cls-10" points="93.7 163.82 93.7 163.22 121.86 179.48 121.86 180.08 93.7 163.82"/>
+            <polygon class="cls-10" points="221.74 122.41 221.74 121.81 121.86 179.48 121.86 180.08 221.74 122.41"/>
+            <polygon class="cls-9" points="121.86 177.88 193.59 136.47 193.59 103.95 93.7 161.62 121.86 177.88"/>
+            <polygon class="cls-9" points="193.59 103.95 193.59 136.47 221.74 120.21 193.59 103.95"/>
+            <polygon class="cls-10" points="93.7 162.22 93.7 161.62 121.86 177.88 121.86 178.48 93.7 162.22"/>
+            <polygon class="cls-10" points="221.74 120.81 221.74 120.21 121.86 177.88 121.86 178.48 221.74 120.81"/>
+            <path class="cls-11"
+                  d="M168,135.59c-5-2.91-13.27-2.91-18.3,0s-5,7.66,0,10.56,13.27,2.91,18.3,0S173,138.49,168,135.59Z"/>
+            <polygon id="Outer_right_side" data-name="Outer right side" class="cls-1"
+                     points="112.08 294.12 234.34 223.53 234.34 117.65 112.08 188.24 112.08 294.12"/>
+        </g>
+        <g id="Front_drawer" data-name="Front drawer">
+            <polygon id="Front" class="cls-7"
+                     points="71.32 164.71 112.08 188.24 112.08 294.12 71.32 270.59 71.32 164.71"/>
+            <path id="Top_edge" data-name="Top edge" class="cls-2"
+                  d="M71.32,164.71l40.76,23.53,122.26-70.59L193.58,94.12Zm40.76,21.22L75.32,164.71,193.59,96.43l36.75,21.22Z"/>
+        </g>
+        <line class="cls-9" x1="93.7" y1="164.02" x2="121.86" y2="180.28"/>
+    </g>
+    <polygon class="cls-4"
+             points="132.46 223.53 132.45 176.47 81.51 147.06 81.51 111.76 142.64 147.06 142.64 167.65 142.64 167.65 142.64 179.58 142.64 182.35 142.64 182.35 142.64 300 132.46 294.12 132.46 235.3 132.46 223.53"/>
+    <polygon id="left_part_box" data-name="left part box" class="cls-5"
+             points="142.64 147.06 264.9 76.47 264.9 229.41 142.64 300 142.64 147.06"/>
+    <polygon id="top_part_box" data-name="top part box" class="cls-6"
+             points="81.51 111.76 203.77 41.18 264.9 76.47 142.64 147.06 81.51 111.76"/>
+</svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/cassettes/cashbox-empty.svg b/packages/admin-ui/src/styling/icons/cassettes/cashbox-empty.svg
index bbcec59a..a16fb500 100644
--- a/packages/admin-ui/src/styling/icons/cassettes/cashbox-empty.svg
+++ b/packages/admin-ui/src/styling/icons/cassettes/cashbox-empty.svg
@@ -1,12 +1,15 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>07E3DD15-D5E4-46A8-BF7B-064F598230CE</title>
     <g id="DASHBOARD" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g id="dashboard_v9#1-(week)" transform="translate(-772.000000, -212.000000)">
             <g id="dashboard/row/alert/positive" transform="translate(756.000000, 204.000000)">
                 <g id="Group-2" transform="translate(16.000000, 8.000000)">
-                    <polygon id="Rectangle-2-Copy-45" fill="#FF584A" fill-rule="nonzero" points="0 11 16 11 16 16 0 16"></polygon>
-                    <rect id="Rectangle-Copy-10" stroke="#FF584A" stroke-width="2" x="1" y="1" width="14" height="14"></rect>
+                    <polygon id="Rectangle-2-Copy-45" fill="#FF584A" fill-rule="nonzero"
+                             points="0 11 16 11 16 16 0 16"></polygon>
+                    <rect id="Rectangle-Copy-10" stroke="#FF584A" stroke-width="2" x="1" y="1" width="14"
+                          height="14"></rect>
                 </g>
             </g>
         </g>
diff --git a/packages/admin-ui/src/styling/icons/cassettes/cashout-cassette-1.svg b/packages/admin-ui/src/styling/icons/cassettes/cashout-cassette-1.svg
index e0067b7c..2f750684 100644
--- a/packages/admin-ui/src/styling/icons/cassettes/cashout-cassette-1.svg
+++ b/packages/admin-ui/src/styling/icons/cassettes/cashout-cassette-1.svg
@@ -1 +1,25 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="148" height="196"><g fill="none"><path fill="#FFF" d="M23.321 124.64l85.498-48.964 31.09 17.806-85.5 48.967z" opacity=".74"/><path fill="#CCD8FF" d="M108.821 109.539l-55.927 32.04-28.04-16.058 83.967-48.098"/><path fill="#D2D8FF" d="M54.41 178.06l85.5-48.966-.002-35.612-85.497 48.965z"/><path fill="#5A67FF" d="M108.821 77.423v32.116l14.02-8.028 14.02-8.03z" opacity=".74"/><path fill="#4B5FEF" d="M93.275 73.926L52.894 97.065l-28.04-16.059 68.421-39.195"/><path fill="#7687FF" d="M23.321 80.125l69.951-40.062 31.09 17.806-69.954 40.065z"/><path fill="#EBEFFF" d="M7.77 53.416l.004 115.741 46.637 26.71-.003-115.742z"/><path fill="#D2D8FF" d="M15.546 129.094l31.092 17.807v35.612l-31.093-17.806z"/><path fill="#5A67FF" d="M0 93.481l31.092 17.807V146.9L0 129.093z"/><path fill="#4B5FEF" d="M31.092 146.9l15.547-8.903-.002-35.612-15.545 8.903zm23.318-13.355l69.954-40.064-.002-35.612L54.41 97.933z"/><path fill="#7687FF" d="M46.637 102.385l-15.545 8.903L.001 93.48l15.544-8.902"/><path fill="#4B5FEF" d="M45.111 101.51l-14.019 8.03-28.04-16.058 14.02-8.03"/><path fill="#1B2559" d="M17.072 85.451v16.059l14.02 8.03 14.019-8.03zM93.275 41.81v32.116l14.02-8.027 14.02-8.03z"/><path fill="#FFF" d="M9.905 123.401l3.388 2.233.012-8.533c0-.52.024-1.025.024-1.025l-.044-.03c-.18.205-.417.35-.682.419l-1.254.345-1.665-2.831 3.913-1.13 2.478 1.632-.01 12.98 3.388 2.232v2.407l-9.554-6.296.006-2.403z"/><path fill="#EBEFFF" d="M25.055 161.858c.023-5.73 7.312-2.347 7.316-5.607a4.505 4.505 0 0 0-2.362-3.631c-1.818-1.031-2.81.308-2.81.308l-2.097-2.643s1.435-2.388 5.153-.323c2.735 1.518 5.053 4.586 5.053 7.725 0 5.34-6.986 2.053-7.06 5.056l7.3 4.487v2.603l-10.367-6.482a13.34 13.34 0 0 1-.126-1.493z"/><path fill="#CCD8FF" d="M54.408 80.125l93.272-53.418.002 115.74-93.271 53.42z" opacity=".74"/><path fill="#DEE5FC" d="M7.77 53.416L101.047 0l46.634 26.707-93.272 53.418z" opacity=".8"/></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="148" height="196">
+    <g fill="none">
+        <path fill="#FFF" d="M23.321 124.64l85.498-48.964 31.09 17.806-85.5 48.967z" opacity=".74"/>
+        <path fill="#CCD8FF" d="M108.821 109.539l-55.927 32.04-28.04-16.058 83.967-48.098"/>
+        <path fill="#D2D8FF" d="M54.41 178.06l85.5-48.966-.002-35.612-85.497 48.965z"/>
+        <path fill="#5A67FF" d="M108.821 77.423v32.116l14.02-8.028 14.02-8.03z" opacity=".74"/>
+        <path fill="#4B5FEF" d="M93.275 73.926L52.894 97.065l-28.04-16.059 68.421-39.195"/>
+        <path fill="#7687FF" d="M23.321 80.125l69.951-40.062 31.09 17.806-69.954 40.065z"/>
+        <path fill="#EBEFFF" d="M7.77 53.416l.004 115.741 46.637 26.71-.003-115.742z"/>
+        <path fill="#D2D8FF" d="M15.546 129.094l31.092 17.807v35.612l-31.093-17.806z"/>
+        <path fill="#5A67FF" d="M0 93.481l31.092 17.807V146.9L0 129.093z"/>
+        <path fill="#4B5FEF"
+              d="M31.092 146.9l15.547-8.903-.002-35.612-15.545 8.903zm23.318-13.355l69.954-40.064-.002-35.612L54.41 97.933z"/>
+        <path fill="#7687FF" d="M46.637 102.385l-15.545 8.903L.001 93.48l15.544-8.902"/>
+        <path fill="#4B5FEF" d="M45.111 101.51l-14.019 8.03-28.04-16.058 14.02-8.03"/>
+        <path fill="#1B2559"
+              d="M17.072 85.451v16.059l14.02 8.03 14.019-8.03zM93.275 41.81v32.116l14.02-8.027 14.02-8.03z"/>
+        <path fill="#FFF"
+              d="M9.905 123.401l3.388 2.233.012-8.533c0-.52.024-1.025.024-1.025l-.044-.03c-.18.205-.417.35-.682.419l-1.254.345-1.665-2.831 3.913-1.13 2.478 1.632-.01 12.98 3.388 2.232v2.407l-9.554-6.296.006-2.403z"/>
+        <path fill="#EBEFFF"
+              d="M25.055 161.858c.023-5.73 7.312-2.347 7.316-5.607a4.505 4.505 0 0 0-2.362-3.631c-1.818-1.031-2.81.308-2.81.308l-2.097-2.643s1.435-2.388 5.153-.323c2.735 1.518 5.053 4.586 5.053 7.725 0 5.34-6.986 2.053-7.06 5.056l7.3 4.487v2.603l-10.367-6.482a13.34 13.34 0 0 1-.126-1.493z"/>
+        <path fill="#CCD8FF" d="M54.408 80.125l93.272-53.418.002 115.74-93.271 53.42z" opacity=".74"/>
+        <path fill="#DEE5FC" d="M7.77 53.416L101.047 0l46.634 26.707-93.272 53.418z" opacity=".8"/>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/cassettes/cashout-cassette-2.svg b/packages/admin-ui/src/styling/icons/cassettes/cashout-cassette-2.svg
index d58ba026..2471d673 100644
--- a/packages/admin-ui/src/styling/icons/cassettes/cashout-cassette-2.svg
+++ b/packages/admin-ui/src/styling/icons/cassettes/cashout-cassette-2.svg
@@ -1 +1,25 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="148" height="196"><g fill="none"><path fill="#4B5FEF" d="M93.274 118.442l-40.382 23.137-28.04-16.058 68.422-39.195"/><path fill="#7687FF" d="M23.32 124.64l69.95-40.062 31.09 17.807-69.953 40.065z"/><path fill="#4B5FEF" d="M54.41 178.06l69.953-40.063-.003-35.612-69.95 40.063z"/><path fill="#1B2559" d="M93.274 86.326v32.116l14.02-8.028 14.019-8.03z"/><path fill="#FFF" d="M23.32 73.157l85.497-48.964 31.09 17.806-85.5 48.967z" opacity=".74"/><path fill="#CCD8FF" d="M108.82 58.056l-55.928 32.04-28.04-16.058L108.82 25.94"/><path fill="#D2D8FF" d="M54.41 126.577l85.499-48.966L139.907 42 54.409 90.964z"/><path fill="#5A67FF" d="M108.82 25.94v32.116l14.02-8.028 14.019-8.03z" opacity=".74"/><path fill="#EBEFFF" d="M7.77 53.416l.003 115.741 46.637 26.71-.002-115.742z"/><path fill="#D2D8FF" d="M15.545 75.676l31.092 17.806v35.612l-31.092-17.807z"/><path fill="#CCD8FF" d="M54.408 80.125l93.27-53.418.003 115.74-93.271 53.42z" opacity=".74"/><path fill="#DEE5FC" d="M7.77 53.416L101.045 0l46.634 26.707-93.271 53.418z" opacity=".8"/><path fill="#5A67FF" d="M0 137.998l31.092 17.806v35.612L0 173.61z"/><path fill="#4B5FEF" d="M31.092 191.416l15.547-8.903-.002-35.612-15.545 8.903z"/><path fill="#7687FF" d="M46.637 146.9l-15.545 8.904L.001 137.998l15.544-8.903"/><path fill="#4B5FEF" d="M45.111 146.026l-14.019 8.03-28.04-16.058 14.02-8.03"/><path fill="#1B2559" d="M17.072 129.968v16.058l14.02 8.03 14.019-8.03z"/><path fill="#FFF" d="M10.3 169.313c.024-5.73 7.312-2.348 7.316-5.608a4.505 4.505 0 0 0-2.362-3.631c-1.817-1.03-2.809.308-2.809.308l-2.098-2.643s1.435-2.388 5.154-.323c2.734 1.518 5.053 4.586 5.052 7.725 0 5.341-6.985 2.053-7.06 5.057l7.301 4.486v2.603l-10.368-6.482a13.34 13.34 0 0 1-.126-1.492z"/><path fill="#EBEFFF" d="M25.073 105.537l3.388 2.233.012-8.533c.001-.52.024-1.025.024-1.025l-.044-.03c-.18.205-.417.35-.682.419l-1.254.345-1.665-2.831 3.913-1.13 2.478 1.631-.01 12.98 3.388 2.233v2.407l-9.554-6.297.006-2.402z"/></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="148" height="196">
+    <g fill="none">
+        <path fill="#4B5FEF" d="M93.274 118.442l-40.382 23.137-28.04-16.058 68.422-39.195"/>
+        <path fill="#7687FF" d="M23.32 124.64l69.95-40.062 31.09 17.807-69.953 40.065z"/>
+        <path fill="#4B5FEF" d="M54.41 178.06l69.953-40.063-.003-35.612-69.95 40.063z"/>
+        <path fill="#1B2559" d="M93.274 86.326v32.116l14.02-8.028 14.019-8.03z"/>
+        <path fill="#FFF" d="M23.32 73.157l85.497-48.964 31.09 17.806-85.5 48.967z" opacity=".74"/>
+        <path fill="#CCD8FF" d="M108.82 58.056l-55.928 32.04-28.04-16.058L108.82 25.94"/>
+        <path fill="#D2D8FF" d="M54.41 126.577l85.499-48.966L139.907 42 54.409 90.964z"/>
+        <path fill="#5A67FF" d="M108.82 25.94v32.116l14.02-8.028 14.019-8.03z" opacity=".74"/>
+        <path fill="#EBEFFF" d="M7.77 53.416l.003 115.741 46.637 26.71-.002-115.742z"/>
+        <path fill="#D2D8FF" d="M15.545 75.676l31.092 17.806v35.612l-31.092-17.807z"/>
+        <path fill="#CCD8FF" d="M54.408 80.125l93.27-53.418.003 115.74-93.271 53.42z" opacity=".74"/>
+        <path fill="#DEE5FC" d="M7.77 53.416L101.045 0l46.634 26.707-93.271 53.418z" opacity=".8"/>
+        <path fill="#5A67FF" d="M0 137.998l31.092 17.806v35.612L0 173.61z"/>
+        <path fill="#4B5FEF" d="M31.092 191.416l15.547-8.903-.002-35.612-15.545 8.903z"/>
+        <path fill="#7687FF" d="M46.637 146.9l-15.545 8.904L.001 137.998l15.544-8.903"/>
+        <path fill="#4B5FEF" d="M45.111 146.026l-14.019 8.03-28.04-16.058 14.02-8.03"/>
+        <path fill="#1B2559" d="M17.072 129.968v16.058l14.02 8.03 14.019-8.03z"/>
+        <path fill="#FFF"
+              d="M10.3 169.313c.024-5.73 7.312-2.348 7.316-5.608a4.505 4.505 0 0 0-2.362-3.631c-1.817-1.03-2.809.308-2.809.308l-2.098-2.643s1.435-2.388 5.154-.323c2.734 1.518 5.053 4.586 5.052 7.725 0 5.341-6.985 2.053-7.06 5.057l7.301 4.486v2.603l-10.368-6.482a13.34 13.34 0 0 1-.126-1.492z"/>
+        <path fill="#EBEFFF"
+              d="M25.073 105.537l3.388 2.233.012-8.533c.001-.52.024-1.025.024-1.025l-.044-.03c-.18.205-.417.35-.682.419l-1.254.345-1.665-2.831 3.913-1.13 2.478 1.631-.01 12.98 3.388 2.233v2.407l-9.554-6.297.006-2.402z"/>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/cassettes/dispenser-1.svg b/packages/admin-ui/src/styling/icons/cassettes/dispenser-1.svg
index a255b0b3..f4a54381 100644
--- a/packages/admin-ui/src/styling/icons/cassettes/dispenser-1.svg
+++ b/packages/admin-ui/src/styling/icons/cassettes/dispenser-1.svg
@@ -1 +1,29 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 193.58259 258.82261"><defs><style>.a,.l{fill:#fff;}.a,.d,.j{opacity:0.74;}.b,.j{fill:#ccd8ff;}.c{fill:#d2d8ff;}.d,.h{fill:#5a67ff;}.e{fill:#4b5fef;}.f{fill:#7687ff;}.g{fill:#ebefff;}.i{fill:#1b2559;}.k{fill:#dee5fc;opacity:0.8;}.m{fill:#aebaff;}</style></defs><title>v2-1</title><polygon class="a" points="163.012 164.703 50.942 100 10.189 123.53 122.263 188.236 163.012 164.703"/><polyline class="b" points="50.938 144.748 124.248 187.087 161.003 165.867 50.938 102.309"/><polygon class="c" points="122.261 235.293 10.186 170.589 10.189 123.53 122.261 188.234 122.261 235.293"/><polygon class="d" points="50.938 102.309 50.938 144.748 32.56 134.14 14.184 123.529 50.938 102.309"/><polyline class="e" points="71.317 97.688 124.249 128.264 161.004 107.044 71.317 55.25"/><polygon class="f" points="163.013 105.88 71.32 52.94 30.568 76.47 122.264 129.413 163.013 105.88"/><polygon class="g" points="183.396 70.586 183.393 223.529 122.26 258.823 122.264 105.88 183.396 70.586"/><polygon class="c" points="173.205 170.589 132.45 194.119 132.45 241.178 173.206 217.648 173.205 170.589"/><polygon class="h" points="193.582 123.529 152.827 147.059 152.827 194.118 193.583 170.587 193.582 123.529"/><polygon class="e" points="152.827 194.118 132.448 182.353 132.451 135.294 152.827 147.059 152.827 194.118"/><polygon class="e" points="122.261 176.47 30.565 123.529 30.568 76.47 122.261 129.411 122.261 176.47"/><polyline class="f" points="132.451 135.294 152.827 147.059 193.582 123.529 173.206 111.765"/><polyline class="e" points="134.451 134.138 152.827 144.749 189.582 123.53 171.205 112.918"/><polygon class="i" points="171.205 112.918 171.205 134.138 152.827 144.749 134.451 134.138 171.205 112.918"/><polygon class="i" points="71.317 55.25 71.317 97.688 52.939 87.081 34.563 76.47 71.317 55.25"/><polygon class="j" points="122.264 105.88 0.003 35.292 0 188.234 122.26 258.823 122.264 105.88"/><polygon class="k" points="183.396 70.586 61.131 0 0.003 35.292 122.264 105.88 183.396 70.586"/><path class="l" d="M168.29324,169.92639l4.38476-2.48092-.047-11.27756c-.00286-.68706.02246-1.38981.02246-1.38981l-.05636.03136a9.58844,9.58844,0,0,1-.86851,1.6315l-1.60382,2.44627-2.14443-1.10638,4.99115-7.6831,3.16791-1.75169.12588,17.06967,4.38476-2.48092.03567,3.146-12.39164,7.04027Z"/><path class="m" d="M148.46477,220.14711c0-6.74172,8.50209-12.68419,8.49771-16.33186-.00192-1.60372-1.23141-1.8737-2.76652-1.0152a9.13732,9.13732,0,0,0-3.27439,4.03233l-2.4568-.30054a14.47236,14.47236,0,0,1,6.01029-7.06167c3.19687-1.76715,5.91119-1.31443,5.917,2.12668.00994,5.85452-8.13556,11.56521-8.21069,15.11138l8.50983-4.9792.005,2.84873-12.078,7.13776A11.38945,11.38945,0,0,1,148.46477,220.14711Z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 193.58259 258.82261">
+    <defs>
+        <style>
+            .a,.l{fill:#fff;}.a,.d,.j{opacity:0.74;}.b,.j{fill:#ccd8ff;}.c{fill:#d2d8ff;}.d,.h{fill:#5a67ff;}.e{fill:#4b5fef;}.f{fill:#7687ff;}.g{fill:#ebefff;}.i{fill:#1b2559;}.k{fill:#dee5fc;opacity:0.8;}.m{fill:#aebaff;}
+        </style>
+    </defs>
+    <title>v2-1</title>
+    <polygon class="a" points="163.012 164.703 50.942 100 10.189 123.53 122.263 188.236 163.012 164.703"/>
+    <polyline class="b" points="50.938 144.748 124.248 187.087 161.003 165.867 50.938 102.309"/>
+    <polygon class="c" points="122.261 235.293 10.186 170.589 10.189 123.53 122.261 188.234 122.261 235.293"/>
+    <polygon class="d" points="50.938 102.309 50.938 144.748 32.56 134.14 14.184 123.529 50.938 102.309"/>
+    <polyline class="e" points="71.317 97.688 124.249 128.264 161.004 107.044 71.317 55.25"/>
+    <polygon class="f" points="163.013 105.88 71.32 52.94 30.568 76.47 122.264 129.413 163.013 105.88"/>
+    <polygon class="g" points="183.396 70.586 183.393 223.529 122.26 258.823 122.264 105.88 183.396 70.586"/>
+    <polygon class="c" points="173.205 170.589 132.45 194.119 132.45 241.178 173.206 217.648 173.205 170.589"/>
+    <polygon class="h" points="193.582 123.529 152.827 147.059 152.827 194.118 193.583 170.587 193.582 123.529"/>
+    <polygon class="e" points="152.827 194.118 132.448 182.353 132.451 135.294 152.827 147.059 152.827 194.118"/>
+    <polygon class="e" points="122.261 176.47 30.565 123.529 30.568 76.47 122.261 129.411 122.261 176.47"/>
+    <polyline class="f" points="132.451 135.294 152.827 147.059 193.582 123.529 173.206 111.765"/>
+    <polyline class="e" points="134.451 134.138 152.827 144.749 189.582 123.53 171.205 112.918"/>
+    <polygon class="i" points="171.205 112.918 171.205 134.138 152.827 144.749 134.451 134.138 171.205 112.918"/>
+    <polygon class="i" points="71.317 55.25 71.317 97.688 52.939 87.081 34.563 76.47 71.317 55.25"/>
+    <polygon class="j" points="122.264 105.88 0.003 35.292 0 188.234 122.26 258.823 122.264 105.88"/>
+    <polygon class="k" points="183.396 70.586 61.131 0 0.003 35.292 122.264 105.88 183.396 70.586"/>
+    <path class="l"
+          d="M168.29324,169.92639l4.38476-2.48092-.047-11.27756c-.00286-.68706.02246-1.38981.02246-1.38981l-.05636.03136a9.58844,9.58844,0,0,1-.86851,1.6315l-1.60382,2.44627-2.14443-1.10638,4.99115-7.6831,3.16791-1.75169.12588,17.06967,4.38476-2.48092.03567,3.146-12.39164,7.04027Z"/>
+    <path class="m"
+          d="M148.46477,220.14711c0-6.74172,8.50209-12.68419,8.49771-16.33186-.00192-1.60372-1.23141-1.8737-2.76652-1.0152a9.13732,9.13732,0,0,0-3.27439,4.03233l-2.4568-.30054a14.47236,14.47236,0,0,1,6.01029-7.06167c3.19687-1.76715,5.91119-1.31443,5.917,2.12668.00994,5.85452-8.13556,11.56521-8.21069,15.11138l8.50983-4.9792.005,2.84873-12.078,7.13776A11.38945,11.38945,0,0,1,148.46477,220.14711Z"/>
+</svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/cassettes/dispenser-2.svg b/packages/admin-ui/src/styling/icons/cassettes/dispenser-2.svg
index 68c9ea1b..c2806db8 100644
--- a/packages/admin-ui/src/styling/icons/cassettes/dispenser-2.svg
+++ b/packages/admin-ui/src/styling/icons/cassettes/dispenser-2.svg
@@ -1 +1,29 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 193.58151 258.82261"><defs><style>.a{fill:#4b5fef;}.b{fill:#7687ff;}.c{fill:#1b2559;}.d,.l{fill:#fff;}.d,.g,.i{opacity:0.74;}.e,.i{fill:#ccd8ff;}.f{fill:#d2d8ff;}.g,.k{fill:#5a67ff;}.h{fill:#ebefff;}.j{fill:#dee5fc;opacity:0.8;}</style></defs><title>v2-2</title><polyline class="a" points="71.318 156.512 124.25 187.087 161.005 165.867 71.318 114.073"/><polygon class="b" points="163.014 164.703 71.321 111.764 30.569 135.294 122.265 188.237 163.014 164.703"/><polygon class="a" points="122.262 235.294 30.565 182.353 30.569 135.294 122.262 188.235 122.262 235.294"/><polygon class="c" points="71.318 114.073 71.318 156.512 52.94 145.904 34.564 135.293 71.318 114.073"/><polygon class="d" points="163.014 96.672 50.943 31.969 10.191 55.499 122.265 120.205 163.014 96.672"/><polyline class="e" points="50.94 76.717 124.25 119.056 161.005 97.836 50.94 34.278"/><polygon class="f" points="122.262 167.262 10.188 102.558 10.191 55.499 122.262 120.203 122.262 167.262"/><polygon class="g" points="50.94 34.278 50.94 76.717 32.562 66.109 14.186 55.498 50.94 34.278"/><polygon class="h" points="183.396 70.586 183.393 223.529 122.26 258.823 122.264 105.88 183.396 70.586"/><polygon class="f" points="173.205 100 132.45 123.53 132.45 170.589 173.206 147.058 173.205 100"/><polygon class="i" points="122.264 105.88 0.003 35.292 0 188.234 122.26 258.823 122.264 105.88"/><polygon class="j" points="183.396 70.586 61.131 0 0.003 35.292 122.264 105.88 183.396 70.586"/><polygon class="k" points="193.581 182.354 152.826 205.884 152.826 252.943 193.582 229.412 193.581 182.354"/><polygon class="a" points="152.826 252.943 132.447 241.178 132.45 194.119 152.826 205.884 152.826 252.943"/><polyline class="b" points="132.45 194.119 152.826 205.884 193.581 182.354 173.205 170.59"/><polyline class="a" points="134.45 192.963 152.826 203.574 189.581 182.355 171.204 171.743"/><polygon class="c" points="171.204 171.743 171.204 192.963 152.826 203.574 134.45 192.963 171.204 171.743"/><path class="l" d="M166.09883,231.81817c0-7.5674,9.54391-14.23774,9.539-18.33135-.00216-1.80015-1.38174-2.10383-3.10553-1.13988-2.38357,1.33288-3.67542,4.52582-3.67542,4.52582l-2.758-.33729a16.24393,16.24393,0,0,1,6.74659-7.92622c3.58844-1.98344,6.6354-1.47533,6.642,2.38714.01116,6.57184-9.132,12.98179-9.21626,16.96152l9.5526-5.58888.00556,3.19778-13.55763,8.01151A12.67431,12.67431,0,0,1,166.09883,231.81817Z"/><path class="h" d="M148.45675,147.16772l4.92216-2.785-.0527-12.65868c-.00321-.77094.02451-1.5598.02451-1.5598l-.06255.03481a10.7746,10.7746,0,0,1-.976,1.83219l-1.79958,2.74486-2.407-1.241,5.60186-8.624,3.55679-1.9667.14131,19.16,4.92146-2.78457.04,3.53148-13.90939,7.90252Z"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 193.58151 258.82261">
+    <defs>
+        <style>
+            .a{fill:#4b5fef;}.b{fill:#7687ff;}.c{fill:#1b2559;}.d,.l{fill:#fff;}.d,.g,.i{opacity:0.74;}.e,.i{fill:#ccd8ff;}.f{fill:#d2d8ff;}.g,.k{fill:#5a67ff;}.h{fill:#ebefff;}.j{fill:#dee5fc;opacity:0.8;}
+        </style>
+    </defs>
+    <title>v2-2</title>
+    <polyline class="a" points="71.318 156.512 124.25 187.087 161.005 165.867 71.318 114.073"/>
+    <polygon class="b" points="163.014 164.703 71.321 111.764 30.569 135.294 122.265 188.237 163.014 164.703"/>
+    <polygon class="a" points="122.262 235.294 30.565 182.353 30.569 135.294 122.262 188.235 122.262 235.294"/>
+    <polygon class="c" points="71.318 114.073 71.318 156.512 52.94 145.904 34.564 135.293 71.318 114.073"/>
+    <polygon class="d" points="163.014 96.672 50.943 31.969 10.191 55.499 122.265 120.205 163.014 96.672"/>
+    <polyline class="e" points="50.94 76.717 124.25 119.056 161.005 97.836 50.94 34.278"/>
+    <polygon class="f" points="122.262 167.262 10.188 102.558 10.191 55.499 122.262 120.203 122.262 167.262"/>
+    <polygon class="g" points="50.94 34.278 50.94 76.717 32.562 66.109 14.186 55.498 50.94 34.278"/>
+    <polygon class="h" points="183.396 70.586 183.393 223.529 122.26 258.823 122.264 105.88 183.396 70.586"/>
+    <polygon class="f" points="173.205 100 132.45 123.53 132.45 170.589 173.206 147.058 173.205 100"/>
+    <polygon class="i" points="122.264 105.88 0.003 35.292 0 188.234 122.26 258.823 122.264 105.88"/>
+    <polygon class="j" points="183.396 70.586 61.131 0 0.003 35.292 122.264 105.88 183.396 70.586"/>
+    <polygon class="k" points="193.581 182.354 152.826 205.884 152.826 252.943 193.582 229.412 193.581 182.354"/>
+    <polygon class="a" points="152.826 252.943 132.447 241.178 132.45 194.119 152.826 205.884 152.826 252.943"/>
+    <polyline class="b" points="132.45 194.119 152.826 205.884 193.581 182.354 173.205 170.59"/>
+    <polyline class="a" points="134.45 192.963 152.826 203.574 189.581 182.355 171.204 171.743"/>
+    <polygon class="c" points="171.204 171.743 171.204 192.963 152.826 203.574 134.45 192.963 171.204 171.743"/>
+    <path class="l"
+          d="M166.09883,231.81817c0-7.5674,9.54391-14.23774,9.539-18.33135-.00216-1.80015-1.38174-2.10383-3.10553-1.13988-2.38357,1.33288-3.67542,4.52582-3.67542,4.52582l-2.758-.33729a16.24393,16.24393,0,0,1,6.74659-7.92622c3.58844-1.98344,6.6354-1.47533,6.642,2.38714.01116,6.57184-9.132,12.98179-9.21626,16.96152l9.5526-5.58888.00556,3.19778-13.55763,8.01151A12.67431,12.67431,0,0,1,166.09883,231.81817Z"/>
+    <path class="h"
+          d="M148.45675,147.16772l4.92216-2.785-.0527-12.65868c-.00321-.77094.02451-1.5598.02451-1.5598l-.06255.03481a10.7746,10.7746,0,0,1-.976,1.83219l-1.79958,2.74486-2.407-1.241,5.60186-8.624,3.55679-1.9667.14131,19.16,4.92146-2.78457.04,3.53148-13.90939,7.90252Z"/>
+</svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/cassettes/tejo/3-cassettes/3-cassettes-open-1-left.svg b/packages/admin-ui/src/styling/icons/cassettes/tejo/3-cassettes/3-cassettes-open-1-left.svg
index 4053f270..ca88beff 100644
--- a/packages/admin-ui/src/styling/icons/cassettes/tejo/3-cassettes/3-cassettes-open-1-left.svg
+++ b/packages/admin-ui/src/styling/icons/cassettes/tejo/3-cassettes/3-cassettes-open-1-left.svg
@@ -1,85 +1,88 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="192" height="316" viewBox="0 0 192 316">
-  <defs>
-    <style>
-      .cls-1, .cls-12 {
-        fill: #fff;
-      }
+    <defs>
+        <style>
+            .cls-1, .cls-12 {
+            fill: #fff;
+            }
 
-      .cls-1, .cls-10, .cls-4 {
-        opacity: 0.74;
-      }
+            .cls-1, .cls-10, .cls-4 {
+            opacity: 0.74;
+            }
 
-      .cls-2 {
-        fill: #b8c2e6;
-      }
+            .cls-2 {
+            fill: #b8c2e6;
+            }
 
-      .cls-3 {
-        fill: #d2d8ff;
-      }
+            .cls-3 {
+            fill: #d2d8ff;
+            }
 
-      .cls-4, .cls-8 {
-        fill: #5a67ff;
-      }
+            .cls-4, .cls-8 {
+            fill: #5a67ff;
+            }
 
-      .cls-5 {
-        fill: #4b5fef;
-      }
+            .cls-5 {
+            fill: #4b5fef;
+            }
 
-      .cls-6 {
-        fill: #7687ff;
-      }
+            .cls-6 {
+            fill: #7687ff;
+            }
 
-      .cls-7 {
-        fill: #ebefff;
-      }
+            .cls-7 {
+            fill: #ebefff;
+            }
 
-      .cls-9 {
-        fill: #1b2559;
-      }
+            .cls-9 {
+            fill: #1b2559;
+            }
 
-      .cls-10 {
-        fill: #ccd8ff;
-      }
+            .cls-10 {
+            fill: #ccd8ff;
+            }
 
-      .cls-11 {
-        fill: #dee5fc;
-        opacity: 0.8;
-      }
-    </style>
-  </defs>
-  <g id="Layer_1" data-name="Layer 1">
-    <g>
-      <g>
-        <polygon class="cls-1" points="30.32 222.37 141.47 158 181.89 181.41 70.74 245.78 30.32 222.37"/>
-        <polyline class="cls-2" points="141.48 202.52 68.77 244.64 32.31 223.53 141.48 160.3"/>
-        <polygon class="cls-3" points="70.74 292.59 181.9 228.22 181.89 181.41 70.74 245.78 70.74 292.59"/>
-        <polygon class="cls-4" points="141.48 160.3 141.48 202.52 159.71 191.97 177.93 181.41 141.48 160.3"/>
-      </g>
-      <g>
-        <polygon class="cls-1" points="30.32 163.85 141.47 99.48 181.89 122.89 70.74 187.26 30.32 163.85"/>
-        <polyline class="cls-2" points="141.48 144 68.77 186.12 32.31 165.01 141.48 101.78"/>
-        <polygon class="cls-3" points="70.74 234.07 181.9 169.71 181.89 122.89 70.74 187.26 70.74 234.07"/>
-        <polygon class="cls-4" points="141.48 101.78 141.48 144 159.71 133.45 177.93 122.89 141.48 101.78"/>
-      </g>
-      <polyline class="cls-5" points="121.27 97.18 68.77 127.6 32.31 106.49 121.27 54.96"/>
-      <polygon class="cls-6" points="30.32 105.33 121.26 52.67 161.68 76.07 70.74 128.74 30.32 105.33"/>
-      <polygon class="cls-7" points="10.1 70.22 10.11 280.89 70.74 316 70.74 105.33 10.1 70.22"/>
-      <polygon class="cls-3" points="20.21 169.71 60.63 193.11 60.63 239.93 20.21 216.52 20.21 169.71"/>
-      <polygon class="cls-3" points="20.21 228.22 60.63 251.63 60.63 298.45 20.21 275.04 20.21 228.22"/>
-      <polygon class="cls-8" points="0 122.89 40.42 146.3 40.42 193.11 0 169.7 0 122.89"/>
-      <polygon class="cls-5" points="40.42 193.11 60.63 181.41 60.63 134.59 40.42 146.3 40.42 193.11"/>
-      <polygon class="cls-5" points="70.74 175.56 161.69 122.89 161.68 76.07 70.74 128.74 70.74 175.56"/>
-      <polyline class="cls-6" points="60.63 134.59 40.42 146.3 0 122.89 20.21 111.19"/>
-      <polyline class="cls-5" points="58.65 133.44 40.42 144 3.97 122.89 22.2 112.33"/>
-      <polygon class="cls-9" points="22.2 112.33 22.2 133.44 40.42 144 58.65 133.44 22.2 112.33"/>
-      <polygon class="cls-9" points="121.27 54.96 121.27 97.18 139.49 86.63 157.72 76.07 121.27 54.96"/>
-      <g>
-        <polygon class="cls-10" points="70.74 105.33 192 35.11 192 245.78 70.74 316 70.74 105.33"/>
-        <polygon class="cls-11" points="10.1 70.22 131.37 0 192 35.11 70.74 105.33 10.1 70.22"/>
-      </g>
-      <path class="cls-12" d="M13.08,161.89l4.4,2.94,0-11.26c0-.68,0-1.35,0-1.35l-.06,0a1.79,1.79,0,0,1-.88.55l-1.63.46-2.17-3.74L17.88,148l3.22,2.15v17.13l4.4,2.95v3.18l-12.42-8.31Z"/>
-      <path class="cls-7" d="M32.61,210.69c0-7.57,9.51-3.1,9.51-7.41a5.94,5.94,0,0,0-3.07-4.79c-2.36-1.36-3.65.41-3.65.41l-2.73-3.49s1.87-3.15,6.7-.43c3.56,2,6.57,6.06,6.57,10.2,0,7-9.08,2.71-9.18,6.67l9.5,5.92v3.44l-13.48-8.55A16.93,16.93,0,0,1,32.61,210.69Z"/>
-      <path class="cls-7" d="M33.74,265.64a16.52,16.52,0,0,0,4.6,4.93c2.12,1.32,3.66,1,3.66-.75,0-2.14-2-4.37-4.34-5.85l-1.4-.88-.82-2.4,3.71-2.09a7.93,7.93,0,0,1,1.46-.63v-.06s-.6-.29-1.8-1l-6-3.78v-3.17l12.38,7.72V260l-5,2.65c2.8,2.15,5.54,5.86,5.54,9.38s-2.64,5-7.16,2.2a22,22,0,0,1-6.72-6.91Z"/>
+            .cls-11 {
+            fill: #dee5fc;
+            opacity: 0.8;
+            }
+        </style>
+    </defs>
+    <g id="Layer_1" data-name="Layer 1">
+        <g>
+            <g>
+                <polygon class="cls-1" points="30.32 222.37 141.47 158 181.89 181.41 70.74 245.78 30.32 222.37"/>
+                <polyline class="cls-2" points="141.48 202.52 68.77 244.64 32.31 223.53 141.48 160.3"/>
+                <polygon class="cls-3" points="70.74 292.59 181.9 228.22 181.89 181.41 70.74 245.78 70.74 292.59"/>
+                <polygon class="cls-4" points="141.48 160.3 141.48 202.52 159.71 191.97 177.93 181.41 141.48 160.3"/>
+            </g>
+            <g>
+                <polygon class="cls-1" points="30.32 163.85 141.47 99.48 181.89 122.89 70.74 187.26 30.32 163.85"/>
+                <polyline class="cls-2" points="141.48 144 68.77 186.12 32.31 165.01 141.48 101.78"/>
+                <polygon class="cls-3" points="70.74 234.07 181.9 169.71 181.89 122.89 70.74 187.26 70.74 234.07"/>
+                <polygon class="cls-4" points="141.48 101.78 141.48 144 159.71 133.45 177.93 122.89 141.48 101.78"/>
+            </g>
+            <polyline class="cls-5" points="121.27 97.18 68.77 127.6 32.31 106.49 121.27 54.96"/>
+            <polygon class="cls-6" points="30.32 105.33 121.26 52.67 161.68 76.07 70.74 128.74 30.32 105.33"/>
+            <polygon class="cls-7" points="10.1 70.22 10.11 280.89 70.74 316 70.74 105.33 10.1 70.22"/>
+            <polygon class="cls-3" points="20.21 169.71 60.63 193.11 60.63 239.93 20.21 216.52 20.21 169.71"/>
+            <polygon class="cls-3" points="20.21 228.22 60.63 251.63 60.63 298.45 20.21 275.04 20.21 228.22"/>
+            <polygon class="cls-8" points="0 122.89 40.42 146.3 40.42 193.11 0 169.7 0 122.89"/>
+            <polygon class="cls-5" points="40.42 193.11 60.63 181.41 60.63 134.59 40.42 146.3 40.42 193.11"/>
+            <polygon class="cls-5" points="70.74 175.56 161.69 122.89 161.68 76.07 70.74 128.74 70.74 175.56"/>
+            <polyline class="cls-6" points="60.63 134.59 40.42 146.3 0 122.89 20.21 111.19"/>
+            <polyline class="cls-5" points="58.65 133.44 40.42 144 3.97 122.89 22.2 112.33"/>
+            <polygon class="cls-9" points="22.2 112.33 22.2 133.44 40.42 144 58.65 133.44 22.2 112.33"/>
+            <polygon class="cls-9" points="121.27 54.96 121.27 97.18 139.49 86.63 157.72 76.07 121.27 54.96"/>
+            <g>
+                <polygon class="cls-10" points="70.74 105.33 192 35.11 192 245.78 70.74 316 70.74 105.33"/>
+                <polygon class="cls-11" points="10.1 70.22 131.37 0 192 35.11 70.74 105.33 10.1 70.22"/>
+            </g>
+            <path class="cls-12"
+                  d="M13.08,161.89l4.4,2.94,0-11.26c0-.68,0-1.35,0-1.35l-.06,0a1.79,1.79,0,0,1-.88.55l-1.63.46-2.17-3.74L17.88,148l3.22,2.15v17.13l4.4,2.95v3.18l-12.42-8.31Z"/>
+            <path class="cls-7"
+                  d="M32.61,210.69c0-7.57,9.51-3.1,9.51-7.41a5.94,5.94,0,0,0-3.07-4.79c-2.36-1.36-3.65.41-3.65.41l-2.73-3.49s1.87-3.15,6.7-.43c3.56,2,6.57,6.06,6.57,10.2,0,7-9.08,2.71-9.18,6.67l9.5,5.92v3.44l-13.48-8.55A16.93,16.93,0,0,1,32.61,210.69Z"/>
+            <path class="cls-7"
+                  d="M33.74,265.64a16.52,16.52,0,0,0,4.6,4.93c2.12,1.32,3.66,1,3.66-.75,0-2.14-2-4.37-4.34-5.85l-1.4-.88-.82-2.4,3.71-2.09a7.93,7.93,0,0,1,1.46-.63v-.06s-.6-.29-1.8-1l-6-3.78v-3.17l12.38,7.72V260l-5,2.65c2.8,2.15,5.54,5.86,5.54,9.38s-2.64,5-7.16,2.2a22,22,0,0,1-6.72-6.91Z"/>
+        </g>
     </g>
-  </g>
 </svg>
diff --git a/packages/admin-ui/src/styling/icons/cassettes/tejo/3-cassettes/3-cassettes-open-1.svg b/packages/admin-ui/src/styling/icons/cassettes/tejo/3-cassettes/3-cassettes-open-1.svg
index f1f34689..036c40b3 100644
--- a/packages/admin-ui/src/styling/icons/cassettes/tejo/3-cassettes/3-cassettes-open-1.svg
+++ b/packages/admin-ui/src/styling/icons/cassettes/tejo/3-cassettes/3-cassettes-open-1.svg
@@ -1,85 +1,88 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="192" height="316" viewBox="0 0 192 316">
-  <defs>
-    <style>
-      .cls-1, .cls-12 {
-        fill: #fff;
-      }
+    <defs>
+        <style>
+            .cls-1, .cls-12 {
+            fill: #fff;
+            }
 
-      .cls-1, .cls-10, .cls-4 {
-        opacity: 0.74;
-      }
+            .cls-1, .cls-10, .cls-4 {
+            opacity: 0.74;
+            }
 
-      .cls-2 {
-        fill: #b8c2e6;
-      }
+            .cls-2 {
+            fill: #b8c2e6;
+            }
 
-      .cls-3 {
-        fill: #d2d8ff;
-      }
+            .cls-3 {
+            fill: #d2d8ff;
+            }
 
-      .cls-4, .cls-8 {
-        fill: #5a67ff;
-      }
+            .cls-4, .cls-8 {
+            fill: #5a67ff;
+            }
 
-      .cls-5 {
-        fill: #4b5fef;
-      }
+            .cls-5 {
+            fill: #4b5fef;
+            }
 
-      .cls-6 {
-        fill: #7687ff;
-      }
+            .cls-6 {
+            fill: #7687ff;
+            }
 
-      .cls-7 {
-        fill: #ebefff;
-      }
+            .cls-7 {
+            fill: #ebefff;
+            }
 
-      .cls-9 {
-        fill: #1b2559;
-      }
+            .cls-9 {
+            fill: #1b2559;
+            }
 
-      .cls-10 {
-        fill: #ccd8ff;
-      }
+            .cls-10 {
+            fill: #ccd8ff;
+            }
 
-      .cls-11 {
-        fill: #dee5fc;
-        opacity: 0.8;
-      }
-    </style>
-  </defs>
-  <g id="Layer_1" data-name="Layer 1">
-    <g>
-      <g>
-        <polygon class="cls-1" points="161.68 222.37 50.52 158 10.11 181.41 121.26 245.78 161.68 222.37"/>
-        <polyline class="cls-2" points="50.52 202.52 123.23 244.64 159.69 223.53 50.52 160.3"/>
-        <polygon class="cls-3" points="121.26 292.59 10.1 228.22 10.11 181.41 121.26 245.78 121.26 292.59"/>
-        <polygon class="cls-4" points="50.52 160.3 50.52 202.52 32.29 191.97 14.07 181.41 50.52 160.3"/>
-      </g>
-      <g>
-        <polygon class="cls-1" points="161.68 163.85 50.53 99.48 10.11 122.89 121.26 187.26 161.68 163.85"/>
-        <polyline class="cls-2" points="50.52 144 123.23 186.12 159.69 165.01 50.52 101.78"/>
-        <polygon class="cls-3" points="121.26 234.07 10.1 169.71 10.11 122.89 121.26 187.26 121.26 234.07"/>
-        <polygon class="cls-4" points="50.52 101.78 50.52 144 32.29 133.45 14.07 122.89 50.52 101.78"/>
-      </g>
-      <polyline class="cls-5" points="70.73 97.18 123.23 127.6 159.69 106.49 70.73 54.96"/>
-      <polygon class="cls-6" points="161.68 105.33 70.74 52.67 30.32 76.07 121.26 128.74 161.68 105.33"/>
-      <polygon class="cls-7" points="181.9 70.22 181.89 280.89 121.26 316 121.26 105.33 181.9 70.22"/>
-      <polygon class="cls-3" points="171.79 169.71 131.37 193.11 131.37 239.93 171.79 216.52 171.79 169.71"/>
-      <polygon class="cls-3" points="171.79 228.22 131.37 251.63 131.37 298.45 171.79 275.04 171.79 228.22"/>
-      <polygon class="cls-8" points="192 122.89 151.58 146.3 151.58 193.11 192 169.7 192 122.89"/>
-      <polygon class="cls-5" points="151.58 193.11 131.37 181.41 131.37 134.59 151.58 146.3 151.58 193.11"/>
-      <polygon class="cls-5" points="121.26 175.56 30.32 122.89 30.32 76.07 121.26 128.74 121.26 175.56"/>
-      <polyline class="cls-6" points="131.37 134.59 151.58 146.3 192 122.89 171.79 111.19"/>
-      <polyline class="cls-5" points="133.35 133.44 151.58 144 188.03 122.89 169.81 112.33"/>
-      <polygon class="cls-9" points="169.81 112.33 169.81 133.44 151.58 144 133.35 133.44 169.81 112.33"/>
-      <polygon class="cls-9" points="70.73 54.96 70.73 97.18 52.51 86.63 34.28 76.07 70.73 54.96"/>
-      <g>
-        <polygon class="cls-10" points="121.26 105.33 0 35.11 0 245.78 121.26 316 121.26 105.33"/>
-        <polygon class="cls-11" points="181.9 70.22 60.63 0 0 35.11 121.26 105.33 181.9 70.22"/>
-      </g>
-      <path class="cls-12" d="M166.87,169.18l4.35-2.47-.05-11.22c0-.68,0-1.38,0-1.38l-.05,0a10,10,0,0,1-.87,1.62l-1.59,2.44-2.12-1.11,4.95-7.64,3.14-1.74.12,17,4.35-2.47,0,3.13-12.29,7Z"/>
-      <path class="cls-7" d="M145.58,218.78c0-7.34,9.32-13.48,9.29-17.48,0-1.75-1.37-2.09-3-1.21-2.32,1.23-3.57,4.29-3.57,4.29l-2.68-.41a15.18,15.18,0,0,1,6.54-7.51c3.47-1.83,6.45-1.23,6.49,2.55.07,6.43-8.86,12.32-8.93,16.19l9.37-5,0,3.13-13.34,7.21A13,13,0,0,1,145.58,218.78Z"/>
-      <path class="cls-7" d="M147.85,270a4.94,4.94,0,0,0,4.55-.34c2.09-1.11,3.6-3.19,3.59-4.92,0-2.12-2-2.1-4.3-.87l-1.38.72-.81-1.46,3.61-6.28c.78-1.34,1.41-2.27,1.41-2.27v-.06s-.58.39-1.75,1l-5.91,3.07v-3.17l12.07-6.25,0,2.29-4.81,8.22c2.75-1,5.46-.48,5.51,3s-2.53,7.95-7,10.33c-4.28,2.28-6.66.82-6.66.82Z"/>
+            .cls-11 {
+            fill: #dee5fc;
+            opacity: 0.8;
+            }
+        </style>
+    </defs>
+    <g id="Layer_1" data-name="Layer 1">
+        <g>
+            <g>
+                <polygon class="cls-1" points="161.68 222.37 50.52 158 10.11 181.41 121.26 245.78 161.68 222.37"/>
+                <polyline class="cls-2" points="50.52 202.52 123.23 244.64 159.69 223.53 50.52 160.3"/>
+                <polygon class="cls-3" points="121.26 292.59 10.1 228.22 10.11 181.41 121.26 245.78 121.26 292.59"/>
+                <polygon class="cls-4" points="50.52 160.3 50.52 202.52 32.29 191.97 14.07 181.41 50.52 160.3"/>
+            </g>
+            <g>
+                <polygon class="cls-1" points="161.68 163.85 50.53 99.48 10.11 122.89 121.26 187.26 161.68 163.85"/>
+                <polyline class="cls-2" points="50.52 144 123.23 186.12 159.69 165.01 50.52 101.78"/>
+                <polygon class="cls-3" points="121.26 234.07 10.1 169.71 10.11 122.89 121.26 187.26 121.26 234.07"/>
+                <polygon class="cls-4" points="50.52 101.78 50.52 144 32.29 133.45 14.07 122.89 50.52 101.78"/>
+            </g>
+            <polyline class="cls-5" points="70.73 97.18 123.23 127.6 159.69 106.49 70.73 54.96"/>
+            <polygon class="cls-6" points="161.68 105.33 70.74 52.67 30.32 76.07 121.26 128.74 161.68 105.33"/>
+            <polygon class="cls-7" points="181.9 70.22 181.89 280.89 121.26 316 121.26 105.33 181.9 70.22"/>
+            <polygon class="cls-3" points="171.79 169.71 131.37 193.11 131.37 239.93 171.79 216.52 171.79 169.71"/>
+            <polygon class="cls-3" points="171.79 228.22 131.37 251.63 131.37 298.45 171.79 275.04 171.79 228.22"/>
+            <polygon class="cls-8" points="192 122.89 151.58 146.3 151.58 193.11 192 169.7 192 122.89"/>
+            <polygon class="cls-5" points="151.58 193.11 131.37 181.41 131.37 134.59 151.58 146.3 151.58 193.11"/>
+            <polygon class="cls-5" points="121.26 175.56 30.32 122.89 30.32 76.07 121.26 128.74 121.26 175.56"/>
+            <polyline class="cls-6" points="131.37 134.59 151.58 146.3 192 122.89 171.79 111.19"/>
+            <polyline class="cls-5" points="133.35 133.44 151.58 144 188.03 122.89 169.81 112.33"/>
+            <polygon class="cls-9" points="169.81 112.33 169.81 133.44 151.58 144 133.35 133.44 169.81 112.33"/>
+            <polygon class="cls-9" points="70.73 54.96 70.73 97.18 52.51 86.63 34.28 76.07 70.73 54.96"/>
+            <g>
+                <polygon class="cls-10" points="121.26 105.33 0 35.11 0 245.78 121.26 316 121.26 105.33"/>
+                <polygon class="cls-11" points="181.9 70.22 60.63 0 0 35.11 121.26 105.33 181.9 70.22"/>
+            </g>
+            <path class="cls-12"
+                  d="M166.87,169.18l4.35-2.47-.05-11.22c0-.68,0-1.38,0-1.38l-.05,0a10,10,0,0,1-.87,1.62l-1.59,2.44-2.12-1.11,4.95-7.64,3.14-1.74.12,17,4.35-2.47,0,3.13-12.29,7Z"/>
+            <path class="cls-7"
+                  d="M145.58,218.78c0-7.34,9.32-13.48,9.29-17.48,0-1.75-1.37-2.09-3-1.21-2.32,1.23-3.57,4.29-3.57,4.29l-2.68-.41a15.18,15.18,0,0,1,6.54-7.51c3.47-1.83,6.45-1.23,6.49,2.55.07,6.43-8.86,12.32-8.93,16.19l9.37-5,0,3.13-13.34,7.21A13,13,0,0,1,145.58,218.78Z"/>
+            <path class="cls-7"
+                  d="M147.85,270a4.94,4.94,0,0,0,4.55-.34c2.09-1.11,3.6-3.19,3.59-4.92,0-2.12-2-2.1-4.3-.87l-1.38.72-.81-1.46,3.61-6.28c.78-1.34,1.41-2.27,1.41-2.27v-.06s-.58.39-1.75,1l-5.91,3.07v-3.17l12.07-6.25,0,2.29-4.81,8.22c2.75-1,5.46-.48,5.51,3s-2.53,7.95-7,10.33c-4.28,2.28-6.66.82-6.66.82Z"/>
+        </g>
     </g>
-  </g>
 </svg>
diff --git a/packages/admin-ui/src/styling/icons/cassettes/tejo/3-cassettes/3-cassettes-open-2-left.svg b/packages/admin-ui/src/styling/icons/cassettes/tejo/3-cassettes/3-cassettes-open-2-left.svg
index d5afa864..df52d50e 100644
--- a/packages/admin-ui/src/styling/icons/cassettes/tejo/3-cassettes/3-cassettes-open-2-left.svg
+++ b/packages/admin-ui/src/styling/icons/cassettes/tejo/3-cassettes/3-cassettes-open-2-left.svg
@@ -1,89 +1,92 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="192" height="316" viewBox="0 0 192 316">
-  <defs>
-    <style>
-      .cls-1, .cls-12 {
-        fill: #fff;
-      }
+    <defs>
+        <style>
+            .cls-1, .cls-12 {
+            fill: #fff;
+            }
 
-      .cls-1, .cls-4, .cls-9 {
-        opacity: 0.74;
-      }
+            .cls-1, .cls-4, .cls-9 {
+            opacity: 0.74;
+            }
 
-      .cls-2 {
-        fill: #b8c2e6;
-      }
+            .cls-2 {
+            fill: #b8c2e6;
+            }
 
-      .cls-3 {
-        fill: #d2d8ff;
-      }
+            .cls-3 {
+            fill: #d2d8ff;
+            }
 
-      .cls-11, .cls-4 {
-        fill: #5a67ff;
-      }
+            .cls-11, .cls-4 {
+            fill: #5a67ff;
+            }
 
-      .cls-5 {
-        fill: #4b5fef;
-      }
+            .cls-5 {
+            fill: #4b5fef;
+            }
 
-      .cls-6 {
-        fill: #7687ff;
-      }
+            .cls-6 {
+            fill: #7687ff;
+            }
 
-      .cls-7 {
-        fill: #1b2559;
-      }
+            .cls-7 {
+            fill: #1b2559;
+            }
 
-      .cls-8 {
-        fill: #ebefff;
-      }
+            .cls-8 {
+            fill: #ebefff;
+            }
 
-      .cls-9 {
-        fill: #ccd8ff;
-      }
+            .cls-9 {
+            fill: #ccd8ff;
+            }
 
-      .cls-10 {
-        fill: #dee5fc;
-        opacity: 0.8;
-      }
-    </style>
-  </defs>
-  <g id="Layer_1" data-name="Layer 1">
-    <g>
-      <g>
-        <polygon class="cls-1" points="30.32 222.37 141.47 158 181.89 181.41 70.74 245.78 30.32 222.37"/>
-        <polyline class="cls-2" points="141.48 202.52 68.77 244.64 32.31 223.53 141.48 160.3"/>
-        <polygon class="cls-3" points="70.74 292.59 181.9 228.22 181.89 181.41 70.74 245.78 70.74 292.59"/>
-        <polygon class="cls-4" points="141.48 160.3 141.48 202.52 159.71 191.97 177.93 181.41 141.48 160.3"/>
-      </g>
-      <polyline class="cls-5" points="121.27 155.7 68.77 186.12 32.31 165.01 121.27 113.48"/>
-      <polygon class="cls-6" points="30.32 163.85 121.26 111.18 161.68 134.59 70.74 187.26 30.32 163.85"/>
-      <polygon class="cls-5" points="70.74 234.07 161.69 181.41 161.68 134.59 70.74 187.26 70.74 234.07"/>
-      <polygon class="cls-7" points="121.27 113.48 121.27 155.7 139.5 145.15 157.72 134.59 121.27 113.48"/>
-      <g>
-        <polygon class="cls-1" points="30.32 105.33 141.47 40.96 181.89 64.37 70.74 128.74 30.32 105.33"/>
-        <polyline class="cls-2" points="141.48 85.48 68.77 127.6 32.31 106.49 141.48 43.26"/>
-        <polygon class="cls-3" points="70.74 175.55 181.9 111.18 181.89 64.37 70.74 128.74 70.74 175.55"/>
-        <polygon class="cls-4" points="141.48 43.26 141.48 85.48 159.71 74.92 177.93 64.37 141.48 43.26"/>
-      </g>
-      <polygon class="cls-8" points="10.11 70.22 10.11 280.89 70.74 316 70.74 105.33 10.11 70.22"/>
-      <g>
-        <polygon class="cls-9" points="70.74 105.33 192 35.11 192 245.78 70.74 316 70.74 105.33"/>
-        <polygon class="cls-10" points="10.11 70.22 131.37 0 192 35.11 70.74 105.33 10.11 70.22"/>
-      </g>
-      <g>
-        <polygon class="cls-3" points="20.21 228.22 60.63 251.63 60.63 298.45 20.21 275.04 20.21 228.22"/>
-        <path class="cls-8" d="M33.74,265.64a16.52,16.52,0,0,0,4.6,4.93c2.12,1.32,3.66,1,3.66-.75,0-2.14-2-4.37-4.34-5.85l-1.4-.88-.82-2.4,3.71-2.09a7.93,7.93,0,0,1,1.46-.63v-.06s-.6-.29-1.8-1l-6-3.78v-3.17l12.38,7.72V260l-5,2.65c2.8,2.15,5.54,5.86,5.54,9.38s-2.64,5-7.16,2.2a22,22,0,0,1-6.72-6.91Z"/>
-      </g>
-      <polygon class="cls-3" points="20.21 111.18 60.63 134.59 60.63 181.41 20.21 158 20.21 111.18"/>
-      <g id="front-drawerr">
-        <polyline class="cls-6" points="60.63 193.11 40.42 204.82 0 181.41 20.21 169.71"/>
-        <polygon class="cls-11" points="0 181.41 40.42 204.82 40.42 251.63 0 228.22 0 181.41"/>
-        <polygon class="cls-5" points="40.42 251.63 60.63 239.93 60.63 193.11 40.42 204.82 40.42 251.63"/>
-        <polyline class="cls-5" points="58.65 191.96 40.42 202.52 3.97 181.41 22.19 170.85"/>
-        <polygon class="cls-7" points="22.19 170.85 22.19 191.96 40.42 202.52 58.65 191.96 22.19 170.85"/>
-        <path class="cls-12" d="M13.39,220.52c0-7.56,9.51-3.1,9.51-7.4a6,6,0,0,0-3.07-4.79c-2.36-1.36-3.65.4-3.65.4l-2.73-3.48s1.87-3.16,6.7-.43c3.56,2,6.57,6.05,6.57,10.19,0,7.05-9.08,2.71-9.18,6.68L27,227.61V231l-13.48-8.55A19,19,0,0,1,13.39,220.52Z"/>
-      </g>
-      <path class="cls-8" d="M32.29,147.62l4.4,2.95,0-11.26c0-.69,0-1.36,0-1.36l-.06,0a1.72,1.72,0,0,1-.88.55l-1.63.45L32,135.19l5.09-1.49,3.22,2.15V153l4.4,3v3.17l-12.42-8.31Z"/>
+            .cls-10 {
+            fill: #dee5fc;
+            opacity: 0.8;
+            }
+        </style>
+    </defs>
+    <g id="Layer_1" data-name="Layer 1">
+        <g>
+            <g>
+                <polygon class="cls-1" points="30.32 222.37 141.47 158 181.89 181.41 70.74 245.78 30.32 222.37"/>
+                <polyline class="cls-2" points="141.48 202.52 68.77 244.64 32.31 223.53 141.48 160.3"/>
+                <polygon class="cls-3" points="70.74 292.59 181.9 228.22 181.89 181.41 70.74 245.78 70.74 292.59"/>
+                <polygon class="cls-4" points="141.48 160.3 141.48 202.52 159.71 191.97 177.93 181.41 141.48 160.3"/>
+            </g>
+            <polyline class="cls-5" points="121.27 155.7 68.77 186.12 32.31 165.01 121.27 113.48"/>
+            <polygon class="cls-6" points="30.32 163.85 121.26 111.18 161.68 134.59 70.74 187.26 30.32 163.85"/>
+            <polygon class="cls-5" points="70.74 234.07 161.69 181.41 161.68 134.59 70.74 187.26 70.74 234.07"/>
+            <polygon class="cls-7" points="121.27 113.48 121.27 155.7 139.5 145.15 157.72 134.59 121.27 113.48"/>
+            <g>
+                <polygon class="cls-1" points="30.32 105.33 141.47 40.96 181.89 64.37 70.74 128.74 30.32 105.33"/>
+                <polyline class="cls-2" points="141.48 85.48 68.77 127.6 32.31 106.49 141.48 43.26"/>
+                <polygon class="cls-3" points="70.74 175.55 181.9 111.18 181.89 64.37 70.74 128.74 70.74 175.55"/>
+                <polygon class="cls-4" points="141.48 43.26 141.48 85.48 159.71 74.92 177.93 64.37 141.48 43.26"/>
+            </g>
+            <polygon class="cls-8" points="10.11 70.22 10.11 280.89 70.74 316 70.74 105.33 10.11 70.22"/>
+            <g>
+                <polygon class="cls-9" points="70.74 105.33 192 35.11 192 245.78 70.74 316 70.74 105.33"/>
+                <polygon class="cls-10" points="10.11 70.22 131.37 0 192 35.11 70.74 105.33 10.11 70.22"/>
+            </g>
+            <g>
+                <polygon class="cls-3" points="20.21 228.22 60.63 251.63 60.63 298.45 20.21 275.04 20.21 228.22"/>
+                <path class="cls-8"
+                      d="M33.74,265.64a16.52,16.52,0,0,0,4.6,4.93c2.12,1.32,3.66,1,3.66-.75,0-2.14-2-4.37-4.34-5.85l-1.4-.88-.82-2.4,3.71-2.09a7.93,7.93,0,0,1,1.46-.63v-.06s-.6-.29-1.8-1l-6-3.78v-3.17l12.38,7.72V260l-5,2.65c2.8,2.15,5.54,5.86,5.54,9.38s-2.64,5-7.16,2.2a22,22,0,0,1-6.72-6.91Z"/>
+            </g>
+            <polygon class="cls-3" points="20.21 111.18 60.63 134.59 60.63 181.41 20.21 158 20.21 111.18"/>
+            <g id="front-drawerr">
+                <polyline class="cls-6" points="60.63 193.11 40.42 204.82 0 181.41 20.21 169.71"/>
+                <polygon class="cls-11" points="0 181.41 40.42 204.82 40.42 251.63 0 228.22 0 181.41"/>
+                <polygon class="cls-5" points="40.42 251.63 60.63 239.93 60.63 193.11 40.42 204.82 40.42 251.63"/>
+                <polyline class="cls-5" points="58.65 191.96 40.42 202.52 3.97 181.41 22.19 170.85"/>
+                <polygon class="cls-7" points="22.19 170.85 22.19 191.96 40.42 202.52 58.65 191.96 22.19 170.85"/>
+                <path class="cls-12"
+                      d="M13.39,220.52c0-7.56,9.51-3.1,9.51-7.4a6,6,0,0,0-3.07-4.79c-2.36-1.36-3.65.4-3.65.4l-2.73-3.48s1.87-3.16,6.7-.43c3.56,2,6.57,6.05,6.57,10.19,0,7.05-9.08,2.71-9.18,6.68L27,227.61V231l-13.48-8.55A19,19,0,0,1,13.39,220.52Z"/>
+            </g>
+            <path class="cls-8"
+                  d="M32.29,147.62l4.4,2.95,0-11.26c0-.69,0-1.36,0-1.36l-.06,0a1.72,1.72,0,0,1-.88.55l-1.63.45L32,135.19l5.09-1.49,3.22,2.15V153l4.4,3v3.17l-12.42-8.31Z"/>
+        </g>
     </g>
-  </g>
 </svg>
diff --git a/packages/admin-ui/src/styling/icons/cassettes/tejo/3-cassettes/3-cassettes-open-2.svg b/packages/admin-ui/src/styling/icons/cassettes/tejo/3-cassettes/3-cassettes-open-2.svg
index 3f30e76f..f8e29e28 100644
--- a/packages/admin-ui/src/styling/icons/cassettes/tejo/3-cassettes/3-cassettes-open-2.svg
+++ b/packages/admin-ui/src/styling/icons/cassettes/tejo/3-cassettes/3-cassettes-open-2.svg
@@ -1,92 +1,96 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="192" height="316" viewBox="0 0 192 316">
-  <defs>
-    <style>
-      .cls-1, .cls-12 {
-        fill: #fff;
-      }
+    <defs>
+        <style>
+            .cls-1, .cls-12 {
+            fill: #fff;
+            }
 
-      .cls-1, .cls-4, .cls-9 {
-        opacity: 0.74;
-      }
+            .cls-1, .cls-4, .cls-9 {
+            opacity: 0.74;
+            }
 
-      .cls-2 {
-        fill: #b8c2e6;
-      }
+            .cls-2 {
+            fill: #b8c2e6;
+            }
 
-      .cls-3 {
-        fill: #d2d8ff;
-      }
+            .cls-3 {
+            fill: #d2d8ff;
+            }
 
-      .cls-11, .cls-4 {
-        fill: #5a67ff;
-      }
+            .cls-11, .cls-4 {
+            fill: #5a67ff;
+            }
 
-      .cls-5 {
-        fill: #4b5fef;
-      }
+            .cls-5 {
+            fill: #4b5fef;
+            }
 
-      .cls-6 {
-        fill: #7687ff;
-      }
+            .cls-6 {
+            fill: #7687ff;
+            }
 
-      .cls-7 {
-        fill: #1b2559;
-      }
+            .cls-7 {
+            fill: #1b2559;
+            }
 
-      .cls-8 {
-        fill: #ebefff;
-      }
+            .cls-8 {
+            fill: #ebefff;
+            }
 
-      .cls-9 {
-        fill: #ccd8ff;
-      }
+            .cls-9 {
+            fill: #ccd8ff;
+            }
 
-      .cls-10 {
-        fill: #dee5fc;
-        opacity: 0.8;
-      }
-    </style>
-  </defs>
-  <g id="Layer_1" data-name="Layer 1">
-    <g>
-      <g>
-        <polygon class="cls-1" points="161.68 222.37 50.52 158 10.11 181.41 121.26 245.78 161.68 222.37"/>
-        <polyline class="cls-2" points="50.52 202.52 123.23 244.64 159.69 223.53 50.52 160.3"/>
-        <polygon class="cls-3" points="121.26 292.59 10.1 228.22 10.11 181.41 121.26 245.78 121.26 292.59"/>
-        <polygon class="cls-4" points="50.52 160.3 50.52 202.52 32.29 191.97 14.07 181.41 50.52 160.3"/>
-      </g>
-      <polyline class="cls-5" points="70.73 155.7 123.23 186.12 159.69 165.01 70.73 113.48"/>
-      <polygon class="cls-6" points="161.68 163.85 70.74 111.18 30.32 134.59 121.26 187.26 161.68 163.85"/>
-      <polygon class="cls-5" points="121.26 234.07 30.31 181.41 30.32 134.59 121.26 187.26 121.26 234.07"/>
-      <polygon class="cls-7" points="70.73 113.48 70.73 155.7 52.51 145.15 34.28 134.59 70.73 113.48"/>
-      <g>
-        <polygon class="cls-1" points="161.68 105.33 50.52 40.96 10.11 64.37 121.26 128.74 161.68 105.33"/>
-        <polyline class="cls-2" points="50.52 85.48 123.23 127.6 159.69 106.49 50.52 43.26"/>
-        <polygon class="cls-3" points="121.26 175.55 10.1 111.18 10.11 64.37 121.26 128.74 121.26 175.55"/>
-        <polygon class="cls-4" points="50.52 43.26 50.52 85.48 32.29 74.92 14.07 64.37 50.52 43.26"/>
-      </g>
-      <polygon class="cls-8" points="181.9 70.22 181.89 280.89 121.26 316 121.26 105.33 181.9 70.22"/>
-      <g>
-        <polygon class="cls-9" points="121.26 105.33 0 35.11 0 245.78 121.26 316 121.26 105.33"/>
-        <polygon class="cls-10" points="181.9 70.22 60.63 0 0 35.11 121.26 105.33 181.9 70.22"/>
-      </g>
-      <g>
-        <polygon class="cls-3" points="171.79 228.22 131.37 251.63 131.37 298.45 171.79 275.04 171.79 228.22"/>
-        <path class="cls-8" d="M147.85,270a4.94,4.94,0,0,0,4.55-.34c2.09-1.11,3.6-3.19,3.58-4.92,0-2.12-2-2.1-4.29-.87l-1.38.72-.82-1.46,3.62-6.28c.78-1.34,1.41-2.27,1.41-2.27v-.06s-.58.39-1.75,1l-5.92,3.07v-3.17l12.07-6.25,0,2.29-4.81,8.22c2.75-1,5.46-.48,5.5,3s-2.52,7.95-7,10.33c-4.27,2.28-6.65.82-6.65.82Z"/>
-      </g>
-      <polygon class="cls-3" points="171.79 111.18 131.37 134.59 131.37 181.41 171.79 158 171.79 111.18"/>
-      <g id="front-drawerr">
-        <polyline class="cls-6" points="131.37 193.11 151.58 204.82 192 181.41 171.79 169.71"/>
-        <polygon class="cls-11" points="192 181.41 151.58 204.82 151.58 251.63 192 228.22 192 181.41"/>
-        <polygon class="cls-5" points="151.58 251.63 131.37 239.93 131.37 193.11 151.58 204.82 151.58 251.63"/>
-        <polyline class="cls-5" points="133.35 191.96 151.58 202.52 188.03 181.41 169.81 170.85"/>
-        <polygon class="cls-7" points="169.81 170.85 169.81 191.96 151.58 202.52 133.35 191.96 169.81 170.85"/>
+            .cls-10 {
+            fill: #dee5fc;
+            opacity: 0.8;
+            }
+        </style>
+    </defs>
+    <g id="Layer_1" data-name="Layer 1">
         <g>
-          <path class="cls-12" d="M165.65,229.37c0-7.33,9.32-13.48,9.29-17.47,0-1.76-1.37-2.1-3-1.21-2.32,1.22-3.57,4.28-3.57,4.28l-2.68-.41a15.13,15.13,0,0,1,6.54-7.5c3.47-1.83,6.45-1.24,6.49,2.54.07,6.43-8.86,12.32-8.93,16.19l9.37-5,0,3.13-13.34,7.21A13,13,0,0,1,165.65,229.37Z"/>
-          <path class="cls-8" d="M165.65,229.37c0-7.33,9.32-13.48,9.29-17.47,0-1.76-1.37-2.1-3-1.21-2.32,1.22-3.57,4.28-3.57,4.28l-2.68-.41a15.13,15.13,0,0,1,6.54-7.5c3.47-1.83,6.45-1.24,6.49,2.54.07,6.43-8.86,12.32-8.93,16.19l9.37-5,0,3.13-13.34,7.21A13,13,0,0,1,165.65,229.37Z"/>
+            <g>
+                <polygon class="cls-1" points="161.68 222.37 50.52 158 10.11 181.41 121.26 245.78 161.68 222.37"/>
+                <polyline class="cls-2" points="50.52 202.52 123.23 244.64 159.69 223.53 50.52 160.3"/>
+                <polygon class="cls-3" points="121.26 292.59 10.1 228.22 10.11 181.41 121.26 245.78 121.26 292.59"/>
+                <polygon class="cls-4" points="50.52 160.3 50.52 202.52 32.29 191.97 14.07 181.41 50.52 160.3"/>
+            </g>
+            <polyline class="cls-5" points="70.73 155.7 123.23 186.12 159.69 165.01 70.73 113.48"/>
+            <polygon class="cls-6" points="161.68 163.85 70.74 111.18 30.32 134.59 121.26 187.26 161.68 163.85"/>
+            <polygon class="cls-5" points="121.26 234.07 30.31 181.41 30.32 134.59 121.26 187.26 121.26 234.07"/>
+            <polygon class="cls-7" points="70.73 113.48 70.73 155.7 52.51 145.15 34.28 134.59 70.73 113.48"/>
+            <g>
+                <polygon class="cls-1" points="161.68 105.33 50.52 40.96 10.11 64.37 121.26 128.74 161.68 105.33"/>
+                <polyline class="cls-2" points="50.52 85.48 123.23 127.6 159.69 106.49 50.52 43.26"/>
+                <polygon class="cls-3" points="121.26 175.55 10.1 111.18 10.11 64.37 121.26 128.74 121.26 175.55"/>
+                <polygon class="cls-4" points="50.52 43.26 50.52 85.48 32.29 74.92 14.07 64.37 50.52 43.26"/>
+            </g>
+            <polygon class="cls-8" points="181.9 70.22 181.89 280.89 121.26 316 121.26 105.33 181.9 70.22"/>
+            <g>
+                <polygon class="cls-9" points="121.26 105.33 0 35.11 0 245.78 121.26 316 121.26 105.33"/>
+                <polygon class="cls-10" points="181.9 70.22 60.63 0 0 35.11 121.26 105.33 181.9 70.22"/>
+            </g>
+            <g>
+                <polygon class="cls-3" points="171.79 228.22 131.37 251.63 131.37 298.45 171.79 275.04 171.79 228.22"/>
+                <path class="cls-8"
+                      d="M147.85,270a4.94,4.94,0,0,0,4.55-.34c2.09-1.11,3.6-3.19,3.58-4.92,0-2.12-2-2.1-4.29-.87l-1.38.72-.82-1.46,3.62-6.28c.78-1.34,1.41-2.27,1.41-2.27v-.06s-.58.39-1.75,1l-5.92,3.07v-3.17l12.07-6.25,0,2.29-4.81,8.22c2.75-1,5.46-.48,5.5,3s-2.52,7.95-7,10.33c-4.27,2.28-6.65.82-6.65.82Z"/>
+            </g>
+            <polygon class="cls-3" points="171.79 111.18 131.37 134.59 131.37 181.41 171.79 158 171.79 111.18"/>
+            <g id="front-drawerr">
+                <polyline class="cls-6" points="131.37 193.11 151.58 204.82 192 181.41 171.79 169.71"/>
+                <polygon class="cls-11" points="192 181.41 151.58 204.82 151.58 251.63 192 228.22 192 181.41"/>
+                <polygon class="cls-5" points="151.58 251.63 131.37 239.93 131.37 193.11 151.58 204.82 151.58 251.63"/>
+                <polyline class="cls-5" points="133.35 191.96 151.58 202.52 188.03 181.41 169.81 170.85"/>
+                <polygon class="cls-7" points="169.81 170.85 169.81 191.96 151.58 202.52 133.35 191.96 169.81 170.85"/>
+                <g>
+                    <path class="cls-12"
+                          d="M165.65,229.37c0-7.33,9.32-13.48,9.29-17.47,0-1.76-1.37-2.1-3-1.21-2.32,1.22-3.57,4.28-3.57,4.28l-2.68-.41a15.13,15.13,0,0,1,6.54-7.5c3.47-1.83,6.45-1.24,6.49,2.54.07,6.43-8.86,12.32-8.93,16.19l9.37-5,0,3.13-13.34,7.21A13,13,0,0,1,165.65,229.37Z"/>
+                    <path class="cls-8"
+                          d="M165.65,229.37c0-7.33,9.32-13.48,9.29-17.47,0-1.76-1.37-2.1-3-1.21-2.32,1.22-3.57,4.28-3.57,4.28l-2.68-.41a15.13,15.13,0,0,1,6.54-7.5c3.47-1.83,6.45-1.24,6.49,2.54.07,6.43-8.86,12.32-8.93,16.19l9.37-5,0,3.13-13.34,7.21A13,13,0,0,1,165.65,229.37Z"/>
+                </g>
+            </g>
+            <path class="cls-8"
+                  d="M147.65,155,152,152.5l0-11.22c0-.68,0-1.38,0-1.38l-.06,0a9.35,9.35,0,0,1-.86,1.62L149.47,144l-2.13-1.1,4.95-7.65,3.15-1.74.12,17,4.35-2.47,0,3.13-12.29,7Z"/>
         </g>
-      </g>
-      <path class="cls-8" d="M147.65,155,152,152.5l0-11.22c0-.68,0-1.38,0-1.38l-.06,0a9.35,9.35,0,0,1-.86,1.62L149.47,144l-2.13-1.1,4.95-7.65,3.15-1.74.12,17,4.35-2.47,0,3.13-12.29,7Z"/>
     </g>
-  </g>
 </svg>
diff --git a/packages/admin-ui/src/styling/icons/cassettes/tejo/3-cassettes/3-cassettes-open-3-left.svg b/packages/admin-ui/src/styling/icons/cassettes/tejo/3-cassettes/3-cassettes-open-3-left.svg
index 239b19dd..32d6f7d3 100644
--- a/packages/admin-ui/src/styling/icons/cassettes/tejo/3-cassettes/3-cassettes-open-3-left.svg
+++ b/packages/admin-ui/src/styling/icons/cassettes/tejo/3-cassettes/3-cassettes-open-3-left.svg
@@ -1,91 +1,94 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="192" height="316" viewBox="0 0 192 316">
-  <defs>
-    <style>
-      .cls-1 {
-        fill: #4b5fef;
-      }
+    <defs>
+        <style>
+            .cls-1 {
+            fill: #4b5fef;
+            }
 
-      .cls-2 {
-        fill: #7687ff;
-      }
+            .cls-2 {
+            fill: #7687ff;
+            }
 
-      .cls-3 {
-        fill: #1b2559;
-      }
+            .cls-3 {
+            fill: #1b2559;
+            }
 
-      .cls-12, .cls-4 {
-        fill: #fff;
-      }
+            .cls-12, .cls-4 {
+            fill: #fff;
+            }
 
-      .cls-4, .cls-7, .cls-9 {
-        opacity: 0.74;
-      }
+            .cls-4, .cls-7, .cls-9 {
+            opacity: 0.74;
+            }
 
-      .cls-5 {
-        fill: #b8c2e6;
-      }
+            .cls-5 {
+            fill: #b8c2e6;
+            }
 
-      .cls-6 {
-        fill: #d2d8ff;
-      }
+            .cls-6 {
+            fill: #d2d8ff;
+            }
 
-      .cls-11, .cls-7 {
-        fill: #5a67ff;
-      }
+            .cls-11, .cls-7 {
+            fill: #5a67ff;
+            }
 
-      .cls-8 {
-        fill: #ebefff;
-      }
+            .cls-8 {
+            fill: #ebefff;
+            }
 
-      .cls-9 {
-        fill: #ccd8ff;
-      }
+            .cls-9 {
+            fill: #ccd8ff;
+            }
 
-      .cls-10 {
-        fill: #dee5fc;
-        opacity: 0.8;
-      }
-    </style>
-  </defs>
-  <g id="Layer_1" data-name="Layer 1">
-    <g>
-      <g>
-        <polyline class="cls-1" points="121.27 214.22 68.77 244.64 32.31 223.53 121.27 172"/>
-        <polygon class="cls-2" points="30.32 222.37 121.26 169.7 161.68 193.11 70.74 245.78 30.32 222.37"/>
-        <polygon class="cls-1" points="70.74 292.59 161.69 239.93 161.68 193.11 70.74 245.78 70.74 292.59"/>
-        <polygon class="cls-3" points="121.27 172 121.27 214.22 139.5 203.67 157.72 193.11 121.27 172"/>
-      </g>
-      <g>
-        <polygon class="cls-4" points="30.32 163.85 141.47 99.48 181.89 122.89 70.74 187.26 30.32 163.85"/>
-        <polyline class="cls-5" points="141.48 144 68.77 186.12 32.31 165.01 141.48 101.78"/>
-        <polygon class="cls-6" points="70.74 234.07 181.9 169.7 181.89 122.89 70.74 187.26 70.74 234.07"/>
-        <polygon class="cls-7" points="141.48 101.78 141.48 144 159.71 133.44 177.93 122.89 141.48 101.78"/>
-      </g>
-      <g>
-        <polygon class="cls-4" points="30.32 105.33 141.47 40.96 181.89 64.37 70.74 128.74 30.32 105.33"/>
-        <polyline class="cls-5" points="141.48 85.48 68.77 127.6 32.31 106.49 141.48 43.26"/>
-        <polygon class="cls-6" points="70.74 175.55 181.9 111.18 181.89 64.37 70.74 128.74 70.74 175.55"/>
-        <polygon class="cls-7" points="141.48 43.26 141.48 85.48 159.71 74.92 177.93 64.37 141.48 43.26"/>
-      </g>
-      <polygon class="cls-8" points="10.1 70.22 10.11 280.89 70.74 316 70.74 105.33 10.1 70.22"/>
-      <g>
-        <polygon class="cls-9" points="70.74 105.33 192 35.11 192 245.78 70.74 316 70.74 105.33"/>
-        <polygon class="cls-10" points="10.1 70.22 131.37 0 192 35.11 70.74 105.33 10.1 70.22"/>
-      </g>
-      <g>
-        <polygon class="cls-6" points="20.21 169.71 60.63 193.11 60.63 239.93 20.21 216.52 20.21 169.71"/>
-        <path class="cls-8" d="M32.61,210.69c0-7.57,9.51-3.1,9.51-7.41a5.94,5.94,0,0,0-3.07-4.79c-2.36-1.36-3.65.41-3.65.41l-2.73-3.49s1.87-3.15,6.7-.43c3.56,2,6.57,6.06,6.57,10.2,0,7-9.08,2.71-9.18,6.67l9.5,5.92v3.44l-13.48-8.55A16.93,16.93,0,0,1,32.61,210.69Z"/>
-      </g>
-      <polygon class="cls-6" points="20.21 111.18 60.63 134.59 60.63 181.41 20.21 158 20.21 111.18"/>
-      <g id="front-drawerr">
-        <polyline class="cls-2" points="60.63 251.63 40.42 263.33 0 239.93 20.21 228.22"/>
-        <polygon class="cls-11" points="0 239.93 40.42 263.33 40.42 310.15 0 286.74 0 239.93"/>
-        <polygon class="cls-1" points="40.42 310.15 60.63 298.44 60.63 251.63 40.42 263.33 40.42 310.15"/>
-        <polyline class="cls-1" points="58.65 250.48 40.42 261.04 3.97 239.93 22.2 229.37"/>
-        <polygon class="cls-3" points="22.2 229.37 22.2 250.48 40.42 261.04 58.65 250.48 22.2 229.37"/>
-        <path class="cls-12" d="M14.55,279a16.52,16.52,0,0,0,4.6,4.93c2.12,1.32,3.66,1,3.66-.75,0-2.14-2-4.38-4.34-5.86l-1.4-.87-.82-2.4L20,271.93a8,8,0,0,1,1.45-.63v-.06s-.59-.29-1.79-1l-6-3.77v-3.17L26,271v2.32L21,276c2.8,2.14,5.54,5.86,5.54,9.38s-2.63,5-7.15,2.2a22,22,0,0,1-6.72-6.91Z"/>
-      </g>
-      <path class="cls-8" d="M32.29,147.62l4.4,2.95,0-11.26c0-.69,0-1.36,0-1.36l-.06,0a1.72,1.72,0,0,1-.88.55l-1.63.45L32,135.19l5.09-1.49,3.22,2.15V153l4.4,3v3.17l-12.42-8.31Z"/>
+            .cls-10 {
+            fill: #dee5fc;
+            opacity: 0.8;
+            }
+        </style>
+    </defs>
+    <g id="Layer_1" data-name="Layer 1">
+        <g>
+            <g>
+                <polyline class="cls-1" points="121.27 214.22 68.77 244.64 32.31 223.53 121.27 172"/>
+                <polygon class="cls-2" points="30.32 222.37 121.26 169.7 161.68 193.11 70.74 245.78 30.32 222.37"/>
+                <polygon class="cls-1" points="70.74 292.59 161.69 239.93 161.68 193.11 70.74 245.78 70.74 292.59"/>
+                <polygon class="cls-3" points="121.27 172 121.27 214.22 139.5 203.67 157.72 193.11 121.27 172"/>
+            </g>
+            <g>
+                <polygon class="cls-4" points="30.32 163.85 141.47 99.48 181.89 122.89 70.74 187.26 30.32 163.85"/>
+                <polyline class="cls-5" points="141.48 144 68.77 186.12 32.31 165.01 141.48 101.78"/>
+                <polygon class="cls-6" points="70.74 234.07 181.9 169.7 181.89 122.89 70.74 187.26 70.74 234.07"/>
+                <polygon class="cls-7" points="141.48 101.78 141.48 144 159.71 133.44 177.93 122.89 141.48 101.78"/>
+            </g>
+            <g>
+                <polygon class="cls-4" points="30.32 105.33 141.47 40.96 181.89 64.37 70.74 128.74 30.32 105.33"/>
+                <polyline class="cls-5" points="141.48 85.48 68.77 127.6 32.31 106.49 141.48 43.26"/>
+                <polygon class="cls-6" points="70.74 175.55 181.9 111.18 181.89 64.37 70.74 128.74 70.74 175.55"/>
+                <polygon class="cls-7" points="141.48 43.26 141.48 85.48 159.71 74.92 177.93 64.37 141.48 43.26"/>
+            </g>
+            <polygon class="cls-8" points="10.1 70.22 10.11 280.89 70.74 316 70.74 105.33 10.1 70.22"/>
+            <g>
+                <polygon class="cls-9" points="70.74 105.33 192 35.11 192 245.78 70.74 316 70.74 105.33"/>
+                <polygon class="cls-10" points="10.1 70.22 131.37 0 192 35.11 70.74 105.33 10.1 70.22"/>
+            </g>
+            <g>
+                <polygon class="cls-6" points="20.21 169.71 60.63 193.11 60.63 239.93 20.21 216.52 20.21 169.71"/>
+                <path class="cls-8"
+                      d="M32.61,210.69c0-7.57,9.51-3.1,9.51-7.41a5.94,5.94,0,0,0-3.07-4.79c-2.36-1.36-3.65.41-3.65.41l-2.73-3.49s1.87-3.15,6.7-.43c3.56,2,6.57,6.06,6.57,10.2,0,7-9.08,2.71-9.18,6.67l9.5,5.92v3.44l-13.48-8.55A16.93,16.93,0,0,1,32.61,210.69Z"/>
+            </g>
+            <polygon class="cls-6" points="20.21 111.18 60.63 134.59 60.63 181.41 20.21 158 20.21 111.18"/>
+            <g id="front-drawerr">
+                <polyline class="cls-2" points="60.63 251.63 40.42 263.33 0 239.93 20.21 228.22"/>
+                <polygon class="cls-11" points="0 239.93 40.42 263.33 40.42 310.15 0 286.74 0 239.93"/>
+                <polygon class="cls-1" points="40.42 310.15 60.63 298.44 60.63 251.63 40.42 263.33 40.42 310.15"/>
+                <polyline class="cls-1" points="58.65 250.48 40.42 261.04 3.97 239.93 22.2 229.37"/>
+                <polygon class="cls-3" points="22.2 229.37 22.2 250.48 40.42 261.04 58.65 250.48 22.2 229.37"/>
+                <path class="cls-12"
+                      d="M14.55,279a16.52,16.52,0,0,0,4.6,4.93c2.12,1.32,3.66,1,3.66-.75,0-2.14-2-4.38-4.34-5.86l-1.4-.87-.82-2.4L20,271.93a8,8,0,0,1,1.45-.63v-.06s-.59-.29-1.79-1l-6-3.77v-3.17L26,271v2.32L21,276c2.8,2.14,5.54,5.86,5.54,9.38s-2.63,5-7.15,2.2a22,22,0,0,1-6.72-6.91Z"/>
+            </g>
+            <path class="cls-8"
+                  d="M32.29,147.62l4.4,2.95,0-11.26c0-.69,0-1.36,0-1.36l-.06,0a1.72,1.72,0,0,1-.88.55l-1.63.45L32,135.19l5.09-1.49,3.22,2.15V153l4.4,3v3.17l-12.42-8.31Z"/>
+        </g>
     </g>
-  </g>
 </svg>
diff --git a/packages/admin-ui/src/styling/icons/cassettes/tejo/3-cassettes/3-cassettes-open-3.svg b/packages/admin-ui/src/styling/icons/cassettes/tejo/3-cassettes/3-cassettes-open-3.svg
index f5af1913..d367db4c 100644
--- a/packages/admin-ui/src/styling/icons/cassettes/tejo/3-cassettes/3-cassettes-open-3.svg
+++ b/packages/admin-ui/src/styling/icons/cassettes/tejo/3-cassettes/3-cassettes-open-3.svg
@@ -1,91 +1,94 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="192" height="316" viewBox="0 0 192 316">
-  <defs>
-    <style>
-      .cls-1 {
-        fill: #4b5fef;
-      }
+    <defs>
+        <style>
+            .cls-1 {
+            fill: #4b5fef;
+            }
 
-      .cls-2 {
-        fill: #7687ff;
-      }
+            .cls-2 {
+            fill: #7687ff;
+            }
 
-      .cls-3 {
-        fill: #1b2559;
-      }
+            .cls-3 {
+            fill: #1b2559;
+            }
 
-      .cls-12, .cls-4 {
-        fill: #fff;
-      }
+            .cls-12, .cls-4 {
+            fill: #fff;
+            }
 
-      .cls-4, .cls-7, .cls-9 {
-        opacity: 0.74;
-      }
+            .cls-4, .cls-7, .cls-9 {
+            opacity: 0.74;
+            }
 
-      .cls-5 {
-        fill: #b8c2e6;
-      }
+            .cls-5 {
+            fill: #b8c2e6;
+            }
 
-      .cls-6 {
-        fill: #d2d8ff;
-      }
+            .cls-6 {
+            fill: #d2d8ff;
+            }
 
-      .cls-11, .cls-7 {
-        fill: #5a67ff;
-      }
+            .cls-11, .cls-7 {
+            fill: #5a67ff;
+            }
 
-      .cls-8 {
-        fill: #ebefff;
-      }
+            .cls-8 {
+            fill: #ebefff;
+            }
 
-      .cls-9 {
-        fill: #ccd8ff;
-      }
+            .cls-9 {
+            fill: #ccd8ff;
+            }
 
-      .cls-10 {
-        fill: #dee5fc;
-        opacity: 0.8;
-      }
-    </style>
-  </defs>
-  <g id="Layer_1" data-name="Layer 1">
-    <g>
-      <g>
-        <polyline class="cls-1" points="70.73 214.22 123.23 244.64 159.69 223.53 70.73 172"/>
-        <polygon class="cls-2" points="161.68 222.37 70.74 169.7 30.32 193.11 121.26 245.78 161.68 222.37"/>
-        <polygon class="cls-1" points="121.26 292.59 30.31 239.93 30.32 193.11 121.26 245.78 121.26 292.59"/>
-        <polygon class="cls-3" points="70.73 172 70.73 214.22 52.51 203.67 34.28 193.11 70.73 172"/>
-      </g>
-      <g>
-        <polygon class="cls-4" points="161.68 163.85 50.52 99.48 10.11 122.89 121.26 187.26 161.68 163.85"/>
-        <polyline class="cls-5" points="50.52 144 123.23 186.12 159.69 165.01 50.52 101.78"/>
-        <polygon class="cls-6" points="121.26 234.07 10.1 169.7 10.11 122.89 121.26 187.26 121.26 234.07"/>
-        <polygon class="cls-7" points="50.52 101.78 50.52 144 32.29 133.44 14.07 122.89 50.52 101.78"/>
-      </g>
-      <g>
-        <polygon class="cls-4" points="161.68 105.33 50.52 40.96 10.11 64.37 121.26 128.74 161.68 105.33"/>
-        <polyline class="cls-5" points="50.52 85.48 123.23 127.6 159.69 106.49 50.52 43.26"/>
-        <polygon class="cls-6" points="121.26 175.55 10.1 111.18 10.11 64.37 121.26 128.74 121.26 175.55"/>
-        <polygon class="cls-7" points="50.52 43.26 50.52 85.48 32.29 74.92 14.07 64.37 50.52 43.26"/>
-      </g>
-      <polygon class="cls-8" points="181.9 70.22 181.89 280.89 121.26 316 121.26 105.33 181.9 70.22"/>
-      <g>
-        <polygon class="cls-9" points="121.26 105.33 0 35.11 0 245.78 121.26 316 121.26 105.33"/>
-        <polygon class="cls-10" points="181.9 70.22 60.63 0 0 35.11 121.26 105.33 181.9 70.22"/>
-      </g>
-      <g>
-        <polygon class="cls-6" points="171.79 169.71 131.37 193.11 131.37 239.93 171.79 216.52 171.79 169.71"/>
-        <path class="cls-8" d="M145.58,218.78c0-7.34,9.32-13.48,9.28-17.48,0-1.75-1.36-2.09-3-1.21-2.32,1.23-3.57,4.29-3.57,4.29l-2.68-.41a15.18,15.18,0,0,1,6.54-7.51c3.47-1.83,6.44-1.23,6.49,2.55.07,6.43-8.86,12.32-8.93,16.19l9.37-5,0,3.13-13.34,7.21A13,13,0,0,1,145.58,218.78Z"/>
-      </g>
-      <polygon class="cls-6" points="171.79 111.18 131.37 134.59 131.37 181.41 171.79 158 171.79 111.18"/>
-      <g id="front-drawerr">
-        <polyline class="cls-2" points="131.37 251.63 151.58 263.33 192 239.93 171.79 228.22"/>
-        <polygon class="cls-11" points="192 239.93 151.58 263.33 151.58 310.15 192 286.74 192 239.93"/>
-        <polygon class="cls-1" points="151.58 310.15 131.37 298.44 131.37 251.63 151.58 263.33 151.58 310.15"/>
-        <polyline class="cls-1" points="133.35 250.48 151.58 261.04 188.03 239.93 169.81 229.37"/>
-        <polygon class="cls-3" points="169.81 229.37 169.81 250.48 151.58 261.04 133.35 250.48 169.81 229.37"/>
-        <path class="cls-12" d="M167.44,283.32A5,5,0,0,0,172,283c2.08-1.11,3.6-3.19,3.58-4.92,0-2.12-2-2.09-4.29-.87l-1.38.72-.82-1.45,3.62-6.29c.77-1.34,1.41-2.27,1.41-2.27v-.06a19.72,19.72,0,0,1-1.76,1l-5.91,3.07v-3.17l12.07-6.25,0,2.29L173.73,273c2.75-1,5.46-.48,5.5,3s-2.52,8-7,10.34c-4.27,2.27-6.65.81-6.65.81Z"/>
-      </g>
-      <path class="cls-8" d="M147.66,155,152,152.5l0-11.22c0-.68,0-1.38,0-1.38l-.06,0a9.35,9.35,0,0,1-.86,1.62L149.47,144l-2.13-1.1,5-7.65,3.14-1.74.12,17,4.35-2.47,0,3.13-12.29,7Z"/>
+            .cls-10 {
+            fill: #dee5fc;
+            opacity: 0.8;
+            }
+        </style>
+    </defs>
+    <g id="Layer_1" data-name="Layer 1">
+        <g>
+            <g>
+                <polyline class="cls-1" points="70.73 214.22 123.23 244.64 159.69 223.53 70.73 172"/>
+                <polygon class="cls-2" points="161.68 222.37 70.74 169.7 30.32 193.11 121.26 245.78 161.68 222.37"/>
+                <polygon class="cls-1" points="121.26 292.59 30.31 239.93 30.32 193.11 121.26 245.78 121.26 292.59"/>
+                <polygon class="cls-3" points="70.73 172 70.73 214.22 52.51 203.67 34.28 193.11 70.73 172"/>
+            </g>
+            <g>
+                <polygon class="cls-4" points="161.68 163.85 50.52 99.48 10.11 122.89 121.26 187.26 161.68 163.85"/>
+                <polyline class="cls-5" points="50.52 144 123.23 186.12 159.69 165.01 50.52 101.78"/>
+                <polygon class="cls-6" points="121.26 234.07 10.1 169.7 10.11 122.89 121.26 187.26 121.26 234.07"/>
+                <polygon class="cls-7" points="50.52 101.78 50.52 144 32.29 133.44 14.07 122.89 50.52 101.78"/>
+            </g>
+            <g>
+                <polygon class="cls-4" points="161.68 105.33 50.52 40.96 10.11 64.37 121.26 128.74 161.68 105.33"/>
+                <polyline class="cls-5" points="50.52 85.48 123.23 127.6 159.69 106.49 50.52 43.26"/>
+                <polygon class="cls-6" points="121.26 175.55 10.1 111.18 10.11 64.37 121.26 128.74 121.26 175.55"/>
+                <polygon class="cls-7" points="50.52 43.26 50.52 85.48 32.29 74.92 14.07 64.37 50.52 43.26"/>
+            </g>
+            <polygon class="cls-8" points="181.9 70.22 181.89 280.89 121.26 316 121.26 105.33 181.9 70.22"/>
+            <g>
+                <polygon class="cls-9" points="121.26 105.33 0 35.11 0 245.78 121.26 316 121.26 105.33"/>
+                <polygon class="cls-10" points="181.9 70.22 60.63 0 0 35.11 121.26 105.33 181.9 70.22"/>
+            </g>
+            <g>
+                <polygon class="cls-6" points="171.79 169.71 131.37 193.11 131.37 239.93 171.79 216.52 171.79 169.71"/>
+                <path class="cls-8"
+                      d="M145.58,218.78c0-7.34,9.32-13.48,9.28-17.48,0-1.75-1.36-2.09-3-1.21-2.32,1.23-3.57,4.29-3.57,4.29l-2.68-.41a15.18,15.18,0,0,1,6.54-7.51c3.47-1.83,6.44-1.23,6.49,2.55.07,6.43-8.86,12.32-8.93,16.19l9.37-5,0,3.13-13.34,7.21A13,13,0,0,1,145.58,218.78Z"/>
+            </g>
+            <polygon class="cls-6" points="171.79 111.18 131.37 134.59 131.37 181.41 171.79 158 171.79 111.18"/>
+            <g id="front-drawerr">
+                <polyline class="cls-2" points="131.37 251.63 151.58 263.33 192 239.93 171.79 228.22"/>
+                <polygon class="cls-11" points="192 239.93 151.58 263.33 151.58 310.15 192 286.74 192 239.93"/>
+                <polygon class="cls-1" points="151.58 310.15 131.37 298.44 131.37 251.63 151.58 263.33 151.58 310.15"/>
+                <polyline class="cls-1" points="133.35 250.48 151.58 261.04 188.03 239.93 169.81 229.37"/>
+                <polygon class="cls-3" points="169.81 229.37 169.81 250.48 151.58 261.04 133.35 250.48 169.81 229.37"/>
+                <path class="cls-12"
+                      d="M167.44,283.32A5,5,0,0,0,172,283c2.08-1.11,3.6-3.19,3.58-4.92,0-2.12-2-2.09-4.29-.87l-1.38.72-.82-1.45,3.62-6.29c.77-1.34,1.41-2.27,1.41-2.27v-.06a19.72,19.72,0,0,1-1.76,1l-5.91,3.07v-3.17l12.07-6.25,0,2.29L173.73,273c2.75-1,5.46-.48,5.5,3s-2.52,8-7,10.34c-4.27,2.27-6.65.81-6.65.81Z"/>
+            </g>
+            <path class="cls-8"
+                  d="M147.66,155,152,152.5l0-11.22c0-.68,0-1.38,0-1.38l-.06,0a9.35,9.35,0,0,1-.86,1.62L149.47,144l-2.13-1.1,5-7.65,3.14-1.74.12,17,4.35-2.47,0,3.13-12.29,7Z"/>
+        </g>
     </g>
-  </g>
 </svg>
diff --git a/packages/admin-ui/src/styling/icons/cassettes/tejo/4-cassettes/4-cassettes-open-1-left.svg b/packages/admin-ui/src/styling/icons/cassettes/tejo/4-cassettes/4-cassettes-open-1-left.svg
index af490251..e8d58ae2 100644
--- a/packages/admin-ui/src/styling/icons/cassettes/tejo/4-cassettes/4-cassettes-open-1-left.svg
+++ b/packages/admin-ui/src/styling/icons/cassettes/tejo/4-cassettes/4-cassettes-open-1-left.svg
@@ -1,95 +1,99 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="192" height="376" viewBox="0 0 192 376">
-  <defs>
-    <style>
-      .cls-1, .cls-12 {
-        fill: #fff;
-      }
+    <defs>
+        <style>
+            .cls-1, .cls-12 {
+            fill: #fff;
+            }
 
-      .cls-1, .cls-10, .cls-4 {
-        opacity: 0.74;
-      }
+            .cls-1, .cls-10, .cls-4 {
+            opacity: 0.74;
+            }
 
-      .cls-2 {
-        fill: #b8c2e6;
-      }
+            .cls-2 {
+            fill: #b8c2e6;
+            }
 
-      .cls-3 {
-        fill: #d2d8ff;
-      }
+            .cls-3 {
+            fill: #d2d8ff;
+            }
 
-      .cls-4, .cls-8 {
-        fill: #5a67ff;
-      }
+            .cls-4, .cls-8 {
+            fill: #5a67ff;
+            }
 
-      .cls-5 {
-        fill: #4b5fef;
-      }
+            .cls-5 {
+            fill: #4b5fef;
+            }
 
-      .cls-6 {
-        fill: #7687ff;
-      }
+            .cls-6 {
+            fill: #7687ff;
+            }
 
-      .cls-7 {
-        fill: #ebefff;
-      }
+            .cls-7 {
+            fill: #ebefff;
+            }
 
-      .cls-9 {
-        fill: #1b2559;
-      }
+            .cls-9 {
+            fill: #1b2559;
+            }
 
-      .cls-10 {
-        fill: #ccd8ff;
-      }
+            .cls-10 {
+            fill: #ccd8ff;
+            }
 
-      .cls-11 {
-        fill: #dee5fc;
-        opacity: 0.8;
-      }
-    </style>
-  </defs>
-  <g id="Layer_1" data-name="Layer 1">
-    <g>
-      <g>
-        <polygon class="cls-1" points="30.32 282 141.47 217.37 181.89 240.87 70.74 305.5 30.32 282"/>
-        <polyline class="cls-2" points="141.48 262.07 68.77 304.35 32.31 283.16 141.48 219.68"/>
-        <polygon class="cls-3" points="70.74 352.5 181.9 287.87 181.89 240.87 70.74 305.5 70.74 352.5"/>
-        <polygon class="cls-4" points="141.48 219.68 141.48 262.07 159.71 251.47 177.93 240.87 141.48 219.68"/>
-      </g>
-      <g>
-        <polygon class="cls-1" points="30.32 223.25 141.47 158.63 181.89 182.13 70.74 246.75 30.32 223.25"/>
-        <polyline class="cls-2" points="141.48 203.32 68.77 245.6 32.31 224.41 141.48 160.93"/>
-        <polygon class="cls-3" points="70.74 293.75 181.9 229.13 181.89 182.13 70.74 246.75 70.74 293.75"/>
-        <polygon class="cls-4" points="141.48 160.93 141.48 203.32 159.71 192.72 177.93 182.13 141.48 160.93"/>
-      </g>
-      <g>
-        <polygon class="cls-1" points="30.32 164.5 141.47 99.88 181.89 123.38 70.74 188 30.32 164.5"/>
-        <polyline class="cls-2" points="141.48 144.57 68.77 186.85 32.31 165.66 141.48 102.18"/>
-        <polygon class="cls-3" points="70.74 235 181.9 170.38 181.89 123.38 70.74 188 70.74 235"/>
-        <polygon class="cls-4" points="141.48 102.18 141.48 144.57 159.7 133.97 177.93 123.38 141.48 102.18"/>
-      </g>
-      <polyline class="cls-5" points="121.27 97.57 68.77 128.1 32.31 106.91 121.27 55.18"/>
-      <polygon class="cls-6" points="30.32 105.75 121.26 52.87 161.68 76.38 70.73 129.25 30.32 105.75"/>
-      <polygon class="cls-7" points="10.11 70.5 10.11 340.75 70.75 376 70.74 105.75 10.11 70.5"/>
-      <polygon class="cls-3" points="20.21 170.38 60.63 193.88 60.63 240.88 20.21 217.38 20.21 170.38"/>
-      <polygon class="cls-8" points="0 123.38 40.42 146.88 40.42 193.88 0 170.37 0 123.38"/>
-      <polygon class="cls-5" points="40.42 193.88 60.63 182.13 60.63 135.13 40.42 146.88 40.42 193.88"/>
-      <polygon class="cls-5" points="70.74 176.25 161.68 123.38 161.68 76.38 70.74 129.25 70.74 176.25"/>
-      <polyline class="cls-6" points="60.63 135.13 40.42 146.88 0 123.38 20.21 111.63"/>
-      <polyline class="cls-5" points="58.65 133.97 40.42 144.57 3.97 123.38 22.2 112.78"/>
-      <polygon class="cls-9" points="22.2 112.78 22.2 133.97 40.42 144.57 58.65 133.97 22.2 112.78"/>
-      <polygon class="cls-9" points="121.27 55.18 121.27 97.57 139.49 86.97 157.72 76.37 121.27 55.18"/>
-      <g>
-        <polygon class="cls-10" points="70.73 105.75 192 35.25 192 305.5 70.74 376 70.73 105.75"/>
-        <polygon class="cls-11" points="10.1 70.5 131.37 0 192 35.25 70.73 105.75 10.1 70.5"/>
-      </g>
-      <g>
-        <polygon class="cls-3" points="20.21 229.12 60.63 252.62 60.63 299.62 20.21 276.12 20.21 229.12"/>
-        <path class="cls-7" d="M33.74,265.64a16.52,16.52,0,0,0,4.6,4.93c2.12,1.32,3.66,1,3.66-.75,0-2.14-2-4.37-4.34-5.85l-1.4-.88-.82-2.4,3.71-2.09a7.93,7.93,0,0,1,1.46-.63v-.06s-.6-.29-1.8-1l-6-3.78v-3.17l12.38,7.72V260l-5,2.65c2.8,2.15,5.54,5.86,5.54,9.38s-2.64,5-7.16,2.2a22,22,0,0,1-6.72-6.91Z"/>
-      </g>
-      <polygon class="cls-3" points="20.21 287.87 60.63 311.37 60.63 358.37 20.21 334.87 20.21 287.87"/>
-      <path class="cls-7" d="M41.49,327.94v-12l-4.36-2.35-8.76,8.08v2.26L37.86,329v5.23l3.63,2V331l2.63,1.42v-3.06Zm-3.62-8.25V326l-5.61-3v-.05l4.7-4a5.87,5.87,0,0,0,1-1.32l.06,0A16.49,16.49,0,0,0,37.87,319.69Z"/>
-      <path class="cls-7" d="M32.61,210.69c0-7.57,9.51-3.1,9.51-7.41a5.94,5.94,0,0,0-3.07-4.79c-2.36-1.36-3.65.41-3.65.41l-2.73-3.49s1.87-3.15,6.7-.43c3.56,2,6.57,6.06,6.57,10.2,0,7-9.08,2.71-9.18,6.67l9.5,5.92v3.44l-13.48-8.55A16.93,16.93,0,0,1,32.61,210.69Z"/>
-      <path class="cls-12" d="M13.08,161.89l4.4,2.94,0-11.26c0-.68,0-1.35,0-1.35l-.06,0a1.79,1.79,0,0,1-.88.55l-1.63.46-2.17-3.74L17.88,148l3.22,2.15v17.13l4.4,2.95v3.18l-12.42-8.31Z"/>
+            .cls-11 {
+            fill: #dee5fc;
+            opacity: 0.8;
+            }
+        </style>
+    </defs>
+    <g id="Layer_1" data-name="Layer 1">
+        <g>
+            <g>
+                <polygon class="cls-1" points="30.32 282 141.47 217.37 181.89 240.87 70.74 305.5 30.32 282"/>
+                <polyline class="cls-2" points="141.48 262.07 68.77 304.35 32.31 283.16 141.48 219.68"/>
+                <polygon class="cls-3" points="70.74 352.5 181.9 287.87 181.89 240.87 70.74 305.5 70.74 352.5"/>
+                <polygon class="cls-4" points="141.48 219.68 141.48 262.07 159.71 251.47 177.93 240.87 141.48 219.68"/>
+            </g>
+            <g>
+                <polygon class="cls-1" points="30.32 223.25 141.47 158.63 181.89 182.13 70.74 246.75 30.32 223.25"/>
+                <polyline class="cls-2" points="141.48 203.32 68.77 245.6 32.31 224.41 141.48 160.93"/>
+                <polygon class="cls-3" points="70.74 293.75 181.9 229.13 181.89 182.13 70.74 246.75 70.74 293.75"/>
+                <polygon class="cls-4" points="141.48 160.93 141.48 203.32 159.71 192.72 177.93 182.13 141.48 160.93"/>
+            </g>
+            <g>
+                <polygon class="cls-1" points="30.32 164.5 141.47 99.88 181.89 123.38 70.74 188 30.32 164.5"/>
+                <polyline class="cls-2" points="141.48 144.57 68.77 186.85 32.31 165.66 141.48 102.18"/>
+                <polygon class="cls-3" points="70.74 235 181.9 170.38 181.89 123.38 70.74 188 70.74 235"/>
+                <polygon class="cls-4" points="141.48 102.18 141.48 144.57 159.7 133.97 177.93 123.38 141.48 102.18"/>
+            </g>
+            <polyline class="cls-5" points="121.27 97.57 68.77 128.1 32.31 106.91 121.27 55.18"/>
+            <polygon class="cls-6" points="30.32 105.75 121.26 52.87 161.68 76.38 70.73 129.25 30.32 105.75"/>
+            <polygon class="cls-7" points="10.11 70.5 10.11 340.75 70.75 376 70.74 105.75 10.11 70.5"/>
+            <polygon class="cls-3" points="20.21 170.38 60.63 193.88 60.63 240.88 20.21 217.38 20.21 170.38"/>
+            <polygon class="cls-8" points="0 123.38 40.42 146.88 40.42 193.88 0 170.37 0 123.38"/>
+            <polygon class="cls-5" points="40.42 193.88 60.63 182.13 60.63 135.13 40.42 146.88 40.42 193.88"/>
+            <polygon class="cls-5" points="70.74 176.25 161.68 123.38 161.68 76.38 70.74 129.25 70.74 176.25"/>
+            <polyline class="cls-6" points="60.63 135.13 40.42 146.88 0 123.38 20.21 111.63"/>
+            <polyline class="cls-5" points="58.65 133.97 40.42 144.57 3.97 123.38 22.2 112.78"/>
+            <polygon class="cls-9" points="22.2 112.78 22.2 133.97 40.42 144.57 58.65 133.97 22.2 112.78"/>
+            <polygon class="cls-9" points="121.27 55.18 121.27 97.57 139.49 86.97 157.72 76.37 121.27 55.18"/>
+            <g>
+                <polygon class="cls-10" points="70.73 105.75 192 35.25 192 305.5 70.74 376 70.73 105.75"/>
+                <polygon class="cls-11" points="10.1 70.5 131.37 0 192 35.25 70.73 105.75 10.1 70.5"/>
+            </g>
+            <g>
+                <polygon class="cls-3" points="20.21 229.12 60.63 252.62 60.63 299.62 20.21 276.12 20.21 229.12"/>
+                <path class="cls-7"
+                      d="M33.74,265.64a16.52,16.52,0,0,0,4.6,4.93c2.12,1.32,3.66,1,3.66-.75,0-2.14-2-4.37-4.34-5.85l-1.4-.88-.82-2.4,3.71-2.09a7.93,7.93,0,0,1,1.46-.63v-.06s-.6-.29-1.8-1l-6-3.78v-3.17l12.38,7.72V260l-5,2.65c2.8,2.15,5.54,5.86,5.54,9.38s-2.64,5-7.16,2.2a22,22,0,0,1-6.72-6.91Z"/>
+            </g>
+            <polygon class="cls-3" points="20.21 287.87 60.63 311.37 60.63 358.37 20.21 334.87 20.21 287.87"/>
+            <path class="cls-7"
+                  d="M41.49,327.94v-12l-4.36-2.35-8.76,8.08v2.26L37.86,329v5.23l3.63,2V331l2.63,1.42v-3.06Zm-3.62-8.25V326l-5.61-3v-.05l4.7-4a5.87,5.87,0,0,0,1-1.32l.06,0A16.49,16.49,0,0,0,37.87,319.69Z"/>
+            <path class="cls-7"
+                  d="M32.61,210.69c0-7.57,9.51-3.1,9.51-7.41a5.94,5.94,0,0,0-3.07-4.79c-2.36-1.36-3.65.41-3.65.41l-2.73-3.49s1.87-3.15,6.7-.43c3.56,2,6.57,6.06,6.57,10.2,0,7-9.08,2.71-9.18,6.67l9.5,5.92v3.44l-13.48-8.55A16.93,16.93,0,0,1,32.61,210.69Z"/>
+            <path class="cls-12"
+                  d="M13.08,161.89l4.4,2.94,0-11.26c0-.68,0-1.35,0-1.35l-.06,0a1.79,1.79,0,0,1-.88.55l-1.63.46-2.17-3.74L17.88,148l3.22,2.15v17.13l4.4,2.95v3.18l-12.42-8.31Z"/>
+        </g>
     </g>
-  </g>
 </svg>
diff --git a/packages/admin-ui/src/styling/icons/cassettes/tejo/4-cassettes/4-cassettes-open-1.svg b/packages/admin-ui/src/styling/icons/cassettes/tejo/4-cassettes/4-cassettes-open-1.svg
index 68ad3092..c18f5252 100644
--- a/packages/admin-ui/src/styling/icons/cassettes/tejo/4-cassettes/4-cassettes-open-1.svg
+++ b/packages/admin-ui/src/styling/icons/cassettes/tejo/4-cassettes/4-cassettes-open-1.svg
@@ -1,95 +1,99 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="192" height="376" viewBox="0 0 192 376">
-  <defs>
-    <style>
-      .cls-1, .cls-12 {
-        fill: #fff;
-      }
+    <defs>
+        <style>
+            .cls-1, .cls-12 {
+            fill: #fff;
+            }
 
-      .cls-1, .cls-10, .cls-4 {
-        opacity: 0.74;
-      }
+            .cls-1, .cls-10, .cls-4 {
+            opacity: 0.74;
+            }
 
-      .cls-2 {
-        fill: #b8c2e6;
-      }
+            .cls-2 {
+            fill: #b8c2e6;
+            }
 
-      .cls-3 {
-        fill: #d2d8ff;
-      }
+            .cls-3 {
+            fill: #d2d8ff;
+            }
 
-      .cls-4, .cls-8 {
-        fill: #5a67ff;
-      }
+            .cls-4, .cls-8 {
+            fill: #5a67ff;
+            }
 
-      .cls-5 {
-        fill: #4b5fef;
-      }
+            .cls-5 {
+            fill: #4b5fef;
+            }
 
-      .cls-6 {
-        fill: #7687ff;
-      }
+            .cls-6 {
+            fill: #7687ff;
+            }
 
-      .cls-7 {
-        fill: #ebefff;
-      }
+            .cls-7 {
+            fill: #ebefff;
+            }
 
-      .cls-9 {
-        fill: #1b2559;
-      }
+            .cls-9 {
+            fill: #1b2559;
+            }
 
-      .cls-10 {
-        fill: #ccd8ff;
-      }
+            .cls-10 {
+            fill: #ccd8ff;
+            }
 
-      .cls-11 {
-        fill: #dee5fc;
-        opacity: 0.8;
-      }
-    </style>
-  </defs>
-  <g id="Layer_1" data-name="Layer 1">
-    <g>
-      <g>
-        <polygon class="cls-1" points="161.68 282 50.53 217.37 10.11 240.87 121.26 305.5 161.68 282"/>
-        <polyline class="cls-2" points="50.52 262.07 123.23 304.35 159.69 283.16 50.52 219.68"/>
-        <polygon class="cls-3" points="121.26 352.5 10.1 287.87 10.11 240.87 121.26 305.5 121.26 352.5"/>
-        <polygon class="cls-4" points="50.52 219.68 50.52 262.07 32.3 251.47 14.07 240.87 50.52 219.68"/>
-      </g>
-      <g>
-        <polygon class="cls-1" points="161.68 223.25 50.53 158.63 10.11 182.13 121.26 246.75 161.68 223.25"/>
-        <polyline class="cls-2" points="50.52 203.32 123.23 245.6 159.69 224.41 50.52 160.93"/>
-        <polygon class="cls-3" points="121.26 293.75 10.1 229.13 10.11 182.13 121.26 246.75 121.26 293.75"/>
-        <polygon class="cls-4" points="50.52 160.93 50.52 203.32 32.3 192.72 14.07 182.13 50.52 160.93"/>
-      </g>
-      <g>
-        <polygon class="cls-1" points="161.68 164.5 50.53 99.88 10.11 123.38 121.26 188 161.68 164.5"/>
-        <polyline class="cls-2" points="50.52 144.57 123.23 186.85 159.69 165.66 50.52 102.18"/>
-        <polygon class="cls-3" points="121.26 235 10.1 170.38 10.11 123.38 121.26 188 121.26 235"/>
-        <polygon class="cls-4" points="50.52 102.18 50.52 144.57 32.3 133.97 14.07 123.38 50.52 102.18"/>
-      </g>
-      <polyline class="cls-5" points="70.73 97.57 123.23 128.1 159.69 106.91 70.73 55.18"/>
-      <polygon class="cls-6" points="161.68 105.75 70.74 52.87 30.32 76.38 121.27 129.25 161.68 105.75"/>
-      <polygon class="cls-7" points="181.89 70.5 181.89 340.75 121.25 376 121.26 105.75 181.89 70.5"/>
-      <polygon class="cls-3" points="171.79 170.38 131.37 193.88 131.37 240.88 171.79 217.38 171.79 170.38"/>
-      <polygon class="cls-8" points="192 123.38 151.58 146.88 151.58 193.88 192 170.37 192 123.38"/>
-      <polygon class="cls-5" points="151.58 193.88 131.37 182.13 131.37 135.13 151.58 146.88 151.58 193.88"/>
-      <polygon class="cls-5" points="121.26 176.25 30.32 123.38 30.32 76.38 121.26 129.25 121.26 176.25"/>
-      <polyline class="cls-6" points="131.37 135.13 151.58 146.88 192 123.38 171.79 111.63"/>
-      <polyline class="cls-5" points="133.35 133.97 151.58 144.57 188.03 123.38 169.81 112.78"/>
-      <polygon class="cls-9" points="169.81 112.78 169.81 133.97 151.58 144.57 133.35 133.97 169.81 112.78"/>
-      <polygon class="cls-9" points="70.73 55.18 70.73 97.57 52.51 86.97 34.28 76.37 70.73 55.18"/>
-      <g>
-        <polygon class="cls-10" points="121.27 105.75 0 35.25 0 305.5 121.26 376 121.27 105.75"/>
-        <polygon class="cls-11" points="181.9 70.5 60.63 0 0 35.25 121.27 105.75 181.9 70.5"/>
-      </g>
-      <path class="cls-12" d="M166.87,169.85l4.35-2.48-.05-11.27c0-.68,0-1.38,0-1.38l-.05,0a9.32,9.32,0,0,1-.87,1.63l-1.59,2.44-2.12-1.11,4.95-7.67,3.14-1.75.12,17.05,4.35-2.48,0,3.14-12.29,7Z"/>
-      <path class="cls-7" d="M145.58,219.64c0-7.36,9.32-13.53,9.29-17.54,0-1.76-1.37-2.11-3-1.22-2.32,1.23-3.56,4.3-3.56,4.3l-2.69-.41a15.23,15.23,0,0,1,6.54-7.53c3.47-1.84,6.45-1.24,6.49,2.55.07,6.46-8.86,12.38-8.93,16.26l9.37-5.07,0,3.14-13.34,7.24A13.34,13.34,0,0,1,145.58,219.64Z"/>
-      <g>
-        <polygon class="cls-3" points="171.79 229.12 131.37 252.62 131.37 299.62 171.79 276.12 171.79 229.12"/>
-        <path class="cls-7" d="M147.85,271.1a4.93,4.93,0,0,0,4.55-.35c2.09-1.11,3.6-3.2,3.59-4.93,0-2.13-2-2.11-4.3-.88l-1.38.73-.81-1.47,3.61-6.3c.78-1.35,1.41-2.29,1.41-2.29v-.05s-.58.39-1.75,1l-5.91,3.08v-3.19l12.07-6.27,0,2.3-4.81,8.25c2.75-1,5.46-.47,5.51,3s-2.53,8-7,10.37c-4.28,2.28-6.66.82-6.66.82Z"/>
-      </g>
-      <polygon class="cls-3" points="171.79 287.87 131.37 311.37 131.37 358.37 171.79 334.87 171.79 287.87"/>
-      <path class="cls-7" d="M145.25,330.84l8.51-16.71,4.26-1.91.14,11.92,2.58-1.18,0,3-2.59,1.19.06,5.2-3.6,1.66,0-5.21-9.36,4.29Zm9.34-5.07-.06-6.27a20.14,20.14,0,0,1,.13-2.17l-.06,0a20.39,20.39,0,0,1-1,2.29l-4.56,8.58v.06Z"/>
+            .cls-11 {
+            fill: #dee5fc;
+            opacity: 0.8;
+            }
+        </style>
+    </defs>
+    <g id="Layer_1" data-name="Layer 1">
+        <g>
+            <g>
+                <polygon class="cls-1" points="161.68 282 50.53 217.37 10.11 240.87 121.26 305.5 161.68 282"/>
+                <polyline class="cls-2" points="50.52 262.07 123.23 304.35 159.69 283.16 50.52 219.68"/>
+                <polygon class="cls-3" points="121.26 352.5 10.1 287.87 10.11 240.87 121.26 305.5 121.26 352.5"/>
+                <polygon class="cls-4" points="50.52 219.68 50.52 262.07 32.3 251.47 14.07 240.87 50.52 219.68"/>
+            </g>
+            <g>
+                <polygon class="cls-1" points="161.68 223.25 50.53 158.63 10.11 182.13 121.26 246.75 161.68 223.25"/>
+                <polyline class="cls-2" points="50.52 203.32 123.23 245.6 159.69 224.41 50.52 160.93"/>
+                <polygon class="cls-3" points="121.26 293.75 10.1 229.13 10.11 182.13 121.26 246.75 121.26 293.75"/>
+                <polygon class="cls-4" points="50.52 160.93 50.52 203.32 32.3 192.72 14.07 182.13 50.52 160.93"/>
+            </g>
+            <g>
+                <polygon class="cls-1" points="161.68 164.5 50.53 99.88 10.11 123.38 121.26 188 161.68 164.5"/>
+                <polyline class="cls-2" points="50.52 144.57 123.23 186.85 159.69 165.66 50.52 102.18"/>
+                <polygon class="cls-3" points="121.26 235 10.1 170.38 10.11 123.38 121.26 188 121.26 235"/>
+                <polygon class="cls-4" points="50.52 102.18 50.52 144.57 32.3 133.97 14.07 123.38 50.52 102.18"/>
+            </g>
+            <polyline class="cls-5" points="70.73 97.57 123.23 128.1 159.69 106.91 70.73 55.18"/>
+            <polygon class="cls-6" points="161.68 105.75 70.74 52.87 30.32 76.38 121.27 129.25 161.68 105.75"/>
+            <polygon class="cls-7" points="181.89 70.5 181.89 340.75 121.25 376 121.26 105.75 181.89 70.5"/>
+            <polygon class="cls-3" points="171.79 170.38 131.37 193.88 131.37 240.88 171.79 217.38 171.79 170.38"/>
+            <polygon class="cls-8" points="192 123.38 151.58 146.88 151.58 193.88 192 170.37 192 123.38"/>
+            <polygon class="cls-5" points="151.58 193.88 131.37 182.13 131.37 135.13 151.58 146.88 151.58 193.88"/>
+            <polygon class="cls-5" points="121.26 176.25 30.32 123.38 30.32 76.38 121.26 129.25 121.26 176.25"/>
+            <polyline class="cls-6" points="131.37 135.13 151.58 146.88 192 123.38 171.79 111.63"/>
+            <polyline class="cls-5" points="133.35 133.97 151.58 144.57 188.03 123.38 169.81 112.78"/>
+            <polygon class="cls-9" points="169.81 112.78 169.81 133.97 151.58 144.57 133.35 133.97 169.81 112.78"/>
+            <polygon class="cls-9" points="70.73 55.18 70.73 97.57 52.51 86.97 34.28 76.37 70.73 55.18"/>
+            <g>
+                <polygon class="cls-10" points="121.27 105.75 0 35.25 0 305.5 121.26 376 121.27 105.75"/>
+                <polygon class="cls-11" points="181.9 70.5 60.63 0 0 35.25 121.27 105.75 181.9 70.5"/>
+            </g>
+            <path class="cls-12"
+                  d="M166.87,169.85l4.35-2.48-.05-11.27c0-.68,0-1.38,0-1.38l-.05,0a9.32,9.32,0,0,1-.87,1.63l-1.59,2.44-2.12-1.11,4.95-7.67,3.14-1.75.12,17.05,4.35-2.48,0,3.14-12.29,7Z"/>
+            <path class="cls-7"
+                  d="M145.58,219.64c0-7.36,9.32-13.53,9.29-17.54,0-1.76-1.37-2.11-3-1.22-2.32,1.23-3.56,4.3-3.56,4.3l-2.69-.41a15.23,15.23,0,0,1,6.54-7.53c3.47-1.84,6.45-1.24,6.49,2.55.07,6.46-8.86,12.38-8.93,16.26l9.37-5.07,0,3.14-13.34,7.24A13.34,13.34,0,0,1,145.58,219.64Z"/>
+            <g>
+                <polygon class="cls-3" points="171.79 229.12 131.37 252.62 131.37 299.62 171.79 276.12 171.79 229.12"/>
+                <path class="cls-7"
+                      d="M147.85,271.1a4.93,4.93,0,0,0,4.55-.35c2.09-1.11,3.6-3.2,3.59-4.93,0-2.13-2-2.11-4.3-.88l-1.38.73-.81-1.47,3.61-6.3c.78-1.35,1.41-2.29,1.41-2.29v-.05s-.58.39-1.75,1l-5.91,3.08v-3.19l12.07-6.27,0,2.3-4.81,8.25c2.75-1,5.46-.47,5.51,3s-2.53,8-7,10.37c-4.28,2.28-6.66.82-6.66.82Z"/>
+            </g>
+            <polygon class="cls-3" points="171.79 287.87 131.37 311.37 131.37 358.37 171.79 334.87 171.79 287.87"/>
+            <path class="cls-7"
+                  d="M145.25,330.84l8.51-16.71,4.26-1.91.14,11.92,2.58-1.18,0,3-2.59,1.19.06,5.2-3.6,1.66,0-5.21-9.36,4.29Zm9.34-5.07-.06-6.27a20.14,20.14,0,0,1,.13-2.17l-.06,0a20.39,20.39,0,0,1-1,2.29l-4.56,8.58v.06Z"/>
+        </g>
     </g>
-  </g>
 </svg>
diff --git a/packages/admin-ui/src/styling/icons/cassettes/tejo/4-cassettes/4-cassettes-open-2-left.svg b/packages/admin-ui/src/styling/icons/cassettes/tejo/4-cassettes/4-cassettes-open-2-left.svg
index 94f1ad71..4e004674 100644
--- a/packages/admin-ui/src/styling/icons/cassettes/tejo/4-cassettes/4-cassettes-open-2-left.svg
+++ b/packages/admin-ui/src/styling/icons/cassettes/tejo/4-cassettes/4-cassettes-open-2-left.svg
@@ -1,97 +1,101 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="192" height="376" viewBox="0 0 192 376">
-  <defs>
-    <style>
-      .cls-1, .cls-12 {
-        fill: #fff;
-      }
+    <defs>
+        <style>
+            .cls-1, .cls-12 {
+            fill: #fff;
+            }
 
-      .cls-1, .cls-4, .cls-9 {
-        opacity: 0.74;
-      }
+            .cls-1, .cls-4, .cls-9 {
+            opacity: 0.74;
+            }
 
-      .cls-2 {
-        fill: #b8c2e6;
-      }
+            .cls-2 {
+            fill: #b8c2e6;
+            }
 
-      .cls-3 {
-        fill: #d2d8ff;
-      }
+            .cls-3 {
+            fill: #d2d8ff;
+            }
 
-      .cls-11, .cls-4 {
-        fill: #5a67ff;
-      }
+            .cls-11, .cls-4 {
+            fill: #5a67ff;
+            }
 
-      .cls-5 {
-        fill: #4b5fef;
-      }
+            .cls-5 {
+            fill: #4b5fef;
+            }
 
-      .cls-6 {
-        fill: #7687ff;
-      }
+            .cls-6 {
+            fill: #7687ff;
+            }
 
-      .cls-7 {
-        fill: #1b2559;
-      }
+            .cls-7 {
+            fill: #1b2559;
+            }
 
-      .cls-8 {
-        fill: #ebefff;
-      }
+            .cls-8 {
+            fill: #ebefff;
+            }
 
-      .cls-9 {
-        fill: #ccd8ff;
-      }
+            .cls-9 {
+            fill: #ccd8ff;
+            }
 
-      .cls-10 {
-        fill: #dee5fc;
-        opacity: 0.8;
-      }
-    </style>
-  </defs>
-  <g id="Layer_1" data-name="Layer 1">
-    <g>
-      <g>
-        <polygon class="cls-1" points="30.32 282 141.47 217.37 181.89 240.87 70.74 305.5 30.32 282"/>
-        <polyline class="cls-2" points="141.48 262.06 68.77 304.35 32.31 283.16 141.48 219.68"/>
-        <polygon class="cls-3" points="70.74 352.5 181.9 287.87 181.89 240.87 70.74 305.5 70.74 352.5"/>
-        <polygon class="cls-4" points="141.48 219.68 141.48 262.06 159.71 251.47 177.93 240.87 141.48 219.68"/>
-      </g>
-      <g>
-        <polygon class="cls-1" points="30.32 223.25 141.47 158.63 181.89 182.13 70.74 246.75 30.32 223.25"/>
-        <polyline class="cls-2" points="141.48 203.32 68.77 245.6 32.31 224.41 141.48 160.93"/>
-        <polygon class="cls-3" points="70.74 293.75 181.9 229.13 181.89 182.13 70.74 246.75 70.74 293.75"/>
-        <polygon class="cls-4" points="141.48 160.93 141.48 203.32 159.71 192.72 177.93 182.13 141.48 160.93"/>
-      </g>
-      <polyline class="cls-5" points="121.27 156.31 68.77 186.85 32.31 165.66 121.27 113.93"/>
-      <polygon class="cls-6" points="30.32 164.5 121.26 111.62 161.68 135.12 70.74 188 30.32 164.5"/>
-      <polygon class="cls-5" points="70.74 235 161.69 182.12 161.68 135.12 70.74 188 70.74 235"/>
-      <polygon class="cls-7" points="121.27 113.93 121.27 156.31 139.5 145.72 157.72 135.12 121.27 113.93"/>
-      <g>
-        <polygon class="cls-1" points="30.32 105.75 141.47 41.12 181.89 64.62 70.74 129.25 30.32 105.75"/>
-        <polyline class="cls-2" points="141.48 85.81 68.77 128.1 32.31 106.91 141.48 43.43"/>
-        <polygon class="cls-3" points="70.74 176.25 181.9 111.62 181.89 64.62 70.74 129.25 70.74 176.25"/>
-        <polygon class="cls-4" points="141.48 43.43 141.48 85.81 159.71 75.22 177.93 64.62 141.48 43.43"/>
-      </g>
-      <polygon class="cls-8" points="10.11 70.5 10.12 340.75 70.75 376 70.74 105.75 10.11 70.5"/>
-      <g>
-        <polygon class="cls-9" points="70.74 105.75 192 35.25 192 305.5 70.74 376 70.74 105.75"/>
-        <polygon class="cls-10" points="10.11 70.5 131.37 0 192 35.25 70.74 105.75 10.11 70.5"/>
-      </g>
-      <g>
-        <polygon class="cls-3" points="20.21 229.12 60.63 252.62 60.63 299.62 20.21 276.12 20.21 229.12"/>
-        <path class="cls-8" d="M33.74,265.64a16.52,16.52,0,0,0,4.6,4.93c2.12,1.32,3.66,1,3.66-.75,0-2.14-2-4.37-4.34-5.85l-1.4-.88-.82-2.4,3.71-2.09a7.93,7.93,0,0,1,1.46-.63v-.06s-.6-.29-1.8-1l-6-3.78v-3.17l12.38,7.72V260l-5,2.65c2.8,2.15,5.54,5.86,5.54,9.38s-2.64,5-7.16,2.2a22,22,0,0,1-6.72-6.91Z"/>
-      </g>
-      <polygon class="cls-3" points="20.21 111.62 60.63 135.12 60.63 182.12 20.21 158.62 20.21 111.62"/>
-      <g id="front-drawerr">
-        <polyline class="cls-6" points="60.63 193.88 40.42 205.63 0 182.13 20.21 170.38"/>
-        <polygon class="cls-11" points="0 182.13 40.42 205.63 40.42 252.63 0 229.13 0 182.13"/>
-        <polygon class="cls-5" points="40.42 252.63 60.63 240.88 60.63 193.88 40.42 205.63 40.42 252.63"/>
-        <polyline class="cls-5" points="58.65 192.72 40.42 203.32 3.97 182.13 22.19 171.53"/>
-        <polygon class="cls-7" points="22.19 171.53 22.19 192.72 40.42 203.32 58.65 192.72 22.19 171.53"/>
-        <path class="cls-12" d="M13.39,220.52c0-7.56,9.51-3.1,9.51-7.4a6,6,0,0,0-3.07-4.79c-2.36-1.36-3.65.4-3.65.4l-2.73-3.48s1.87-3.16,6.7-.43c3.56,2,6.57,6.05,6.57,10.19,0,7.05-9.08,2.71-9.18,6.68L27,227.61V231l-13.48-8.55A19,19,0,0,1,13.39,220.52Z"/>
-      </g>
-      <polygon class="cls-3" points="20.21 287.87 60.64 311.37 60.64 358.37 20.21 334.87 20.21 287.87"/>
-      <path class="cls-8" d="M32.29,147.62l4.4,2.95,0-11.26c0-.69,0-1.36,0-1.36l-.06,0a1.72,1.72,0,0,1-.88.55l-1.63.45L32,135.19l5.09-1.49,3.22,2.15V153l4.4,3v3.17l-12.42-8.31Z"/>
-      <path class="cls-8" d="M41.49,327.94v-12l-4.36-2.35-8.76,8.08v2.26L37.86,329v5.23l3.63,2V331l2.63,1.42v-3.06Zm-3.62-8.25V326l-5.61-3v-.05l4.7-4a5.87,5.87,0,0,0,1-1.32l.06,0A16.49,16.49,0,0,0,37.87,319.69Z"/>
+            .cls-10 {
+            fill: #dee5fc;
+            opacity: 0.8;
+            }
+        </style>
+    </defs>
+    <g id="Layer_1" data-name="Layer 1">
+        <g>
+            <g>
+                <polygon class="cls-1" points="30.32 282 141.47 217.37 181.89 240.87 70.74 305.5 30.32 282"/>
+                <polyline class="cls-2" points="141.48 262.06 68.77 304.35 32.31 283.16 141.48 219.68"/>
+                <polygon class="cls-3" points="70.74 352.5 181.9 287.87 181.89 240.87 70.74 305.5 70.74 352.5"/>
+                <polygon class="cls-4" points="141.48 219.68 141.48 262.06 159.71 251.47 177.93 240.87 141.48 219.68"/>
+            </g>
+            <g>
+                <polygon class="cls-1" points="30.32 223.25 141.47 158.63 181.89 182.13 70.74 246.75 30.32 223.25"/>
+                <polyline class="cls-2" points="141.48 203.32 68.77 245.6 32.31 224.41 141.48 160.93"/>
+                <polygon class="cls-3" points="70.74 293.75 181.9 229.13 181.89 182.13 70.74 246.75 70.74 293.75"/>
+                <polygon class="cls-4" points="141.48 160.93 141.48 203.32 159.71 192.72 177.93 182.13 141.48 160.93"/>
+            </g>
+            <polyline class="cls-5" points="121.27 156.31 68.77 186.85 32.31 165.66 121.27 113.93"/>
+            <polygon class="cls-6" points="30.32 164.5 121.26 111.62 161.68 135.12 70.74 188 30.32 164.5"/>
+            <polygon class="cls-5" points="70.74 235 161.69 182.12 161.68 135.12 70.74 188 70.74 235"/>
+            <polygon class="cls-7" points="121.27 113.93 121.27 156.31 139.5 145.72 157.72 135.12 121.27 113.93"/>
+            <g>
+                <polygon class="cls-1" points="30.32 105.75 141.47 41.12 181.89 64.62 70.74 129.25 30.32 105.75"/>
+                <polyline class="cls-2" points="141.48 85.81 68.77 128.1 32.31 106.91 141.48 43.43"/>
+                <polygon class="cls-3" points="70.74 176.25 181.9 111.62 181.89 64.62 70.74 129.25 70.74 176.25"/>
+                <polygon class="cls-4" points="141.48 43.43 141.48 85.81 159.71 75.22 177.93 64.62 141.48 43.43"/>
+            </g>
+            <polygon class="cls-8" points="10.11 70.5 10.12 340.75 70.75 376 70.74 105.75 10.11 70.5"/>
+            <g>
+                <polygon class="cls-9" points="70.74 105.75 192 35.25 192 305.5 70.74 376 70.74 105.75"/>
+                <polygon class="cls-10" points="10.11 70.5 131.37 0 192 35.25 70.74 105.75 10.11 70.5"/>
+            </g>
+            <g>
+                <polygon class="cls-3" points="20.21 229.12 60.63 252.62 60.63 299.62 20.21 276.12 20.21 229.12"/>
+                <path class="cls-8"
+                      d="M33.74,265.64a16.52,16.52,0,0,0,4.6,4.93c2.12,1.32,3.66,1,3.66-.75,0-2.14-2-4.37-4.34-5.85l-1.4-.88-.82-2.4,3.71-2.09a7.93,7.93,0,0,1,1.46-.63v-.06s-.6-.29-1.8-1l-6-3.78v-3.17l12.38,7.72V260l-5,2.65c2.8,2.15,5.54,5.86,5.54,9.38s-2.64,5-7.16,2.2a22,22,0,0,1-6.72-6.91Z"/>
+            </g>
+            <polygon class="cls-3" points="20.21 111.62 60.63 135.12 60.63 182.12 20.21 158.62 20.21 111.62"/>
+            <g id="front-drawerr">
+                <polyline class="cls-6" points="60.63 193.88 40.42 205.63 0 182.13 20.21 170.38"/>
+                <polygon class="cls-11" points="0 182.13 40.42 205.63 40.42 252.63 0 229.13 0 182.13"/>
+                <polygon class="cls-5" points="40.42 252.63 60.63 240.88 60.63 193.88 40.42 205.63 40.42 252.63"/>
+                <polyline class="cls-5" points="58.65 192.72 40.42 203.32 3.97 182.13 22.19 171.53"/>
+                <polygon class="cls-7" points="22.19 171.53 22.19 192.72 40.42 203.32 58.65 192.72 22.19 171.53"/>
+                <path class="cls-12"
+                      d="M13.39,220.52c0-7.56,9.51-3.1,9.51-7.4a6,6,0,0,0-3.07-4.79c-2.36-1.36-3.65.4-3.65.4l-2.73-3.48s1.87-3.16,6.7-.43c3.56,2,6.57,6.05,6.57,10.19,0,7.05-9.08,2.71-9.18,6.68L27,227.61V231l-13.48-8.55A19,19,0,0,1,13.39,220.52Z"/>
+            </g>
+            <polygon class="cls-3" points="20.21 287.87 60.64 311.37 60.64 358.37 20.21 334.87 20.21 287.87"/>
+            <path class="cls-8"
+                  d="M32.29,147.62l4.4,2.95,0-11.26c0-.69,0-1.36,0-1.36l-.06,0a1.72,1.72,0,0,1-.88.55l-1.63.45L32,135.19l5.09-1.49,3.22,2.15V153l4.4,3v3.17l-12.42-8.31Z"/>
+            <path class="cls-8"
+                  d="M41.49,327.94v-12l-4.36-2.35-8.76,8.08v2.26L37.86,329v5.23l3.63,2V331l2.63,1.42v-3.06Zm-3.62-8.25V326l-5.61-3v-.05l4.7-4a5.87,5.87,0,0,0,1-1.32l.06,0A16.49,16.49,0,0,0,37.87,319.69Z"/>
+        </g>
     </g>
-  </g>
 </svg>
diff --git a/packages/admin-ui/src/styling/icons/cassettes/tejo/4-cassettes/4-cassettes-open-2.svg b/packages/admin-ui/src/styling/icons/cassettes/tejo/4-cassettes/4-cassettes-open-2.svg
index b431117a..c5a4c712 100644
--- a/packages/admin-ui/src/styling/icons/cassettes/tejo/4-cassettes/4-cassettes-open-2.svg
+++ b/packages/admin-ui/src/styling/icons/cassettes/tejo/4-cassettes/4-cassettes-open-2.svg
@@ -1,100 +1,105 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="192" height="376" viewBox="0 0 192 376">
-  <defs>
-    <style>
-      .cls-1, .cls-12 {
-        fill: #fff;
-      }
+    <defs>
+        <style>
+            .cls-1, .cls-12 {
+            fill: #fff;
+            }
 
-      .cls-1, .cls-4, .cls-9 {
-        opacity: 0.74;
-      }
+            .cls-1, .cls-4, .cls-9 {
+            opacity: 0.74;
+            }
 
-      .cls-2 {
-        fill: #b8c2e6;
-      }
+            .cls-2 {
+            fill: #b8c2e6;
+            }
 
-      .cls-3 {
-        fill: #d2d8ff;
-      }
+            .cls-3 {
+            fill: #d2d8ff;
+            }
 
-      .cls-11, .cls-4 {
-        fill: #5a67ff;
-      }
+            .cls-11, .cls-4 {
+            fill: #5a67ff;
+            }
 
-      .cls-5 {
-        fill: #4b5fef;
-      }
+            .cls-5 {
+            fill: #4b5fef;
+            }
 
-      .cls-6 {
-        fill: #7687ff;
-      }
+            .cls-6 {
+            fill: #7687ff;
+            }
 
-      .cls-7 {
-        fill: #1b2559;
-      }
+            .cls-7 {
+            fill: #1b2559;
+            }
 
-      .cls-8 {
-        fill: #ebefff;
-      }
+            .cls-8 {
+            fill: #ebefff;
+            }
 
-      .cls-9 {
-        fill: #ccd8ff;
-      }
+            .cls-9 {
+            fill: #ccd8ff;
+            }
 
-      .cls-10 {
-        fill: #dee5fc;
-        opacity: 0.8;
-      }
-    </style>
-  </defs>
-  <g id="Layer_1" data-name="Layer 1">
-    <g>
-      <g>
-        <polygon class="cls-1" points="161.68 282 50.52 217.37 10.11 240.87 121.26 305.5 161.68 282"/>
-        <polyline class="cls-2" points="50.52 262.06 123.23 304.35 159.69 283.16 50.52 219.68"/>
-        <polygon class="cls-3" points="121.26 352.5 10.1 287.87 10.11 240.87 121.26 305.5 121.26 352.5"/>
-        <polygon class="cls-4" points="50.52 219.68 50.52 262.06 32.29 251.47 14.07 240.87 50.52 219.68"/>
-      </g>
-      <g>
-        <polygon class="cls-1" points="161.68 223.25 50.52 158.63 10.11 182.13 121.26 246.75 161.68 223.25"/>
-        <polyline class="cls-2" points="50.52 203.32 123.23 245.6 159.69 224.41 50.52 160.93"/>
-        <polygon class="cls-3" points="121.26 293.75 10.1 229.13 10.11 182.13 121.26 246.75 121.26 293.75"/>
-        <polygon class="cls-4" points="50.52 160.93 50.52 203.32 32.29 192.72 14.07 182.13 50.52 160.93"/>
-      </g>
-      <polyline class="cls-5" points="70.73 156.31 123.23 186.85 159.69 165.66 70.73 113.93"/>
-      <polygon class="cls-6" points="161.68 164.5 70.74 111.62 30.32 135.12 121.26 188 161.68 164.5"/>
-      <polygon class="cls-5" points="121.26 235 30.31 182.12 30.32 135.12 121.26 188 121.26 235"/>
-      <polygon class="cls-7" points="70.73 113.93 70.73 156.31 52.51 145.72 34.28 135.12 70.73 113.93"/>
-      <g>
-        <polygon class="cls-1" points="161.68 105.75 50.52 41.12 10.11 64.62 121.26 129.25 161.68 105.75"/>
-        <polyline class="cls-2" points="50.52 85.81 123.23 128.1 159.69 106.91 50.52 43.43"/>
-        <polygon class="cls-3" points="121.26 176.25 10.1 111.62 10.11 64.62 121.26 129.25 121.26 176.25"/>
-        <polygon class="cls-4" points="50.52 43.43 50.52 85.81 32.29 75.22 14.07 64.62 50.52 43.43"/>
-      </g>
-      <polygon class="cls-8" points="181.89 70.5 181.88 340.75 121.25 376 121.26 105.75 181.89 70.5"/>
-      <g>
-        <polygon class="cls-9" points="121.26 105.75 0 35.25 0 305.5 121.26 376 121.26 105.75"/>
-        <polygon class="cls-10" points="181.9 70.5 60.63 0 0 35.25 121.26 105.75 181.9 70.5"/>
-      </g>
-      <g>
-        <polygon class="cls-3" points="171.79 229.12 131.37 252.62 131.37 299.62 171.79 276.12 171.79 229.12"/>
-        <path class="cls-8" d="M147.85,271.1a4.92,4.92,0,0,0,4.55-.35c2.09-1.11,3.6-3.2,3.58-4.93,0-2.13-2-2.11-4.29-.88l-1.38.73-.82-1.47,3.62-6.3c.78-1.35,1.41-2.29,1.41-2.29v-.05s-.58.39-1.75,1l-5.92,3.08v-3.19l12.07-6.27,0,2.3-4.81,8.25c2.75-1,5.46-.47,5.5,3s-2.52,8-7,10.37c-4.27,2.28-6.65.82-6.65.82Z"/>
-      </g>
-      <polygon class="cls-3" points="171.79 111.62 131.37 135.12 131.37 182.12 171.79 158.62 171.79 111.62"/>
-      <g id="front-drawerr">
-        <polyline class="cls-6" points="131.37 193.88 151.58 205.63 192 182.13 171.79 170.38"/>
-        <polygon class="cls-11" points="192 182.13 151.58 205.63 151.58 252.63 192 229.13 192 182.13"/>
-        <polygon class="cls-5" points="151.58 252.63 131.37 240.88 131.37 193.88 151.58 205.63 151.58 252.63"/>
-        <polyline class="cls-5" points="133.35 192.72 151.58 203.32 188.03 182.13 169.81 171.53"/>
-        <polygon class="cls-7" points="169.81 171.53 169.81 192.72 151.58 203.32 133.35 192.72 169.81 171.53"/>
+            .cls-10 {
+            fill: #dee5fc;
+            opacity: 0.8;
+            }
+        </style>
+    </defs>
+    <g id="Layer_1" data-name="Layer 1">
         <g>
-          <path class="cls-12" d="M165.65,230.28c0-7.37,9.32-13.53,9.29-17.55,0-1.76-1.37-2.1-3-1.21-2.32,1.23-3.57,4.3-3.57,4.3l-2.68-.41a15.23,15.23,0,0,1,6.54-7.54c3.47-1.83,6.45-1.24,6.49,2.56.07,6.45-8.86,12.37-8.93,16.25l9.37-5.07,0,3.15L165.82,232A13.34,13.34,0,0,1,165.65,230.28Z"/>
-          <path class="cls-8" d="M165.65,230.28c0-7.37,9.32-13.53,9.29-17.55,0-1.76-1.37-2.1-3-1.21-2.32,1.23-3.57,4.3-3.57,4.3l-2.68-.41a15.23,15.23,0,0,1,6.54-7.54c3.47-1.83,6.45-1.24,6.49,2.56.07,6.45-8.86,12.37-8.93,16.25l9.37-5.07,0,3.15L165.82,232A13.34,13.34,0,0,1,165.65,230.28Z"/>
+            <g>
+                <polygon class="cls-1" points="161.68 282 50.52 217.37 10.11 240.87 121.26 305.5 161.68 282"/>
+                <polyline class="cls-2" points="50.52 262.06 123.23 304.35 159.69 283.16 50.52 219.68"/>
+                <polygon class="cls-3" points="121.26 352.5 10.1 287.87 10.11 240.87 121.26 305.5 121.26 352.5"/>
+                <polygon class="cls-4" points="50.52 219.68 50.52 262.06 32.29 251.47 14.07 240.87 50.52 219.68"/>
+            </g>
+            <g>
+                <polygon class="cls-1" points="161.68 223.25 50.52 158.63 10.11 182.13 121.26 246.75 161.68 223.25"/>
+                <polyline class="cls-2" points="50.52 203.32 123.23 245.6 159.69 224.41 50.52 160.93"/>
+                <polygon class="cls-3" points="121.26 293.75 10.1 229.13 10.11 182.13 121.26 246.75 121.26 293.75"/>
+                <polygon class="cls-4" points="50.52 160.93 50.52 203.32 32.29 192.72 14.07 182.13 50.52 160.93"/>
+            </g>
+            <polyline class="cls-5" points="70.73 156.31 123.23 186.85 159.69 165.66 70.73 113.93"/>
+            <polygon class="cls-6" points="161.68 164.5 70.74 111.62 30.32 135.12 121.26 188 161.68 164.5"/>
+            <polygon class="cls-5" points="121.26 235 30.31 182.12 30.32 135.12 121.26 188 121.26 235"/>
+            <polygon class="cls-7" points="70.73 113.93 70.73 156.31 52.51 145.72 34.28 135.12 70.73 113.93"/>
+            <g>
+                <polygon class="cls-1" points="161.68 105.75 50.52 41.12 10.11 64.62 121.26 129.25 161.68 105.75"/>
+                <polyline class="cls-2" points="50.52 85.81 123.23 128.1 159.69 106.91 50.52 43.43"/>
+                <polygon class="cls-3" points="121.26 176.25 10.1 111.62 10.11 64.62 121.26 129.25 121.26 176.25"/>
+                <polygon class="cls-4" points="50.52 43.43 50.52 85.81 32.29 75.22 14.07 64.62 50.52 43.43"/>
+            </g>
+            <polygon class="cls-8" points="181.89 70.5 181.88 340.75 121.25 376 121.26 105.75 181.89 70.5"/>
+            <g>
+                <polygon class="cls-9" points="121.26 105.75 0 35.25 0 305.5 121.26 376 121.26 105.75"/>
+                <polygon class="cls-10" points="181.9 70.5 60.63 0 0 35.25 121.26 105.75 181.9 70.5"/>
+            </g>
+            <g>
+                <polygon class="cls-3" points="171.79 229.12 131.37 252.62 131.37 299.62 171.79 276.12 171.79 229.12"/>
+                <path class="cls-8"
+                      d="M147.85,271.1a4.92,4.92,0,0,0,4.55-.35c2.09-1.11,3.6-3.2,3.58-4.93,0-2.13-2-2.11-4.29-.88l-1.38.73-.82-1.47,3.62-6.3c.78-1.35,1.41-2.29,1.41-2.29v-.05s-.58.39-1.75,1l-5.92,3.08v-3.19l12.07-6.27,0,2.3-4.81,8.25c2.75-1,5.46-.47,5.5,3s-2.52,8-7,10.37c-4.27,2.28-6.65.82-6.65.82Z"/>
+            </g>
+            <polygon class="cls-3" points="171.79 111.62 131.37 135.12 131.37 182.12 171.79 158.62 171.79 111.62"/>
+            <g id="front-drawerr">
+                <polyline class="cls-6" points="131.37 193.88 151.58 205.63 192 182.13 171.79 170.38"/>
+                <polygon class="cls-11" points="192 182.13 151.58 205.63 151.58 252.63 192 229.13 192 182.13"/>
+                <polygon class="cls-5" points="151.58 252.63 131.37 240.88 131.37 193.88 151.58 205.63 151.58 252.63"/>
+                <polyline class="cls-5" points="133.35 192.72 151.58 203.32 188.03 182.13 169.81 171.53"/>
+                <polygon class="cls-7" points="169.81 171.53 169.81 192.72 151.58 203.32 133.35 192.72 169.81 171.53"/>
+                <g>
+                    <path class="cls-12"
+                          d="M165.65,230.28c0-7.37,9.32-13.53,9.29-17.55,0-1.76-1.37-2.1-3-1.21-2.32,1.23-3.57,4.3-3.57,4.3l-2.68-.41a15.23,15.23,0,0,1,6.54-7.54c3.47-1.83,6.45-1.24,6.49,2.56.07,6.45-8.86,12.37-8.93,16.25l9.37-5.07,0,3.15L165.82,232A13.34,13.34,0,0,1,165.65,230.28Z"/>
+                    <path class="cls-8"
+                          d="M165.65,230.28c0-7.37,9.32-13.53,9.29-17.55,0-1.76-1.37-2.1-3-1.21-2.32,1.23-3.57,4.3-3.57,4.3l-2.68-.41a15.23,15.23,0,0,1,6.54-7.54c3.47-1.83,6.45-1.24,6.49,2.56.07,6.45-8.86,12.37-8.93,16.25l9.37-5.07,0,3.15L165.82,232A13.34,13.34,0,0,1,165.65,230.28Z"/>
+                </g>
+            </g>
+            <path class="cls-8"
+                  d="M147.65,155.58,152,153.1l0-11.26c0-.69,0-1.39,0-1.39l-.06,0a9.6,9.6,0,0,1-.86,1.63l-1.59,2.45-2.13-1.11,4.95-7.67,3.15-1.75.12,17.05,4.35-2.48,0,3.14-12.29,7Z"/>
+            <polygon class="cls-3" points="171.78 287.87 131.36 311.37 131.36 358.37 171.78 334.87 171.78 287.87"/>
+            <path class="cls-8"
+                  d="M145.25,330.84l8.51-16.71,4.25-1.91.14,11.92,2.59-1.18,0,3-2.59,1.19.06,5.19-3.6,1.66,0-5.21-9.36,4.29Zm9.33-5.07-.05-6.27a21.54,21.54,0,0,1,.12-2.17l-.05,0a19.36,19.36,0,0,1-1,2.29l-4.56,8.58v.06Z"/>
         </g>
-      </g>
-      <path class="cls-8" d="M147.65,155.58,152,153.1l0-11.26c0-.69,0-1.39,0-1.39l-.06,0a9.6,9.6,0,0,1-.86,1.63l-1.59,2.45-2.13-1.11,4.95-7.67,3.15-1.75.12,17.05,4.35-2.48,0,3.14-12.29,7Z"/>
-      <polygon class="cls-3" points="171.78 287.87 131.36 311.37 131.36 358.37 171.78 334.87 171.78 287.87"/>
-      <path class="cls-8" d="M145.25,330.84l8.51-16.71,4.25-1.91.14,11.92,2.59-1.18,0,3-2.59,1.19.06,5.19-3.6,1.66,0-5.21-9.36,4.29Zm9.33-5.07-.05-6.27a21.54,21.54,0,0,1,.12-2.17l-.05,0a19.36,19.36,0,0,1-1,2.29l-4.56,8.58v.06Z"/>
     </g>
-  </g>
 </svg>
diff --git a/packages/admin-ui/src/styling/icons/cassettes/tejo/4-cassettes/4-cassettes-open-3-left.svg b/packages/admin-ui/src/styling/icons/cassettes/tejo/4-cassettes/4-cassettes-open-3-left.svg
index bc22c04c..8a8f1b3e 100644
--- a/packages/admin-ui/src/styling/icons/cassettes/tejo/4-cassettes/4-cassettes-open-3-left.svg
+++ b/packages/admin-ui/src/styling/icons/cassettes/tejo/4-cassettes/4-cassettes-open-3-left.svg
@@ -1,97 +1,101 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="192" height="376" viewBox="0 0 192 376">
-  <defs>
-    <style>
-      .cls-1, .cls-12 {
-        fill: #fff;
-      }
+    <defs>
+        <style>
+            .cls-1, .cls-12 {
+            fill: #fff;
+            }
 
-      .cls-1, .cls-4, .cls-9 {
-        opacity: 0.74;
-      }
+            .cls-1, .cls-4, .cls-9 {
+            opacity: 0.74;
+            }
 
-      .cls-2 {
-        fill: #b8c2e6;
-      }
+            .cls-2 {
+            fill: #b8c2e6;
+            }
 
-      .cls-3 {
-        fill: #d2d8ff;
-      }
+            .cls-3 {
+            fill: #d2d8ff;
+            }
 
-      .cls-11, .cls-4 {
-        fill: #5a67ff;
-      }
+            .cls-11, .cls-4 {
+            fill: #5a67ff;
+            }
 
-      .cls-5 {
-        fill: #4b5fef;
-      }
+            .cls-5 {
+            fill: #4b5fef;
+            }
 
-      .cls-6 {
-        fill: #7687ff;
-      }
+            .cls-6 {
+            fill: #7687ff;
+            }
 
-      .cls-7 {
-        fill: #1b2559;
-      }
+            .cls-7 {
+            fill: #1b2559;
+            }
 
-      .cls-8 {
-        fill: #ebefff;
-      }
+            .cls-8 {
+            fill: #ebefff;
+            }
 
-      .cls-9 {
-        fill: #ccd8ff;
-      }
+            .cls-9 {
+            fill: #ccd8ff;
+            }
 
-      .cls-10 {
-        fill: #dee5fc;
-        opacity: 0.8;
-      }
-    </style>
-  </defs>
-  <g id="Layer_1" data-name="Layer 1">
-    <g>
-      <g>
-        <polygon class="cls-1" points="30.33 282 141.48 217.38 181.89 240.88 70.74 305.5 30.33 282"/>
-        <polyline class="cls-2" points="141.48 262.07 68.77 304.35 32.32 283.16 141.48 219.68"/>
-        <polygon class="cls-3" points="70.74 352.5 181.9 287.88 181.89 240.88 70.74 305.5 70.74 352.5"/>
-        <polygon class="cls-4" points="141.48 219.68 141.48 262.07 159.71 251.47 177.93 240.88 141.48 219.68"/>
-      </g>
-      <g>
-        <polyline class="cls-5" points="121.26 215.07 68.77 245.6 32.31 224.41 121.26 172.68"/>
-        <polygon class="cls-6" points="30.32 223.25 121.26 170.37 161.68 193.88 70.73 246.75 30.32 223.25"/>
-        <polygon class="cls-5" points="70.74 293.75 161.68 240.88 161.68 193.88 70.74 246.75 70.74 293.75"/>
-        <polygon class="cls-7" points="121.26 172.68 121.26 215.07 139.49 204.47 157.72 193.87 121.26 172.68"/>
-      </g>
-      <g>
-        <polygon class="cls-1" points="30.32 164.5 141.47 99.87 181.89 123.37 70.73 188 30.32 164.5"/>
-        <polyline class="cls-2" points="141.47 144.56 68.77 186.85 32.31 165.66 141.47 102.18"/>
-        <polygon class="cls-3" points="70.74 235 181.89 170.37 181.89 123.37 70.74 188 70.74 235"/>
-        <polygon class="cls-4" points="141.47 102.18 141.47 144.56 159.7 133.97 177.93 123.37 141.47 102.18"/>
-      </g>
-      <g>
-        <polygon class="cls-1" points="30.32 105.75 141.47 41.12 181.89 64.62 70.73 129.25 30.32 105.75"/>
-        <polyline class="cls-2" points="141.47 85.81 68.77 128.1 32.31 106.91 141.47 43.43"/>
-        <polygon class="cls-3" points="70.74 176.25 181.89 111.62 181.89 64.62 70.74 129.25 70.74 176.25"/>
-        <polygon class="cls-4" points="141.47 43.43 141.47 85.81 159.7 75.22 177.93 64.62 141.47 43.43"/>
-      </g>
-      <polygon class="cls-8" points="10.1 70.5 10.11 340.75 70.74 376 70.73 105.75 10.1 70.5"/>
-      <polygon class="cls-3" points="20.21 170.38 60.63 193.88 60.63 240.88 20.21 217.38 20.21 170.38"/>
-      <polygon class="cls-3" points="20.21 111.62 60.63 135.12 60.63 182.12 20.21 158.62 20.21 111.62"/>
-      <g>
-        <polygon class="cls-9" points="70.74 105.75 192 35.25 192 305.5 70.74 376 70.74 105.75"/>
-        <polygon class="cls-10" points="10.11 70.5 131.37 0 192 35.25 70.74 105.75 10.11 70.5"/>
-      </g>
-      <polygon class="cls-3" points="20.22 287.88 60.64 311.38 60.64 358.38 20.22 334.88 20.22 287.88"/>
-      <path class="cls-8" d="M41.49,327.94v-12l-4.36-2.35-8.76,8.08v2.26L37.86,329v5.23l3.63,2V331l2.63,1.42v-3.06Zm-3.62-8.25V326l-5.61-3v-.05l4.7-4a5.87,5.87,0,0,0,1-1.32l.06,0A16.49,16.49,0,0,0,37.87,319.69Z"/>
-      <g id="front-drawerr">
-        <polyline class="cls-6" points="60.63 252.62 40.42 264.37 0 240.87 20.21 229.12"/>
-        <polygon class="cls-11" points="0 240.87 40.42 264.37 40.42 311.37 0 287.87 0 240.87"/>
-        <polygon class="cls-5" points="40.42 311.37 60.63 299.62 60.63 252.62 40.42 264.37 40.42 311.37"/>
-        <polyline class="cls-5" points="58.65 251.47 40.42 262.07 3.97 240.87 22.19 230.28"/>
-        <polygon class="cls-7" points="22.19 230.28 22.19 251.47 40.42 262.07 58.65 251.47 22.19 230.28"/>
-      </g>
-      <path class="cls-8" d="M32.29,147.62l4.4,2.95,0-11.26c0-.69,0-1.36,0-1.36l-.06,0a1.72,1.72,0,0,1-.88.55l-1.63.45L32,135.19l5.09-1.49,3.22,2.15V153l4.4,3v3.17l-12.42-8.31Z"/>
-      <path class="cls-12" d="M14.55,279a16.52,16.52,0,0,0,4.6,4.93c2.12,1.32,3.66,1,3.66-.75,0-2.14-2-4.38-4.34-5.86l-1.4-.87-.82-2.4L20,271.93a8,8,0,0,1,1.45-.63v-.06s-.59-.29-1.79-1l-6-3.77v-3.17L26,271v2.32L21,276c2.8,2.14,5.54,5.86,5.54,9.38s-2.63,5-7.15,2.2a22,22,0,0,1-6.72-6.91Z"/>
-      <path class="cls-8" d="M32.61,210.69c0-7.57,9.51-3.1,9.51-7.41a5.94,5.94,0,0,0-3.07-4.79c-2.36-1.36-3.65.41-3.65.41l-2.73-3.49s1.87-3.15,6.7-.43c3.56,2,6.57,6.06,6.57,10.2,0,7-9.08,2.71-9.18,6.67l9.5,5.92v3.44l-13.48-8.55A16.93,16.93,0,0,1,32.61,210.69Z"/>
+            .cls-10 {
+            fill: #dee5fc;
+            opacity: 0.8;
+            }
+        </style>
+    </defs>
+    <g id="Layer_1" data-name="Layer 1">
+        <g>
+            <g>
+                <polygon class="cls-1" points="30.33 282 141.48 217.38 181.89 240.88 70.74 305.5 30.33 282"/>
+                <polyline class="cls-2" points="141.48 262.07 68.77 304.35 32.32 283.16 141.48 219.68"/>
+                <polygon class="cls-3" points="70.74 352.5 181.9 287.88 181.89 240.88 70.74 305.5 70.74 352.5"/>
+                <polygon class="cls-4" points="141.48 219.68 141.48 262.07 159.71 251.47 177.93 240.88 141.48 219.68"/>
+            </g>
+            <g>
+                <polyline class="cls-5" points="121.26 215.07 68.77 245.6 32.31 224.41 121.26 172.68"/>
+                <polygon class="cls-6" points="30.32 223.25 121.26 170.37 161.68 193.88 70.73 246.75 30.32 223.25"/>
+                <polygon class="cls-5" points="70.74 293.75 161.68 240.88 161.68 193.88 70.74 246.75 70.74 293.75"/>
+                <polygon class="cls-7" points="121.26 172.68 121.26 215.07 139.49 204.47 157.72 193.87 121.26 172.68"/>
+            </g>
+            <g>
+                <polygon class="cls-1" points="30.32 164.5 141.47 99.87 181.89 123.37 70.73 188 30.32 164.5"/>
+                <polyline class="cls-2" points="141.47 144.56 68.77 186.85 32.31 165.66 141.47 102.18"/>
+                <polygon class="cls-3" points="70.74 235 181.89 170.37 181.89 123.37 70.74 188 70.74 235"/>
+                <polygon class="cls-4" points="141.47 102.18 141.47 144.56 159.7 133.97 177.93 123.37 141.47 102.18"/>
+            </g>
+            <g>
+                <polygon class="cls-1" points="30.32 105.75 141.47 41.12 181.89 64.62 70.73 129.25 30.32 105.75"/>
+                <polyline class="cls-2" points="141.47 85.81 68.77 128.1 32.31 106.91 141.47 43.43"/>
+                <polygon class="cls-3" points="70.74 176.25 181.89 111.62 181.89 64.62 70.74 129.25 70.74 176.25"/>
+                <polygon class="cls-4" points="141.47 43.43 141.47 85.81 159.7 75.22 177.93 64.62 141.47 43.43"/>
+            </g>
+            <polygon class="cls-8" points="10.1 70.5 10.11 340.75 70.74 376 70.73 105.75 10.1 70.5"/>
+            <polygon class="cls-3" points="20.21 170.38 60.63 193.88 60.63 240.88 20.21 217.38 20.21 170.38"/>
+            <polygon class="cls-3" points="20.21 111.62 60.63 135.12 60.63 182.12 20.21 158.62 20.21 111.62"/>
+            <g>
+                <polygon class="cls-9" points="70.74 105.75 192 35.25 192 305.5 70.74 376 70.74 105.75"/>
+                <polygon class="cls-10" points="10.11 70.5 131.37 0 192 35.25 70.74 105.75 10.11 70.5"/>
+            </g>
+            <polygon class="cls-3" points="20.22 287.88 60.64 311.38 60.64 358.38 20.22 334.88 20.22 287.88"/>
+            <path class="cls-8"
+                  d="M41.49,327.94v-12l-4.36-2.35-8.76,8.08v2.26L37.86,329v5.23l3.63,2V331l2.63,1.42v-3.06Zm-3.62-8.25V326l-5.61-3v-.05l4.7-4a5.87,5.87,0,0,0,1-1.32l.06,0A16.49,16.49,0,0,0,37.87,319.69Z"/>
+            <g id="front-drawerr">
+                <polyline class="cls-6" points="60.63 252.62 40.42 264.37 0 240.87 20.21 229.12"/>
+                <polygon class="cls-11" points="0 240.87 40.42 264.37 40.42 311.37 0 287.87 0 240.87"/>
+                <polygon class="cls-5" points="40.42 311.37 60.63 299.62 60.63 252.62 40.42 264.37 40.42 311.37"/>
+                <polyline class="cls-5" points="58.65 251.47 40.42 262.07 3.97 240.87 22.19 230.28"/>
+                <polygon class="cls-7" points="22.19 230.28 22.19 251.47 40.42 262.07 58.65 251.47 22.19 230.28"/>
+            </g>
+            <path class="cls-8"
+                  d="M32.29,147.62l4.4,2.95,0-11.26c0-.69,0-1.36,0-1.36l-.06,0a1.72,1.72,0,0,1-.88.55l-1.63.45L32,135.19l5.09-1.49,3.22,2.15V153l4.4,3v3.17l-12.42-8.31Z"/>
+            <path class="cls-12"
+                  d="M14.55,279a16.52,16.52,0,0,0,4.6,4.93c2.12,1.32,3.66,1,3.66-.75,0-2.14-2-4.38-4.34-5.86l-1.4-.87-.82-2.4L20,271.93a8,8,0,0,1,1.45-.63v-.06s-.59-.29-1.79-1l-6-3.77v-3.17L26,271v2.32L21,276c2.8,2.14,5.54,5.86,5.54,9.38s-2.63,5-7.15,2.2a22,22,0,0,1-6.72-6.91Z"/>
+            <path class="cls-8"
+                  d="M32.61,210.69c0-7.57,9.51-3.1,9.51-7.41a5.94,5.94,0,0,0-3.07-4.79c-2.36-1.36-3.65.41-3.65.41l-2.73-3.49s1.87-3.15,6.7-.43c3.56,2,6.57,6.06,6.57,10.2,0,7-9.08,2.71-9.18,6.67l9.5,5.92v3.44l-13.48-8.55A16.93,16.93,0,0,1,32.61,210.69Z"/>
+        </g>
     </g>
-  </g>
 </svg>
diff --git a/packages/admin-ui/src/styling/icons/cassettes/tejo/4-cassettes/4-cassettes-open-3.svg b/packages/admin-ui/src/styling/icons/cassettes/tejo/4-cassettes/4-cassettes-open-3.svg
index 3cf139ca..39be85db 100644
--- a/packages/admin-ui/src/styling/icons/cassettes/tejo/4-cassettes/4-cassettes-open-3.svg
+++ b/packages/admin-ui/src/styling/icons/cassettes/tejo/4-cassettes/4-cassettes-open-3.svg
@@ -1,99 +1,103 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="192" height="376" viewBox="0 0 192 376">
-  <defs>
-    <style>
-      .cls-1, .cls-12 {
-        fill: #fff;
-      }
+    <defs>
+        <style>
+            .cls-1, .cls-12 {
+            fill: #fff;
+            }
 
-      .cls-1, .cls-4, .cls-9 {
-        opacity: 0.74;
-      }
+            .cls-1, .cls-4, .cls-9 {
+            opacity: 0.74;
+            }
 
-      .cls-2 {
-        fill: #b8c2e6;
-      }
+            .cls-2 {
+            fill: #b8c2e6;
+            }
 
-      .cls-3 {
-        fill: #d2d8ff;
-      }
+            .cls-3 {
+            fill: #d2d8ff;
+            }
 
-      .cls-11, .cls-4 {
-        fill: #5a67ff;
-      }
+            .cls-11, .cls-4 {
+            fill: #5a67ff;
+            }
 
-      .cls-5 {
-        fill: #4b5fef;
-      }
+            .cls-5 {
+            fill: #4b5fef;
+            }
 
-      .cls-6 {
-        fill: #7687ff;
-      }
+            .cls-6 {
+            fill: #7687ff;
+            }
 
-      .cls-7 {
-        fill: #1b2559;
-      }
+            .cls-7 {
+            fill: #1b2559;
+            }
 
-      .cls-8 {
-        fill: #ebefff;
-      }
+            .cls-8 {
+            fill: #ebefff;
+            }
 
-      .cls-9 {
-        fill: #ccd8ff;
-      }
+            .cls-9 {
+            fill: #ccd8ff;
+            }
 
-      .cls-10 {
-        fill: #dee5fc;
-        opacity: 0.8;
-      }
-    </style>
-  </defs>
-  <g id="Layer_1" data-name="Layer 1">
-    <g>
-      <g>
-        <polygon class="cls-1" points="161.67 282 50.52 217.38 10.11 240.88 121.26 305.5 161.67 282"/>
-        <polyline class="cls-2" points="50.52 262.07 123.23 304.35 159.68 283.16 50.52 219.68"/>
-        <polygon class="cls-3" points="121.26 352.5 10.1 287.88 10.11 240.88 121.26 305.5 121.26 352.5"/>
-        <polygon class="cls-4" points="50.52 219.68 50.52 262.07 32.29 251.47 14.07 240.88 50.52 219.68"/>
-      </g>
-      <g>
-        <polyline class="cls-5" points="70.74 215.07 123.23 245.6 159.69 224.41 70.74 172.68"/>
-        <polygon class="cls-6" points="161.68 223.25 70.74 170.37 30.32 193.88 121.27 246.75 161.68 223.25"/>
-        <polygon class="cls-5" points="121.26 293.75 30.32 240.88 30.32 193.88 121.26 246.75 121.26 293.75"/>
-        <polygon class="cls-7" points="70.74 172.68 70.74 215.07 52.51 204.47 34.28 193.87 70.74 172.68"/>
-      </g>
-      <g>
-        <polygon class="cls-1" points="161.68 164.5 50.53 99.87 10.11 123.37 121.27 188 161.68 164.5"/>
-        <polyline class="cls-2" points="50.53 144.56 123.23 186.85 159.69 165.66 50.53 102.18"/>
-        <polygon class="cls-3" points="121.26 235 10.11 170.37 10.11 123.37 121.26 188 121.26 235"/>
-        <polygon class="cls-4" points="50.53 102.18 50.53 144.56 32.3 133.97 14.07 123.37 50.53 102.18"/>
-      </g>
-      <g>
-        <polygon class="cls-1" points="161.68 105.75 50.53 41.12 10.11 64.62 121.27 129.25 161.68 105.75"/>
-        <polyline class="cls-2" points="50.53 85.81 123.23 128.1 159.69 106.91 50.53 43.43"/>
-        <polygon class="cls-3" points="121.26 176.25 10.11 111.62 10.11 64.62 121.26 129.25 121.26 176.25"/>
-        <polygon class="cls-4" points="50.53 43.43 50.53 85.81 32.3 75.22 14.07 64.62 50.53 43.43"/>
-      </g>
-      <polygon class="cls-8" points="181.9 70.5 181.89 340.75 121.26 376 121.27 105.75 181.9 70.5"/>
-      <g>
-        <polygon class="cls-3" points="171.79 170.38 131.37 193.88 131.37 240.88 171.79 217.38 171.79 170.38"/>
-        <path class="cls-8" d="M145.58,219.64c0-7.36,9.32-13.53,9.29-17.54,0-1.76-1.37-2.11-3-1.22-2.31,1.23-3.56,4.31-3.56,4.31l-2.69-.42a15.23,15.23,0,0,1,6.54-7.53c3.47-1.84,6.45-1.24,6.49,2.55.07,6.46-8.86,12.38-8.93,16.26l9.37-5.07,0,3.14-13.34,7.24A13.17,13.17,0,0,1,145.58,219.64Z"/>
-      </g>
-      <polygon class="cls-3" points="171.79 111.62 131.37 135.12 131.37 182.12 171.79 158.62 171.79 111.62"/>
-      <path class="cls-8" d="M147.66,155.58,152,153.1l0-11.26c0-.69,0-1.39,0-1.39l0,0a10.31,10.31,0,0,1-.87,1.63l-1.59,2.45-2.12-1.11,5-7.67,3.14-1.75.12,17.05,4.35-2.48,0,3.14-12.29,7Z"/>
-      <g>
-        <polygon class="cls-9" points="121.26 105.75 0 35.25 0 305.5 121.26 376 121.26 105.75"/>
-        <polygon class="cls-10" points="181.89 70.5 60.63 0 0 35.25 121.26 105.75 181.89 70.5"/>
-      </g>
-      <polygon class="cls-3" points="171.78 287.88 131.36 311.38 131.36 358.38 171.78 334.88 171.78 287.88"/>
-      <path class="cls-8" d="M145.25,330.84l8.5-16.71,4.26-1.91.14,11.92,2.58-1.18.05,3-2.6,1.19.06,5.19L154.65,334l-.05-5.21-9.35,4.29Zm9.33-5.07-.05-6.26a21.61,21.61,0,0,1,.12-2.18l-.06,0a20.39,20.39,0,0,1-1,2.29l-4.56,8.58v.06Z"/>
-      <g id="front-drawerr">
-        <polyline class="cls-6" points="131.37 252.62 151.58 264.37 192 240.87 171.79 229.12"/>
-        <polygon class="cls-11" points="192 240.87 151.58 264.37 151.58 311.37 192 287.87 192 240.87"/>
-        <polygon class="cls-5" points="151.58 311.37 131.37 299.62 131.37 252.62 151.58 264.37 151.58 311.37"/>
-        <polyline class="cls-5" points="133.35 251.47 151.58 262.07 188.03 240.87 169.81 230.28"/>
-        <polygon class="cls-7" points="169.81 230.28 169.81 251.47 151.58 262.07 133.35 251.47 169.81 230.28"/>
-        <path class="cls-12" d="M167.44,284.44a4.92,4.92,0,0,0,4.55-.35c2.09-1.11,3.6-3.2,3.58-4.94,0-2.13-2-2.1-4.29-.87l-1.38.72-.82-1.46,3.62-6.31c.77-1.35,1.41-2.28,1.41-2.28v-.06s-.58.39-1.75,1L166.44,273v-3.19l12.07-6.27,0,2.29-4.81,8.26c2.75-1.05,5.46-.48,5.5,3s-2.52,8-7,10.38c-4.27,2.28-6.65.82-6.65.82Z"/>
-      </g>
+            .cls-10 {
+            fill: #dee5fc;
+            opacity: 0.8;
+            }
+        </style>
+    </defs>
+    <g id="Layer_1" data-name="Layer 1">
+        <g>
+            <g>
+                <polygon class="cls-1" points="161.67 282 50.52 217.38 10.11 240.88 121.26 305.5 161.67 282"/>
+                <polyline class="cls-2" points="50.52 262.07 123.23 304.35 159.68 283.16 50.52 219.68"/>
+                <polygon class="cls-3" points="121.26 352.5 10.1 287.88 10.11 240.88 121.26 305.5 121.26 352.5"/>
+                <polygon class="cls-4" points="50.52 219.68 50.52 262.07 32.29 251.47 14.07 240.88 50.52 219.68"/>
+            </g>
+            <g>
+                <polyline class="cls-5" points="70.74 215.07 123.23 245.6 159.69 224.41 70.74 172.68"/>
+                <polygon class="cls-6" points="161.68 223.25 70.74 170.37 30.32 193.88 121.27 246.75 161.68 223.25"/>
+                <polygon class="cls-5" points="121.26 293.75 30.32 240.88 30.32 193.88 121.26 246.75 121.26 293.75"/>
+                <polygon class="cls-7" points="70.74 172.68 70.74 215.07 52.51 204.47 34.28 193.87 70.74 172.68"/>
+            </g>
+            <g>
+                <polygon class="cls-1" points="161.68 164.5 50.53 99.87 10.11 123.37 121.27 188 161.68 164.5"/>
+                <polyline class="cls-2" points="50.53 144.56 123.23 186.85 159.69 165.66 50.53 102.18"/>
+                <polygon class="cls-3" points="121.26 235 10.11 170.37 10.11 123.37 121.26 188 121.26 235"/>
+                <polygon class="cls-4" points="50.53 102.18 50.53 144.56 32.3 133.97 14.07 123.37 50.53 102.18"/>
+            </g>
+            <g>
+                <polygon class="cls-1" points="161.68 105.75 50.53 41.12 10.11 64.62 121.27 129.25 161.68 105.75"/>
+                <polyline class="cls-2" points="50.53 85.81 123.23 128.1 159.69 106.91 50.53 43.43"/>
+                <polygon class="cls-3" points="121.26 176.25 10.11 111.62 10.11 64.62 121.26 129.25 121.26 176.25"/>
+                <polygon class="cls-4" points="50.53 43.43 50.53 85.81 32.3 75.22 14.07 64.62 50.53 43.43"/>
+            </g>
+            <polygon class="cls-8" points="181.9 70.5 181.89 340.75 121.26 376 121.27 105.75 181.9 70.5"/>
+            <g>
+                <polygon class="cls-3" points="171.79 170.38 131.37 193.88 131.37 240.88 171.79 217.38 171.79 170.38"/>
+                <path class="cls-8"
+                      d="M145.58,219.64c0-7.36,9.32-13.53,9.29-17.54,0-1.76-1.37-2.11-3-1.22-2.31,1.23-3.56,4.31-3.56,4.31l-2.69-.42a15.23,15.23,0,0,1,6.54-7.53c3.47-1.84,6.45-1.24,6.49,2.55.07,6.46-8.86,12.38-8.93,16.26l9.37-5.07,0,3.14-13.34,7.24A13.17,13.17,0,0,1,145.58,219.64Z"/>
+            </g>
+            <polygon class="cls-3" points="171.79 111.62 131.37 135.12 131.37 182.12 171.79 158.62 171.79 111.62"/>
+            <path class="cls-8"
+                  d="M147.66,155.58,152,153.1l0-11.26c0-.69,0-1.39,0-1.39l0,0a10.31,10.31,0,0,1-.87,1.63l-1.59,2.45-2.12-1.11,5-7.67,3.14-1.75.12,17.05,4.35-2.48,0,3.14-12.29,7Z"/>
+            <g>
+                <polygon class="cls-9" points="121.26 105.75 0 35.25 0 305.5 121.26 376 121.26 105.75"/>
+                <polygon class="cls-10" points="181.89 70.5 60.63 0 0 35.25 121.26 105.75 181.89 70.5"/>
+            </g>
+            <polygon class="cls-3" points="171.78 287.88 131.36 311.38 131.36 358.38 171.78 334.88 171.78 287.88"/>
+            <path class="cls-8"
+                  d="M145.25,330.84l8.5-16.71,4.26-1.91.14,11.92,2.58-1.18.05,3-2.6,1.19.06,5.19L154.65,334l-.05-5.21-9.35,4.29Zm9.33-5.07-.05-6.26a21.61,21.61,0,0,1,.12-2.18l-.06,0a20.39,20.39,0,0,1-1,2.29l-4.56,8.58v.06Z"/>
+            <g id="front-drawerr">
+                <polyline class="cls-6" points="131.37 252.62 151.58 264.37 192 240.87 171.79 229.12"/>
+                <polygon class="cls-11" points="192 240.87 151.58 264.37 151.58 311.37 192 287.87 192 240.87"/>
+                <polygon class="cls-5" points="151.58 311.37 131.37 299.62 131.37 252.62 151.58 264.37 151.58 311.37"/>
+                <polyline class="cls-5" points="133.35 251.47 151.58 262.07 188.03 240.87 169.81 230.28"/>
+                <polygon class="cls-7" points="169.81 230.28 169.81 251.47 151.58 262.07 133.35 251.47 169.81 230.28"/>
+                <path class="cls-12"
+                      d="M167.44,284.44a4.92,4.92,0,0,0,4.55-.35c2.09-1.11,3.6-3.2,3.58-4.94,0-2.13-2-2.1-4.29-.87l-1.38.72-.82-1.46,3.62-6.31c.77-1.35,1.41-2.28,1.41-2.28v-.06s-.58.39-1.75,1L166.44,273v-3.19l12.07-6.27,0,2.29-4.81,8.26c2.75-1.05,5.46-.48,5.5,3s-2.52,8-7,10.38c-4.27,2.28-6.65.82-6.65.82Z"/>
+            </g>
+        </g>
     </g>
-  </g>
 </svg>
diff --git a/packages/admin-ui/src/styling/icons/cassettes/tejo/4-cassettes/4-cassettes-open-4-left.svg b/packages/admin-ui/src/styling/icons/cassettes/tejo/4-cassettes/4-cassettes-open-4-left.svg
index 89c7c360..1ad69163 100644
--- a/packages/admin-ui/src/styling/icons/cassettes/tejo/4-cassettes/4-cassettes-open-4-left.svg
+++ b/packages/admin-ui/src/styling/icons/cassettes/tejo/4-cassettes/4-cassettes-open-4-left.svg
@@ -1,101 +1,106 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="192" height="376.47" viewBox="0 0 192 376.47">
-  <defs>
-    <style>
-      .cls-1 {
-        fill: #4b5fef;
-      }
+    <defs>
+        <style>
+            .cls-1 {
+            fill: #4b5fef;
+            }
 
-      .cls-2 {
-        fill: #7687ff;
-      }
+            .cls-2 {
+            fill: #7687ff;
+            }
 
-      .cls-3 {
-        fill: #1b2559;
-      }
+            .cls-3 {
+            fill: #1b2559;
+            }
 
-      .cls-12, .cls-4 {
-        fill: #fff;
-      }
+            .cls-12, .cls-4 {
+            fill: #fff;
+            }
 
-      .cls-4, .cls-7, .cls-9 {
-        opacity: 0.74;
-      }
+            .cls-4, .cls-7, .cls-9 {
+            opacity: 0.74;
+            }
 
-      .cls-5 {
-        fill: #b8c2e6;
-      }
+            .cls-5 {
+            fill: #b8c2e6;
+            }
 
-      .cls-6 {
-        fill: #d2d8ff;
-      }
+            .cls-6 {
+            fill: #d2d8ff;
+            }
 
-      .cls-11, .cls-7 {
-        fill: #5a67ff;
-      }
+            .cls-11, .cls-7 {
+            fill: #5a67ff;
+            }
 
-      .cls-8 {
-        fill: #ebefff;
-      }
+            .cls-8 {
+            fill: #ebefff;
+            }
 
-      .cls-9 {
-        fill: #ccd8ff;
-      }
+            .cls-9 {
+            fill: #ccd8ff;
+            }
 
-      .cls-10 {
-        fill: #dee5fc;
-        opacity: 0.8;
-      }
-    </style>
-  </defs>
-  <g id="Layer_1" data-name="Layer 1">
-    <g>
-      <g>
-        <polyline class="cls-1" points="121.26 274.16 68.77 304.73 32.31 283.51 121.26 231.72"/>
-        <polygon class="cls-2" points="30.32 282.35 121.26 229.41 161.68 252.94 70.73 305.88 30.32 282.35"/>
-        <polygon class="cls-1" points="70.74 352.94 161.68 300 161.68 252.94 70.74 305.88 70.74 352.94"/>
-        <polygon class="cls-3" points="121.26 231.72 121.26 274.16 139.49 263.55 157.72 252.94 121.26 231.72"/>
-      </g>
-      <g>
-        <polygon class="cls-4" points="30.33 223.53 141.48 158.82 181.89 182.35 70.74 247.06 30.33 223.53"/>
-        <polyline class="cls-5" points="141.48 203.57 68.77 245.91 32.32 224.69 141.48 161.13"/>
-        <polygon class="cls-6" points="70.74 294.12 181.9 229.41 181.89 182.35 70.74 247.06 70.74 294.12"/>
-        <polygon class="cls-7" points="141.48 161.13 141.48 203.57 159.71 192.96 177.93 182.35 141.48 161.13"/>
-      </g>
-      <g>
-        <polygon class="cls-4" points="30.32 164.7 141.47 100 181.89 123.53 70.73 188.23 30.32 164.7"/>
-        <polyline class="cls-5" points="141.47 144.74 68.77 187.08 32.31 165.86 141.47 102.31"/>
-        <polygon class="cls-6" points="70.74 235.29 181.89 170.59 181.89 123.53 70.74 188.23 70.74 235.29"/>
-        <polygon class="cls-7" points="141.47 102.31 141.47 144.74 159.7 134.14 177.93 123.53 141.47 102.31"/>
-      </g>
-      <g>
-        <polygon class="cls-4" points="30.32 105.88 141.47 41.17 181.89 64.7 70.73 129.41 30.32 105.88"/>
-        <polyline class="cls-5" points="141.47 85.92 68.77 128.26 32.31 107.04 141.47 43.48"/>
-        <polygon class="cls-6" points="70.74 176.47 181.89 111.76 181.89 64.7 70.74 129.41 70.74 176.47"/>
-        <polygon class="cls-7" points="141.47 43.48 141.47 85.92 159.7 75.31 177.93 64.7 141.47 43.48"/>
-      </g>
-      <polygon class="cls-8" points="10.1 70.58 10.11 341.17 70.74 376.47 70.73 105.88 10.1 70.58"/>
-      <polygon class="cls-6" points="20.21 170.59 60.63 194.12 60.63 241.18 20.21 217.65 20.21 170.59"/>
-      <polygon class="cls-6" points="20.21 111.76 60.63 135.29 60.63 182.35 20.21 158.82 20.21 111.76"/>
-      <g>
-        <polygon class="cls-9" points="70.74 105.88 192 35.29 192 305.88 70.74 376.47 70.74 105.88"/>
-        <polygon class="cls-10" points="10.11 70.59 131.37 0 192 35.29 70.74 105.88 10.11 70.59"/>
-      </g>
-      <polygon class="cls-6" points="20.22 288.23 60.64 311.76 60.64 358.82 20.22 335.29 20.22 288.23"/>
-      <path class="cls-8" d="M46.75,333.53l-9.35-4.3,0,5.22-3.59-1.67.06-5.2-2.6-1.19.05-3,2.58,1.18L34,312.61l4.26,1.91,8.5,16.73Zm-3.82-4.83v-.06l-4.56-8.59a20.17,20.17,0,0,1-1-2.3l-.06,0a21.54,21.54,0,0,1,.12,2.17l0,6.28Z"/>
-      <g id="front-drawerr">
-        <polyline class="cls-2" points="60.63 311.76 40.42 323.53 0 300 20.21 288.23"/>
-        <polygon class="cls-11" points="0 300 40.42 323.53 40.42 370.59 0 347.06 0 300"/>
-        <polygon class="cls-1" points="40.42 370.59 60.63 358.82 60.63 311.76 40.42 323.53 40.42 370.59"/>
-        <polyline class="cls-1" points="58.65 310.61 40.42 321.22 3.97 300 22.19 289.39"/>
-        <polygon class="cls-3" points="22.19 289.39 22.19 310.61 40.42 321.22 58.65 310.61 22.19 289.39"/>
-        <path class="cls-12" d="M23.23,339.27v-12l-4.36-2.36L10.11,333v2.26l9.5,5.12v5.24l3.63,2v-5.24l2.63,1.43v-3.07ZM19.61,331v6.29l-5.6-3v-.06l4.69-4a5.54,5.54,0,0,0,1-1.32l.06,0A17.65,17.65,0,0,0,19.61,331Z"/>
-      </g>
-      <g>
-        <polygon class="cls-6" points="20.22 229.41 60.64 252.94 60.64 300 20.22 276.47 20.22 229.41"/>
-        <path class="cls-8" d="M33.74,265.64a16.52,16.52,0,0,0,4.6,4.93c2.12,1.32,3.66,1,3.66-.75,0-2.14-2-4.37-4.34-5.85l-1.4-.88-.82-2.4,3.71-2.09a7.93,7.93,0,0,1,1.46-.63v-.06s-.6-.29-1.8-1l-6-3.78v-3.17l12.38,7.72V260l-5,2.65c2.8,2.15,5.54,5.86,5.54,9.38s-2.64,5-7.16,2.2a22,22,0,0,1-6.72-6.91Z"/>
-      </g>
-      <path class="cls-8" d="M32.29,147.62l4.4,2.95,0-11.26c0-.69,0-1.36,0-1.36l-.06,0a1.72,1.72,0,0,1-.88.55l-1.63.45L32,135.19l5.09-1.49,3.22,2.15V153l4.4,3v3.17l-12.42-8.31Z"/>
-      <path class="cls-8" d="M32.61,210.69c0-7.57,9.51-3.1,9.51-7.41a5.94,5.94,0,0,0-3.07-4.79c-2.36-1.36-3.65.41-3.65.41l-2.73-3.49s1.87-3.15,6.7-.43c3.56,2,6.57,6.06,6.57,10.2,0,7-9.08,2.71-9.18,6.67l9.5,5.92v3.44l-13.48-8.55A16.93,16.93,0,0,1,32.61,210.69Z"/>
+            .cls-10 {
+            fill: #dee5fc;
+            opacity: 0.8;
+            }
+        </style>
+    </defs>
+    <g id="Layer_1" data-name="Layer 1">
+        <g>
+            <g>
+                <polyline class="cls-1" points="121.26 274.16 68.77 304.73 32.31 283.51 121.26 231.72"/>
+                <polygon class="cls-2" points="30.32 282.35 121.26 229.41 161.68 252.94 70.73 305.88 30.32 282.35"/>
+                <polygon class="cls-1" points="70.74 352.94 161.68 300 161.68 252.94 70.74 305.88 70.74 352.94"/>
+                <polygon class="cls-3" points="121.26 231.72 121.26 274.16 139.49 263.55 157.72 252.94 121.26 231.72"/>
+            </g>
+            <g>
+                <polygon class="cls-4" points="30.33 223.53 141.48 158.82 181.89 182.35 70.74 247.06 30.33 223.53"/>
+                <polyline class="cls-5" points="141.48 203.57 68.77 245.91 32.32 224.69 141.48 161.13"/>
+                <polygon class="cls-6" points="70.74 294.12 181.9 229.41 181.89 182.35 70.74 247.06 70.74 294.12"/>
+                <polygon class="cls-7" points="141.48 161.13 141.48 203.57 159.71 192.96 177.93 182.35 141.48 161.13"/>
+            </g>
+            <g>
+                <polygon class="cls-4" points="30.32 164.7 141.47 100 181.89 123.53 70.73 188.23 30.32 164.7"/>
+                <polyline class="cls-5" points="141.47 144.74 68.77 187.08 32.31 165.86 141.47 102.31"/>
+                <polygon class="cls-6" points="70.74 235.29 181.89 170.59 181.89 123.53 70.74 188.23 70.74 235.29"/>
+                <polygon class="cls-7" points="141.47 102.31 141.47 144.74 159.7 134.14 177.93 123.53 141.47 102.31"/>
+            </g>
+            <g>
+                <polygon class="cls-4" points="30.32 105.88 141.47 41.17 181.89 64.7 70.73 129.41 30.32 105.88"/>
+                <polyline class="cls-5" points="141.47 85.92 68.77 128.26 32.31 107.04 141.47 43.48"/>
+                <polygon class="cls-6" points="70.74 176.47 181.89 111.76 181.89 64.7 70.74 129.41 70.74 176.47"/>
+                <polygon class="cls-7" points="141.47 43.48 141.47 85.92 159.7 75.31 177.93 64.7 141.47 43.48"/>
+            </g>
+            <polygon class="cls-8" points="10.1 70.58 10.11 341.17 70.74 376.47 70.73 105.88 10.1 70.58"/>
+            <polygon class="cls-6" points="20.21 170.59 60.63 194.12 60.63 241.18 20.21 217.65 20.21 170.59"/>
+            <polygon class="cls-6" points="20.21 111.76 60.63 135.29 60.63 182.35 20.21 158.82 20.21 111.76"/>
+            <g>
+                <polygon class="cls-9" points="70.74 105.88 192 35.29 192 305.88 70.74 376.47 70.74 105.88"/>
+                <polygon class="cls-10" points="10.11 70.59 131.37 0 192 35.29 70.74 105.88 10.11 70.59"/>
+            </g>
+            <polygon class="cls-6" points="20.22 288.23 60.64 311.76 60.64 358.82 20.22 335.29 20.22 288.23"/>
+            <path class="cls-8"
+                  d="M46.75,333.53l-9.35-4.3,0,5.22-3.59-1.67.06-5.2-2.6-1.19.05-3,2.58,1.18L34,312.61l4.26,1.91,8.5,16.73Zm-3.82-4.83v-.06l-4.56-8.59a20.17,20.17,0,0,1-1-2.3l-.06,0a21.54,21.54,0,0,1,.12,2.17l0,6.28Z"/>
+            <g id="front-drawerr">
+                <polyline class="cls-2" points="60.63 311.76 40.42 323.53 0 300 20.21 288.23"/>
+                <polygon class="cls-11" points="0 300 40.42 323.53 40.42 370.59 0 347.06 0 300"/>
+                <polygon class="cls-1" points="40.42 370.59 60.63 358.82 60.63 311.76 40.42 323.53 40.42 370.59"/>
+                <polyline class="cls-1" points="58.65 310.61 40.42 321.22 3.97 300 22.19 289.39"/>
+                <polygon class="cls-3" points="22.19 289.39 22.19 310.61 40.42 321.22 58.65 310.61 22.19 289.39"/>
+                <path class="cls-12"
+                      d="M23.23,339.27v-12l-4.36-2.36L10.11,333v2.26l9.5,5.12v5.24l3.63,2v-5.24l2.63,1.43v-3.07ZM19.61,331v6.29l-5.6-3v-.06l4.69-4a5.54,5.54,0,0,0,1-1.32l.06,0A17.65,17.65,0,0,0,19.61,331Z"/>
+            </g>
+            <g>
+                <polygon class="cls-6" points="20.22 229.41 60.64 252.94 60.64 300 20.22 276.47 20.22 229.41"/>
+                <path class="cls-8"
+                      d="M33.74,265.64a16.52,16.52,0,0,0,4.6,4.93c2.12,1.32,3.66,1,3.66-.75,0-2.14-2-4.37-4.34-5.85l-1.4-.88-.82-2.4,3.71-2.09a7.93,7.93,0,0,1,1.46-.63v-.06s-.6-.29-1.8-1l-6-3.78v-3.17l12.38,7.72V260l-5,2.65c2.8,2.15,5.54,5.86,5.54,9.38s-2.64,5-7.16,2.2a22,22,0,0,1-6.72-6.91Z"/>
+            </g>
+            <path class="cls-8"
+                  d="M32.29,147.62l4.4,2.95,0-11.26c0-.69,0-1.36,0-1.36l-.06,0a1.72,1.72,0,0,1-.88.55l-1.63.45L32,135.19l5.09-1.49,3.22,2.15V153l4.4,3v3.17l-12.42-8.31Z"/>
+            <path class="cls-8"
+                  d="M32.61,210.69c0-7.57,9.51-3.1,9.51-7.41a5.94,5.94,0,0,0-3.07-4.79c-2.36-1.36-3.65.41-3.65.41l-2.73-3.49s1.87-3.15,6.7-.43c3.56,2,6.57,6.06,6.57,10.2,0,7-9.08,2.71-9.18,6.67l9.5,5.92v3.44l-13.48-8.55A16.93,16.93,0,0,1,32.61,210.69Z"/>
+        </g>
     </g>
-  </g>
 </svg>
diff --git a/packages/admin-ui/src/styling/icons/cassettes/tejo/4-cassettes/4-cassettes-open-4.svg b/packages/admin-ui/src/styling/icons/cassettes/tejo/4-cassettes/4-cassettes-open-4.svg
index 3dd819f7..866c9d75 100644
--- a/packages/admin-ui/src/styling/icons/cassettes/tejo/4-cassettes/4-cassettes-open-4.svg
+++ b/packages/admin-ui/src/styling/icons/cassettes/tejo/4-cassettes/4-cassettes-open-4.svg
@@ -1,103 +1,108 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="192" height="376.47" viewBox="0 0 192 376.47">
-  <defs>
-    <style>
-      .cls-1 {
-        fill: #4b5fef;
-      }
+    <defs>
+        <style>
+            .cls-1 {
+            fill: #4b5fef;
+            }
 
-      .cls-2 {
-        fill: #7687ff;
-      }
+            .cls-2 {
+            fill: #7687ff;
+            }
 
-      .cls-3 {
-        fill: #1b2559;
-      }
+            .cls-3 {
+            fill: #1b2559;
+            }
 
-      .cls-12, .cls-4 {
-        fill: #fff;
-      }
+            .cls-12, .cls-4 {
+            fill: #fff;
+            }
 
-      .cls-4, .cls-7, .cls-9 {
-        opacity: 0.74;
-      }
+            .cls-4, .cls-7, .cls-9 {
+            opacity: 0.74;
+            }
 
-      .cls-5 {
-        fill: #b8c2e6;
-      }
+            .cls-5 {
+            fill: #b8c2e6;
+            }
 
-      .cls-6 {
-        fill: #d2d8ff;
-      }
+            .cls-6 {
+            fill: #d2d8ff;
+            }
 
-      .cls-11, .cls-7 {
-        fill: #5a67ff;
-      }
+            .cls-11, .cls-7 {
+            fill: #5a67ff;
+            }
 
-      .cls-8 {
-        fill: #ebefff;
-      }
+            .cls-8 {
+            fill: #ebefff;
+            }
 
-      .cls-9 {
-        fill: #ccd8ff;
-      }
+            .cls-9 {
+            fill: #ccd8ff;
+            }
 
-      .cls-10 {
-        fill: #dee5fc;
-        opacity: 0.8;
-      }
-    </style>
-  </defs>
-  <g id="Layer_1" data-name="Layer 1">
-    <g>
-      <g>
-        <polyline class="cls-1" points="70.74 274.16 123.23 304.73 159.69 283.51 70.74 231.72"/>
-        <polygon class="cls-2" points="161.68 282.35 70.74 229.41 30.32 252.94 121.27 305.88 161.68 282.35"/>
-        <polygon class="cls-1" points="121.26 352.94 30.32 300 30.32 252.94 121.26 305.88 121.26 352.94"/>
-        <polygon class="cls-3" points="70.74 231.72 70.74 274.16 52.51 263.55 34.28 252.94 70.74 231.72"/>
-      </g>
-      <g>
-        <polygon class="cls-4" points="161.67 223.53 50.52 158.82 10.11 182.35 121.26 247.06 161.67 223.53"/>
-        <polyline class="cls-5" points="50.52 203.57 123.23 245.91 159.68 224.69 50.52 161.13"/>
-        <polygon class="cls-6" points="121.26 294.12 10.1 229.41 10.11 182.35 121.26 247.06 121.26 294.12"/>
-        <polygon class="cls-7" points="50.52 161.13 50.52 203.57 32.29 192.96 14.07 182.35 50.52 161.13"/>
-      </g>
-      <g>
-        <polygon class="cls-4" points="161.68 164.7 50.53 100 10.11 123.53 121.27 188.23 161.68 164.7"/>
-        <polyline class="cls-5" points="50.53 144.74 123.23 187.08 159.69 165.86 50.53 102.31"/>
-        <polygon class="cls-6" points="121.26 235.29 10.11 170.59 10.11 123.53 121.26 188.23 121.26 235.29"/>
-        <polygon class="cls-7" points="50.53 102.31 50.53 144.74 32.3 134.14 14.07 123.53 50.53 102.31"/>
-      </g>
-      <g>
-        <polygon class="cls-4" points="161.68 105.88 50.53 41.17 10.11 64.7 121.27 129.41 161.68 105.88"/>
-        <polyline class="cls-5" points="50.53 85.92 123.23 128.26 159.69 107.04 50.53 43.48"/>
-        <polygon class="cls-6" points="121.26 176.47 10.11 111.76 10.11 64.7 121.26 129.41 121.26 176.47"/>
-        <polygon class="cls-7" points="50.53 43.48 50.53 85.92 32.3 75.31 14.07 64.7 50.53 43.48"/>
-      </g>
-      <polygon class="cls-8" points="181.9 70.58 181.89 341.17 121.26 376.47 121.27 105.88 181.9 70.58"/>
-      <g>
-        <polygon class="cls-6" points="171.79 170.59 131.37 194.12 131.37 241.18 171.79 217.65 171.79 170.59"/>
-        <path class="cls-8" d="M145.58,219.91c0-7.37,9.32-13.54,9.29-17.56,0-1.77-1.37-2.11-3-1.22-2.31,1.23-3.56,4.31-3.56,4.31l-2.69-.41a15.23,15.23,0,0,1,6.54-7.55c3.47-1.83,6.45-1.24,6.49,2.56.07,6.46-8.86,12.39-8.93,16.28l9.37-5.08,0,3.15-13.34,7.25A13.31,13.31,0,0,1,145.58,219.91Z"/>
-      </g>
-      <polygon class="cls-6" points="171.79 111.76 131.37 135.29 131.37 182.35 171.79 158.82 171.79 111.76"/>
-      <path class="cls-8" d="M147.66,155.77l4.35-2.48L152,142c0-.69,0-1.39,0-1.39l0,0a10.31,10.31,0,0,1-.87,1.63l-1.59,2.45-2.12-1.11,5-7.68,3.14-1.76.12,17.07,4.35-2.48,0,3.15-12.29,7Z"/>
-      <g>
-        <polygon class="cls-9" points="121.26 105.88 0 35.29 0 305.88 121.26 376.47 121.26 105.88"/>
-        <polygon class="cls-10" points="181.89 70.59 60.63 0 0 35.29 121.26 105.88 181.89 70.59"/>
-      </g>
-      <polygon class="cls-6" points="171.78 288.23 131.36 311.76 131.36 358.82 171.78 335.29 171.78 288.23"/>
-      <path class="cls-8" d="M145.25,331.25l8.5-16.73,4.26-1.91.14,11.93,2.58-1.18.05,3-2.6,1.19.06,5.2-3.59,1.67-.05-5.22-9.35,4.3Zm9.33-5.07-.05-6.28a21.54,21.54,0,0,1,.12-2.17l-.06,0a20.17,20.17,0,0,1-1,2.3l-4.56,8.59v.06Z"/>
-      <g id="front-drawerr">
-        <polyline class="cls-2" points="131.37 311.76 151.58 323.53 192 300 171.79 288.23"/>
-        <polygon class="cls-11" points="192 300 151.58 323.53 151.58 370.59 192 347.06 192 300"/>
-        <polygon class="cls-1" points="151.58 370.59 131.37 358.82 131.37 311.76 151.58 323.53 151.58 370.59"/>
-        <polyline class="cls-1" points="133.35 310.61 151.58 321.22 188.03 300 169.81 289.39"/>
-        <polygon class="cls-3" points="169.81 289.39 169.81 310.61 151.58 321.22 133.35 310.61 169.81 289.39"/>
-        <path class="cls-12" d="M165.58,341.32l8.51-16.73,4.25-1.92.14,11.94,2.59-1.18,0,3-2.59,1.19.06,5.2-3.6,1.66,0-5.22-9.36,4.3Zm9.33-5.08,0-6.27a21.61,21.61,0,0,1,.12-2.18l-.06,0a18.3,18.3,0,0,1-1,2.3l-4.56,8.59v.05Z"/>
-      </g>
-      <g>
-        <polygon class="cls-6" points="171.78 229.41 131.36 252.94 131.36 300 171.78 276.47 171.78 229.41"/>
-        <path class="cls-8" d="M147.85,271.44a4.92,4.92,0,0,0,4.55-.35c2.08-1.11,3.6-3.2,3.58-4.94,0-2.14-2-2.11-4.29-.88l-1.38.73-.82-1.47,3.62-6.31c.77-1.35,1.41-2.29,1.41-2.29v-.05s-.59.39-1.76,1L146.85,260v-3.19l12.07-6.28,0,2.29-4.8,8.27c2.75-1.05,5.46-.48,5.5,3s-2.52,8-7,10.38c-4.27,2.29-6.65.83-6.65.83Z"/>
-      </g>
+            .cls-10 {
+            fill: #dee5fc;
+            opacity: 0.8;
+            }
+        </style>
+    </defs>
+    <g id="Layer_1" data-name="Layer 1">
+        <g>
+            <g>
+                <polyline class="cls-1" points="70.74 274.16 123.23 304.73 159.69 283.51 70.74 231.72"/>
+                <polygon class="cls-2" points="161.68 282.35 70.74 229.41 30.32 252.94 121.27 305.88 161.68 282.35"/>
+                <polygon class="cls-1" points="121.26 352.94 30.32 300 30.32 252.94 121.26 305.88 121.26 352.94"/>
+                <polygon class="cls-3" points="70.74 231.72 70.74 274.16 52.51 263.55 34.28 252.94 70.74 231.72"/>
+            </g>
+            <g>
+                <polygon class="cls-4" points="161.67 223.53 50.52 158.82 10.11 182.35 121.26 247.06 161.67 223.53"/>
+                <polyline class="cls-5" points="50.52 203.57 123.23 245.91 159.68 224.69 50.52 161.13"/>
+                <polygon class="cls-6" points="121.26 294.12 10.1 229.41 10.11 182.35 121.26 247.06 121.26 294.12"/>
+                <polygon class="cls-7" points="50.52 161.13 50.52 203.57 32.29 192.96 14.07 182.35 50.52 161.13"/>
+            </g>
+            <g>
+                <polygon class="cls-4" points="161.68 164.7 50.53 100 10.11 123.53 121.27 188.23 161.68 164.7"/>
+                <polyline class="cls-5" points="50.53 144.74 123.23 187.08 159.69 165.86 50.53 102.31"/>
+                <polygon class="cls-6" points="121.26 235.29 10.11 170.59 10.11 123.53 121.26 188.23 121.26 235.29"/>
+                <polygon class="cls-7" points="50.53 102.31 50.53 144.74 32.3 134.14 14.07 123.53 50.53 102.31"/>
+            </g>
+            <g>
+                <polygon class="cls-4" points="161.68 105.88 50.53 41.17 10.11 64.7 121.27 129.41 161.68 105.88"/>
+                <polyline class="cls-5" points="50.53 85.92 123.23 128.26 159.69 107.04 50.53 43.48"/>
+                <polygon class="cls-6" points="121.26 176.47 10.11 111.76 10.11 64.7 121.26 129.41 121.26 176.47"/>
+                <polygon class="cls-7" points="50.53 43.48 50.53 85.92 32.3 75.31 14.07 64.7 50.53 43.48"/>
+            </g>
+            <polygon class="cls-8" points="181.9 70.58 181.89 341.17 121.26 376.47 121.27 105.88 181.9 70.58"/>
+            <g>
+                <polygon class="cls-6" points="171.79 170.59 131.37 194.12 131.37 241.18 171.79 217.65 171.79 170.59"/>
+                <path class="cls-8"
+                      d="M145.58,219.91c0-7.37,9.32-13.54,9.29-17.56,0-1.77-1.37-2.11-3-1.22-2.31,1.23-3.56,4.31-3.56,4.31l-2.69-.41a15.23,15.23,0,0,1,6.54-7.55c3.47-1.83,6.45-1.24,6.49,2.56.07,6.46-8.86,12.39-8.93,16.28l9.37-5.08,0,3.15-13.34,7.25A13.31,13.31,0,0,1,145.58,219.91Z"/>
+            </g>
+            <polygon class="cls-6" points="171.79 111.76 131.37 135.29 131.37 182.35 171.79 158.82 171.79 111.76"/>
+            <path class="cls-8"
+                  d="M147.66,155.77l4.35-2.48L152,142c0-.69,0-1.39,0-1.39l0,0a10.31,10.31,0,0,1-.87,1.63l-1.59,2.45-2.12-1.11,5-7.68,3.14-1.76.12,17.07,4.35-2.48,0,3.15-12.29,7Z"/>
+            <g>
+                <polygon class="cls-9" points="121.26 105.88 0 35.29 0 305.88 121.26 376.47 121.26 105.88"/>
+                <polygon class="cls-10" points="181.89 70.59 60.63 0 0 35.29 121.26 105.88 181.89 70.59"/>
+            </g>
+            <polygon class="cls-6" points="171.78 288.23 131.36 311.76 131.36 358.82 171.78 335.29 171.78 288.23"/>
+            <path class="cls-8"
+                  d="M145.25,331.25l8.5-16.73,4.26-1.91.14,11.93,2.58-1.18.05,3-2.6,1.19.06,5.2-3.59,1.67-.05-5.22-9.35,4.3Zm9.33-5.07-.05-6.28a21.54,21.54,0,0,1,.12-2.17l-.06,0a20.17,20.17,0,0,1-1,2.3l-4.56,8.59v.06Z"/>
+            <g id="front-drawerr">
+                <polyline class="cls-2" points="131.37 311.76 151.58 323.53 192 300 171.79 288.23"/>
+                <polygon class="cls-11" points="192 300 151.58 323.53 151.58 370.59 192 347.06 192 300"/>
+                <polygon class="cls-1" points="151.58 370.59 131.37 358.82 131.37 311.76 151.58 323.53 151.58 370.59"/>
+                <polyline class="cls-1" points="133.35 310.61 151.58 321.22 188.03 300 169.81 289.39"/>
+                <polygon class="cls-3" points="169.81 289.39 169.81 310.61 151.58 321.22 133.35 310.61 169.81 289.39"/>
+                <path class="cls-12"
+                      d="M165.58,341.32l8.51-16.73,4.25-1.92.14,11.94,2.59-1.18,0,3-2.59,1.19.06,5.2-3.6,1.66,0-5.22-9.36,4.3Zm9.33-5.08,0-6.27a21.61,21.61,0,0,1,.12-2.18l-.06,0a18.3,18.3,0,0,1-1,2.3l-4.56,8.59v.05Z"/>
+            </g>
+            <g>
+                <polygon class="cls-6" points="171.78 229.41 131.36 252.94 131.36 300 171.78 276.47 171.78 229.41"/>
+                <path class="cls-8"
+                      d="M147.85,271.44a4.92,4.92,0,0,0,4.55-.35c2.08-1.11,3.6-3.2,3.58-4.94,0-2.14-2-2.11-4.29-.88l-1.38.73-.82-1.47,3.62-6.31c.77-1.35,1.41-2.29,1.41-2.29v-.05s-.59.39-1.76,1L146.85,260v-3.19l12.07-6.28,0,2.29-4.8,8.27c2.75-1.05,5.46-.48,5.5,3s-2.52,8-7,10.38c-4.27,2.29-6.65.83-6.65.83Z"/>
+            </g>
+        </g>
     </g>
-  </g>
 </svg>
diff --git a/packages/admin-ui/src/styling/icons/circle buttons/customer-list-view/white.svg b/packages/admin-ui/src/styling/icons/circle buttons/customer-list-view/white.svg
index c610ebf5..13ddbcba 100644
--- a/packages/admin-ui/src/styling/icons/circle buttons/customer-list-view/white.svg	
+++ b/packages/admin-ui/src/styling/icons/circle buttons/customer-list-view/white.svg	
@@ -1,6 +1,8 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <g id="icon/sf-small/listing/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+    <g id="icon/sf-small/listing/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
+       stroke-linecap="round" stroke-linejoin="round">
         <line x1="1" y1="1" x2="19.0952381" y2="1" id="Path-4" stroke="#FFFFFF" stroke-width="2"></line>
         <line x1="1" y1="7" x2="19.0952381" y2="7" id="Path-4-Copy" stroke="#FFFFFF" stroke-width="2"></line>
         <line x1="1" y1="13" x2="19.0952381" y2="13" id="Path-4-Copy-2" stroke="#FFFFFF" stroke-width="2"></line>
diff --git a/packages/admin-ui/src/styling/icons/circle buttons/customer-list-view/zodiac.svg b/packages/admin-ui/src/styling/icons/circle buttons/customer-list-view/zodiac.svg
index 6e07620e..910e0225 100644
--- a/packages/admin-ui/src/styling/icons/circle buttons/customer-list-view/zodiac.svg	
+++ b/packages/admin-ui/src/styling/icons/circle buttons/customer-list-view/zodiac.svg	
@@ -1,6 +1,8 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <g id="icon/sf-small/listing/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+    <g id="icon/sf-small/listing/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
+       stroke-linecap="round" stroke-linejoin="round">
         <line x1="1" y1="1" x2="19.0952381" y2="1" id="Path-4" stroke="#1B2559" stroke-width="2"></line>
         <line x1="1" y1="7" x2="19.0952381" y2="7" id="Path-4-Copy" stroke="#1B2559" stroke-width="2"></line>
         <line x1="1" y1="13" x2="19.0952381" y2="13" id="Path-4-Copy-2" stroke="#1B2559" stroke-width="2"></line>
diff --git a/packages/admin-ui/src/styling/icons/circle buttons/exception-view/white.svg b/packages/admin-ui/src/styling/icons/circle buttons/exception-view/white.svg
index 6302951e..e3f7add0 100644
--- a/packages/admin-ui/src/styling/icons/circle buttons/exception-view/white.svg	
+++ b/packages/admin-ui/src/styling/icons/circle buttons/exception-view/white.svg	
@@ -1,8 +1,10 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
-    <g id="icon/sf-small/exception/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+    <g id="icon/sf-small/exception/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
+       stroke-linecap="round" stroke-linejoin="round">
         <line x1="0" y1="3" x2="12" y2="3" id="Path-4" stroke="#FFFFFF" stroke-width="2"></line>
         <line x1="0" y1="13" x2="20" y2="13" id="Path-4-Copy-3" stroke="#FFFFFF" stroke-width="2"></line>
         <line x1="0" y1="19" x2="20" y2="19" id="Path-4-Copy-4" stroke="#FFFFFF" stroke-width="2"></line>
diff --git a/packages/admin-ui/src/styling/icons/circle buttons/exception-view/zodiac.svg b/packages/admin-ui/src/styling/icons/circle buttons/exception-view/zodiac.svg
index ffb4661c..a35dfdcd 100644
--- a/packages/admin-ui/src/styling/icons/circle buttons/exception-view/zodiac.svg	
+++ b/packages/admin-ui/src/styling/icons/circle buttons/exception-view/zodiac.svg	
@@ -1,8 +1,10 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
-    <g id="icon/sf-small/exception/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+    <g id="icon/sf-small/exception/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
+       stroke-linecap="round" stroke-linejoin="round">
         <line x1="0" y1="3" x2="12" y2="3" id="Path-4" stroke="#1B2559" stroke-width="2"></line>
         <line x1="0" y1="13" x2="20" y2="13" id="Path-4-Copy-3" stroke="#1B2559" stroke-width="2"></line>
         <line x1="0" y1="19" x2="20" y2="19" id="Path-4-Copy-4" stroke="#1B2559" stroke-width="2"></line>
diff --git a/packages/admin-ui/src/styling/icons/circle buttons/filter/white.svg b/packages/admin-ui/src/styling/icons/circle buttons/filter/white.svg
index c85b1138..a88db1c3 100644
--- a/packages/admin-ui/src/styling/icons/circle buttons/filter/white.svg	
+++ b/packages/admin-ui/src/styling/icons/circle buttons/filter/white.svg	
@@ -1,13 +1,20 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
     <g id="icon/sf-small/filter/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M19,2.5 C19,1.11909091 17.8809091,0 16.5,0 C15.1190909,0 14,1.11909091 14,2.5 C14,3.88090909 15.1190909,5 16.5,5 C17.8809091,5 19,3.88090909 19,2.5 Z" id="Stroke-1" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
-        <path d="M5,9.5 C5,8.11909091 3.88090909,7 2.5,7 C1.11909091,7 0,8.11909091 0,9.5 C0,10.8818182 1.11909091,12 2.5,12 C3.88090909,12 5,10.8818182 5,9.5 Z" id="Stroke-7" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
-        <path d="M19,17.5 C19,16.1190909 17.8809091,15 16.5,15 C15.1190909,15 14,16.1190909 14,17.5 C14,18.8809091 15.1190909,20 16.5,20 C17.8809091,20 19,18.8809091 19,17.5 Z" id="Stroke-9" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
-        <line x1="14" y1="2.5" x2="0.498999482" y2="2.5" id="Line-3" stroke="#FFFFFF" stroke-width="2" stroke-linecap="square"></line>
-        <line x1="20" y1="9.5" x2="6.49899948" y2="9.5" id="Line-3-Copy" stroke="#FFFFFF" stroke-width="2" stroke-linecap="square"></line>
-        <line x1="14" y1="17.5" x2="0.498999482" y2="17.5" id="Line-3-Copy-2" stroke="#FFFFFF" stroke-width="2" stroke-linecap="square"></line>
+        <path d="M19,2.5 C19,1.11909091 17.8809091,0 16.5,0 C15.1190909,0 14,1.11909091 14,2.5 C14,3.88090909 15.1190909,5 16.5,5 C17.8809091,5 19,3.88090909 19,2.5 Z"
+              id="Stroke-1" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+        <path d="M5,9.5 C5,8.11909091 3.88090909,7 2.5,7 C1.11909091,7 0,8.11909091 0,9.5 C0,10.8818182 1.11909091,12 2.5,12 C3.88090909,12 5,10.8818182 5,9.5 Z"
+              id="Stroke-7" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+        <path d="M19,17.5 C19,16.1190909 17.8809091,15 16.5,15 C15.1190909,15 14,16.1190909 14,17.5 C14,18.8809091 15.1190909,20 16.5,20 C17.8809091,20 19,18.8809091 19,17.5 Z"
+              id="Stroke-9" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+        <line x1="14" y1="2.5" x2="0.498999482" y2="2.5" id="Line-3" stroke="#FFFFFF" stroke-width="2"
+              stroke-linecap="square"></line>
+        <line x1="20" y1="9.5" x2="6.49899948" y2="9.5" id="Line-3-Copy" stroke="#FFFFFF" stroke-width="2"
+              stroke-linecap="square"></line>
+        <line x1="14" y1="17.5" x2="0.498999482" y2="17.5" id="Line-3-Copy-2" stroke="#FFFFFF" stroke-width="2"
+              stroke-linecap="square"></line>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/circle buttons/filter/zodiac.svg b/packages/admin-ui/src/styling/icons/circle buttons/filter/zodiac.svg
index 367fa7e3..c338dc08 100644
--- a/packages/admin-ui/src/styling/icons/circle buttons/filter/zodiac.svg	
+++ b/packages/admin-ui/src/styling/icons/circle buttons/filter/zodiac.svg	
@@ -1,13 +1,20 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
     <g id="icon/sf-small/filter/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M19,2.5 C19,1.11909091 17.8809091,0 16.5,0 C15.1190909,0 14,1.11909091 14,2.5 C14,3.88090909 15.1190909,5 16.5,5 C17.8809091,5 19,3.88090909 19,2.5 Z" id="Stroke-1" stroke="#1B2559" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
-        <path d="M5,9.5 C5,8.11909091 3.88090909,7 2.5,7 C1.11909091,7 0,8.11909091 0,9.5 C0,10.8818182 1.11909091,12 2.5,12 C3.88090909,12 5,10.8818182 5,9.5 Z" id="Stroke-7" stroke="#1B2559" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
-        <path d="M19,17.5 C19,16.1190909 17.8809091,15 16.5,15 C15.1190909,15 14,16.1190909 14,17.5 C14,18.8809091 15.1190909,20 16.5,20 C17.8809091,20 19,18.8809091 19,17.5 Z" id="Stroke-9" stroke="#1B2559" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
-        <line x1="14" y1="2.5" x2="0.498999482" y2="2.5" id="Line-3" stroke="#1B2559" stroke-width="2" stroke-linecap="square"></line>
-        <line x1="20" y1="9.5" x2="6.49899948" y2="9.5" id="Line-3-Copy" stroke="#1B2559" stroke-width="2" stroke-linecap="square"></line>
-        <line x1="14" y1="17.5" x2="0.498999482" y2="17.5" id="Line-3-Copy-2" stroke="#1B2559" stroke-width="2" stroke-linecap="square"></line>
+        <path d="M19,2.5 C19,1.11909091 17.8809091,0 16.5,0 C15.1190909,0 14,1.11909091 14,2.5 C14,3.88090909 15.1190909,5 16.5,5 C17.8809091,5 19,3.88090909 19,2.5 Z"
+              id="Stroke-1" stroke="#1B2559" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+        <path d="M5,9.5 C5,8.11909091 3.88090909,7 2.5,7 C1.11909091,7 0,8.11909091 0,9.5 C0,10.8818182 1.11909091,12 2.5,12 C3.88090909,12 5,10.8818182 5,9.5 Z"
+              id="Stroke-7" stroke="#1B2559" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+        <path d="M19,17.5 C19,16.1190909 17.8809091,15 16.5,15 C15.1190909,15 14,16.1190909 14,17.5 C14,18.8809091 15.1190909,20 16.5,20 C17.8809091,20 19,18.8809091 19,17.5 Z"
+              id="Stroke-9" stroke="#1B2559" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
+        <line x1="14" y1="2.5" x2="0.498999482" y2="2.5" id="Line-3" stroke="#1B2559" stroke-width="2"
+              stroke-linecap="square"></line>
+        <line x1="20" y1="9.5" x2="6.49899948" y2="9.5" id="Line-3-Copy" stroke="#1B2559" stroke-width="2"
+              stroke-linecap="square"></line>
+        <line x1="14" y1="17.5" x2="0.498999482" y2="17.5" id="Line-3-Copy-2" stroke="#1B2559" stroke-width="2"
+              stroke-linecap="square"></line>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/circle buttons/history/white.svg b/packages/admin-ui/src/styling/icons/circle buttons/history/white.svg
index 21bc2206..093db36a 100644
--- a/packages/admin-ui/src/styling/icons/circle buttons/history/white.svg	
+++ b/packages/admin-ui/src/styling/icons/circle buttons/history/white.svg	
@@ -1,10 +1,13 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
-    <g id="icon/sf-small/clock/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+    <g id="icon/sf-small/clock/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
+       stroke-linecap="round" stroke-linejoin="round">
         <g id="Group-7" stroke="#FFFFFF" stroke-width="2">
-            <path d="M0,10 C0,15.522 4.478,20 10,20 C15.522,20 20,15.522 20,10 C20,4.478 15.522,0 10,0 C7.749,0 5.671,0.744 4,1.999" id="Stroke-1"></path>
+            <path d="M0,10 C0,15.522 4.478,20 10,20 C15.522,20 20,15.522 20,10 C20,4.478 15.522,0 10,0 C7.749,0 5.671,0.744 4,1.999"
+                  id="Stroke-1"></path>
             <polyline id="Stroke-3" points="13 11 10 11.063 10 7"></polyline>
             <polyline id="Stroke-5" points="3 0 3 3 5 4"></polyline>
         </g>
diff --git a/packages/admin-ui/src/styling/icons/circle buttons/history/zodiac.svg b/packages/admin-ui/src/styling/icons/circle buttons/history/zodiac.svg
index 41486cfb..9a3ce056 100644
--- a/packages/admin-ui/src/styling/icons/circle buttons/history/zodiac.svg	
+++ b/packages/admin-ui/src/styling/icons/circle buttons/history/zodiac.svg	
@@ -1,10 +1,13 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
-    <g id="icon/sf-small/clock/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+    <g id="icon/sf-small/clock/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
+       stroke-linecap="round" stroke-linejoin="round">
         <g id="Group-7" stroke="#1B2559" stroke-width="2">
-            <path d="M0,10 C0,15.522 4.478,20 10,20 C15.522,20 20,15.522 20,10 C20,4.478 15.522,0 10,0 C7.749,0 5.671,0.744 4,1.999" id="Stroke-1"></path>
+            <path d="M0,10 C0,15.522 4.478,20 10,20 C15.522,20 20,15.522 20,10 C20,4.478 15.522,0 10,0 C7.749,0 5.671,0.744 4,1.999"
+                  id="Stroke-1"></path>
             <polyline id="Stroke-3" points="13 11 10 11.063 10 7"></polyline>
             <polyline id="Stroke-5" points="3 0 3 3 5 4"></polyline>
         </g>
diff --git a/packages/admin-ui/src/styling/icons/circle buttons/law/white.svg b/packages/admin-ui/src/styling/icons/circle buttons/law/white.svg
index e82cd95e..a92bdc15 100644
--- a/packages/admin-ui/src/styling/icons/circle buttons/law/white.svg	
+++ b/packages/admin-ui/src/styling/icons/circle buttons/law/white.svg	
@@ -1,6 +1,8 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <g id="icon/sf-small/law/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="bevel">
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+    <g id="icon/sf-small/law/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
+       stroke-linecap="round" stroke-linejoin="bevel">
         <line x1="8.4141" y1="7.4648" x2="14.0711" y2="1.8078" id="Stroke-1" stroke="#FFFFFF" stroke-width="2"></line>
         <line x1="12.6568" y1="0.3936" x2="15.4858" y2="3.2216" id="Stroke-3" stroke="#FFFFFF" stroke-width="2"></line>
         <line x1="7" y1="6.0498" x2="9.829" y2="8.8788" id="Stroke-6" stroke="#FFFFFF" stroke-width="2"></line>
diff --git a/packages/admin-ui/src/styling/icons/circle buttons/law/zodiac.svg b/packages/admin-ui/src/styling/icons/circle buttons/law/zodiac.svg
index 8c13bc6c..3ab6c4f9 100644
--- a/packages/admin-ui/src/styling/icons/circle buttons/law/zodiac.svg	
+++ b/packages/admin-ui/src/styling/icons/circle buttons/law/zodiac.svg	
@@ -1,6 +1,8 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <g id="icon/sf-small/law/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="bevel">
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
+    <g id="icon/sf-small/law/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
+       stroke-linecap="round" stroke-linejoin="bevel">
         <line x1="8.4141" y1="7.4648" x2="14.0711" y2="1.8078" id="Stroke-1" stroke="#1B2559" stroke-width="2"></line>
         <line x1="12.6568" y1="0.3936" x2="15.4858" y2="3.2216" id="Stroke-3" stroke="#1B2559" stroke-width="2"></line>
         <line x1="7" y1="6.0498" x2="9.829" y2="8.8788" id="Stroke-6" stroke="#1B2559" stroke-width="2"></line>
diff --git a/packages/admin-ui/src/styling/icons/circle buttons/listing-view/white.svg b/packages/admin-ui/src/styling/icons/circle buttons/listing-view/white.svg
index 9a10d18b..cd4b1c7a 100644
--- a/packages/admin-ui/src/styling/icons/circle buttons/listing-view/white.svg	
+++ b/packages/admin-ui/src/styling/icons/circle buttons/listing-view/white.svg	
@@ -1,8 +1,10 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
-    <g id="icon/sf-small/listing/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+    <g id="icon/sf-small/listing/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
+       stroke-linecap="round" stroke-linejoin="round">
         <line x1="0" y1="1" x2="20" y2="1" id="Path-4" stroke="#FFFFFF" stroke-width="2"></line>
         <line x1="0" y1="7" x2="9" y2="7" id="Path-4-Copy" stroke="#FFFFFF" stroke-width="2"></line>
         <line x1="0" y1="13" x2="20" y2="13" id="Path-4-Copy-2" stroke="#FFFFFF" stroke-width="2"></line>
diff --git a/packages/admin-ui/src/styling/icons/circle buttons/listing-view/zodiac.svg b/packages/admin-ui/src/styling/icons/circle buttons/listing-view/zodiac.svg
index 45e3122d..2dc959af 100644
--- a/packages/admin-ui/src/styling/icons/circle buttons/listing-view/zodiac.svg	
+++ b/packages/admin-ui/src/styling/icons/circle buttons/listing-view/zodiac.svg	
@@ -1,8 +1,10 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
-    <g id="icon/sf-small/listing/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+    <g id="icon/sf-small/listing/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
+       stroke-linecap="round" stroke-linejoin="round">
         <line x1="0" y1="1" x2="20" y2="1" id="Path-4" stroke="#1B2559" stroke-width="2"></line>
         <line x1="0" y1="7" x2="9" y2="7" id="Path-4-Copy" stroke="#1B2559" stroke-width="2"></line>
         <line x1="0" y1="13" x2="20" y2="13" id="Path-4-Copy-2" stroke="#1B2559" stroke-width="2"></line>
diff --git a/packages/admin-ui/src/styling/icons/circle buttons/overview/comet.svg b/packages/admin-ui/src/styling/icons/circle buttons/overview/comet.svg
index 2ab2ffd7..b450c0d5 100644
--- a/packages/admin-ui/src/styling/icons/circle buttons/overview/comet.svg	
+++ b/packages/admin-ui/src/styling/icons/circle buttons/overview/comet.svg	
@@ -1,5 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <g id="icon/sf-small/overview/comet" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <rect id="Rectangle" stroke="#5F668A" stroke-width="2" x="1" y="1" width="7" height="7" rx="2"></rect>
         <rect id="Rectangle-Copy-2" stroke="#5F668A" stroke-width="2" x="1" y="12" width="7" height="7" rx="2"></rect>
diff --git a/packages/admin-ui/src/styling/icons/circle buttons/overview/white.svg b/packages/admin-ui/src/styling/icons/circle buttons/overview/white.svg
index aa7c2af6..2e193c68 100644
--- a/packages/admin-ui/src/styling/icons/circle buttons/overview/white.svg	
+++ b/packages/admin-ui/src/styling/icons/circle buttons/overview/white.svg	
@@ -1,5 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <g id="icon/sf-small/overview/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <rect id="Rectangle" stroke="#FFFFFF" stroke-width="2" x="1" y="1" width="7" height="7" rx="2"></rect>
         <rect id="Rectangle-Copy-2" stroke="#FFFFFF" stroke-width="2" x="1" y="12" width="7" height="7" rx="2"></rect>
diff --git a/packages/admin-ui/src/styling/icons/circle buttons/overview/zodiac.svg b/packages/admin-ui/src/styling/icons/circle buttons/overview/zodiac.svg
index db0c70ec..2d5a5461 100644
--- a/packages/admin-ui/src/styling/icons/circle buttons/overview/zodiac.svg	
+++ b/packages/admin-ui/src/styling/icons/circle buttons/overview/zodiac.svg	
@@ -1,5 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <g id="icon/sf-small/overview/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <rect id="Rectangle" stroke="#1B2559" stroke-width="2" x="1" y="1" width="7" height="7" rx="2"></rect>
         <rect id="Rectangle-Copy-2" stroke="#1B2559" stroke-width="2" x="1" y="12" width="7" height="7" rx="2"></rect>
diff --git a/packages/admin-ui/src/styling/icons/circle buttons/save/white.svg b/packages/admin-ui/src/styling/icons/circle buttons/save/white.svg
index 870b1188..6d3f4ac7 100644
--- a/packages/admin-ui/src/styling/icons/circle buttons/save/white.svg	
+++ b/packages/admin-ui/src/styling/icons/circle buttons/save/white.svg	
@@ -1,5 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
     <defs>
@@ -7,12 +8,14 @@
     </defs>
     <g id="icon/sf-small/save/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g id="Group">
-            <polygon id="Stroke-1" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" points="20.5 20.5 0.5 20.5 0.5 0.5 16.75 0.5 20.5 4.25"></polygon>
+            <polygon id="Stroke-1" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
+                     points="20.5 20.5 0.5 20.5 0.5 0.5 16.75 0.5 20.5 4.25"></polygon>
             <mask id="mask-2" fill="white">
                 <use xlink:href="#path-1"></use>
             </mask>
             <g id="Clip-4"></g>
-            <polygon id="Stroke-5" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" mask="url(#mask-2)" points="4.25 7.5 16.75 7.5 16.75 0.5 4.25 0.5"></polygon>
+            <polygon id="Stroke-5" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
+                     mask="url(#mask-2)" points="4.25 7.5 16.75 7.5 16.75 0.5 4.25 0.5"></polygon>
             <circle id="Oval" stroke="#FFFFFF" stroke-width="2" mask="url(#mask-2)" cx="11" cy="14" r="3"></circle>
         </g>
     </g>
diff --git a/packages/admin-ui/src/styling/icons/circle buttons/save/zodiac.svg b/packages/admin-ui/src/styling/icons/circle buttons/save/zodiac.svg
index 7428d35d..cc68d335 100644
--- a/packages/admin-ui/src/styling/icons/circle buttons/save/zodiac.svg	
+++ b/packages/admin-ui/src/styling/icons/circle buttons/save/zodiac.svg	
@@ -1,5 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
     <defs>
@@ -9,12 +10,15 @@
         <g id="Group">
             <g id="Group-10">
                 <g id="Group-6">
-                    <polygon id="Stroke-1" stroke="#1B2559" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" points="20.5 20.5 0.5 20.5 0.5 0.5 16.75 0.5 20.5 4.25"></polygon>
+                    <polygon id="Stroke-1" stroke="#1B2559" stroke-width="2" stroke-linecap="round"
+                             stroke-linejoin="round" points="20.5 20.5 0.5 20.5 0.5 0.5 16.75 0.5 20.5 4.25"></polygon>
                     <mask id="mask-2" fill="white">
                         <use xlink:href="#path-1"></use>
                     </mask>
                     <g id="Clip-4"></g>
-                    <polygon id="Stroke-5" stroke="#1B2559" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" mask="url(#mask-2)" points="4.25 7.5 16.75 7.5 16.75 0.5 4.25 0.5"></polygon>
+                    <polygon id="Stroke-5" stroke="#1B2559" stroke-width="2" stroke-linecap="round"
+                             stroke-linejoin="round" mask="url(#mask-2)"
+                             points="4.25 7.5 16.75 7.5 16.75 0.5 4.25 0.5"></polygon>
                 </g>
             </g>
             <circle id="Oval" stroke="#1B2559" stroke-width="2" cx="11" cy="14" r="3"></circle>
diff --git a/packages/admin-ui/src/styling/icons/circle buttons/search/white.svg b/packages/admin-ui/src/styling/icons/circle buttons/search/white.svg
index 6ca60dd1..13eeedf8 100644
--- a/packages/admin-ui/src/styling/icons/circle buttons/search/white.svg	
+++ b/packages/admin-ui/src/styling/icons/circle buttons/search/white.svg	
@@ -1,9 +1,12 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
     <g id="icon/sf-small/search/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M15.8635238,8.17028571 C15.8635238,12.4198095 12.4187619,15.8645714 8.1692381,15.8645714 C3.92066667,15.8645714 0.475904762,12.4198095 0.475904762,8.17028571 C0.475904762,3.9207619 3.92066667,0.476 8.1692381,0.476 C12.4187619,0.476 15.8635238,3.9207619 15.8635238,8.17028571 Z" id="Stroke-1" stroke="#FFFFFF" stroke-width="2"></path>
-        <line x1="13.7035238" y1="13.7046667" x2="19.4844762" y2="19.485619" id="Stroke-3" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round"></line>
+        <path d="M15.8635238,8.17028571 C15.8635238,12.4198095 12.4187619,15.8645714 8.1692381,15.8645714 C3.92066667,15.8645714 0.475904762,12.4198095 0.475904762,8.17028571 C0.475904762,3.9207619 3.92066667,0.476 8.1692381,0.476 C12.4187619,0.476 15.8635238,3.9207619 15.8635238,8.17028571 Z"
+              id="Stroke-1" stroke="#FFFFFF" stroke-width="2"></path>
+        <line x1="13.7035238" y1="13.7046667" x2="19.4844762" y2="19.485619" id="Stroke-3" stroke="#FFFFFF"
+              stroke-width="2" stroke-linecap="round"></line>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/circle buttons/search/zodiac.svg b/packages/admin-ui/src/styling/icons/circle buttons/search/zodiac.svg
index 89515ba2..56e57c69 100644
--- a/packages/admin-ui/src/styling/icons/circle buttons/search/zodiac.svg	
+++ b/packages/admin-ui/src/styling/icons/circle buttons/search/zodiac.svg	
@@ -1,10 +1,13 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>icon/search/dark02</title>
     <g id="icon/search/dark02" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g id="Group" transform="translate(1.000000, 1.000000)" stroke="#1B2559" stroke-width="2">
-            <path d="M14.2771714,7.35325714 C14.2771714,11.1778286 11.1768857,14.2781143 7.35231429,14.2781143 C3.5286,14.2781143 0.428314286,11.1778286 0.428314286,7.35325714 C0.428314286,3.52868571 3.5286,0.4284 7.35231429,0.4284 C11.1768857,0.4284 14.2771714,3.52868571 14.2771714,7.35325714 Z" id="Stroke-1"></path>
-            <line x1="12.3331714" y1="12.3342" x2="17.5360286" y2="17.5370571" id="Stroke-3" stroke-linecap="round"></line>
+            <path d="M14.2771714,7.35325714 C14.2771714,11.1778286 11.1768857,14.2781143 7.35231429,14.2781143 C3.5286,14.2781143 0.428314286,11.1778286 0.428314286,7.35325714 C0.428314286,3.52868571 3.5286,0.4284 7.35231429,0.4284 C11.1768857,0.4284 14.2771714,3.52868571 14.2771714,7.35325714 Z"
+                  id="Stroke-1"></path>
+            <line x1="12.3331714" y1="12.3342" x2="17.5360286" y2="17.5370571" id="Stroke-3"
+                  stroke-linecap="round"></line>
         </g>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/circle buttons/settings/white.svg b/packages/admin-ui/src/styling/icons/circle buttons/settings/white.svg
index c2f13552..6349fd2c 100644
--- a/packages/admin-ui/src/styling/icons/circle buttons/settings/white.svg	
+++ b/packages/admin-ui/src/styling/icons/circle buttons/settings/white.svg	
@@ -1,8 +1,11 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
-    <g id="icon/sf-small/settings/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linejoin="round">
-        <path d="M10,13 C8.34325,13 7,11.65675 7,10 C7,8.34325 8.34325,7 10,7 C11.65675,7 13,8.34325 13,10 C13,11.65675 11.65675,13 10,13 Z M19.843,11.816 C19.945,11.391 20,10.45 20,10 C20,9.55 19.945,8.609 19.843,8.184 L17.649,7.656 C17.499,7.166 17.302,6.695 17.065,6.25 L18.244,4.324 C18.016,3.951 17.39,3.247 17.071,2.929 C16.753,2.61 16.049,1.984 15.676,1.756 L13.75,2.935 C13.305,2.698 12.834,2.501 12.344,2.351 L11.816,0.157 C11.391,0.055 10.45,0 10,0 C9.55,0 8.609,0.055 8.184,0.157 L7.656,2.351 C7.166,2.501 6.695,2.698 6.25,2.935 L4.324,1.756 C3.951,1.984 3.247,2.61 2.929,2.929 C2.61,3.247 1.984,3.951 1.756,4.324 L2.935,6.25 C2.698,6.695 2.501,7.166 2.351,7.656 L0.157,8.184 C0.055,8.609 0,9.55 0,10 C0,10.45 0.055,11.391 0.157,11.816 L2.351,12.344 C2.501,12.834 2.698,13.304 2.935,13.75 L1.756,15.676 C1.984,16.049 2.61,16.753 2.929,17.071 C3.247,17.39 3.951,18.016 4.324,18.244 L6.25,17.065 C6.696,17.302 7.166,17.499 7.656,17.649 L8.184,19.843 C8.609,19.945 9.55,20 10,20 C10.45,20 11.391,19.945 11.816,19.843 L12.344,17.649 C12.834,17.499 13.304,17.302 13.75,17.065 L15.676,18.244 C16.049,18.016 16.753,17.39 17.071,17.071 C17.39,16.753 18.016,16.049 18.244,15.676 L17.065,13.75 C17.302,13.304 17.499,12.834 17.649,12.344 L19.843,11.816 Z" id="Stroke-1" stroke="#FFFFFF" stroke-width="2"></path>
+    <g id="icon/sf-small/settings/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
+       stroke-linejoin="round">
+        <path d="M10,13 C8.34325,13 7,11.65675 7,10 C7,8.34325 8.34325,7 10,7 C11.65675,7 13,8.34325 13,10 C13,11.65675 11.65675,13 10,13 Z M19.843,11.816 C19.945,11.391 20,10.45 20,10 C20,9.55 19.945,8.609 19.843,8.184 L17.649,7.656 C17.499,7.166 17.302,6.695 17.065,6.25 L18.244,4.324 C18.016,3.951 17.39,3.247 17.071,2.929 C16.753,2.61 16.049,1.984 15.676,1.756 L13.75,2.935 C13.305,2.698 12.834,2.501 12.344,2.351 L11.816,0.157 C11.391,0.055 10.45,0 10,0 C9.55,0 8.609,0.055 8.184,0.157 L7.656,2.351 C7.166,2.501 6.695,2.698 6.25,2.935 L4.324,1.756 C3.951,1.984 3.247,2.61 2.929,2.929 C2.61,3.247 1.984,3.951 1.756,4.324 L2.935,6.25 C2.698,6.695 2.501,7.166 2.351,7.656 L0.157,8.184 C0.055,8.609 0,9.55 0,10 C0,10.45 0.055,11.391 0.157,11.816 L2.351,12.344 C2.501,12.834 2.698,13.304 2.935,13.75 L1.756,15.676 C1.984,16.049 2.61,16.753 2.929,17.071 C3.247,17.39 3.951,18.016 4.324,18.244 L6.25,17.065 C6.696,17.302 7.166,17.499 7.656,17.649 L8.184,19.843 C8.609,19.945 9.55,20 10,20 C10.45,20 11.391,19.945 11.816,19.843 L12.344,17.649 C12.834,17.499 13.304,17.302 13.75,17.065 L15.676,18.244 C16.049,18.016 16.753,17.39 17.071,17.071 C17.39,16.753 18.016,16.049 18.244,15.676 L17.065,13.75 C17.302,13.304 17.499,12.834 17.649,12.344 L19.843,11.816 Z"
+              id="Stroke-1" stroke="#FFFFFF" stroke-width="2"></path>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/circle buttons/settings/zodiac.svg b/packages/admin-ui/src/styling/icons/circle buttons/settings/zodiac.svg
index 1f60c4c0..a122c9b4 100644
--- a/packages/admin-ui/src/styling/icons/circle buttons/settings/zodiac.svg	
+++ b/packages/admin-ui/src/styling/icons/circle buttons/settings/zodiac.svg	
@@ -1,8 +1,11 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
-    <g id="icon/sf-small/settings/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linejoin="round">
-        <path d="M10,13 C8.34325,13 7,11.65675 7,10 C7,8.34325 8.34325,7 10,7 C11.65675,7 13,8.34325 13,10 C13,11.65675 11.65675,13 10,13 Z M19.843,11.816 C19.945,11.391 20,10.45 20,10 C20,9.55 19.945,8.609 19.843,8.184 L17.649,7.656 C17.499,7.166 17.302,6.695 17.065,6.25 L18.244,4.324 C18.016,3.951 17.39,3.247 17.071,2.929 C16.753,2.61 16.049,1.984 15.676,1.756 L13.75,2.935 C13.305,2.698 12.834,2.501 12.344,2.351 L11.816,0.157 C11.391,0.055 10.45,0 10,0 C9.55,0 8.609,0.055 8.184,0.157 L7.656,2.351 C7.166,2.501 6.695,2.698 6.25,2.935 L4.324,1.756 C3.951,1.984 3.247,2.61 2.929,2.929 C2.61,3.247 1.984,3.951 1.756,4.324 L2.935,6.25 C2.698,6.695 2.501,7.166 2.351,7.656 L0.157,8.184 C0.055,8.609 0,9.55 0,10 C0,10.45 0.055,11.391 0.157,11.816 L2.351,12.344 C2.501,12.834 2.698,13.304 2.935,13.75 L1.756,15.676 C1.984,16.049 2.61,16.753 2.929,17.071 C3.247,17.39 3.951,18.016 4.324,18.244 L6.25,17.065 C6.696,17.302 7.166,17.499 7.656,17.649 L8.184,19.843 C8.609,19.945 9.55,20 10,20 C10.45,20 11.391,19.945 11.816,19.843 L12.344,17.649 C12.834,17.499 13.304,17.302 13.75,17.065 L15.676,18.244 C16.049,18.016 16.753,17.39 17.071,17.071 C17.39,16.753 18.016,16.049 18.244,15.676 L17.065,13.75 C17.302,13.304 17.499,12.834 17.649,12.344 L19.843,11.816 Z" id="Stroke-1" stroke="#1B2559" stroke-width="2"></path>
+    <g id="icon/sf-small/settings/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
+       stroke-linejoin="round">
+        <path d="M10,13 C8.34325,13 7,11.65675 7,10 C7,8.34325 8.34325,7 10,7 C11.65675,7 13,8.34325 13,10 C13,11.65675 11.65675,13 10,13 Z M19.843,11.816 C19.945,11.391 20,10.45 20,10 C20,9.55 19.945,8.609 19.843,8.184 L17.649,7.656 C17.499,7.166 17.302,6.695 17.065,6.25 L18.244,4.324 C18.016,3.951 17.39,3.247 17.071,2.929 C16.753,2.61 16.049,1.984 15.676,1.756 L13.75,2.935 C13.305,2.698 12.834,2.501 12.344,2.351 L11.816,0.157 C11.391,0.055 10.45,0 10,0 C9.55,0 8.609,0.055 8.184,0.157 L7.656,2.351 C7.166,2.501 6.695,2.698 6.25,2.935 L4.324,1.756 C3.951,1.984 3.247,2.61 2.929,2.929 C2.61,3.247 1.984,3.951 1.756,4.324 L2.935,6.25 C2.698,6.695 2.501,7.166 2.351,7.656 L0.157,8.184 C0.055,8.609 0,9.55 0,10 C0,10.45 0.055,11.391 0.157,11.816 L2.351,12.344 C2.501,12.834 2.698,13.304 2.935,13.75 L1.756,15.676 C1.984,16.049 2.61,16.753 2.929,17.071 C3.247,17.39 3.951,18.016 4.324,18.244 L6.25,17.065 C6.696,17.302 7.166,17.499 7.656,17.649 L8.184,19.843 C8.609,19.945 9.55,20 10,20 C10.45,20 11.391,19.945 11.816,19.843 L12.344,17.649 C12.834,17.499 13.304,17.302 13.75,17.065 L15.676,18.244 C16.049,18.016 16.753,17.39 17.071,17.071 C17.39,16.753 18.016,16.049 18.244,15.676 L17.065,13.75 C17.302,13.304 17.499,12.834 17.649,12.344 L19.843,11.816 Z"
+              id="Stroke-1" stroke="#1B2559" stroke-width="2"></path>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/circle buttons/share/white.svg b/packages/admin-ui/src/styling/icons/circle buttons/share/white.svg
index 058f9a51..fb5fe6e1 100644
--- a/packages/admin-ui/src/styling/icons/circle buttons/share/white.svg	
+++ b/packages/admin-ui/src/styling/icons/circle buttons/share/white.svg	
@@ -1,8 +1,10 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
-    <g id="icon/sf-small/share/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+    <g id="icon/sf-small/share/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
+       stroke-linecap="round" stroke-linejoin="round">
         <g id="share" transform="translate(4.000000, 4.000000)" stroke="white">
             <polygon id="Combined-Shape" points="7.57894737 12 12 0 0 3.52941176 5.05263158 6.35294118"></polygon>
             <path d="M5.05263158,6.35294118 L12,-1.60760294e-13 L5.05263158,6.35294118 Z" id="Stroke-3"></path>
diff --git a/packages/admin-ui/src/styling/icons/circle buttons/share/zodiac.svg b/packages/admin-ui/src/styling/icons/circle buttons/share/zodiac.svg
index d77c5160..65cd828f 100644
--- a/packages/admin-ui/src/styling/icons/circle buttons/share/zodiac.svg	
+++ b/packages/admin-ui/src/styling/icons/circle buttons/share/zodiac.svg	
@@ -1,8 +1,10 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
-    <g id="icon/sf-small/share/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+    <g id="icon/sf-small/share/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
+       stroke-linecap="round" stroke-linejoin="round">
         <g id="share" transform="translate(4.000000, 4.000000)" stroke="#1B2559">
             <polygon id="Combined-Shape" points="7.57894737 12 12 0 0 3.52941176 5.05263158 6.35294118"></polygon>
             <path d="M5.05263158,6.35294118 L12,-1.60760294e-13 L5.05263158,6.35294118 Z" id="Stroke-3"></path>
diff --git a/packages/admin-ui/src/styling/icons/circle buttons/upload/white.svg b/packages/admin-ui/src/styling/icons/circle buttons/upload/white.svg
index 912372ba..28a22c06 100644
--- a/packages/admin-ui/src/styling/icons/circle buttons/upload/white.svg	
+++ b/packages/admin-ui/src/styling/icons/circle buttons/upload/white.svg	
@@ -1,12 +1,17 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
-    <g id="icon/sf-small/upload/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
-        <g id="Group" transform="translate(10.000000, 7.500000) scale(1, -1) translate(-10.000000, -7.500000) translate(6.000000, 2.000000)" stroke="#FFFFFF" stroke-width="2">
+    <g id="icon/sf-small/upload/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
+       stroke-linecap="round" stroke-linejoin="round">
+        <g id="Group"
+           transform="translate(10.000000, 7.500000) scale(1, -1) translate(-10.000000, -7.500000) translate(6.000000, 2.000000)"
+           stroke="#FFFFFF" stroke-width="2">
             <polyline id="Path-3" points="0 7 4 11 8 7"></polyline>
             <line x1="4" y1="0" x2="4" y2="9" id="Path-4"></line>
         </g>
-        <path d="M0,15 L0,15 C0,16.657 1.343,18 3,18 L17,18 C18.657,18 20,16.657 20,15" id="Stroke-1" stroke="#FFFFFF" stroke-width="2"></path>
+        <path d="M0,15 L0,15 C0,16.657 1.343,18 3,18 L17,18 C18.657,18 20,16.657 20,15" id="Stroke-1" stroke="#FFFFFF"
+              stroke-width="2"></path>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/circle buttons/upload/zodiac.svg b/packages/admin-ui/src/styling/icons/circle buttons/upload/zodiac.svg
index 08c4c550..c9f950c0 100644
--- a/packages/admin-ui/src/styling/icons/circle buttons/upload/zodiac.svg	
+++ b/packages/admin-ui/src/styling/icons/circle buttons/upload/zodiac.svg	
@@ -1,12 +1,17 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
-    <g id="icon/sf-small/upload/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
-        <g id="Group" transform="translate(10.000000, 7.500000) scale(1, -1) translate(-10.000000, -7.500000) translate(6.000000, 2.000000)" stroke="#1B2559" stroke-width="2">
+    <g id="icon/sf-small/upload/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
+       stroke-linecap="round" stroke-linejoin="round">
+        <g id="Group"
+           transform="translate(10.000000, 7.500000) scale(1, -1) translate(-10.000000, -7.500000) translate(6.000000, 2.000000)"
+           stroke="#1B2559" stroke-width="2">
             <polyline id="Path-3" points="0 7 4 11 8 7"></polyline>
             <line x1="4" y1="0" x2="4" y2="9" id="Path-4"></line>
         </g>
-        <path d="M0,15 L0,15 C0,16.657 1.343,18 3,18 L17,18 C18.657,18 20,16.657 20,15" id="Stroke-1" stroke="#1B2559" stroke-width="2"></path>
+        <path d="M0,15 L0,15 C0,16.657 1.343,18 3,18 L17,18 C18.657,18 20,16.657 20,15" id="Stroke-1" stroke="#1B2559"
+              stroke-width="2"></path>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/circle buttons/wizard/white.svg b/packages/admin-ui/src/styling/icons/circle buttons/wizard/white.svg
index e07c6d13..4e19de15 100644
--- a/packages/admin-ui/src/styling/icons/circle buttons/wizard/white.svg	
+++ b/packages/admin-ui/src/styling/icons/circle buttons/wizard/white.svg	
@@ -1,9 +1,12 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
     <g id="icon/sf-small/wizard/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M14.4970664,1.62572901 L17.400851,0.330743919 C17.8221202,0.142258155 18.2874637,0.493837818 18.1900901,0.924522905 L17.5084746,3.89537106 C17.4695251,4.06627784 17.5217994,4.2449975 17.6478726,4.37293343 L19.847492,6.58788531 C20.1652376,6.90919006 19.9571655,7.43655955 19.493872,7.48148362 L16.3000163,7.7871626 C16.1165439,7.80376498 15.9535712,7.90630905 15.8643974,8.05963684 L14.3187189,10.7238294 C14.094247,11.110567 13.4997553,11.0861518 13.3132079,10.6818352 L12.0196758,7.90044938 C11.9448519,7.74028532 11.792129,7.62504531 11.6107065,7.59184057 L8.45682536,7.02345345 C7.99968171,6.94044158 7.84080892,6.39842294 8.18827909,6.10446327 L10.5826458,4.07995038 C10.7199939,3.96373377 10.7886679,3.78989716 10.7650933,3.61606055 L10.3622739,0.599311717 C10.3028247,0.162766969 10.7999428,-0.147795067 11.2017372,0.0729188329 L13.9743237,1.6052202 C14.1342215,1.6921385 14.3299937,1.70092799 14.4970664,1.62572901 Z" id="Stroke-1" stroke="#FFFFFF" stroke-width="2"></path>
-        <line x1="0" y1="20" x2="12" y2="8" id="Stroke-3" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round"></line>
+        <path d="M14.4970664,1.62572901 L17.400851,0.330743919 C17.8221202,0.142258155 18.2874637,0.493837818 18.1900901,0.924522905 L17.5084746,3.89537106 C17.4695251,4.06627784 17.5217994,4.2449975 17.6478726,4.37293343 L19.847492,6.58788531 C20.1652376,6.90919006 19.9571655,7.43655955 19.493872,7.48148362 L16.3000163,7.7871626 C16.1165439,7.80376498 15.9535712,7.90630905 15.8643974,8.05963684 L14.3187189,10.7238294 C14.094247,11.110567 13.4997553,11.0861518 13.3132079,10.6818352 L12.0196758,7.90044938 C11.9448519,7.74028532 11.792129,7.62504531 11.6107065,7.59184057 L8.45682536,7.02345345 C7.99968171,6.94044158 7.84080892,6.39842294 8.18827909,6.10446327 L10.5826458,4.07995038 C10.7199939,3.96373377 10.7886679,3.78989716 10.7650933,3.61606055 L10.3622739,0.599311717 C10.3028247,0.162766969 10.7999428,-0.147795067 11.2017372,0.0729188329 L13.9743237,1.6052202 C14.1342215,1.6921385 14.3299937,1.70092799 14.4970664,1.62572901 Z"
+              id="Stroke-1" stroke="#FFFFFF" stroke-width="2"></path>
+        <line x1="0" y1="20" x2="12" y2="8" id="Stroke-3" stroke="#FFFFFF" stroke-width="2"
+              stroke-linecap="round"></line>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/circle buttons/wizard/zodiac.svg b/packages/admin-ui/src/styling/icons/circle buttons/wizard/zodiac.svg
index 485e5aeb..aabb52bd 100644
--- a/packages/admin-ui/src/styling/icons/circle buttons/wizard/zodiac.svg	
+++ b/packages/admin-ui/src/styling/icons/circle buttons/wizard/zodiac.svg	
@@ -1,9 +1,12 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
     <g id="icon/sf-small/wizard/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M14.4970664,1.62572901 L17.400851,0.330743919 C17.8221202,0.142258155 18.2874637,0.493837818 18.1900901,0.924522905 L17.5084746,3.89537106 C17.4695251,4.06627784 17.5217994,4.2449975 17.6478726,4.37293343 L19.847492,6.58788531 C20.1652376,6.90919006 19.9571655,7.43655955 19.493872,7.48148362 L16.3000163,7.7871626 C16.1165439,7.80376498 15.9535712,7.90630905 15.8643974,8.05963684 L14.3187189,10.7238294 C14.094247,11.110567 13.4997553,11.0861518 13.3132079,10.6818352 L12.0196758,7.90044938 C11.9448519,7.74028532 11.792129,7.62504531 11.6107065,7.59184057 L8.45682536,7.02345345 C7.99968171,6.94044158 7.84080892,6.39842294 8.18827909,6.10446327 L10.5826458,4.07995038 C10.7199939,3.96373377 10.7886679,3.78989716 10.7650933,3.61606055 L10.3622739,0.599311717 C10.3028247,0.162766969 10.7999428,-0.147795067 11.2017372,0.0729188329 L13.9743237,1.6052202 C14.1342215,1.6921385 14.3299937,1.70092799 14.4970664,1.62572901 Z" id="Stroke-1" stroke="#1B2559" stroke-width="2"></path>
-        <line x1="0" y1="20" x2="12" y2="8" id="Stroke-3" stroke="#1B2559" stroke-width="2" stroke-linecap="round"></line>
+        <path d="M14.4970664,1.62572901 L17.400851,0.330743919 C17.8221202,0.142258155 18.2874637,0.493837818 18.1900901,0.924522905 L17.5084746,3.89537106 C17.4695251,4.06627784 17.5217994,4.2449975 17.6478726,4.37293343 L19.847492,6.58788531 C20.1652376,6.90919006 19.9571655,7.43655955 19.493872,7.48148362 L16.3000163,7.7871626 C16.1165439,7.80376498 15.9535712,7.90630905 15.8643974,8.05963684 L14.3187189,10.7238294 C14.094247,11.110567 13.4997553,11.0861518 13.3132079,10.6818352 L12.0196758,7.90044938 C11.9448519,7.74028532 11.792129,7.62504531 11.6107065,7.59184057 L8.45682536,7.02345345 C7.99968171,6.94044158 7.84080892,6.39842294 8.18827909,6.10446327 L10.5826458,4.07995038 C10.7199939,3.96373377 10.7886679,3.78989716 10.7650933,3.61606055 L10.3622739,0.599311717 C10.3028247,0.162766969 10.7999428,-0.147795067 11.2017372,0.0729188329 L13.9743237,1.6052202 C14.1342215,1.6921385 14.3299937,1.70092799 14.4970664,1.62572901 Z"
+              id="Stroke-1" stroke="#1B2559" stroke-width="2"></path>
+        <line x1="0" y1="20" x2="12" y2="8" id="Stroke-3" stroke="#1B2559" stroke-width="2"
+              stroke-linecap="round"></line>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/compliance/custom-requirement.svg b/packages/admin-ui/src/styling/icons/compliance/custom-requirement.svg
index 4fdf906d..33f74e7c 100644
--- a/packages/admin-ui/src/styling/icons/compliance/custom-requirement.svg
+++ b/packages/admin-ui/src/styling/icons/compliance/custom-requirement.svg
@@ -1 +1,889 @@
-<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 116.5 144"><defs><style>.cls-1,.cls-9{fill:#dee5fc;}.cls-2,.cls-9{opacity:0.8;}.cls-3{isolation:isolate;}.cls-4{clip-path:url(#clip-path);}.cls-5{clip-path:url(#clip-path-2);}.cls-6{fill:#ccd8ff;opacity:0.74;}.cls-7{clip-path:url(#clip-path-3);}.cls-8{fill:#ebefff;}.cls-10{clip-path:url(#clip-path-4);}.cls-11{clip-path:url(#clip-path-5);}.cls-12{clip-path:url(#clip-path-6);}.cls-13{clip-path:url(#clip-path-7);}.cls-14{clip-path:url(#clip-path-8);}.cls-15{clip-path:url(#clip-path-9);}.cls-16{clip-path:url(#clip-path-10);}.cls-17{clip-path:url(#clip-path-11);}.cls-18{clip-path:url(#clip-path-12);}.cls-19{clip-path:url(#clip-path-13);}.cls-20{clip-path:url(#clip-path-14);}.cls-21{clip-path:url(#clip-path-15);}.cls-22{clip-path:url(#clip-path-16);}.cls-23{clip-path:url(#clip-path-17);}.cls-24{clip-path:url(#clip-path-18);}.cls-25{clip-path:url(#clip-path-19);}.cls-26{clip-path:url(#clip-path-20);}.cls-27{clip-path:url(#clip-path-21);}.cls-28{clip-path:url(#clip-path-22);}.cls-29{clip-path:url(#clip-path-23);}.cls-30{clip-path:url(#clip-path-24);}.cls-31{clip-path:url(#clip-path-25);}.cls-32{clip-path:url(#clip-path-26);}.cls-33{clip-path:url(#clip-path-27);}.cls-34{clip-path:url(#clip-path-28);}.cls-35{clip-path:url(#clip-path-29);}.cls-36{clip-path:url(#clip-path-30);}.cls-37{clip-path:url(#clip-path-31);}.cls-38{clip-path:url(#clip-path-32);}.cls-39{clip-path:url(#clip-path-33);}.cls-40{clip-path:url(#clip-path-34);}.cls-41{clip-path:url(#clip-path-35);}.cls-42{clip-path:url(#clip-path-36);}.cls-43{clip-path:url(#clip-path-37);}.cls-44{clip-path:url(#clip-path-38);}.cls-45{clip-path:url(#clip-path-39);}.cls-46{clip-path:url(#clip-path-40);}.cls-47{clip-path:url(#clip-path-41);}.cls-48{clip-path:url(#clip-path-42);}.cls-49{clip-path:url(#clip-path-43);}.cls-50{clip-path:url(#clip-path-44);}.cls-51{clip-path:url(#clip-path-45);}.cls-52{clip-path:url(#clip-path-46);}.cls-53{clip-path:url(#clip-path-47);}.cls-54{clip-path:url(#clip-path-48);}.cls-55{clip-path:url(#clip-path-49);}.cls-56{clip-path:url(#clip-path-50);}.cls-57{clip-path:url(#clip-path-51);}.cls-58{clip-path:url(#clip-path-52);}.cls-59{clip-path:url(#clip-path-53);}.cls-60{clip-path:url(#clip-path-54);}.cls-61{clip-path:url(#clip-path-55);}.cls-62{clip-path:url(#clip-path-56);}.cls-63{clip-path:url(#clip-path-57);}.cls-64{clip-path:url(#clip-path-58);}.cls-65{clip-path:url(#clip-path-59);}.cls-66{clip-path:url(#clip-path-60);}.cls-67{clip-path:url(#clip-path-61);}.cls-68{clip-path:url(#clip-path-62);}.cls-69{clip-path:url(#clip-path-63);}.cls-70{clip-path:url(#clip-path-64);}.cls-71{clip-path:url(#clip-path-65);}.cls-72{clip-path:url(#clip-path-66);}.cls-73{clip-path:url(#clip-path-69);}.cls-74{clip-path:url(#clip-path-70);}.cls-75{clip-path:url(#clip-path-71);}.cls-76{clip-path:url(#clip-path-72);}.cls-77{clip-path:url(#clip-path-73);}.cls-78{clip-path:url(#clip-path-74);}.cls-79{clip-path:url(#clip-path-75);}.cls-80{clip-path:url(#clip-path-76);}.cls-81{clip-path:url(#clip-path-77);}.cls-82{clip-path:url(#clip-path-78);}.cls-83{clip-path:url(#clip-path-79);}.cls-84{clip-path:url(#clip-path-80);}.cls-85{clip-path:url(#clip-path-81);}.cls-86{clip-path:url(#clip-path-82);}.cls-87{fill:#4b5fef;}.cls-88{clip-path:url(#clip-path-83);}.cls-89{fill:#5a67ff;}.cls-90{fill:#7687ff;}</style><clipPath id="clip-path"><polygon class="cls-1" points="58.25 54.32 77.66 65.53 77.66 87.95 58.25 76.74 58.25 54.32"/></clipPath><clipPath id="clip-path-2"><polygon class="cls-1" points="77.66 65.53 77.66 87.95 58.25 99.16 58.25 76.74 77.66 65.53"/></clipPath><clipPath id="clip-path-3"><polygon class="cls-1" points="58.25 76.74 58.25 99.16 38.83 87.95 38.83 65.53 58.25 76.74"/></clipPath><clipPath id="clip-path-4"><polygon class="cls-1" points="77.66 65.53 97.08 76.74 97.08 99.16 77.66 87.95 77.66 65.53"/></clipPath><clipPath id="clip-path-5"><polygon class="cls-1" points="97.08 76.74 97.08 99.16 77.66 110.37 77.66 87.95 97.08 76.74"/></clipPath><clipPath id="clip-path-6"><polygon class="cls-1" points="77.66 87.95 77.66 110.37 58.25 99.16 58.25 76.74 77.66 87.95"/></clipPath><clipPath id="clip-path-7"><polygon class="cls-1" points="58.25 76.74 77.66 87.95 77.66 110.37 58.25 99.16 58.25 76.74"/></clipPath><clipPath id="clip-path-8"><polygon class="cls-1" points="77.66 87.95 77.66 110.37 58.25 121.58 58.25 99.16 77.66 87.95"/></clipPath><clipPath id="clip-path-9"><polygon class="cls-1" points="58.25 99.16 58.25 121.58 38.83 110.37 38.83 87.95 58.25 99.16"/></clipPath><clipPath id="clip-path-10"><polygon class="cls-1" points="38.83 65.53 58.25 76.74 58.25 99.16 38.83 87.95 38.83 65.53"/></clipPath><clipPath id="clip-path-11"><polygon class="cls-1" points="58.25 76.74 58.25 99.16 38.83 110.37 38.83 87.95 58.25 76.74"/></clipPath><clipPath id="clip-path-12"><polygon class="cls-1" points="38.83 87.95 38.83 110.37 19.42 99.16 19.42 76.74 38.83 87.95"/></clipPath><clipPath id="clip-path-13"><polygon class="cls-1" points="19.42 76.74 38.83 87.95 38.83 110.37 19.42 99.16 19.42 76.74"/></clipPath><clipPath id="clip-path-14"><polygon class="cls-1" points="38.83 87.95 38.83 110.37 19.42 121.58 19.42 99.16 38.83 87.95"/></clipPath><clipPath id="clip-path-15"><polygon class="cls-1" points="19.42 99.16 19.42 121.58 0 110.37 0 87.95 19.42 99.16"/></clipPath><clipPath id="clip-path-16"><polygon class="cls-1" points="38.83 87.95 58.25 99.16 58.25 121.58 38.83 110.37 38.83 87.95"/></clipPath><clipPath id="clip-path-17"><polygon class="cls-1" points="58.25 99.16 58.25 121.58 38.83 132.79 38.83 110.37 58.25 99.16"/></clipPath><clipPath id="clip-path-18"><polygon class="cls-1" points="38.83 110.37 38.83 132.79 19.42 121.58 19.42 99.16 38.83 110.37"/></clipPath><clipPath id="clip-path-19"><polygon class="cls-1" points="97.08 76.74 116.5 87.95 116.5 110.37 97.08 99.16 97.08 76.74"/></clipPath><clipPath id="clip-path-20"><polygon class="cls-1" points="116.5 87.95 116.5 110.37 97.08 121.58 97.08 99.16 116.5 87.95"/></clipPath><clipPath id="clip-path-21"><polygon class="cls-1" points="97.08 99.16 97.08 121.58 77.66 110.37 77.66 87.95 97.08 99.16"/></clipPath><clipPath id="clip-path-22"><polygon class="cls-1" points="77.66 87.95 97.08 99.16 97.08 121.58 77.66 110.37 77.66 87.95"/></clipPath><clipPath id="clip-path-23"><polygon class="cls-1" points="97.08 99.16 97.08 121.58 77.66 132.79 77.66 110.37 97.08 99.16"/></clipPath><clipPath id="clip-path-24"><polygon class="cls-1" points="77.66 110.37 77.66 132.79 58.25 121.58 58.25 99.16 77.66 110.37"/></clipPath><clipPath id="clip-path-25"><polygon class="cls-1" points="58.25 99.16 77.66 110.37 77.66 132.79 58.25 121.58 58.25 99.16"/></clipPath><clipPath id="clip-path-26"><polygon class="cls-1" points="77.66 110.37 77.66 132.79 58.25 144 58.25 121.58 77.66 110.37"/></clipPath><clipPath id="clip-path-27"><polygon class="cls-1" points="58.25 121.58 58.25 144 38.83 132.79 38.83 110.37 58.25 121.58"/></clipPath><clipPath id="clip-path-28"><polygon class="cls-1" points="58.25 31.9 77.66 43.11 77.66 65.53 58.25 54.32 58.25 31.9"/></clipPath><clipPath id="clip-path-29"><polygon class="cls-1" points="77.66 43.11 77.66 65.53 58.25 76.74 58.25 54.32 77.66 43.11"/></clipPath><clipPath id="clip-path-30"><polygon class="cls-1" points="58.25 54.32 58.25 76.74 38.83 65.53 38.83 43.11 58.25 54.32"/></clipPath><clipPath id="clip-path-31"><polygon class="cls-1" points="77.66 43.11 97.08 54.32 97.08 76.74 77.66 65.53 77.66 43.11"/></clipPath><clipPath id="clip-path-32"><polygon class="cls-1" points="97.08 54.32 97.08 76.74 77.66 87.95 77.66 65.53 97.08 54.32"/></clipPath><clipPath id="clip-path-33"><polygon class="cls-1" points="77.66 65.53 77.66 87.95 58.25 76.74 58.25 54.32 77.66 65.53"/></clipPath><clipPath id="clip-path-34"><polygon class="cls-1" points="97.08 54.32 116.5 65.53 116.5 87.95 97.08 76.74 97.08 54.32"/></clipPath><clipPath id="clip-path-35"><polygon class="cls-1" points="116.5 65.53 116.5 87.95 97.08 99.16 97.08 76.74 116.5 65.53"/></clipPath><clipPath id="clip-path-36"><polygon class="cls-1" points="97.08 76.74 97.08 99.16 77.66 87.95 77.66 65.53 97.08 76.74"/></clipPath><clipPath id="clip-path-37"><polygon class="cls-1" points="58.25 54.32 77.66 65.53 77.66 87.95 58.25 76.74 58.25 54.32"/></clipPath><clipPath id="clip-path-38"><polygon class="cls-1" points="77.66 65.53 77.66 87.95 58.25 99.16 58.25 76.74 77.66 65.53"/></clipPath><clipPath id="clip-path-39"><polygon class="cls-1" points="58.25 76.74 58.25 99.16 38.83 87.95 38.83 65.53 58.25 76.74"/></clipPath><clipPath id="clip-path-40"><polygon class="cls-1" points="38.83 43.11 58.25 54.32 58.25 76.74 38.83 65.53 38.83 43.11"/></clipPath><clipPath id="clip-path-41"><polygon class="cls-1" points="58.25 54.32 58.25 76.74 38.83 87.95 38.83 65.53 58.25 54.32"/></clipPath><clipPath id="clip-path-42"><polygon class="cls-1" points="38.83 65.53 38.83 87.95 19.42 76.74 19.42 54.32 38.83 65.53"/></clipPath><clipPath id="clip-path-43"><polygon class="cls-1" points="77.66 65.53 97.08 76.74 97.08 99.16 77.66 87.95 77.66 65.53"/></clipPath><clipPath id="clip-path-44"><polygon class="cls-1" points="97.08 76.74 97.08 99.16 77.66 110.37 77.66 87.95 97.08 76.74"/></clipPath><clipPath id="clip-path-45"><polygon class="cls-1" points="77.66 87.95 77.66 110.37 58.25 99.16 58.25 76.74 77.66 87.95"/></clipPath><clipPath id="clip-path-46"><polygon class="cls-1" points="19.42 54.32 38.83 65.53 38.83 87.95 19.42 76.74 19.42 54.32"/></clipPath><clipPath id="clip-path-47"><polygon class="cls-1" points="38.83 65.53 38.83 87.95 19.42 99.16 19.42 76.74 38.83 65.53"/></clipPath><clipPath id="clip-path-48"><polygon class="cls-1" points="19.42 76.74 19.42 99.16 0 87.95 0 65.53 19.42 76.74"/></clipPath><clipPath id="clip-path-49"><polygon class="cls-1" points="38.83 65.53 58.25 76.74 58.25 99.16 38.83 87.95 38.83 65.53"/></clipPath><clipPath id="clip-path-50"><polygon class="cls-1" points="58.25 76.74 58.25 99.16 38.83 110.37 38.83 87.95 58.25 76.74"/></clipPath><clipPath id="clip-path-51"><polygon class="cls-1" points="38.83 87.95 38.83 110.37 19.42 99.16 19.42 76.74 38.83 87.95"/></clipPath><clipPath id="clip-path-52"><polygon class="cls-1" points="58.25 76.74 77.66 87.95 77.66 110.37 58.25 99.16 58.25 76.74"/></clipPath><clipPath id="clip-path-53"><polygon class="cls-1" points="77.66 87.95 77.66 110.37 58.25 121.58 58.25 99.16 77.66 87.95"/></clipPath><clipPath id="clip-path-54"><polygon class="cls-1" points="58.25 99.16 58.25 121.58 38.83 110.37 38.83 87.95 58.25 99.16"/></clipPath><clipPath id="clip-path-55"><polygon class="cls-1" points="58.25 9.48 77.66 20.69 77.66 43.11 58.25 31.9 58.25 9.48"/></clipPath><clipPath id="clip-path-56"><polygon class="cls-1" points="77.66 20.69 77.66 43.11 58.25 54.32 58.25 31.9 77.66 20.69"/></clipPath><clipPath id="clip-path-57"><polygon class="cls-1" points="58.25 31.9 58.25 54.32 38.83 43.11 38.83 20.69 58.25 31.9"/></clipPath><clipPath id="clip-path-58"><polygon class="cls-1" points="58.25 31.9 77.66 43.11 77.66 65.53 58.25 54.32 58.25 31.9"/></clipPath><clipPath id="clip-path-59"><polygon class="cls-1" points="77.66 43.11 77.66 65.53 58.25 76.74 58.25 54.32 77.66 43.11"/></clipPath><clipPath id="clip-path-60"><polygon class="cls-1" points="58.25 54.32 58.25 76.74 38.83 65.53 38.83 43.11 58.25 54.32"/></clipPath><clipPath id="clip-path-61"><polygon class="cls-1" points="77.66 20.69 97.08 31.9 97.08 54.32 77.66 43.11 77.66 20.69"/></clipPath><clipPath id="clip-path-62"><polygon class="cls-1" points="97.08 31.9 97.08 54.32 77.66 65.53 77.66 43.11 97.08 31.9"/></clipPath><clipPath id="clip-path-63"><polygon class="cls-1" points="77.66 43.11 77.66 65.53 58.25 54.32 58.25 31.9 77.66 43.11"/></clipPath><clipPath id="clip-path-64"><polygon class="cls-1" points="38.83 20.69 58.25 31.9 58.25 54.32 38.83 43.11 38.83 20.69"/></clipPath><clipPath id="clip-path-65"><polygon class="cls-1" points="58.25 31.9 58.25 54.32 38.83 65.53 38.83 43.11 58.25 31.9"/></clipPath><clipPath id="clip-path-66"><polygon class="cls-1" points="38.83 43.11 38.83 65.53 19.42 54.32 19.42 31.9 38.83 43.11"/></clipPath><clipPath id="clip-path-69"><polygon class="cls-1" points="19.42 31.9 38.83 43.11 38.83 65.53 19.42 54.32 19.42 31.9"/></clipPath><clipPath id="clip-path-70"><polygon class="cls-1" points="38.83 43.11 38.83 65.53 19.42 76.74 19.42 54.32 38.83 43.11"/></clipPath><clipPath id="clip-path-71"><polygon class="cls-1" points="19.42 54.32 19.42 76.74 0 65.53 0 43.11 19.42 54.32"/></clipPath><clipPath id="clip-path-72"><polygon class="cls-1" points="38.83 43.11 58.25 54.32 58.25 76.74 38.83 65.53 38.83 43.11"/></clipPath><clipPath id="clip-path-73"><polygon class="cls-1" points="58.25 54.32 58.25 76.74 38.83 87.95 38.83 65.53 58.25 54.32"/></clipPath><clipPath id="clip-path-74"><polygon class="cls-1" points="38.83 65.53 38.83 87.95 19.42 76.74 19.42 54.32 38.83 65.53"/></clipPath><clipPath id="clip-path-75"><polygon class="cls-1" points="97.08 31.9 116.5 43.11 116.5 65.53 97.08 54.32 97.08 31.9"/></clipPath><clipPath id="clip-path-76"><polygon class="cls-1" points="116.5 43.11 116.5 65.53 97.08 76.74 97.08 54.32 116.5 43.11"/></clipPath><clipPath id="clip-path-77"><polygon class="cls-1" points="97.08 54.32 97.08 76.74 77.66 65.53 77.66 43.11 97.08 54.32"/></clipPath><clipPath id="clip-path-78"><polygon class="cls-1" points="77.66 43.11 97.08 54.32 97.08 76.74 77.66 65.53 77.66 43.11"/></clipPath><clipPath id="clip-path-79"><polygon class="cls-1" points="97.08 54.32 97.08 76.74 77.66 87.95 77.66 65.53 97.08 54.32"/></clipPath><clipPath id="clip-path-80"><polygon class="cls-1" points="77.66 65.53 77.66 87.95 58.25 76.74 58.25 54.32 77.66 65.53"/></clipPath><clipPath id="clip-path-81"><polygon class="cls-1" points="58.25 0 77.66 11.21 77.66 33.63 58.25 22.42 58.25 0"/></clipPath><clipPath id="clip-path-82"><polygon class="cls-1" points="77.66 11.21 77.66 33.63 58.25 44.84 58.25 22.42 77.66 11.21"/></clipPath><clipPath id="clip-path-83"><polygon class="cls-1" points="58.25 22.42 58.25 44.84 38.83 33.63 38.83 11.21 58.25 22.42"/></clipPath></defs><g class="cls-2"><g class="cls-3"><g class="cls-3"><polygon class="cls-1" points="58.25 54.32 77.66 65.53 77.66 87.95 58.25 76.74 58.25 54.32"/><g class="cls-4"><polygon class="cls-1" points="58.25 54.32 77.66 65.53 77.66 87.95 58.25 76.74 58.25 54.32"/></g></g><g class="cls-3"><polygon class="cls-1" points="77.66 65.53 77.66 87.95 58.25 99.16 58.25 76.74 77.66 65.53"/><g class="cls-5"><polygon class="cls-6" points="77.66 65.53 77.66 87.95 58.25 99.16 58.25 76.74 77.66 65.53"/></g></g><g class="cls-3"><polygon class="cls-1" points="58.25 76.74 58.25 99.16 38.83 87.95 38.83 65.53 58.25 76.74"/><g class="cls-7"><polygon class="cls-8" points="58.25 76.74 58.25 99.16 38.83 87.95 38.83 65.53 58.25 76.74"/></g></g></g></g><polygon class="cls-9" points="38.83 65.53 58.25 54.32 77.66 65.53 58.25 76.74 38.83 65.53"/><g class="cls-2"><g class="cls-3"><g class="cls-3"><polygon class="cls-1" points="77.66 65.53 97.08 76.74 97.08 99.16 77.66 87.95 77.66 65.53"/><g class="cls-10"><polygon class="cls-1" points="77.66 65.53 97.08 76.74 97.08 99.16 77.66 87.95 77.66 65.53"/></g></g><g class="cls-3"><polygon class="cls-1" points="97.08 76.74 97.08 99.16 77.66 110.37 77.66 87.95 97.08 76.74"/><g class="cls-11"><polygon class="cls-6" points="97.08 76.74 97.08 99.16 77.66 110.37 77.66 87.95 97.08 76.74"/></g></g><g class="cls-3"><polygon class="cls-1" points="77.66 87.95 77.66 110.37 58.25 99.16 58.25 76.74 77.66 87.95"/><g class="cls-12"><polygon class="cls-8" points="77.66 87.95 77.66 110.37 58.25 99.16 58.25 76.74 77.66 87.95"/></g></g></g></g><polygon class="cls-9" points="58.25 76.74 77.66 65.53 97.08 76.74 77.66 87.95 58.25 76.74"/><g class="cls-2"><g class="cls-3"><g class="cls-3"><polygon class="cls-1" points="58.25 76.74 77.66 87.95 77.66 110.37 58.25 99.16 58.25 76.74"/><g class="cls-13"><polygon class="cls-1" points="58.25 76.74 77.66 87.95 77.66 110.37 58.25 99.16 58.25 76.74"/></g></g><g class="cls-3"><polygon class="cls-1" points="77.66 87.95 77.66 110.37 58.25 121.58 58.25 99.16 77.66 87.95"/><g class="cls-14"><polygon class="cls-6" points="77.66 87.95 77.66 110.37 58.25 121.58 58.25 99.16 77.66 87.95"/></g></g><g class="cls-3"><polygon class="cls-1" points="58.25 99.16 58.25 121.58 38.83 110.37 38.83 87.95 58.25 99.16"/><g class="cls-15"><polygon class="cls-8" points="58.25 99.16 58.25 121.58 38.83 110.37 38.83 87.95 58.25 99.16"/></g></g></g></g><polygon class="cls-9" points="38.83 87.95 58.25 76.74 77.66 87.95 58.25 99.16 38.83 87.95"/><g class="cls-2"><g class="cls-3"><g class="cls-3"><polygon class="cls-1" points="38.83 65.53 58.25 76.74 58.25 99.16 38.83 87.95 38.83 65.53"/><g class="cls-16"><polygon class="cls-1" points="38.83 65.53 58.25 76.74 58.25 99.16 38.83 87.95 38.83 65.53"/></g></g><g class="cls-3"><polygon class="cls-1" points="58.25 76.74 58.25 99.16 38.83 110.37 38.83 87.95 58.25 76.74"/><g class="cls-17"><polygon class="cls-6" points="58.25 76.74 58.25 99.16 38.83 110.37 38.83 87.95 58.25 76.74"/></g></g><g class="cls-3"><polygon class="cls-1" points="38.83 87.95 38.83 110.37 19.42 99.16 19.42 76.74 38.83 87.95"/><g class="cls-18"><polygon class="cls-8" points="38.83 87.95 38.83 110.37 19.42 99.16 19.42 76.74 38.83 87.95"/></g></g></g></g><polygon class="cls-9" points="19.42 76.74 38.83 65.53 58.25 76.74 38.83 87.95 19.42 76.74"/><g class="cls-2"><g class="cls-3"><g class="cls-3"><polygon class="cls-1" points="19.42 76.74 38.83 87.95 38.83 110.37 19.42 99.16 19.42 76.74"/><g class="cls-19"><polygon class="cls-1" points="19.42 76.74 38.83 87.95 38.83 110.37 19.42 99.16 19.42 76.74"/></g></g><g class="cls-3"><polygon class="cls-1" points="38.83 87.95 38.83 110.37 19.42 121.58 19.42 99.16 38.83 87.95"/><g class="cls-20"><polygon class="cls-6" points="38.83 87.95 38.83 110.37 19.42 121.58 19.42 99.16 38.83 87.95"/></g></g><g class="cls-3"><polygon class="cls-1" points="19.42 99.16 19.42 121.58 0 110.37 0 87.95 19.42 99.16"/><g class="cls-21"><polygon class="cls-8" points="19.42 99.16 19.42 121.58 0 110.37 0 87.95 19.42 99.16"/></g></g></g></g><polygon class="cls-9" points="0 87.95 19.42 76.74 38.83 87.95 19.42 99.16 0 87.95"/><g class="cls-2"><g class="cls-3"><g class="cls-3"><polygon class="cls-1" points="38.83 87.95 58.25 99.16 58.25 121.58 38.83 110.37 38.83 87.95"/><g class="cls-22"><polygon class="cls-1" points="38.83 87.95 58.25 99.16 58.25 121.58 38.83 110.37 38.83 87.95"/></g></g><g class="cls-3"><polygon class="cls-1" points="58.25 99.16 58.25 121.58 38.83 132.79 38.83 110.37 58.25 99.16"/><g class="cls-23"><polygon class="cls-6" points="58.25 99.16 58.25 121.58 38.83 132.79 38.83 110.37 58.25 99.16"/></g></g><g class="cls-3"><polygon class="cls-1" points="38.83 110.37 38.83 132.79 19.42 121.58 19.42 99.16 38.83 110.37"/><g class="cls-24"><polygon class="cls-8" points="38.83 110.37 38.83 132.79 19.42 121.58 19.42 99.16 38.83 110.37"/></g></g></g></g><polygon class="cls-9" points="19.42 99.16 38.83 87.95 58.25 99.16 38.83 110.37 19.42 99.16"/><g class="cls-2"><g class="cls-3"><g class="cls-3"><polygon class="cls-1" points="97.08 76.74 116.5 87.95 116.5 110.37 97.08 99.16 97.08 76.74"/><g class="cls-25"><polygon class="cls-1" points="97.08 76.74 116.5 87.95 116.5 110.37 97.08 99.16 97.08 76.74"/></g></g><g class="cls-3"><polygon class="cls-1" points="116.5 87.95 116.5 110.37 97.08 121.58 97.08 99.16 116.5 87.95"/><g class="cls-26"><polygon class="cls-6" points="116.5 87.95 116.5 110.37 97.08 121.58 97.08 99.16 116.5 87.95"/></g></g><g class="cls-3"><polygon class="cls-1" points="97.08 99.16 97.08 121.58 77.66 110.37 77.66 87.95 97.08 99.16"/><g class="cls-27"><polygon class="cls-8" points="97.08 99.16 97.08 121.58 77.66 110.37 77.66 87.95 97.08 99.16"/></g></g></g></g><polygon class="cls-9" points="77.66 87.95 97.08 76.74 116.5 87.95 97.08 99.16 77.66 87.95"/><g class="cls-2"><g class="cls-3"><g class="cls-3"><polygon class="cls-1" points="77.66 87.95 97.08 99.16 97.08 121.58 77.66 110.37 77.66 87.95"/><g class="cls-28"><polygon class="cls-1" points="77.66 87.95 97.08 99.16 97.08 121.58 77.66 110.37 77.66 87.95"/></g></g><g class="cls-3"><polygon class="cls-1" points="97.08 99.16 97.08 121.58 77.66 132.79 77.66 110.37 97.08 99.16"/><g class="cls-29"><polygon class="cls-6" points="97.08 99.16 97.08 121.58 77.66 132.79 77.66 110.37 97.08 99.16"/></g></g><g class="cls-3"><polygon class="cls-1" points="77.66 110.37 77.66 132.79 58.25 121.58 58.25 99.16 77.66 110.37"/><g class="cls-30"><polygon class="cls-8" points="77.66 110.37 77.66 132.79 58.25 121.58 58.25 99.16 77.66 110.37"/></g></g></g></g><polygon class="cls-9" points="58.25 99.16 77.66 87.95 97.08 99.16 77.66 110.37 58.25 99.16"/><g class="cls-2"><g class="cls-3"><g class="cls-3"><polygon class="cls-1" points="58.25 99.16 77.66 110.37 77.66 132.79 58.25 121.58 58.25 99.16"/><g class="cls-31"><polygon class="cls-1" points="58.25 99.16 77.66 110.37 77.66 132.79 58.25 121.58 58.25 99.16"/></g></g><g class="cls-3"><polygon class="cls-1" points="77.66 110.37 77.66 132.79 58.25 144 58.25 121.58 77.66 110.37"/><g class="cls-32"><polygon class="cls-6" points="77.66 110.37 77.66 132.79 58.25 144 58.25 121.58 77.66 110.37"/></g></g><g class="cls-3"><polygon class="cls-1" points="58.25 121.58 58.25 144 38.83 132.79 38.83 110.37 58.25 121.58"/><g class="cls-33"><polygon class="cls-8" points="58.25 121.58 58.25 144 38.83 132.79 38.83 110.37 58.25 121.58"/></g></g></g></g><polygon class="cls-9" points="38.83 110.37 58.25 99.16 77.66 110.37 58.25 121.58 38.83 110.37"/><g class="cls-2"><g class="cls-3"><g class="cls-3"><polygon class="cls-1" points="58.25 31.9 77.66 43.11 77.66 65.53 58.25 54.32 58.25 31.9"/><g class="cls-34"><polygon class="cls-1" points="58.25 31.9 77.66 43.11 77.66 65.53 58.25 54.32 58.25 31.9"/></g></g><g class="cls-3"><polygon class="cls-1" points="77.66 43.11 77.66 65.53 58.25 76.74 58.25 54.32 77.66 43.11"/><g class="cls-35"><polygon class="cls-6" points="77.66 43.11 77.66 65.53 58.25 76.74 58.25 54.32 77.66 43.11"/></g></g><g class="cls-3"><polygon class="cls-1" points="58.25 54.32 58.25 76.74 38.83 65.53 38.83 43.11 58.25 54.32"/><g class="cls-36"><polygon class="cls-8" points="58.25 54.32 58.25 76.74 38.83 65.53 38.83 43.11 58.25 54.32"/></g></g></g></g><polygon class="cls-9" points="38.83 43.11 58.25 31.9 77.66 43.11 58.25 54.32 38.83 43.11"/><g class="cls-2"><g class="cls-3"><g class="cls-3"><polygon class="cls-1" points="77.66 43.11 97.08 54.32 97.08 76.74 77.66 65.53 77.66 43.11"/><g class="cls-37"><polygon class="cls-1" points="77.66 43.11 97.08 54.32 97.08 76.74 77.66 65.53 77.66 43.11"/></g></g><g class="cls-3"><polygon class="cls-1" points="97.08 54.32 97.08 76.74 77.66 87.95 77.66 65.53 97.08 54.32"/><g class="cls-38"><polygon class="cls-6" points="97.08 54.32 97.08 76.74 77.66 87.95 77.66 65.53 97.08 54.32"/></g></g><g class="cls-3"><polygon class="cls-1" points="77.66 65.53 77.66 87.95 58.25 76.74 58.25 54.32 77.66 65.53"/><g class="cls-39"><polygon class="cls-8" points="77.66 65.53 77.66 87.95 58.25 76.74 58.25 54.32 77.66 65.53"/></g></g></g></g><polygon class="cls-9" points="58.25 54.32 77.66 43.11 97.08 54.32 77.66 65.53 58.25 54.32"/><g class="cls-2"><g class="cls-3"><g class="cls-3"><polygon class="cls-1" points="97.08 54.32 116.5 65.53 116.5 87.95 97.08 76.74 97.08 54.32"/><g class="cls-40"><polygon class="cls-1" points="97.08 54.32 116.5 65.53 116.5 87.95 97.08 76.74 97.08 54.32"/></g></g><g class="cls-3"><polygon class="cls-1" points="116.5 65.53 116.5 87.95 97.08 99.16 97.08 76.74 116.5 65.53"/><g class="cls-41"><polygon class="cls-6" points="116.5 65.53 116.5 87.95 97.08 99.16 97.08 76.74 116.5 65.53"/></g></g><g class="cls-3"><polygon class="cls-1" points="97.08 76.74 97.08 99.16 77.66 87.95 77.66 65.53 97.08 76.74"/><g class="cls-42"><polygon class="cls-8" points="97.08 76.74 97.08 99.16 77.66 87.95 77.66 65.53 97.08 76.74"/></g></g></g></g><polygon class="cls-9" points="77.66 65.53 97.08 54.32 116.5 65.53 97.08 76.74 77.66 65.53"/><g class="cls-2"><g class="cls-3"><g class="cls-3"><polygon class="cls-1" points="58.25 54.32 77.66 65.53 77.66 87.95 58.25 76.74 58.25 54.32"/><g class="cls-43"><polygon class="cls-1" points="58.25 54.32 77.66 65.53 77.66 87.95 58.25 76.74 58.25 54.32"/></g></g><g class="cls-3"><polygon class="cls-1" points="77.66 65.53 77.66 87.95 58.25 99.16 58.25 76.74 77.66 65.53"/><g class="cls-44"><polygon class="cls-6" points="77.66 65.53 77.66 87.95 58.25 99.16 58.25 76.74 77.66 65.53"/></g></g><g class="cls-3"><polygon class="cls-1" points="58.25 76.74 58.25 99.16 38.83 87.95 38.83 65.53 58.25 76.74"/><g class="cls-45"><polygon class="cls-8" points="58.25 76.74 58.25 99.16 38.83 87.95 38.83 65.53 58.25 76.74"/></g></g></g></g><polygon class="cls-9" points="38.83 65.53 58.25 54.32 77.66 65.53 58.25 76.74 38.83 65.53"/><g class="cls-2"><g class="cls-3"><g class="cls-3"><polygon class="cls-1" points="38.83 43.11 58.25 54.32 58.25 76.74 38.83 65.53 38.83 43.11"/><g class="cls-46"><polygon class="cls-1" points="38.83 43.11 58.25 54.32 58.25 76.74 38.83 65.53 38.83 43.11"/></g></g><g class="cls-3"><polygon class="cls-1" points="58.25 54.32 58.25 76.74 38.83 87.95 38.83 65.53 58.25 54.32"/><g class="cls-47"><polygon class="cls-6" points="58.25 54.32 58.25 76.74 38.83 87.95 38.83 65.53 58.25 54.32"/></g></g><g class="cls-3"><polygon class="cls-1" points="38.83 65.53 38.83 87.95 19.42 76.74 19.42 54.32 38.83 65.53"/><g class="cls-48"><polygon class="cls-8" points="38.83 65.53 38.83 87.95 19.42 76.74 19.42 54.32 38.83 65.53"/></g></g></g></g><polygon class="cls-9" points="19.42 54.32 38.83 43.11 58.25 54.32 38.83 65.53 19.42 54.32"/><g class="cls-2"><g class="cls-3"><g class="cls-3"><polygon class="cls-1" points="77.66 65.53 97.08 76.74 97.08 99.16 77.66 87.95 77.66 65.53"/><g class="cls-49"><polygon class="cls-1" points="77.66 65.53 97.08 76.74 97.08 99.16 77.66 87.95 77.66 65.53"/></g></g><g class="cls-3"><polygon class="cls-1" points="97.08 76.74 97.08 99.16 77.66 110.37 77.66 87.95 97.08 76.74"/><g class="cls-50"><polygon class="cls-6" points="97.08 76.74 97.08 99.16 77.66 110.37 77.66 87.95 97.08 76.74"/></g></g><g class="cls-3"><polygon class="cls-1" points="77.66 87.95 77.66 110.37 58.25 99.16 58.25 76.74 77.66 87.95"/><g class="cls-51"><polygon class="cls-8" points="77.66 87.95 77.66 110.37 58.25 99.16 58.25 76.74 77.66 87.95"/></g></g></g></g><polygon class="cls-9" points="58.25 76.74 77.66 65.53 97.08 76.74 77.66 87.95 58.25 76.74"/><g class="cls-2"><g class="cls-3"><g class="cls-3"><polygon class="cls-1" points="19.42 54.32 38.83 65.53 38.83 87.95 19.42 76.74 19.42 54.32"/><g class="cls-52"><polygon class="cls-1" points="19.42 54.32 38.83 65.53 38.83 87.95 19.42 76.74 19.42 54.32"/></g></g><g class="cls-3"><polygon class="cls-1" points="38.83 65.53 38.83 87.95 19.42 99.16 19.42 76.74 38.83 65.53"/><g class="cls-53"><polygon class="cls-6" points="38.83 65.53 38.83 87.95 19.42 99.16 19.42 76.74 38.83 65.53"/></g></g><g class="cls-3"><polygon class="cls-1" points="19.42 76.74 19.42 99.16 0 87.95 0 65.53 19.42 76.74"/><g class="cls-54"><polygon class="cls-8" points="19.42 76.74 19.42 99.16 0 87.95 0 65.53 19.42 76.74"/></g></g></g></g><polygon class="cls-9" points="0 65.53 19.42 54.32 38.83 65.53 19.42 76.74 0 65.53"/><g class="cls-2"><g class="cls-3"><g class="cls-3"><polygon class="cls-1" points="38.83 65.53 58.25 76.74 58.25 99.16 38.83 87.95 38.83 65.53"/><g class="cls-55"><polygon class="cls-1" points="38.83 65.53 58.25 76.74 58.25 99.16 38.83 87.95 38.83 65.53"/></g></g><g class="cls-3"><polygon class="cls-1" points="58.25 76.74 58.25 99.16 38.83 110.37 38.83 87.95 58.25 76.74"/><g class="cls-56"><polygon class="cls-6" points="58.25 76.74 58.25 99.16 38.83 110.37 38.83 87.95 58.25 76.74"/></g></g><g class="cls-3"><polygon class="cls-1" points="38.83 87.95 38.83 110.37 19.42 99.16 19.42 76.74 38.83 87.95"/><g class="cls-57"><polygon class="cls-8" points="38.83 87.95 38.83 110.37 19.42 99.16 19.42 76.74 38.83 87.95"/></g></g></g></g><polygon class="cls-9" points="19.42 76.74 38.83 65.53 58.25 76.74 38.83 87.95 19.42 76.74"/><g class="cls-2"><g class="cls-3"><g class="cls-3"><polygon class="cls-1" points="58.25 76.74 77.66 87.95 77.66 110.37 58.25 99.16 58.25 76.74"/><g class="cls-58"><polygon class="cls-1" points="58.25 76.74 77.66 87.95 77.66 110.37 58.25 99.16 58.25 76.74"/></g></g><g class="cls-3"><polygon class="cls-1" points="77.66 87.95 77.66 110.37 58.25 121.58 58.25 99.16 77.66 87.95"/><g class="cls-59"><polygon class="cls-6" points="77.66 87.95 77.66 110.37 58.25 121.58 58.25 99.16 77.66 87.95"/></g></g><g class="cls-3"><polygon class="cls-1" points="58.25 99.16 58.25 121.58 38.83 110.37 38.83 87.95 58.25 99.16"/><g class="cls-60"><polygon class="cls-8" points="58.25 99.16 58.25 121.58 38.83 110.37 38.83 87.95 58.25 99.16"/></g></g></g></g><polygon class="cls-9" points="38.83 87.95 58.25 76.74 77.66 87.95 58.25 99.16 38.83 87.95"/><g class="cls-2"><g class="cls-3"><g class="cls-3"><polygon class="cls-1" points="58.25 9.48 77.66 20.69 77.66 43.11 58.25 31.9 58.25 9.48"/><g class="cls-61"><polygon class="cls-1" points="58.25 9.48 77.66 20.69 77.66 43.11 58.25 31.9 58.25 9.48"/></g></g><g class="cls-3"><polygon class="cls-1" points="77.66 20.69 77.66 43.11 58.25 54.32 58.25 31.9 77.66 20.69"/><g class="cls-62"><polygon class="cls-6" points="77.66 20.69 77.66 43.11 58.25 54.32 58.25 31.9 77.66 20.69"/></g></g><g class="cls-3"><polygon class="cls-1" points="58.25 31.9 58.25 54.32 38.83 43.11 38.83 20.69 58.25 31.9"/><g class="cls-63"><polygon class="cls-8" points="58.25 31.9 58.25 54.32 38.83 43.11 38.83 20.69 58.25 31.9"/></g></g></g></g><polygon class="cls-9" points="38.83 20.69 58.25 9.48 77.66 20.69 58.25 31.9 38.83 20.69"/><g class="cls-2"><g class="cls-3"><g class="cls-3"><polygon class="cls-1" points="58.25 31.9 77.66 43.11 77.66 65.53 58.25 54.32 58.25 31.9"/><g class="cls-64"><polygon class="cls-1" points="58.25 31.9 77.66 43.11 77.66 65.53 58.25 54.32 58.25 31.9"/></g></g><g class="cls-3"><polygon class="cls-1" points="77.66 43.11 77.66 65.53 58.25 76.74 58.25 54.32 77.66 43.11"/><g class="cls-65"><polygon class="cls-6" points="77.66 43.11 77.66 65.53 58.25 76.74 58.25 54.32 77.66 43.11"/></g></g><g class="cls-3"><polygon class="cls-1" points="58.25 54.32 58.25 76.74 38.83 65.53 38.83 43.11 58.25 54.32"/><g class="cls-66"><polygon class="cls-8" points="58.25 54.32 58.25 76.74 38.83 65.53 38.83 43.11 58.25 54.32"/></g></g></g></g><polygon class="cls-9" points="38.83 43.11 58.25 31.9 77.66 43.11 58.25 54.32 38.83 43.11"/><g class="cls-2"><g class="cls-3"><g class="cls-3"><polygon class="cls-1" points="77.66 20.69 97.08 31.9 97.08 54.32 77.66 43.11 77.66 20.69"/><g class="cls-67"><polygon class="cls-1" points="77.66 20.69 97.08 31.9 97.08 54.32 77.66 43.11 77.66 20.69"/></g></g><g class="cls-3"><polygon class="cls-1" points="97.08 31.9 97.08 54.32 77.66 65.53 77.66 43.11 97.08 31.9"/><g class="cls-68"><polygon class="cls-6" points="97.08 31.9 97.08 54.32 77.66 65.53 77.66 43.11 97.08 31.9"/></g></g><g class="cls-3"><polygon class="cls-1" points="77.66 43.11 77.66 65.53 58.25 54.32 58.25 31.9 77.66 43.11"/><g class="cls-69"><polygon class="cls-8" points="77.66 43.11 77.66 65.53 58.25 54.32 58.25 31.9 77.66 43.11"/></g></g></g></g><polygon class="cls-9" points="58.25 31.9 77.66 20.69 97.08 31.9 77.66 43.11 58.25 31.9"/><g class="cls-2"><g class="cls-3"><g class="cls-3"><polygon class="cls-1" points="38.83 20.69 58.25 31.9 58.25 54.32 38.83 43.11 38.83 20.69"/><g class="cls-70"><polygon class="cls-1" points="38.83 20.69 58.25 31.9 58.25 54.32 38.83 43.11 38.83 20.69"/></g></g><g class="cls-3"><polygon class="cls-1" points="58.25 31.9 58.25 54.32 38.83 65.53 38.83 43.11 58.25 31.9"/><g class="cls-71"><polygon class="cls-6" points="58.25 31.9 58.25 54.32 38.83 65.53 38.83 43.11 58.25 31.9"/></g></g><g class="cls-3"><polygon class="cls-1" points="38.83 43.11 38.83 65.53 19.42 54.32 19.42 31.9 38.83 43.11"/><g class="cls-72"><polygon class="cls-8" points="38.83 43.11 38.83 65.53 19.42 54.32 19.42 31.9 38.83 43.11"/></g></g></g></g><polygon class="cls-9" points="19.42 31.9 38.83 20.69 58.25 31.9 38.83 43.11 19.42 31.9"/><g class="cls-2"><g class="cls-3"><g class="cls-3"><polygon class="cls-1" points="77.66 43.11 77.66 65.53 58.25 76.74 58.25 54.32 77.66 43.11"/><g class="cls-35"><polygon class="cls-6" points="77.66 43.11 77.66 65.53 58.25 76.74 58.25 54.32 77.66 43.11"/></g></g><g class="cls-3"><polygon class="cls-1" points="58.25 54.32 58.25 76.74 38.83 65.53 38.83 43.11 58.25 54.32"/><g class="cls-36"><polygon class="cls-8" points="58.25 54.32 58.25 76.74 38.83 65.53 38.83 43.11 58.25 54.32"/></g></g><polygon class="cls-1" points="38.83 43.11 58.25 31.9 77.66 43.11 58.25 54.32 38.83 43.11"/></g></g><g class="cls-2"><g class="cls-3"><g class="cls-3"><polygon class="cls-1" points="19.42 31.9 38.83 43.11 38.83 65.53 19.42 54.32 19.42 31.9"/><g class="cls-73"><polygon class="cls-1" points="19.42 31.9 38.83 43.11 38.83 65.53 19.42 54.32 19.42 31.9"/></g></g><g class="cls-3"><polygon class="cls-1" points="38.83 43.11 38.83 65.53 19.42 76.74 19.42 54.32 38.83 43.11"/><g class="cls-74"><polygon class="cls-6" points="38.83 43.11 38.83 65.53 19.42 76.74 19.42 54.32 38.83 43.11"/></g></g><g class="cls-3"><polygon class="cls-1" points="19.42 54.32 19.42 76.74 0 65.53 0 43.11 19.42 54.32"/><g class="cls-75"><polygon class="cls-8" points="19.42 54.32 19.42 76.74 0 65.53 0 43.11 19.42 54.32"/></g></g></g></g><polygon class="cls-9" points="0 43.11 19.42 31.9 38.83 43.11 19.42 54.32 0 43.11"/><g class="cls-2"><g class="cls-3"><g class="cls-3"><polygon class="cls-1" points="38.83 43.11 58.25 54.32 58.25 76.74 38.83 65.53 38.83 43.11"/><g class="cls-76"><polygon class="cls-1" points="38.83 43.11 58.25 54.32 58.25 76.74 38.83 65.53 38.83 43.11"/></g></g><g class="cls-3"><polygon class="cls-1" points="58.25 54.32 58.25 76.74 38.83 87.95 38.83 65.53 58.25 54.32"/><g class="cls-77"><polygon class="cls-6" points="58.25 54.32 58.25 76.74 38.83 87.95 38.83 65.53 58.25 54.32"/></g></g><g class="cls-3"><polygon class="cls-1" points="38.83 65.53 38.83 87.95 19.42 76.74 19.42 54.32 38.83 65.53"/><g class="cls-78"><polygon class="cls-8" points="38.83 65.53 38.83 87.95 19.42 76.74 19.42 54.32 38.83 65.53"/></g></g></g></g><polygon class="cls-9" points="19.42 54.32 38.83 43.11 58.25 54.32 38.83 65.53 19.42 54.32"/><g class="cls-2"><g class="cls-3"><g class="cls-3"><polygon class="cls-1" points="97.08 31.9 116.5 43.11 116.5 65.53 97.08 54.32 97.08 31.9"/><g class="cls-79"><polygon class="cls-1" points="97.08 31.9 116.5 43.11 116.5 65.53 97.08 54.32 97.08 31.9"/></g></g><g class="cls-3"><polygon class="cls-1" points="116.5 43.11 116.5 65.53 97.08 76.74 97.08 54.32 116.5 43.11"/><g class="cls-80"><polygon class="cls-6" points="116.5 43.11 116.5 65.53 97.08 76.74 97.08 54.32 116.5 43.11"/></g></g><g class="cls-3"><polygon class="cls-1" points="97.08 54.32 97.08 76.74 77.66 65.53 77.66 43.11 97.08 54.32"/><g class="cls-81"><polygon class="cls-8" points="97.08 54.32 97.08 76.74 77.66 65.53 77.66 43.11 97.08 54.32"/></g></g></g></g><polygon class="cls-9" points="77.66 43.11 97.08 31.9 116.5 43.11 97.08 54.32 77.66 43.11"/><g class="cls-2"><g class="cls-3"><g class="cls-3"><polygon class="cls-1" points="77.66 43.11 97.08 54.32 97.08 76.74 77.66 65.53 77.66 43.11"/><g class="cls-82"><polygon class="cls-1" points="77.66 43.11 97.08 54.32 97.08 76.74 77.66 65.53 77.66 43.11"/></g></g><g class="cls-3"><polygon class="cls-1" points="97.08 54.32 97.08 76.74 77.66 87.95 77.66 65.53 97.08 54.32"/><g class="cls-83"><polygon class="cls-6" points="97.08 54.32 97.08 76.74 77.66 87.95 77.66 65.53 97.08 54.32"/></g></g><g class="cls-3"><polygon class="cls-1" points="77.66 65.53 77.66 87.95 58.25 76.74 58.25 54.32 77.66 65.53"/><g class="cls-84"><polygon class="cls-8" points="77.66 65.53 77.66 87.95 58.25 76.74 58.25 54.32 77.66 65.53"/></g></g></g></g><polygon class="cls-9" points="58.25 54.32 77.66 43.11 97.08 54.32 77.66 65.53 58.25 54.32"/><g class="cls-2"><g class="cls-3"><g class="cls-3"><polygon class="cls-1" points="58.25 0 77.66 11.21 77.66 33.63 58.25 22.42 58.25 0"/><g class="cls-85"><polygon class="cls-1" points="58.25 0 77.66 11.21 77.66 33.63 58.25 22.42 58.25 0"/></g></g><g class="cls-3"><polygon class="cls-1" points="77.66 11.21 77.66 33.63 58.25 44.84 58.25 22.42 77.66 11.21"/><g class="cls-86"><polygon class="cls-87" points="77.66 11.21 77.66 33.63 58.25 44.84 58.25 22.42 77.66 11.21"/></g></g><g class="cls-3"><polygon class="cls-1" points="58.25 22.42 58.25 44.84 38.83 33.63 38.83 11.21 58.25 22.42"/><g class="cls-88"><polygon class="cls-89" points="58.25 22.42 58.25 44.84 38.83 33.63 38.83 11.21 58.25 22.42"/></g></g></g></g><polygon class="cls-90" points="38.83 11.21 58.25 0 77.66 11.21 58.25 22.42 38.83 11.21"/></svg>
\ No newline at end of file
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+     viewBox="0 0 116.5 144">
+    <defs>
+        <style>
+            .cls-1,.cls-9{fill:#dee5fc;}.cls-2,.cls-9{opacity:0.8;}.cls-3{isolation:isolate;}.cls-4{clip-path:url(#clip-path);}.cls-5{clip-path:url(#clip-path-2);}.cls-6{fill:#ccd8ff;opacity:0.74;}.cls-7{clip-path:url(#clip-path-3);}.cls-8{fill:#ebefff;}.cls-10{clip-path:url(#clip-path-4);}.cls-11{clip-path:url(#clip-path-5);}.cls-12{clip-path:url(#clip-path-6);}.cls-13{clip-path:url(#clip-path-7);}.cls-14{clip-path:url(#clip-path-8);}.cls-15{clip-path:url(#clip-path-9);}.cls-16{clip-path:url(#clip-path-10);}.cls-17{clip-path:url(#clip-path-11);}.cls-18{clip-path:url(#clip-path-12);}.cls-19{clip-path:url(#clip-path-13);}.cls-20{clip-path:url(#clip-path-14);}.cls-21{clip-path:url(#clip-path-15);}.cls-22{clip-path:url(#clip-path-16);}.cls-23{clip-path:url(#clip-path-17);}.cls-24{clip-path:url(#clip-path-18);}.cls-25{clip-path:url(#clip-path-19);}.cls-26{clip-path:url(#clip-path-20);}.cls-27{clip-path:url(#clip-path-21);}.cls-28{clip-path:url(#clip-path-22);}.cls-29{clip-path:url(#clip-path-23);}.cls-30{clip-path:url(#clip-path-24);}.cls-31{clip-path:url(#clip-path-25);}.cls-32{clip-path:url(#clip-path-26);}.cls-33{clip-path:url(#clip-path-27);}.cls-34{clip-path:url(#clip-path-28);}.cls-35{clip-path:url(#clip-path-29);}.cls-36{clip-path:url(#clip-path-30);}.cls-37{clip-path:url(#clip-path-31);}.cls-38{clip-path:url(#clip-path-32);}.cls-39{clip-path:url(#clip-path-33);}.cls-40{clip-path:url(#clip-path-34);}.cls-41{clip-path:url(#clip-path-35);}.cls-42{clip-path:url(#clip-path-36);}.cls-43{clip-path:url(#clip-path-37);}.cls-44{clip-path:url(#clip-path-38);}.cls-45{clip-path:url(#clip-path-39);}.cls-46{clip-path:url(#clip-path-40);}.cls-47{clip-path:url(#clip-path-41);}.cls-48{clip-path:url(#clip-path-42);}.cls-49{clip-path:url(#clip-path-43);}.cls-50{clip-path:url(#clip-path-44);}.cls-51{clip-path:url(#clip-path-45);}.cls-52{clip-path:url(#clip-path-46);}.cls-53{clip-path:url(#clip-path-47);}.cls-54{clip-path:url(#clip-path-48);}.cls-55{clip-path:url(#clip-path-49);}.cls-56{clip-path:url(#clip-path-50);}.cls-57{clip-path:url(#clip-path-51);}.cls-58{clip-path:url(#clip-path-52);}.cls-59{clip-path:url(#clip-path-53);}.cls-60{clip-path:url(#clip-path-54);}.cls-61{clip-path:url(#clip-path-55);}.cls-62{clip-path:url(#clip-path-56);}.cls-63{clip-path:url(#clip-path-57);}.cls-64{clip-path:url(#clip-path-58);}.cls-65{clip-path:url(#clip-path-59);}.cls-66{clip-path:url(#clip-path-60);}.cls-67{clip-path:url(#clip-path-61);}.cls-68{clip-path:url(#clip-path-62);}.cls-69{clip-path:url(#clip-path-63);}.cls-70{clip-path:url(#clip-path-64);}.cls-71{clip-path:url(#clip-path-65);}.cls-72{clip-path:url(#clip-path-66);}.cls-73{clip-path:url(#clip-path-69);}.cls-74{clip-path:url(#clip-path-70);}.cls-75{clip-path:url(#clip-path-71);}.cls-76{clip-path:url(#clip-path-72);}.cls-77{clip-path:url(#clip-path-73);}.cls-78{clip-path:url(#clip-path-74);}.cls-79{clip-path:url(#clip-path-75);}.cls-80{clip-path:url(#clip-path-76);}.cls-81{clip-path:url(#clip-path-77);}.cls-82{clip-path:url(#clip-path-78);}.cls-83{clip-path:url(#clip-path-79);}.cls-84{clip-path:url(#clip-path-80);}.cls-85{clip-path:url(#clip-path-81);}.cls-86{clip-path:url(#clip-path-82);}.cls-87{fill:#4b5fef;}.cls-88{clip-path:url(#clip-path-83);}.cls-89{fill:#5a67ff;}.cls-90{fill:#7687ff;}
+        </style>
+        <clipPath id="clip-path">
+            <polygon class="cls-1" points="58.25 54.32 77.66 65.53 77.66 87.95 58.25 76.74 58.25 54.32"/>
+        </clipPath>
+        <clipPath id="clip-path-2">
+            <polygon class="cls-1" points="77.66 65.53 77.66 87.95 58.25 99.16 58.25 76.74 77.66 65.53"/>
+        </clipPath>
+        <clipPath id="clip-path-3">
+            <polygon class="cls-1" points="58.25 76.74 58.25 99.16 38.83 87.95 38.83 65.53 58.25 76.74"/>
+        </clipPath>
+        <clipPath id="clip-path-4">
+            <polygon class="cls-1" points="77.66 65.53 97.08 76.74 97.08 99.16 77.66 87.95 77.66 65.53"/>
+        </clipPath>
+        <clipPath id="clip-path-5">
+            <polygon class="cls-1" points="97.08 76.74 97.08 99.16 77.66 110.37 77.66 87.95 97.08 76.74"/>
+        </clipPath>
+        <clipPath id="clip-path-6">
+            <polygon class="cls-1" points="77.66 87.95 77.66 110.37 58.25 99.16 58.25 76.74 77.66 87.95"/>
+        </clipPath>
+        <clipPath id="clip-path-7">
+            <polygon class="cls-1" points="58.25 76.74 77.66 87.95 77.66 110.37 58.25 99.16 58.25 76.74"/>
+        </clipPath>
+        <clipPath id="clip-path-8">
+            <polygon class="cls-1" points="77.66 87.95 77.66 110.37 58.25 121.58 58.25 99.16 77.66 87.95"/>
+        </clipPath>
+        <clipPath id="clip-path-9">
+            <polygon class="cls-1" points="58.25 99.16 58.25 121.58 38.83 110.37 38.83 87.95 58.25 99.16"/>
+        </clipPath>
+        <clipPath id="clip-path-10">
+            <polygon class="cls-1" points="38.83 65.53 58.25 76.74 58.25 99.16 38.83 87.95 38.83 65.53"/>
+        </clipPath>
+        <clipPath id="clip-path-11">
+            <polygon class="cls-1" points="58.25 76.74 58.25 99.16 38.83 110.37 38.83 87.95 58.25 76.74"/>
+        </clipPath>
+        <clipPath id="clip-path-12">
+            <polygon class="cls-1" points="38.83 87.95 38.83 110.37 19.42 99.16 19.42 76.74 38.83 87.95"/>
+        </clipPath>
+        <clipPath id="clip-path-13">
+            <polygon class="cls-1" points="19.42 76.74 38.83 87.95 38.83 110.37 19.42 99.16 19.42 76.74"/>
+        </clipPath>
+        <clipPath id="clip-path-14">
+            <polygon class="cls-1" points="38.83 87.95 38.83 110.37 19.42 121.58 19.42 99.16 38.83 87.95"/>
+        </clipPath>
+        <clipPath id="clip-path-15">
+            <polygon class="cls-1" points="19.42 99.16 19.42 121.58 0 110.37 0 87.95 19.42 99.16"/>
+        </clipPath>
+        <clipPath id="clip-path-16">
+            <polygon class="cls-1" points="38.83 87.95 58.25 99.16 58.25 121.58 38.83 110.37 38.83 87.95"/>
+        </clipPath>
+        <clipPath id="clip-path-17">
+            <polygon class="cls-1" points="58.25 99.16 58.25 121.58 38.83 132.79 38.83 110.37 58.25 99.16"/>
+        </clipPath>
+        <clipPath id="clip-path-18">
+            <polygon class="cls-1" points="38.83 110.37 38.83 132.79 19.42 121.58 19.42 99.16 38.83 110.37"/>
+        </clipPath>
+        <clipPath id="clip-path-19">
+            <polygon class="cls-1" points="97.08 76.74 116.5 87.95 116.5 110.37 97.08 99.16 97.08 76.74"/>
+        </clipPath>
+        <clipPath id="clip-path-20">
+            <polygon class="cls-1" points="116.5 87.95 116.5 110.37 97.08 121.58 97.08 99.16 116.5 87.95"/>
+        </clipPath>
+        <clipPath id="clip-path-21">
+            <polygon class="cls-1" points="97.08 99.16 97.08 121.58 77.66 110.37 77.66 87.95 97.08 99.16"/>
+        </clipPath>
+        <clipPath id="clip-path-22">
+            <polygon class="cls-1" points="77.66 87.95 97.08 99.16 97.08 121.58 77.66 110.37 77.66 87.95"/>
+        </clipPath>
+        <clipPath id="clip-path-23">
+            <polygon class="cls-1" points="97.08 99.16 97.08 121.58 77.66 132.79 77.66 110.37 97.08 99.16"/>
+        </clipPath>
+        <clipPath id="clip-path-24">
+            <polygon class="cls-1" points="77.66 110.37 77.66 132.79 58.25 121.58 58.25 99.16 77.66 110.37"/>
+        </clipPath>
+        <clipPath id="clip-path-25">
+            <polygon class="cls-1" points="58.25 99.16 77.66 110.37 77.66 132.79 58.25 121.58 58.25 99.16"/>
+        </clipPath>
+        <clipPath id="clip-path-26">
+            <polygon class="cls-1" points="77.66 110.37 77.66 132.79 58.25 144 58.25 121.58 77.66 110.37"/>
+        </clipPath>
+        <clipPath id="clip-path-27">
+            <polygon class="cls-1" points="58.25 121.58 58.25 144 38.83 132.79 38.83 110.37 58.25 121.58"/>
+        </clipPath>
+        <clipPath id="clip-path-28">
+            <polygon class="cls-1" points="58.25 31.9 77.66 43.11 77.66 65.53 58.25 54.32 58.25 31.9"/>
+        </clipPath>
+        <clipPath id="clip-path-29">
+            <polygon class="cls-1" points="77.66 43.11 77.66 65.53 58.25 76.74 58.25 54.32 77.66 43.11"/>
+        </clipPath>
+        <clipPath id="clip-path-30">
+            <polygon class="cls-1" points="58.25 54.32 58.25 76.74 38.83 65.53 38.83 43.11 58.25 54.32"/>
+        </clipPath>
+        <clipPath id="clip-path-31">
+            <polygon class="cls-1" points="77.66 43.11 97.08 54.32 97.08 76.74 77.66 65.53 77.66 43.11"/>
+        </clipPath>
+        <clipPath id="clip-path-32">
+            <polygon class="cls-1" points="97.08 54.32 97.08 76.74 77.66 87.95 77.66 65.53 97.08 54.32"/>
+        </clipPath>
+        <clipPath id="clip-path-33">
+            <polygon class="cls-1" points="77.66 65.53 77.66 87.95 58.25 76.74 58.25 54.32 77.66 65.53"/>
+        </clipPath>
+        <clipPath id="clip-path-34">
+            <polygon class="cls-1" points="97.08 54.32 116.5 65.53 116.5 87.95 97.08 76.74 97.08 54.32"/>
+        </clipPath>
+        <clipPath id="clip-path-35">
+            <polygon class="cls-1" points="116.5 65.53 116.5 87.95 97.08 99.16 97.08 76.74 116.5 65.53"/>
+        </clipPath>
+        <clipPath id="clip-path-36">
+            <polygon class="cls-1" points="97.08 76.74 97.08 99.16 77.66 87.95 77.66 65.53 97.08 76.74"/>
+        </clipPath>
+        <clipPath id="clip-path-37">
+            <polygon class="cls-1" points="58.25 54.32 77.66 65.53 77.66 87.95 58.25 76.74 58.25 54.32"/>
+        </clipPath>
+        <clipPath id="clip-path-38">
+            <polygon class="cls-1" points="77.66 65.53 77.66 87.95 58.25 99.16 58.25 76.74 77.66 65.53"/>
+        </clipPath>
+        <clipPath id="clip-path-39">
+            <polygon class="cls-1" points="58.25 76.74 58.25 99.16 38.83 87.95 38.83 65.53 58.25 76.74"/>
+        </clipPath>
+        <clipPath id="clip-path-40">
+            <polygon class="cls-1" points="38.83 43.11 58.25 54.32 58.25 76.74 38.83 65.53 38.83 43.11"/>
+        </clipPath>
+        <clipPath id="clip-path-41">
+            <polygon class="cls-1" points="58.25 54.32 58.25 76.74 38.83 87.95 38.83 65.53 58.25 54.32"/>
+        </clipPath>
+        <clipPath id="clip-path-42">
+            <polygon class="cls-1" points="38.83 65.53 38.83 87.95 19.42 76.74 19.42 54.32 38.83 65.53"/>
+        </clipPath>
+        <clipPath id="clip-path-43">
+            <polygon class="cls-1" points="77.66 65.53 97.08 76.74 97.08 99.16 77.66 87.95 77.66 65.53"/>
+        </clipPath>
+        <clipPath id="clip-path-44">
+            <polygon class="cls-1" points="97.08 76.74 97.08 99.16 77.66 110.37 77.66 87.95 97.08 76.74"/>
+        </clipPath>
+        <clipPath id="clip-path-45">
+            <polygon class="cls-1" points="77.66 87.95 77.66 110.37 58.25 99.16 58.25 76.74 77.66 87.95"/>
+        </clipPath>
+        <clipPath id="clip-path-46">
+            <polygon class="cls-1" points="19.42 54.32 38.83 65.53 38.83 87.95 19.42 76.74 19.42 54.32"/>
+        </clipPath>
+        <clipPath id="clip-path-47">
+            <polygon class="cls-1" points="38.83 65.53 38.83 87.95 19.42 99.16 19.42 76.74 38.83 65.53"/>
+        </clipPath>
+        <clipPath id="clip-path-48">
+            <polygon class="cls-1" points="19.42 76.74 19.42 99.16 0 87.95 0 65.53 19.42 76.74"/>
+        </clipPath>
+        <clipPath id="clip-path-49">
+            <polygon class="cls-1" points="38.83 65.53 58.25 76.74 58.25 99.16 38.83 87.95 38.83 65.53"/>
+        </clipPath>
+        <clipPath id="clip-path-50">
+            <polygon class="cls-1" points="58.25 76.74 58.25 99.16 38.83 110.37 38.83 87.95 58.25 76.74"/>
+        </clipPath>
+        <clipPath id="clip-path-51">
+            <polygon class="cls-1" points="38.83 87.95 38.83 110.37 19.42 99.16 19.42 76.74 38.83 87.95"/>
+        </clipPath>
+        <clipPath id="clip-path-52">
+            <polygon class="cls-1" points="58.25 76.74 77.66 87.95 77.66 110.37 58.25 99.16 58.25 76.74"/>
+        </clipPath>
+        <clipPath id="clip-path-53">
+            <polygon class="cls-1" points="77.66 87.95 77.66 110.37 58.25 121.58 58.25 99.16 77.66 87.95"/>
+        </clipPath>
+        <clipPath id="clip-path-54">
+            <polygon class="cls-1" points="58.25 99.16 58.25 121.58 38.83 110.37 38.83 87.95 58.25 99.16"/>
+        </clipPath>
+        <clipPath id="clip-path-55">
+            <polygon class="cls-1" points="58.25 9.48 77.66 20.69 77.66 43.11 58.25 31.9 58.25 9.48"/>
+        </clipPath>
+        <clipPath id="clip-path-56">
+            <polygon class="cls-1" points="77.66 20.69 77.66 43.11 58.25 54.32 58.25 31.9 77.66 20.69"/>
+        </clipPath>
+        <clipPath id="clip-path-57">
+            <polygon class="cls-1" points="58.25 31.9 58.25 54.32 38.83 43.11 38.83 20.69 58.25 31.9"/>
+        </clipPath>
+        <clipPath id="clip-path-58">
+            <polygon class="cls-1" points="58.25 31.9 77.66 43.11 77.66 65.53 58.25 54.32 58.25 31.9"/>
+        </clipPath>
+        <clipPath id="clip-path-59">
+            <polygon class="cls-1" points="77.66 43.11 77.66 65.53 58.25 76.74 58.25 54.32 77.66 43.11"/>
+        </clipPath>
+        <clipPath id="clip-path-60">
+            <polygon class="cls-1" points="58.25 54.32 58.25 76.74 38.83 65.53 38.83 43.11 58.25 54.32"/>
+        </clipPath>
+        <clipPath id="clip-path-61">
+            <polygon class="cls-1" points="77.66 20.69 97.08 31.9 97.08 54.32 77.66 43.11 77.66 20.69"/>
+        </clipPath>
+        <clipPath id="clip-path-62">
+            <polygon class="cls-1" points="97.08 31.9 97.08 54.32 77.66 65.53 77.66 43.11 97.08 31.9"/>
+        </clipPath>
+        <clipPath id="clip-path-63">
+            <polygon class="cls-1" points="77.66 43.11 77.66 65.53 58.25 54.32 58.25 31.9 77.66 43.11"/>
+        </clipPath>
+        <clipPath id="clip-path-64">
+            <polygon class="cls-1" points="38.83 20.69 58.25 31.9 58.25 54.32 38.83 43.11 38.83 20.69"/>
+        </clipPath>
+        <clipPath id="clip-path-65">
+            <polygon class="cls-1" points="58.25 31.9 58.25 54.32 38.83 65.53 38.83 43.11 58.25 31.9"/>
+        </clipPath>
+        <clipPath id="clip-path-66">
+            <polygon class="cls-1" points="38.83 43.11 38.83 65.53 19.42 54.32 19.42 31.9 38.83 43.11"/>
+        </clipPath>
+        <clipPath id="clip-path-69">
+            <polygon class="cls-1" points="19.42 31.9 38.83 43.11 38.83 65.53 19.42 54.32 19.42 31.9"/>
+        </clipPath>
+        <clipPath id="clip-path-70">
+            <polygon class="cls-1" points="38.83 43.11 38.83 65.53 19.42 76.74 19.42 54.32 38.83 43.11"/>
+        </clipPath>
+        <clipPath id="clip-path-71">
+            <polygon class="cls-1" points="19.42 54.32 19.42 76.74 0 65.53 0 43.11 19.42 54.32"/>
+        </clipPath>
+        <clipPath id="clip-path-72">
+            <polygon class="cls-1" points="38.83 43.11 58.25 54.32 58.25 76.74 38.83 65.53 38.83 43.11"/>
+        </clipPath>
+        <clipPath id="clip-path-73">
+            <polygon class="cls-1" points="58.25 54.32 58.25 76.74 38.83 87.95 38.83 65.53 58.25 54.32"/>
+        </clipPath>
+        <clipPath id="clip-path-74">
+            <polygon class="cls-1" points="38.83 65.53 38.83 87.95 19.42 76.74 19.42 54.32 38.83 65.53"/>
+        </clipPath>
+        <clipPath id="clip-path-75">
+            <polygon class="cls-1" points="97.08 31.9 116.5 43.11 116.5 65.53 97.08 54.32 97.08 31.9"/>
+        </clipPath>
+        <clipPath id="clip-path-76">
+            <polygon class="cls-1" points="116.5 43.11 116.5 65.53 97.08 76.74 97.08 54.32 116.5 43.11"/>
+        </clipPath>
+        <clipPath id="clip-path-77">
+            <polygon class="cls-1" points="97.08 54.32 97.08 76.74 77.66 65.53 77.66 43.11 97.08 54.32"/>
+        </clipPath>
+        <clipPath id="clip-path-78">
+            <polygon class="cls-1" points="77.66 43.11 97.08 54.32 97.08 76.74 77.66 65.53 77.66 43.11"/>
+        </clipPath>
+        <clipPath id="clip-path-79">
+            <polygon class="cls-1" points="97.08 54.32 97.08 76.74 77.66 87.95 77.66 65.53 97.08 54.32"/>
+        </clipPath>
+        <clipPath id="clip-path-80">
+            <polygon class="cls-1" points="77.66 65.53 77.66 87.95 58.25 76.74 58.25 54.32 77.66 65.53"/>
+        </clipPath>
+        <clipPath id="clip-path-81">
+            <polygon class="cls-1" points="58.25 0 77.66 11.21 77.66 33.63 58.25 22.42 58.25 0"/>
+        </clipPath>
+        <clipPath id="clip-path-82">
+            <polygon class="cls-1" points="77.66 11.21 77.66 33.63 58.25 44.84 58.25 22.42 77.66 11.21"/>
+        </clipPath>
+        <clipPath id="clip-path-83">
+            <polygon class="cls-1" points="58.25 22.42 58.25 44.84 38.83 33.63 38.83 11.21 58.25 22.42"/>
+        </clipPath>
+    </defs>
+    <g class="cls-2">
+        <g class="cls-3">
+            <g class="cls-3">
+                <polygon class="cls-1" points="58.25 54.32 77.66 65.53 77.66 87.95 58.25 76.74 58.25 54.32"/>
+                <g class="cls-4">
+                    <polygon class="cls-1" points="58.25 54.32 77.66 65.53 77.66 87.95 58.25 76.74 58.25 54.32"/>
+                </g>
+            </g>
+            <g class="cls-3">
+                <polygon class="cls-1" points="77.66 65.53 77.66 87.95 58.25 99.16 58.25 76.74 77.66 65.53"/>
+                <g class="cls-5">
+                    <polygon class="cls-6" points="77.66 65.53 77.66 87.95 58.25 99.16 58.25 76.74 77.66 65.53"/>
+                </g>
+            </g>
+            <g class="cls-3">
+                <polygon class="cls-1" points="58.25 76.74 58.25 99.16 38.83 87.95 38.83 65.53 58.25 76.74"/>
+                <g class="cls-7">
+                    <polygon class="cls-8" points="58.25 76.74 58.25 99.16 38.83 87.95 38.83 65.53 58.25 76.74"/>
+                </g>
+            </g>
+        </g>
+    </g>
+    <polygon class="cls-9" points="38.83 65.53 58.25 54.32 77.66 65.53 58.25 76.74 38.83 65.53"/>
+    <g class="cls-2">
+        <g class="cls-3">
+            <g class="cls-3">
+                <polygon class="cls-1" points="77.66 65.53 97.08 76.74 97.08 99.16 77.66 87.95 77.66 65.53"/>
+                <g class="cls-10">
+                    <polygon class="cls-1" points="77.66 65.53 97.08 76.74 97.08 99.16 77.66 87.95 77.66 65.53"/>
+                </g>
+            </g>
+            <g class="cls-3">
+                <polygon class="cls-1" points="97.08 76.74 97.08 99.16 77.66 110.37 77.66 87.95 97.08 76.74"/>
+                <g class="cls-11">
+                    <polygon class="cls-6" points="97.08 76.74 97.08 99.16 77.66 110.37 77.66 87.95 97.08 76.74"/>
+                </g>
+            </g>
+            <g class="cls-3">
+                <polygon class="cls-1" points="77.66 87.95 77.66 110.37 58.25 99.16 58.25 76.74 77.66 87.95"/>
+                <g class="cls-12">
+                    <polygon class="cls-8" points="77.66 87.95 77.66 110.37 58.25 99.16 58.25 76.74 77.66 87.95"/>
+                </g>
+            </g>
+        </g>
+    </g>
+    <polygon class="cls-9" points="58.25 76.74 77.66 65.53 97.08 76.74 77.66 87.95 58.25 76.74"/>
+    <g class="cls-2">
+        <g class="cls-3">
+            <g class="cls-3">
+                <polygon class="cls-1" points="58.25 76.74 77.66 87.95 77.66 110.37 58.25 99.16 58.25 76.74"/>
+                <g class="cls-13">
+                    <polygon class="cls-1" points="58.25 76.74 77.66 87.95 77.66 110.37 58.25 99.16 58.25 76.74"/>
+                </g>
+            </g>
+            <g class="cls-3">
+                <polygon class="cls-1" points="77.66 87.95 77.66 110.37 58.25 121.58 58.25 99.16 77.66 87.95"/>
+                <g class="cls-14">
+                    <polygon class="cls-6" points="77.66 87.95 77.66 110.37 58.25 121.58 58.25 99.16 77.66 87.95"/>
+                </g>
+            </g>
+            <g class="cls-3">
+                <polygon class="cls-1" points="58.25 99.16 58.25 121.58 38.83 110.37 38.83 87.95 58.25 99.16"/>
+                <g class="cls-15">
+                    <polygon class="cls-8" points="58.25 99.16 58.25 121.58 38.83 110.37 38.83 87.95 58.25 99.16"/>
+                </g>
+            </g>
+        </g>
+    </g>
+    <polygon class="cls-9" points="38.83 87.95 58.25 76.74 77.66 87.95 58.25 99.16 38.83 87.95"/>
+    <g class="cls-2">
+        <g class="cls-3">
+            <g class="cls-3">
+                <polygon class="cls-1" points="38.83 65.53 58.25 76.74 58.25 99.16 38.83 87.95 38.83 65.53"/>
+                <g class="cls-16">
+                    <polygon class="cls-1" points="38.83 65.53 58.25 76.74 58.25 99.16 38.83 87.95 38.83 65.53"/>
+                </g>
+            </g>
+            <g class="cls-3">
+                <polygon class="cls-1" points="58.25 76.74 58.25 99.16 38.83 110.37 38.83 87.95 58.25 76.74"/>
+                <g class="cls-17">
+                    <polygon class="cls-6" points="58.25 76.74 58.25 99.16 38.83 110.37 38.83 87.95 58.25 76.74"/>
+                </g>
+            </g>
+            <g class="cls-3">
+                <polygon class="cls-1" points="38.83 87.95 38.83 110.37 19.42 99.16 19.42 76.74 38.83 87.95"/>
+                <g class="cls-18">
+                    <polygon class="cls-8" points="38.83 87.95 38.83 110.37 19.42 99.16 19.42 76.74 38.83 87.95"/>
+                </g>
+            </g>
+        </g>
+    </g>
+    <polygon class="cls-9" points="19.42 76.74 38.83 65.53 58.25 76.74 38.83 87.95 19.42 76.74"/>
+    <g class="cls-2">
+        <g class="cls-3">
+            <g class="cls-3">
+                <polygon class="cls-1" points="19.42 76.74 38.83 87.95 38.83 110.37 19.42 99.16 19.42 76.74"/>
+                <g class="cls-19">
+                    <polygon class="cls-1" points="19.42 76.74 38.83 87.95 38.83 110.37 19.42 99.16 19.42 76.74"/>
+                </g>
+            </g>
+            <g class="cls-3">
+                <polygon class="cls-1" points="38.83 87.95 38.83 110.37 19.42 121.58 19.42 99.16 38.83 87.95"/>
+                <g class="cls-20">
+                    <polygon class="cls-6" points="38.83 87.95 38.83 110.37 19.42 121.58 19.42 99.16 38.83 87.95"/>
+                </g>
+            </g>
+            <g class="cls-3">
+                <polygon class="cls-1" points="19.42 99.16 19.42 121.58 0 110.37 0 87.95 19.42 99.16"/>
+                <g class="cls-21">
+                    <polygon class="cls-8" points="19.42 99.16 19.42 121.58 0 110.37 0 87.95 19.42 99.16"/>
+                </g>
+            </g>
+        </g>
+    </g>
+    <polygon class="cls-9" points="0 87.95 19.42 76.74 38.83 87.95 19.42 99.16 0 87.95"/>
+    <g class="cls-2">
+        <g class="cls-3">
+            <g class="cls-3">
+                <polygon class="cls-1" points="38.83 87.95 58.25 99.16 58.25 121.58 38.83 110.37 38.83 87.95"/>
+                <g class="cls-22">
+                    <polygon class="cls-1" points="38.83 87.95 58.25 99.16 58.25 121.58 38.83 110.37 38.83 87.95"/>
+                </g>
+            </g>
+            <g class="cls-3">
+                <polygon class="cls-1" points="58.25 99.16 58.25 121.58 38.83 132.79 38.83 110.37 58.25 99.16"/>
+                <g class="cls-23">
+                    <polygon class="cls-6" points="58.25 99.16 58.25 121.58 38.83 132.79 38.83 110.37 58.25 99.16"/>
+                </g>
+            </g>
+            <g class="cls-3">
+                <polygon class="cls-1" points="38.83 110.37 38.83 132.79 19.42 121.58 19.42 99.16 38.83 110.37"/>
+                <g class="cls-24">
+                    <polygon class="cls-8" points="38.83 110.37 38.83 132.79 19.42 121.58 19.42 99.16 38.83 110.37"/>
+                </g>
+            </g>
+        </g>
+    </g>
+    <polygon class="cls-9" points="19.42 99.16 38.83 87.95 58.25 99.16 38.83 110.37 19.42 99.16"/>
+    <g class="cls-2">
+        <g class="cls-3">
+            <g class="cls-3">
+                <polygon class="cls-1" points="97.08 76.74 116.5 87.95 116.5 110.37 97.08 99.16 97.08 76.74"/>
+                <g class="cls-25">
+                    <polygon class="cls-1" points="97.08 76.74 116.5 87.95 116.5 110.37 97.08 99.16 97.08 76.74"/>
+                </g>
+            </g>
+            <g class="cls-3">
+                <polygon class="cls-1" points="116.5 87.95 116.5 110.37 97.08 121.58 97.08 99.16 116.5 87.95"/>
+                <g class="cls-26">
+                    <polygon class="cls-6" points="116.5 87.95 116.5 110.37 97.08 121.58 97.08 99.16 116.5 87.95"/>
+                </g>
+            </g>
+            <g class="cls-3">
+                <polygon class="cls-1" points="97.08 99.16 97.08 121.58 77.66 110.37 77.66 87.95 97.08 99.16"/>
+                <g class="cls-27">
+                    <polygon class="cls-8" points="97.08 99.16 97.08 121.58 77.66 110.37 77.66 87.95 97.08 99.16"/>
+                </g>
+            </g>
+        </g>
+    </g>
+    <polygon class="cls-9" points="77.66 87.95 97.08 76.74 116.5 87.95 97.08 99.16 77.66 87.95"/>
+    <g class="cls-2">
+        <g class="cls-3">
+            <g class="cls-3">
+                <polygon class="cls-1" points="77.66 87.95 97.08 99.16 97.08 121.58 77.66 110.37 77.66 87.95"/>
+                <g class="cls-28">
+                    <polygon class="cls-1" points="77.66 87.95 97.08 99.16 97.08 121.58 77.66 110.37 77.66 87.95"/>
+                </g>
+            </g>
+            <g class="cls-3">
+                <polygon class="cls-1" points="97.08 99.16 97.08 121.58 77.66 132.79 77.66 110.37 97.08 99.16"/>
+                <g class="cls-29">
+                    <polygon class="cls-6" points="97.08 99.16 97.08 121.58 77.66 132.79 77.66 110.37 97.08 99.16"/>
+                </g>
+            </g>
+            <g class="cls-3">
+                <polygon class="cls-1" points="77.66 110.37 77.66 132.79 58.25 121.58 58.25 99.16 77.66 110.37"/>
+                <g class="cls-30">
+                    <polygon class="cls-8" points="77.66 110.37 77.66 132.79 58.25 121.58 58.25 99.16 77.66 110.37"/>
+                </g>
+            </g>
+        </g>
+    </g>
+    <polygon class="cls-9" points="58.25 99.16 77.66 87.95 97.08 99.16 77.66 110.37 58.25 99.16"/>
+    <g class="cls-2">
+        <g class="cls-3">
+            <g class="cls-3">
+                <polygon class="cls-1" points="58.25 99.16 77.66 110.37 77.66 132.79 58.25 121.58 58.25 99.16"/>
+                <g class="cls-31">
+                    <polygon class="cls-1" points="58.25 99.16 77.66 110.37 77.66 132.79 58.25 121.58 58.25 99.16"/>
+                </g>
+            </g>
+            <g class="cls-3">
+                <polygon class="cls-1" points="77.66 110.37 77.66 132.79 58.25 144 58.25 121.58 77.66 110.37"/>
+                <g class="cls-32">
+                    <polygon class="cls-6" points="77.66 110.37 77.66 132.79 58.25 144 58.25 121.58 77.66 110.37"/>
+                </g>
+            </g>
+            <g class="cls-3">
+                <polygon class="cls-1" points="58.25 121.58 58.25 144 38.83 132.79 38.83 110.37 58.25 121.58"/>
+                <g class="cls-33">
+                    <polygon class="cls-8" points="58.25 121.58 58.25 144 38.83 132.79 38.83 110.37 58.25 121.58"/>
+                </g>
+            </g>
+        </g>
+    </g>
+    <polygon class="cls-9" points="38.83 110.37 58.25 99.16 77.66 110.37 58.25 121.58 38.83 110.37"/>
+    <g class="cls-2">
+        <g class="cls-3">
+            <g class="cls-3">
+                <polygon class="cls-1" points="58.25 31.9 77.66 43.11 77.66 65.53 58.25 54.32 58.25 31.9"/>
+                <g class="cls-34">
+                    <polygon class="cls-1" points="58.25 31.9 77.66 43.11 77.66 65.53 58.25 54.32 58.25 31.9"/>
+                </g>
+            </g>
+            <g class="cls-3">
+                <polygon class="cls-1" points="77.66 43.11 77.66 65.53 58.25 76.74 58.25 54.32 77.66 43.11"/>
+                <g class="cls-35">
+                    <polygon class="cls-6" points="77.66 43.11 77.66 65.53 58.25 76.74 58.25 54.32 77.66 43.11"/>
+                </g>
+            </g>
+            <g class="cls-3">
+                <polygon class="cls-1" points="58.25 54.32 58.25 76.74 38.83 65.53 38.83 43.11 58.25 54.32"/>
+                <g class="cls-36">
+                    <polygon class="cls-8" points="58.25 54.32 58.25 76.74 38.83 65.53 38.83 43.11 58.25 54.32"/>
+                </g>
+            </g>
+        </g>
+    </g>
+    <polygon class="cls-9" points="38.83 43.11 58.25 31.9 77.66 43.11 58.25 54.32 38.83 43.11"/>
+    <g class="cls-2">
+        <g class="cls-3">
+            <g class="cls-3">
+                <polygon class="cls-1" points="77.66 43.11 97.08 54.32 97.08 76.74 77.66 65.53 77.66 43.11"/>
+                <g class="cls-37">
+                    <polygon class="cls-1" points="77.66 43.11 97.08 54.32 97.08 76.74 77.66 65.53 77.66 43.11"/>
+                </g>
+            </g>
+            <g class="cls-3">
+                <polygon class="cls-1" points="97.08 54.32 97.08 76.74 77.66 87.95 77.66 65.53 97.08 54.32"/>
+                <g class="cls-38">
+                    <polygon class="cls-6" points="97.08 54.32 97.08 76.74 77.66 87.95 77.66 65.53 97.08 54.32"/>
+                </g>
+            </g>
+            <g class="cls-3">
+                <polygon class="cls-1" points="77.66 65.53 77.66 87.95 58.25 76.74 58.25 54.32 77.66 65.53"/>
+                <g class="cls-39">
+                    <polygon class="cls-8" points="77.66 65.53 77.66 87.95 58.25 76.74 58.25 54.32 77.66 65.53"/>
+                </g>
+            </g>
+        </g>
+    </g>
+    <polygon class="cls-9" points="58.25 54.32 77.66 43.11 97.08 54.32 77.66 65.53 58.25 54.32"/>
+    <g class="cls-2">
+        <g class="cls-3">
+            <g class="cls-3">
+                <polygon class="cls-1" points="97.08 54.32 116.5 65.53 116.5 87.95 97.08 76.74 97.08 54.32"/>
+                <g class="cls-40">
+                    <polygon class="cls-1" points="97.08 54.32 116.5 65.53 116.5 87.95 97.08 76.74 97.08 54.32"/>
+                </g>
+            </g>
+            <g class="cls-3">
+                <polygon class="cls-1" points="116.5 65.53 116.5 87.95 97.08 99.16 97.08 76.74 116.5 65.53"/>
+                <g class="cls-41">
+                    <polygon class="cls-6" points="116.5 65.53 116.5 87.95 97.08 99.16 97.08 76.74 116.5 65.53"/>
+                </g>
+            </g>
+            <g class="cls-3">
+                <polygon class="cls-1" points="97.08 76.74 97.08 99.16 77.66 87.95 77.66 65.53 97.08 76.74"/>
+                <g class="cls-42">
+                    <polygon class="cls-8" points="97.08 76.74 97.08 99.16 77.66 87.95 77.66 65.53 97.08 76.74"/>
+                </g>
+            </g>
+        </g>
+    </g>
+    <polygon class="cls-9" points="77.66 65.53 97.08 54.32 116.5 65.53 97.08 76.74 77.66 65.53"/>
+    <g class="cls-2">
+        <g class="cls-3">
+            <g class="cls-3">
+                <polygon class="cls-1" points="58.25 54.32 77.66 65.53 77.66 87.95 58.25 76.74 58.25 54.32"/>
+                <g class="cls-43">
+                    <polygon class="cls-1" points="58.25 54.32 77.66 65.53 77.66 87.95 58.25 76.74 58.25 54.32"/>
+                </g>
+            </g>
+            <g class="cls-3">
+                <polygon class="cls-1" points="77.66 65.53 77.66 87.95 58.25 99.16 58.25 76.74 77.66 65.53"/>
+                <g class="cls-44">
+                    <polygon class="cls-6" points="77.66 65.53 77.66 87.95 58.25 99.16 58.25 76.74 77.66 65.53"/>
+                </g>
+            </g>
+            <g class="cls-3">
+                <polygon class="cls-1" points="58.25 76.74 58.25 99.16 38.83 87.95 38.83 65.53 58.25 76.74"/>
+                <g class="cls-45">
+                    <polygon class="cls-8" points="58.25 76.74 58.25 99.16 38.83 87.95 38.83 65.53 58.25 76.74"/>
+                </g>
+            </g>
+        </g>
+    </g>
+    <polygon class="cls-9" points="38.83 65.53 58.25 54.32 77.66 65.53 58.25 76.74 38.83 65.53"/>
+    <g class="cls-2">
+        <g class="cls-3">
+            <g class="cls-3">
+                <polygon class="cls-1" points="38.83 43.11 58.25 54.32 58.25 76.74 38.83 65.53 38.83 43.11"/>
+                <g class="cls-46">
+                    <polygon class="cls-1" points="38.83 43.11 58.25 54.32 58.25 76.74 38.83 65.53 38.83 43.11"/>
+                </g>
+            </g>
+            <g class="cls-3">
+                <polygon class="cls-1" points="58.25 54.32 58.25 76.74 38.83 87.95 38.83 65.53 58.25 54.32"/>
+                <g class="cls-47">
+                    <polygon class="cls-6" points="58.25 54.32 58.25 76.74 38.83 87.95 38.83 65.53 58.25 54.32"/>
+                </g>
+            </g>
+            <g class="cls-3">
+                <polygon class="cls-1" points="38.83 65.53 38.83 87.95 19.42 76.74 19.42 54.32 38.83 65.53"/>
+                <g class="cls-48">
+                    <polygon class="cls-8" points="38.83 65.53 38.83 87.95 19.42 76.74 19.42 54.32 38.83 65.53"/>
+                </g>
+            </g>
+        </g>
+    </g>
+    <polygon class="cls-9" points="19.42 54.32 38.83 43.11 58.25 54.32 38.83 65.53 19.42 54.32"/>
+    <g class="cls-2">
+        <g class="cls-3">
+            <g class="cls-3">
+                <polygon class="cls-1" points="77.66 65.53 97.08 76.74 97.08 99.16 77.66 87.95 77.66 65.53"/>
+                <g class="cls-49">
+                    <polygon class="cls-1" points="77.66 65.53 97.08 76.74 97.08 99.16 77.66 87.95 77.66 65.53"/>
+                </g>
+            </g>
+            <g class="cls-3">
+                <polygon class="cls-1" points="97.08 76.74 97.08 99.16 77.66 110.37 77.66 87.95 97.08 76.74"/>
+                <g class="cls-50">
+                    <polygon class="cls-6" points="97.08 76.74 97.08 99.16 77.66 110.37 77.66 87.95 97.08 76.74"/>
+                </g>
+            </g>
+            <g class="cls-3">
+                <polygon class="cls-1" points="77.66 87.95 77.66 110.37 58.25 99.16 58.25 76.74 77.66 87.95"/>
+                <g class="cls-51">
+                    <polygon class="cls-8" points="77.66 87.95 77.66 110.37 58.25 99.16 58.25 76.74 77.66 87.95"/>
+                </g>
+            </g>
+        </g>
+    </g>
+    <polygon class="cls-9" points="58.25 76.74 77.66 65.53 97.08 76.74 77.66 87.95 58.25 76.74"/>
+    <g class="cls-2">
+        <g class="cls-3">
+            <g class="cls-3">
+                <polygon class="cls-1" points="19.42 54.32 38.83 65.53 38.83 87.95 19.42 76.74 19.42 54.32"/>
+                <g class="cls-52">
+                    <polygon class="cls-1" points="19.42 54.32 38.83 65.53 38.83 87.95 19.42 76.74 19.42 54.32"/>
+                </g>
+            </g>
+            <g class="cls-3">
+                <polygon class="cls-1" points="38.83 65.53 38.83 87.95 19.42 99.16 19.42 76.74 38.83 65.53"/>
+                <g class="cls-53">
+                    <polygon class="cls-6" points="38.83 65.53 38.83 87.95 19.42 99.16 19.42 76.74 38.83 65.53"/>
+                </g>
+            </g>
+            <g class="cls-3">
+                <polygon class="cls-1" points="19.42 76.74 19.42 99.16 0 87.95 0 65.53 19.42 76.74"/>
+                <g class="cls-54">
+                    <polygon class="cls-8" points="19.42 76.74 19.42 99.16 0 87.95 0 65.53 19.42 76.74"/>
+                </g>
+            </g>
+        </g>
+    </g>
+    <polygon class="cls-9" points="0 65.53 19.42 54.32 38.83 65.53 19.42 76.74 0 65.53"/>
+    <g class="cls-2">
+        <g class="cls-3">
+            <g class="cls-3">
+                <polygon class="cls-1" points="38.83 65.53 58.25 76.74 58.25 99.16 38.83 87.95 38.83 65.53"/>
+                <g class="cls-55">
+                    <polygon class="cls-1" points="38.83 65.53 58.25 76.74 58.25 99.16 38.83 87.95 38.83 65.53"/>
+                </g>
+            </g>
+            <g class="cls-3">
+                <polygon class="cls-1" points="58.25 76.74 58.25 99.16 38.83 110.37 38.83 87.95 58.25 76.74"/>
+                <g class="cls-56">
+                    <polygon class="cls-6" points="58.25 76.74 58.25 99.16 38.83 110.37 38.83 87.95 58.25 76.74"/>
+                </g>
+            </g>
+            <g class="cls-3">
+                <polygon class="cls-1" points="38.83 87.95 38.83 110.37 19.42 99.16 19.42 76.74 38.83 87.95"/>
+                <g class="cls-57">
+                    <polygon class="cls-8" points="38.83 87.95 38.83 110.37 19.42 99.16 19.42 76.74 38.83 87.95"/>
+                </g>
+            </g>
+        </g>
+    </g>
+    <polygon class="cls-9" points="19.42 76.74 38.83 65.53 58.25 76.74 38.83 87.95 19.42 76.74"/>
+    <g class="cls-2">
+        <g class="cls-3">
+            <g class="cls-3">
+                <polygon class="cls-1" points="58.25 76.74 77.66 87.95 77.66 110.37 58.25 99.16 58.25 76.74"/>
+                <g class="cls-58">
+                    <polygon class="cls-1" points="58.25 76.74 77.66 87.95 77.66 110.37 58.25 99.16 58.25 76.74"/>
+                </g>
+            </g>
+            <g class="cls-3">
+                <polygon class="cls-1" points="77.66 87.95 77.66 110.37 58.25 121.58 58.25 99.16 77.66 87.95"/>
+                <g class="cls-59">
+                    <polygon class="cls-6" points="77.66 87.95 77.66 110.37 58.25 121.58 58.25 99.16 77.66 87.95"/>
+                </g>
+            </g>
+            <g class="cls-3">
+                <polygon class="cls-1" points="58.25 99.16 58.25 121.58 38.83 110.37 38.83 87.95 58.25 99.16"/>
+                <g class="cls-60">
+                    <polygon class="cls-8" points="58.25 99.16 58.25 121.58 38.83 110.37 38.83 87.95 58.25 99.16"/>
+                </g>
+            </g>
+        </g>
+    </g>
+    <polygon class="cls-9" points="38.83 87.95 58.25 76.74 77.66 87.95 58.25 99.16 38.83 87.95"/>
+    <g class="cls-2">
+        <g class="cls-3">
+            <g class="cls-3">
+                <polygon class="cls-1" points="58.25 9.48 77.66 20.69 77.66 43.11 58.25 31.9 58.25 9.48"/>
+                <g class="cls-61">
+                    <polygon class="cls-1" points="58.25 9.48 77.66 20.69 77.66 43.11 58.25 31.9 58.25 9.48"/>
+                </g>
+            </g>
+            <g class="cls-3">
+                <polygon class="cls-1" points="77.66 20.69 77.66 43.11 58.25 54.32 58.25 31.9 77.66 20.69"/>
+                <g class="cls-62">
+                    <polygon class="cls-6" points="77.66 20.69 77.66 43.11 58.25 54.32 58.25 31.9 77.66 20.69"/>
+                </g>
+            </g>
+            <g class="cls-3">
+                <polygon class="cls-1" points="58.25 31.9 58.25 54.32 38.83 43.11 38.83 20.69 58.25 31.9"/>
+                <g class="cls-63">
+                    <polygon class="cls-8" points="58.25 31.9 58.25 54.32 38.83 43.11 38.83 20.69 58.25 31.9"/>
+                </g>
+            </g>
+        </g>
+    </g>
+    <polygon class="cls-9" points="38.83 20.69 58.25 9.48 77.66 20.69 58.25 31.9 38.83 20.69"/>
+    <g class="cls-2">
+        <g class="cls-3">
+            <g class="cls-3">
+                <polygon class="cls-1" points="58.25 31.9 77.66 43.11 77.66 65.53 58.25 54.32 58.25 31.9"/>
+                <g class="cls-64">
+                    <polygon class="cls-1" points="58.25 31.9 77.66 43.11 77.66 65.53 58.25 54.32 58.25 31.9"/>
+                </g>
+            </g>
+            <g class="cls-3">
+                <polygon class="cls-1" points="77.66 43.11 77.66 65.53 58.25 76.74 58.25 54.32 77.66 43.11"/>
+                <g class="cls-65">
+                    <polygon class="cls-6" points="77.66 43.11 77.66 65.53 58.25 76.74 58.25 54.32 77.66 43.11"/>
+                </g>
+            </g>
+            <g class="cls-3">
+                <polygon class="cls-1" points="58.25 54.32 58.25 76.74 38.83 65.53 38.83 43.11 58.25 54.32"/>
+                <g class="cls-66">
+                    <polygon class="cls-8" points="58.25 54.32 58.25 76.74 38.83 65.53 38.83 43.11 58.25 54.32"/>
+                </g>
+            </g>
+        </g>
+    </g>
+    <polygon class="cls-9" points="38.83 43.11 58.25 31.9 77.66 43.11 58.25 54.32 38.83 43.11"/>
+    <g class="cls-2">
+        <g class="cls-3">
+            <g class="cls-3">
+                <polygon class="cls-1" points="77.66 20.69 97.08 31.9 97.08 54.32 77.66 43.11 77.66 20.69"/>
+                <g class="cls-67">
+                    <polygon class="cls-1" points="77.66 20.69 97.08 31.9 97.08 54.32 77.66 43.11 77.66 20.69"/>
+                </g>
+            </g>
+            <g class="cls-3">
+                <polygon class="cls-1" points="97.08 31.9 97.08 54.32 77.66 65.53 77.66 43.11 97.08 31.9"/>
+                <g class="cls-68">
+                    <polygon class="cls-6" points="97.08 31.9 97.08 54.32 77.66 65.53 77.66 43.11 97.08 31.9"/>
+                </g>
+            </g>
+            <g class="cls-3">
+                <polygon class="cls-1" points="77.66 43.11 77.66 65.53 58.25 54.32 58.25 31.9 77.66 43.11"/>
+                <g class="cls-69">
+                    <polygon class="cls-8" points="77.66 43.11 77.66 65.53 58.25 54.32 58.25 31.9 77.66 43.11"/>
+                </g>
+            </g>
+        </g>
+    </g>
+    <polygon class="cls-9" points="58.25 31.9 77.66 20.69 97.08 31.9 77.66 43.11 58.25 31.9"/>
+    <g class="cls-2">
+        <g class="cls-3">
+            <g class="cls-3">
+                <polygon class="cls-1" points="38.83 20.69 58.25 31.9 58.25 54.32 38.83 43.11 38.83 20.69"/>
+                <g class="cls-70">
+                    <polygon class="cls-1" points="38.83 20.69 58.25 31.9 58.25 54.32 38.83 43.11 38.83 20.69"/>
+                </g>
+            </g>
+            <g class="cls-3">
+                <polygon class="cls-1" points="58.25 31.9 58.25 54.32 38.83 65.53 38.83 43.11 58.25 31.9"/>
+                <g class="cls-71">
+                    <polygon class="cls-6" points="58.25 31.9 58.25 54.32 38.83 65.53 38.83 43.11 58.25 31.9"/>
+                </g>
+            </g>
+            <g class="cls-3">
+                <polygon class="cls-1" points="38.83 43.11 38.83 65.53 19.42 54.32 19.42 31.9 38.83 43.11"/>
+                <g class="cls-72">
+                    <polygon class="cls-8" points="38.83 43.11 38.83 65.53 19.42 54.32 19.42 31.9 38.83 43.11"/>
+                </g>
+            </g>
+        </g>
+    </g>
+    <polygon class="cls-9" points="19.42 31.9 38.83 20.69 58.25 31.9 38.83 43.11 19.42 31.9"/>
+    <g class="cls-2">
+        <g class="cls-3">
+            <g class="cls-3">
+                <polygon class="cls-1" points="77.66 43.11 77.66 65.53 58.25 76.74 58.25 54.32 77.66 43.11"/>
+                <g class="cls-35">
+                    <polygon class="cls-6" points="77.66 43.11 77.66 65.53 58.25 76.74 58.25 54.32 77.66 43.11"/>
+                </g>
+            </g>
+            <g class="cls-3">
+                <polygon class="cls-1" points="58.25 54.32 58.25 76.74 38.83 65.53 38.83 43.11 58.25 54.32"/>
+                <g class="cls-36">
+                    <polygon class="cls-8" points="58.25 54.32 58.25 76.74 38.83 65.53 38.83 43.11 58.25 54.32"/>
+                </g>
+            </g>
+            <polygon class="cls-1" points="38.83 43.11 58.25 31.9 77.66 43.11 58.25 54.32 38.83 43.11"/>
+        </g>
+    </g>
+    <g class="cls-2">
+        <g class="cls-3">
+            <g class="cls-3">
+                <polygon class="cls-1" points="19.42 31.9 38.83 43.11 38.83 65.53 19.42 54.32 19.42 31.9"/>
+                <g class="cls-73">
+                    <polygon class="cls-1" points="19.42 31.9 38.83 43.11 38.83 65.53 19.42 54.32 19.42 31.9"/>
+                </g>
+            </g>
+            <g class="cls-3">
+                <polygon class="cls-1" points="38.83 43.11 38.83 65.53 19.42 76.74 19.42 54.32 38.83 43.11"/>
+                <g class="cls-74">
+                    <polygon class="cls-6" points="38.83 43.11 38.83 65.53 19.42 76.74 19.42 54.32 38.83 43.11"/>
+                </g>
+            </g>
+            <g class="cls-3">
+                <polygon class="cls-1" points="19.42 54.32 19.42 76.74 0 65.53 0 43.11 19.42 54.32"/>
+                <g class="cls-75">
+                    <polygon class="cls-8" points="19.42 54.32 19.42 76.74 0 65.53 0 43.11 19.42 54.32"/>
+                </g>
+            </g>
+        </g>
+    </g>
+    <polygon class="cls-9" points="0 43.11 19.42 31.9 38.83 43.11 19.42 54.32 0 43.11"/>
+    <g class="cls-2">
+        <g class="cls-3">
+            <g class="cls-3">
+                <polygon class="cls-1" points="38.83 43.11 58.25 54.32 58.25 76.74 38.83 65.53 38.83 43.11"/>
+                <g class="cls-76">
+                    <polygon class="cls-1" points="38.83 43.11 58.25 54.32 58.25 76.74 38.83 65.53 38.83 43.11"/>
+                </g>
+            </g>
+            <g class="cls-3">
+                <polygon class="cls-1" points="58.25 54.32 58.25 76.74 38.83 87.95 38.83 65.53 58.25 54.32"/>
+                <g class="cls-77">
+                    <polygon class="cls-6" points="58.25 54.32 58.25 76.74 38.83 87.95 38.83 65.53 58.25 54.32"/>
+                </g>
+            </g>
+            <g class="cls-3">
+                <polygon class="cls-1" points="38.83 65.53 38.83 87.95 19.42 76.74 19.42 54.32 38.83 65.53"/>
+                <g class="cls-78">
+                    <polygon class="cls-8" points="38.83 65.53 38.83 87.95 19.42 76.74 19.42 54.32 38.83 65.53"/>
+                </g>
+            </g>
+        </g>
+    </g>
+    <polygon class="cls-9" points="19.42 54.32 38.83 43.11 58.25 54.32 38.83 65.53 19.42 54.32"/>
+    <g class="cls-2">
+        <g class="cls-3">
+            <g class="cls-3">
+                <polygon class="cls-1" points="97.08 31.9 116.5 43.11 116.5 65.53 97.08 54.32 97.08 31.9"/>
+                <g class="cls-79">
+                    <polygon class="cls-1" points="97.08 31.9 116.5 43.11 116.5 65.53 97.08 54.32 97.08 31.9"/>
+                </g>
+            </g>
+            <g class="cls-3">
+                <polygon class="cls-1" points="116.5 43.11 116.5 65.53 97.08 76.74 97.08 54.32 116.5 43.11"/>
+                <g class="cls-80">
+                    <polygon class="cls-6" points="116.5 43.11 116.5 65.53 97.08 76.74 97.08 54.32 116.5 43.11"/>
+                </g>
+            </g>
+            <g class="cls-3">
+                <polygon class="cls-1" points="97.08 54.32 97.08 76.74 77.66 65.53 77.66 43.11 97.08 54.32"/>
+                <g class="cls-81">
+                    <polygon class="cls-8" points="97.08 54.32 97.08 76.74 77.66 65.53 77.66 43.11 97.08 54.32"/>
+                </g>
+            </g>
+        </g>
+    </g>
+    <polygon class="cls-9" points="77.66 43.11 97.08 31.9 116.5 43.11 97.08 54.32 77.66 43.11"/>
+    <g class="cls-2">
+        <g class="cls-3">
+            <g class="cls-3">
+                <polygon class="cls-1" points="77.66 43.11 97.08 54.32 97.08 76.74 77.66 65.53 77.66 43.11"/>
+                <g class="cls-82">
+                    <polygon class="cls-1" points="77.66 43.11 97.08 54.32 97.08 76.74 77.66 65.53 77.66 43.11"/>
+                </g>
+            </g>
+            <g class="cls-3">
+                <polygon class="cls-1" points="97.08 54.32 97.08 76.74 77.66 87.95 77.66 65.53 97.08 54.32"/>
+                <g class="cls-83">
+                    <polygon class="cls-6" points="97.08 54.32 97.08 76.74 77.66 87.95 77.66 65.53 97.08 54.32"/>
+                </g>
+            </g>
+            <g class="cls-3">
+                <polygon class="cls-1" points="77.66 65.53 77.66 87.95 58.25 76.74 58.25 54.32 77.66 65.53"/>
+                <g class="cls-84">
+                    <polygon class="cls-8" points="77.66 65.53 77.66 87.95 58.25 76.74 58.25 54.32 77.66 65.53"/>
+                </g>
+            </g>
+        </g>
+    </g>
+    <polygon class="cls-9" points="58.25 54.32 77.66 43.11 97.08 54.32 77.66 65.53 58.25 54.32"/>
+    <g class="cls-2">
+        <g class="cls-3">
+            <g class="cls-3">
+                <polygon class="cls-1" points="58.25 0 77.66 11.21 77.66 33.63 58.25 22.42 58.25 0"/>
+                <g class="cls-85">
+                    <polygon class="cls-1" points="58.25 0 77.66 11.21 77.66 33.63 58.25 22.42 58.25 0"/>
+                </g>
+            </g>
+            <g class="cls-3">
+                <polygon class="cls-1" points="77.66 11.21 77.66 33.63 58.25 44.84 58.25 22.42 77.66 11.21"/>
+                <g class="cls-86">
+                    <polygon class="cls-87" points="77.66 11.21 77.66 33.63 58.25 44.84 58.25 22.42 77.66 11.21"/>
+                </g>
+            </g>
+            <g class="cls-3">
+                <polygon class="cls-1" points="58.25 22.42 58.25 44.84 38.83 33.63 38.83 11.21 58.25 22.42"/>
+                <g class="cls-88">
+                    <polygon class="cls-89" points="58.25 22.42 58.25 44.84 38.83 33.63 38.83 11.21 58.25 22.42"/>
+                </g>
+            </g>
+        </g>
+    </g>
+    <polygon class="cls-90" points="38.83 11.21 58.25 0 77.66 11.21 58.25 22.42 38.83 11.21"/>
+</svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/compliance/keyboard.svg b/packages/admin-ui/src/styling/icons/compliance/keyboard.svg
index f7d68740..bee03752 100644
--- a/packages/admin-ui/src/styling/icons/compliance/keyboard.svg
+++ b/packages/admin-ui/src/styling/icons/compliance/keyboard.svg
@@ -1,5 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="72px" height="44px" viewBox="0 0 72 44" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="72px" height="44px" viewBox="0 0 72 44" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>entry-icon/keyboard</title>
     <g id="entry-icon/keyboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g id="Group-2-Copy-2" transform="translate(0.000000, 6.000000)" fill="#1B2559">
diff --git a/packages/admin-ui/src/styling/icons/compliance/keypad.svg b/packages/admin-ui/src/styling/icons/compliance/keypad.svg
index 02b01b3f..495c98f0 100644
--- a/packages/admin-ui/src/styling/icons/compliance/keypad.svg
+++ b/packages/admin-ui/src/styling/icons/compliance/keypad.svg
@@ -1,5 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="72px" height="44px" viewBox="0 0 72 44" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="72px" height="44px" viewBox="0 0 72 44" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>entry-icon/keypad</title>
     <g id="entry-icon/keypad" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g id="Group" transform="translate(20.000000, 0.000000)" fill="#1B2559">
diff --git a/packages/admin-ui/src/styling/icons/compliance/list.svg b/packages/admin-ui/src/styling/icons/compliance/list.svg
index 459fde15..e94cbb67 100644
--- a/packages/admin-ui/src/styling/icons/compliance/list.svg
+++ b/packages/admin-ui/src/styling/icons/compliance/list.svg
@@ -1,5 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="72px" height="44px" viewBox="0 0 72 44" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="72px" height="44px" viewBox="0 0 72 44" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>entry-icon/list</title>
     <g id="entry-icon/list" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g id="Group-4" transform="translate(8.000000, 0.000000)" fill="#1B2559">
diff --git a/packages/admin-ui/src/styling/icons/customer-nav/data/comet.svg b/packages/admin-ui/src/styling/icons/customer-nav/data/comet.svg
index 3504ab61..6ee63c8b 100644
--- a/packages/admin-ui/src/styling/icons/customer-nav/data/comet.svg
+++ b/packages/admin-ui/src/styling/icons/customer-nav/data/comet.svg
@@ -1,8 +1,11 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <g id="icon/customer-nav/data/comet" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M19,5 L19,10 C19,12.209139 14.9705627,14 10,14 C5.12689927,14 1.1537547,12.1492238 1,10 L1.00462428,5" id="Path-Copy-3" stroke="#5F668A" stroke-width="2"></path>
-        <path d="M19,10 L19,15 C19,17.209139 14.9705627,19 10,19 C5.12689927,19 1.1537547,17.1492238 1,15 L1.00462428,10" id="Path-Copy-3" stroke="#5F668A" stroke-width="2"></path>
+        <path d="M19,5 L19,10 C19,12.209139 14.9705627,14 10,14 C5.12689927,14 1.1537547,12.1492238 1,10 L1.00462428,5"
+              id="Path-Copy-3" stroke="#5F668A" stroke-width="2"></path>
+        <path d="M19,10 L19,15 C19,17.209139 14.9705627,19 10,19 C5.12689927,19 1.1537547,17.1492238 1,15 L1.00462428,10"
+              id="Path-Copy-3" stroke="#5F668A" stroke-width="2"></path>
         <ellipse id="Oval-Copy-3" stroke="#5F668A" stroke-width="2" cx="10" cy="5" rx="9" ry="4"></ellipse>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/customer-nav/data/white.svg b/packages/admin-ui/src/styling/icons/customer-nav/data/white.svg
index b517414e..37890014 100644
--- a/packages/admin-ui/src/styling/icons/customer-nav/data/white.svg
+++ b/packages/admin-ui/src/styling/icons/customer-nav/data/white.svg
@@ -1,8 +1,11 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <g id="icon/customer-nav/data/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M19,5 L19,10 C19,12.209139 14.9705627,14 10,14 C5.12689927,14 1.1537547,12.1492238 1,10 L1.00462428,5" id="Path-Copy-3" stroke="#FFFFFF" stroke-width="2"></path>
-        <path d="M19,10 L19,15 C19,17.209139 14.9705627,19 10,19 C5.12689927,19 1.1537547,17.1492238 1,15 L1.00462428,10" id="Path-Copy-3" stroke="#FFFFFF" stroke-width="2"></path>
+        <path d="M19,5 L19,10 C19,12.209139 14.9705627,14 10,14 C5.12689927,14 1.1537547,12.1492238 1,10 L1.00462428,5"
+              id="Path-Copy-3" stroke="#FFFFFF" stroke-width="2"></path>
+        <path d="M19,10 L19,15 C19,17.209139 14.9705627,19 10,19 C5.12689927,19 1.1537547,17.1492238 1,15 L1.00462428,10"
+              id="Path-Copy-3" stroke="#FFFFFF" stroke-width="2"></path>
         <ellipse id="Oval-Copy-3" stroke="#FFFFFF" stroke-width="2" cx="10" cy="5" rx="9" ry="4"></ellipse>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/customer-nav/data/zodiac.svg b/packages/admin-ui/src/styling/icons/customer-nav/data/zodiac.svg
index 735c8741..5c9e2b38 100644
--- a/packages/admin-ui/src/styling/icons/customer-nav/data/zodiac.svg
+++ b/packages/admin-ui/src/styling/icons/customer-nav/data/zodiac.svg
@@ -1,8 +1,11 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <g id="icon/customer-nav/data/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M19,5 L19,10 C19,12.209139 14.9705627,14 10,14 C5.12689927,14 1.1537547,12.1492238 1,10 L1.00462428,5" id="Path-Copy-3" stroke="#1B2559" stroke-width="2"></path>
-        <path d="M19,10 L19,15 C19,17.209139 14.9705627,19 10,19 C5.12689927,19 1.1537547,17.1492238 1,15 L1.00462428,10" id="Path-Copy-3" stroke="#1B2559" stroke-width="2"></path>
+        <path d="M19,5 L19,10 C19,12.209139 14.9705627,14 10,14 C5.12689927,14 1.1537547,12.1492238 1,10 L1.00462428,5"
+              id="Path-Copy-3" stroke="#1B2559" stroke-width="2"></path>
+        <path d="M19,10 L19,15 C19,17.209139 14.9705627,19 10,19 C5.12689927,19 1.1537547,17.1492238 1,15 L1.00462428,10"
+              id="Path-Copy-3" stroke="#1B2559" stroke-width="2"></path>
         <ellipse id="Oval-Copy-3" stroke="#1B2559" stroke-width="2" cx="10" cy="5" rx="9" ry="4"></ellipse>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/customer-nav/note/comet.svg b/packages/admin-ui/src/styling/icons/customer-nav/note/comet.svg
index 951e3108..51f39880 100644
--- a/packages/admin-ui/src/styling/icons/customer-nav/note/comet.svg
+++ b/packages/admin-ui/src/styling/icons/customer-nav/note/comet.svg
@@ -1,9 +1,12 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <g id="icon/customer-nav/note/comet" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M18,1 C18.2761424,1 18.5261424,1.11192881 18.7071068,1.29289322 C18.8880712,1.47385763 19,1.72385763 19,2 L19,2 L19,18 C19,18.2761424 18.8880712,18.5261424 18.7071068,18.7071068 C18.5261424,18.8880712 18.2761424,19 18,19 L18,19 L2,19 C1.72385763,19 1.47385763,18.8880712 1.29289322,18.7071068 C1.11192881,18.5261424 1,18.2761424 1,18 L1,18 L1,2 C1,1.72385763 1.11192881,1.47385763 1.29289322,1.29289322 C1.47385763,1.11192881 1.72385763,1 2,1 L2,1 Z" id="Rectangle" stroke="#5F668A" stroke-width="2"></path>
+        <path d="M18,1 C18.2761424,1 18.5261424,1.11192881 18.7071068,1.29289322 C18.8880712,1.47385763 19,1.72385763 19,2 L19,2 L19,18 C19,18.2761424 18.8880712,18.5261424 18.7071068,18.7071068 C18.5261424,18.8880712 18.2761424,19 18,19 L18,19 L2,19 C1.72385763,19 1.47385763,18.8880712 1.29289322,18.7071068 C1.11192881,18.5261424 1,18.2761424 1,18 L1,18 L1,2 C1,1.72385763 1.11192881,1.47385763 1.29289322,1.29289322 C1.47385763,1.11192881 1.72385763,1 2,1 L2,1 Z"
+              id="Rectangle" stroke="#5F668A" stroke-width="2"></path>
         <line x1="5" y1="5" x2="15" y2="5" id="Line-4" stroke="#5F668A" stroke-width="2" stroke-linecap="round"></line>
-        <line x1="5" y1="13" x2="10" y2="13" id="Line-4-Copy" stroke="#5F668A" stroke-width="2" stroke-linecap="round"></line>
+        <line x1="5" y1="13" x2="10" y2="13" id="Line-4-Copy" stroke="#5F668A" stroke-width="2"
+              stroke-linecap="round"></line>
         <line x1="5" y1="9" x2="15" y2="9" id="Line-4" stroke="#5F668A" stroke-width="2" stroke-linecap="round"></line>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/customer-nav/note/white.svg b/packages/admin-ui/src/styling/icons/customer-nav/note/white.svg
index def24ed8..764fe4ad 100644
--- a/packages/admin-ui/src/styling/icons/customer-nav/note/white.svg
+++ b/packages/admin-ui/src/styling/icons/customer-nav/note/white.svg
@@ -1,9 +1,12 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <g id="icon/customer-nav/note/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M18,1 C18.2761424,1 18.5261424,1.11192881 18.7071068,1.29289322 C18.8880712,1.47385763 19,1.72385763 19,2 L19,2 L19,18 C19,18.2761424 18.8880712,18.5261424 18.7071068,18.7071068 C18.5261424,18.8880712 18.2761424,19 18,19 L18,19 L2,19 C1.72385763,19 1.47385763,18.8880712 1.29289322,18.7071068 C1.11192881,18.5261424 1,18.2761424 1,18 L1,18 L1,2 C1,1.72385763 1.11192881,1.47385763 1.29289322,1.29289322 C1.47385763,1.11192881 1.72385763,1 2,1 L2,1 Z" id="Rectangle" stroke="#FFFFFF" stroke-width="2"></path>
+        <path d="M18,1 C18.2761424,1 18.5261424,1.11192881 18.7071068,1.29289322 C18.8880712,1.47385763 19,1.72385763 19,2 L19,2 L19,18 C19,18.2761424 18.8880712,18.5261424 18.7071068,18.7071068 C18.5261424,18.8880712 18.2761424,19 18,19 L18,19 L2,19 C1.72385763,19 1.47385763,18.8880712 1.29289322,18.7071068 C1.11192881,18.5261424 1,18.2761424 1,18 L1,18 L1,2 C1,1.72385763 1.11192881,1.47385763 1.29289322,1.29289322 C1.47385763,1.11192881 1.72385763,1 2,1 L2,1 Z"
+              id="Rectangle" stroke="#FFFFFF" stroke-width="2"></path>
         <line x1="5" y1="5" x2="15" y2="5" id="Line-4" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round"></line>
-        <line x1="5" y1="13" x2="10" y2="13" id="Line-4-Copy" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round"></line>
+        <line x1="5" y1="13" x2="10" y2="13" id="Line-4-Copy" stroke="#FFFFFF" stroke-width="2"
+              stroke-linecap="round"></line>
         <line x1="5" y1="9" x2="15" y2="9" id="Line-4" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round"></line>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/customer-nav/note/zodiac.svg b/packages/admin-ui/src/styling/icons/customer-nav/note/zodiac.svg
index 6388cc81..afd33ca2 100644
--- a/packages/admin-ui/src/styling/icons/customer-nav/note/zodiac.svg
+++ b/packages/admin-ui/src/styling/icons/customer-nav/note/zodiac.svg
@@ -1,9 +1,12 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <g id="icon/customer-nav/note/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M18,1 C18.2761424,1 18.5261424,1.11192881 18.7071068,1.29289322 C18.8880712,1.47385763 19,1.72385763 19,2 L19,2 L19,18 C19,18.2761424 18.8880712,18.5261424 18.7071068,18.7071068 C18.5261424,18.8880712 18.2761424,19 18,19 L18,19 L2,19 C1.72385763,19 1.47385763,18.8880712 1.29289322,18.7071068 C1.11192881,18.5261424 1,18.2761424 1,18 L1,18 L1,2 C1,1.72385763 1.11192881,1.47385763 1.29289322,1.29289322 C1.47385763,1.11192881 1.72385763,1 2,1 L2,1 Z" id="Rectangle" stroke="#1B2559" stroke-width="2"></path>
+        <path d="M18,1 C18.2761424,1 18.5261424,1.11192881 18.7071068,1.29289322 C18.8880712,1.47385763 19,1.72385763 19,2 L19,2 L19,18 C19,18.2761424 18.8880712,18.5261424 18.7071068,18.7071068 C18.5261424,18.8880712 18.2761424,19 18,19 L18,19 L2,19 C1.72385763,19 1.47385763,18.8880712 1.29289322,18.7071068 C1.11192881,18.5261424 1,18.2761424 1,18 L1,18 L1,2 C1,1.72385763 1.11192881,1.47385763 1.29289322,1.29289322 C1.47385763,1.11192881 1.72385763,1 2,1 L2,1 Z"
+              id="Rectangle" stroke="#1B2559" stroke-width="2"></path>
         <line x1="5" y1="5" x2="15" y2="5" id="Line-4" stroke="#1B2559" stroke-width="2" stroke-linecap="round"></line>
-        <line x1="5" y1="13" x2="10" y2="13" id="Line-4-Copy" stroke="#1B2559" stroke-width="2" stroke-linecap="round"></line>
+        <line x1="5" y1="13" x2="10" y2="13" id="Line-4-Copy" stroke="#1B2559" stroke-width="2"
+              stroke-linecap="round"></line>
         <line x1="5" y1="9" x2="15" y2="9" id="Line-4" stroke="#1B2559" stroke-width="2" stroke-linecap="round"></line>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/customer-nav/overview/comet.svg b/packages/admin-ui/src/styling/icons/customer-nav/overview/comet.svg
index 8bb25dc1..70b3d6af 100644
--- a/packages/admin-ui/src/styling/icons/customer-nav/overview/comet.svg
+++ b/packages/admin-ui/src/styling/icons/customer-nav/overview/comet.svg
@@ -1,5 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <g id="icon/customer-nav/overview/comet" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <rect id="Rectangle" stroke="#5F668A" stroke-width="2" x="1" y="1" width="7" height="7" rx="2"></rect>
         <rect id="Rectangle-Copy-2" stroke="#5F668A" stroke-width="2" x="1" y="12" width="7" height="7" rx="2"></rect>
diff --git a/packages/admin-ui/src/styling/icons/customer-nav/overview/white.svg b/packages/admin-ui/src/styling/icons/customer-nav/overview/white.svg
index 77d347eb..f5dd4a28 100644
--- a/packages/admin-ui/src/styling/icons/customer-nav/overview/white.svg
+++ b/packages/admin-ui/src/styling/icons/customer-nav/overview/white.svg
@@ -1,5 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <g id="icon/customer-nav/overview/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <rect id="Rectangle" stroke="#FFFFFF" stroke-width="2" x="1" y="1" width="7" height="7" rx="2"></rect>
         <rect id="Rectangle-Copy-2" stroke="#FFFFFF" stroke-width="2" x="1" y="12" width="7" height="7" rx="2"></rect>
diff --git a/packages/admin-ui/src/styling/icons/customer-nav/overview/zodiac.svg b/packages/admin-ui/src/styling/icons/customer-nav/overview/zodiac.svg
index b0d4319a..c4720367 100644
--- a/packages/admin-ui/src/styling/icons/customer-nav/overview/zodiac.svg
+++ b/packages/admin-ui/src/styling/icons/customer-nav/overview/zodiac.svg
@@ -1,5 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <g id="icon/customer-nav/overview/zodiac" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <rect id="Rectangle" stroke="#1B2559" stroke-width="2" x="1" y="1" width="7" height="7" rx="2"></rect>
         <rect id="Rectangle-Copy-2" stroke="#1B2559" stroke-width="2" x="1" y="12" width="7" height="7" rx="2"></rect>
diff --git a/packages/admin-ui/src/styling/icons/customer-nav/photos/comet.svg b/packages/admin-ui/src/styling/icons/customer-nav/photos/comet.svg
index 95ee5f2c..af7211c2 100644
--- a/packages/admin-ui/src/styling/icons/customer-nav/photos/comet.svg
+++ b/packages/admin-ui/src/styling/icons/customer-nav/photos/comet.svg
@@ -1,10 +1,13 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>icon/customer-nav/photos/comet</title>
     <g id="icon/customer-nav/photos/comet" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <rect id="Rectangle" stroke="#5F668A" stroke-width="2" x="1" y="1" width="18" height="18" rx="1"></rect>
         <circle id="Oval" stroke="#5F668A" stroke-width="2" cx="15" cy="5" r="1"></circle>
-        <polyline id="Path" stroke="#5F668A" stroke-width="2" stroke-linejoin="round" points="1 19 7 13 13 19"></polyline>
-        <path d="M13.3333333,14 L18,19 L13.3333333,19 L11,16.5 L13.3333333,14 Z" id="Combined-Shape" stroke="#5F668A" stroke-width="2" stroke-linejoin="round"></path>
+        <polyline id="Path" stroke="#5F668A" stroke-width="2" stroke-linejoin="round"
+                  points="1 19 7 13 13 19"></polyline>
+        <path d="M13.3333333,14 L18,19 L13.3333333,19 L11,16.5 L13.3333333,14 Z" id="Combined-Shape" stroke="#5F668A"
+              stroke-width="2" stroke-linejoin="round"></path>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/customer-nav/photos/white.svg b/packages/admin-ui/src/styling/icons/customer-nav/photos/white.svg
index e27fef8f..3ef7bcf8 100644
--- a/packages/admin-ui/src/styling/icons/customer-nav/photos/white.svg
+++ b/packages/admin-ui/src/styling/icons/customer-nav/photos/white.svg
@@ -1,10 +1,13 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>icon/customer-nav/photos/white</title>
     <g id="icon/customer-nav/photos/white" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <rect id="Rectangle" stroke="#FFFFFF" stroke-width="2" x="1" y="1" width="18" height="18" rx="1"></rect>
         <circle id="Oval" stroke="#FFFFFF" stroke-width="2" cx="15" cy="5" r="1"></circle>
-        <polyline id="Path" stroke="#FFFFFF" stroke-width="2" stroke-linejoin="round" points="1 19 7 13 13 19"></polyline>
-        <path d="M13.3333333,14 L18,19 L13.3333333,19 L11,16.5 L13.3333333,14 Z" id="Combined-Shape" stroke="#FFFFFF" stroke-width="2" stroke-linejoin="round"></path>
+        <polyline id="Path" stroke="#FFFFFF" stroke-width="2" stroke-linejoin="round"
+                  points="1 19 7 13 13 19"></polyline>
+        <path d="M13.3333333,14 L18,19 L13.3333333,19 L11,16.5 L13.3333333,14 Z" id="Combined-Shape" stroke="#FFFFFF"
+              stroke-width="2" stroke-linejoin="round"></path>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/dashboard/down.svg b/packages/admin-ui/src/styling/icons/dashboard/down.svg
index 497eb245..ea095515 100644
--- a/packages/admin-ui/src/styling/icons/dashboard/down.svg
+++ b/packages/admin-ui/src/styling/icons/dashboard/down.svg
@@ -1,10 +1,14 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <g id="icon/label/icon/down" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g id="Group-6">
             <circle id="Oval" fill="#FFECEB" cx="6" cy="6" r="6"></circle>
-            <g id="Group-5" transform="translate(6.096194, 6.096194) rotate(-315.000000) translate(-6.096194, -6.096194) translate(2.596194, 3.096194)" stroke="#FF584A">
-                <polyline id="Path-2" points="3.15780333 -4.54747351e-13 6.15780333 2.82998193 3.15780333 5.65996386"></polyline>
+            <g id="Group-5"
+               transform="translate(6.096194, 6.096194) rotate(-315.000000) translate(-6.096194, -6.096194) translate(2.596194, 3.096194)"
+               stroke="#FF584A">
+                <polyline id="Path-2"
+                          points="3.15780333 -4.54747351e-13 6.15780333 2.82998193 3.15780333 5.65996386"></polyline>
                 <line x1="5.42178888" y1="2.82998193" x2="-5.45696821e-13" y2="2.82998193" id="Path-3"></line>
             </g>
         </g>
diff --git a/packages/admin-ui/src/styling/icons/dashboard/equal.svg b/packages/admin-ui/src/styling/icons/dashboard/equal.svg
index a37df157..e4aad0ed 100644
--- a/packages/admin-ui/src/styling/icons/dashboard/equal.svg
+++ b/packages/admin-ui/src/styling/icons/dashboard/equal.svg
@@ -1,5 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <g id="icon/label/icon/equal" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g id="Group-6" fill="#EBEFFF">
             <circle id="Oval" cx="6" cy="6" r="6"></circle>
diff --git a/packages/admin-ui/src/styling/icons/dashboard/up.svg b/packages/admin-ui/src/styling/icons/dashboard/up.svg
index 08357739..d4f9ae3e 100644
--- a/packages/admin-ui/src/styling/icons/dashboard/up.svg
+++ b/packages/admin-ui/src/styling/icons/dashboard/up.svg
@@ -1,10 +1,14 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <g id="icon/label/icon/up" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g id="Group-6">
             <circle id="Oval" fill="#ECFBEF" cx="6" cy="6" r="6"></circle>
-            <g id="Group-5" transform="translate(6.096194, 6.096194) rotate(-45.000000) translate(-6.096194, -6.096194) translate(2.596194, 3.096194)" stroke="#00CD5A">
-                <polyline id="Path-2" points="3.15780333 -4.54747351e-13 6.15780333 2.82998193 3.15780333 5.65996386"></polyline>
+            <g id="Group-5"
+               transform="translate(6.096194, 6.096194) rotate(-45.000000) translate(-6.096194, -6.096194) translate(2.596194, 3.096194)"
+               stroke="#00CD5A">
+                <polyline id="Path-2"
+                          points="3.15780333 -4.54747351e-13 6.15780333 2.82998193 3.15780333 5.65996386"></polyline>
                 <line x1="5.42178888" y1="2.82998193" x2="-5.45696821e-13" y2="2.82998193" id="Path-3"></line>
             </g>
         </g>
diff --git a/packages/admin-ui/src/styling/icons/direction/cash-in.svg b/packages/admin-ui/src/styling/icons/direction/cash-in.svg
index ae91335b..474ba3b1 100644
--- a/packages/admin-ui/src/styling/icons/direction/cash-in.svg
+++ b/packages/admin-ui/src/styling/icons/direction/cash-in.svg
@@ -1,10 +1,12 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="10px" height="12px" viewBox="0 0 10 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="10px" height="12px" viewBox="0 0 10 12" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 56.3 (81716) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
     <g id="Styleguide" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g id="icon/direction/cash-in" transform="translate(-1.000000, 0.000000)" fill="#16D6D3">
-            <path d="M3.99134364,0.321790399 L10.1430099,4.40569595 C11.0271728,4.99266501 11.2660914,6.1822461 10.6766494,7.06269968 C10.5357408,7.27317585 10.3543728,7.45378298 10.1430099,7.59410043 L3.99134364,11.678006 C3.10718075,12.264975 1.91258801,12.0270588 1.32314609,11.1466052 C1.11243854,10.8318699 1,10.4620686 1,10.0838037 L1,1.91599264 C1,0.857819122 1.86143307,0 2.92406462,0 C3.30392305,0 3.67528233,0.11196683 3.99134364,0.321790399 Z" id="Path-3"></path>
+            <path d="M3.99134364,0.321790399 L10.1430099,4.40569595 C11.0271728,4.99266501 11.2660914,6.1822461 10.6766494,7.06269968 C10.5357408,7.27317585 10.3543728,7.45378298 10.1430099,7.59410043 L3.99134364,11.678006 C3.10718075,12.264975 1.91258801,12.0270588 1.32314609,11.1466052 C1.11243854,10.8318699 1,10.4620686 1,10.0838037 L1,1.91599264 C1,0.857819122 1.86143307,0 2.92406462,0 C3.30392305,0 3.67528233,0.11196683 3.99134364,0.321790399 Z"
+                  id="Path-3"></path>
         </g>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/direction/cash-out.svg b/packages/admin-ui/src/styling/icons/direction/cash-out.svg
index 123fdd02..b30796cf 100644
--- a/packages/admin-ui/src/styling/icons/direction/cash-out.svg
+++ b/packages/admin-ui/src/styling/icons/direction/cash-out.svg
@@ -1,10 +1,13 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="10px" height="12px" viewBox="0 0 10 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="10px" height="12px" viewBox="0 0 10 12" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 56.3 (81716) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
     <g id="Styleguide" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g id="icon/direction/cash-out" transform="translate(-1.000000, 0.000000)" fill="#5A67FF">
-            <path d="M3.99134364,0.321790399 L10.1430099,4.40569595 C11.0271728,4.99266501 11.2660914,6.1822461 10.6766494,7.06269968 C10.5357408,7.27317585 10.3543728,7.45378298 10.1430099,7.59410043 L3.99134364,11.678006 C3.10718075,12.264975 1.91258801,12.0270588 1.32314609,11.1466052 C1.11243854,10.8318699 1,10.4620686 1,10.0838037 L1,1.91599264 C1,0.857819122 1.86143307,0 2.92406462,0 C3.30392305,0 3.67528233,0.11196683 3.99134364,0.321790399 Z" id="Path-3" transform="translate(6.000000, 6.000000) scale(-1, 1) translate(-6.000000, -6.000000) "></path>
+            <path d="M3.99134364,0.321790399 L10.1430099,4.40569595 C11.0271728,4.99266501 11.2660914,6.1822461 10.6766494,7.06269968 C10.5357408,7.27317585 10.3543728,7.45378298 10.1430099,7.59410043 L3.99134364,11.678006 C3.10718075,12.264975 1.91258801,12.0270588 1.32314609,11.1466052 C1.11243854,10.8318699 1,10.4620686 1,10.0838037 L1,1.91599264 C1,0.857819122 1.86143307,0 2.92406462,0 C3.30392305,0 3.67528233,0.11196683 3.99134364,0.321790399 Z"
+                  id="Path-3"
+                  transform="translate(6.000000, 6.000000) scale(-1, 1) translate(-6.000000, -6.000000) "></path>
         </g>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/file/comet.svg b/packages/admin-ui/src/styling/icons/file/comet.svg
index 86dc1d0d..f031f4fc 100644
--- a/packages/admin-ui/src/styling/icons/file/comet.svg
+++ b/packages/admin-ui/src/styling/icons/file/comet.svg
@@ -1,8 +1,10 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="32px" height="44px" viewBox="0 0 32 44" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="32px" height="44px" viewBox="0 0 32 44" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <g id="icon/file/zip/comet" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g id="file-icon">
-            <path d="M22.0376317,0.5 C22.8639351,0.5 23.6635926,0.792348435 24.2950546,1.32529592 L24.2950546,1.32529592 L30.2574229,6.35747377 C31.045369,7.02249225 31.5,8.00110623 31.5,9.03217785 L31.5,9.03217785 L31.5,40 C31.5,40.9664983 31.1082492,41.8414983 30.4748737,42.4748737 C29.8414983,43.1082492 28.9664983,43.5 28,43.5 L28,43.5 L4,43.5 C3.03350169,43.5 2.15850169,43.1082492 1.52512627,42.4748737 C0.891750844,41.8414983 0.5,40.9664983 0.5,40 L0.5,40 L0.5,4 C0.5,3.03350169 0.891750844,2.15850169 1.52512627,1.52512627 C2.15850169,0.891750844 3.03350169,0.5 4,0.5 L4,0.5 Z" id="Rectangle" stroke="#5F668A" fill="#FFFFFF"></path>
+            <path d="M22.0376317,0.5 C22.8639351,0.5 23.6635926,0.792348435 24.2950546,1.32529592 L24.2950546,1.32529592 L30.2574229,6.35747377 C31.045369,7.02249225 31.5,8.00110623 31.5,9.03217785 L31.5,9.03217785 L31.5,40 C31.5,40.9664983 31.1082492,41.8414983 30.4748737,42.4748737 C29.8414983,43.1082492 28.9664983,43.5 28,43.5 L28,43.5 L4,43.5 C3.03350169,43.5 2.15850169,43.1082492 1.52512627,42.4748737 C0.891750844,41.8414983 0.5,40.9664983 0.5,40 L0.5,40 L0.5,4 C0.5,3.03350169 0.891750844,2.15850169 1.52512627,1.52512627 C2.15850169,0.891750844 3.03350169,0.5 4,0.5 L4,0.5 Z"
+                  id="Rectangle" stroke="#5F668A" fill="#FFFFFF"></path>
             <path d="M22,0 L22,5 C22,7.209139 23.790861,9 26,9 L32,9 L32,9" id="Path" stroke="#5F668A"></path>
             <g id="rects" transform="translate(6.000000, 0.000000)" fill="#5F668A">
                 <rect id="file-icon-rect21" x="0" y="41.4505495" width="2" height="2"></rect>
diff --git a/packages/admin-ui/src/styling/icons/file/spring.svg b/packages/admin-ui/src/styling/icons/file/spring.svg
index 26d73281..041f0699 100644
--- a/packages/admin-ui/src/styling/icons/file/spring.svg
+++ b/packages/admin-ui/src/styling/icons/file/spring.svg
@@ -1,8 +1,10 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="32px" height="44px" viewBox="0 0 32 44" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="32px" height="44px" viewBox="0 0 32 44" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <g id="icon/file/zip/spring" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g id="file-icon">
-            <path d="M22.0376317,0.5 C22.8639351,0.5 23.6635926,0.792348435 24.2950546,1.32529592 L24.2950546,1.32529592 L30.2574229,6.35747377 C31.045369,7.02249225 31.5,8.00110623 31.5,9.03217785 L31.5,9.03217785 L31.5,40 C31.5,40.9664983 31.1082492,41.8414983 30.4748737,42.4748737 C29.8414983,43.1082492 28.9664983,43.5 28,43.5 L28,43.5 L4,43.5 C3.03350169,43.5 2.15850169,43.1082492 1.52512627,42.4748737 C0.891750844,41.8414983 0.5,40.9664983 0.5,40 L0.5,40 L0.5,4 C0.5,3.03350169 0.891750844,2.15850169 1.52512627,1.52512627 C2.15850169,0.891750844 3.03350169,0.5 4,0.5 L4,0.5 Z" id="Rectangle" stroke="#48F694" fill="#FFFFFF"></path>
+            <path d="M22.0376317,0.5 C22.8639351,0.5 23.6635926,0.792348435 24.2950546,1.32529592 L24.2950546,1.32529592 L30.2574229,6.35747377 C31.045369,7.02249225 31.5,8.00110623 31.5,9.03217785 L31.5,9.03217785 L31.5,40 C31.5,40.9664983 31.1082492,41.8414983 30.4748737,42.4748737 C29.8414983,43.1082492 28.9664983,43.5 28,43.5 L28,43.5 L4,43.5 C3.03350169,43.5 2.15850169,43.1082492 1.52512627,42.4748737 C0.891750844,41.8414983 0.5,40.9664983 0.5,40 L0.5,40 L0.5,4 C0.5,3.03350169 0.891750844,2.15850169 1.52512627,1.52512627 C2.15850169,0.891750844 3.03350169,0.5 4,0.5 L4,0.5 Z"
+                  id="Rectangle" stroke="#48F694" fill="#FFFFFF"></path>
             <path d="M22,0 L22,5 C22,7.209139 23.790861,9 26,9 L32,9 L32,9" id="Path" stroke="#48F694"></path>
             <g id="rects" transform="translate(6.000000, 0.000000)" fill="#48F694">
                 <rect id="file-icon-rect21" x="0" y="41.4505495" width="2" height="2"></rect>
diff --git a/packages/admin-ui/src/styling/icons/file/tomato.svg b/packages/admin-ui/src/styling/icons/file/tomato.svg
index f7cae5ad..c6840ff4 100644
--- a/packages/admin-ui/src/styling/icons/file/tomato.svg
+++ b/packages/admin-ui/src/styling/icons/file/tomato.svg
@@ -1,8 +1,10 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="32px" height="44px" viewBox="0 0 32 44" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="32px" height="44px" viewBox="0 0 32 44" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <g id="icon/file/zip/tomato" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g id="file-icon">
-            <path d="M22.0376317,0.5 C22.8639351,0.5 23.6635926,0.792348435 24.2950546,1.32529592 L24.2950546,1.32529592 L30.2574229,6.35747377 C31.045369,7.02249225 31.5,8.00110623 31.5,9.03217785 L31.5,9.03217785 L31.5,40 C31.5,40.9664983 31.1082492,41.8414983 30.4748737,42.4748737 C29.8414983,43.1082492 28.9664983,43.5 28,43.5 L28,43.5 L4,43.5 C3.03350169,43.5 2.15850169,43.1082492 1.52512627,42.4748737 C0.891750844,41.8414983 0.5,40.9664983 0.5,40 L0.5,40 L0.5,4 C0.5,3.03350169 0.891750844,2.15850169 1.52512627,1.52512627 C2.15850169,0.891750844 3.03350169,0.5 4,0.5 L4,0.5 Z" id="Rectangle" stroke="#FF584A" fill="#FFFFFF"></path>
+            <path d="M22.0376317,0.5 C22.8639351,0.5 23.6635926,0.792348435 24.2950546,1.32529592 L24.2950546,1.32529592 L30.2574229,6.35747377 C31.045369,7.02249225 31.5,8.00110623 31.5,9.03217785 L31.5,9.03217785 L31.5,40 C31.5,40.9664983 31.1082492,41.8414983 30.4748737,42.4748737 C29.8414983,43.1082492 28.9664983,43.5 28,43.5 L28,43.5 L4,43.5 C3.03350169,43.5 2.15850169,43.1082492 1.52512627,42.4748737 C0.891750844,41.8414983 0.5,40.9664983 0.5,40 L0.5,40 L0.5,4 C0.5,3.03350169 0.891750844,2.15850169 1.52512627,1.52512627 C2.15850169,0.891750844 3.03350169,0.5 4,0.5 L4,0.5 Z"
+                  id="Rectangle" stroke="#FF584A" fill="#FFFFFF"></path>
             <path d="M22,0 L22,5 C22,7.209139 23.790861,9 26,9 L32,9 L32,9" id="Path" stroke="#FF584A"></path>
             <g id="rects" transform="translate(6.000000, 0.000000)" fill="#FF584A">
                 <rect id="file-icon-rect21" x="0" y="41.4505495" width="2" height="2"></rect>
diff --git a/packages/admin-ui/src/styling/icons/menu/logo-white.svg b/packages/admin-ui/src/styling/icons/menu/logo-white.svg
index 7de68c79..90f8c08c 100644
--- a/packages/admin-ui/src/styling/icons/menu/logo-white.svg
+++ b/packages/admin-ui/src/styling/icons/menu/logo-white.svg
@@ -1,9 +1,11 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="19px" height="24px" viewBox="0 0 19 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="19px" height="24px" viewBox="0 0 19 24" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
     <defs>
-        <path d="M17.8413132,12.8764646 C17.8413132,12.8764646 16.6555879,12.5091919 15.661533,12.2855556 C15.661533,12.2855556 15.3477198,10.3246465 14.8939121,8.23646465 C14.8939121,8.23646465 15.1560495,8.21373737 15.3383242,8.8710101 L16.0223242,12.0219192 C16.0223242,12.0219192 17.2343571,12.2991919 18.1795549,12.6537374 L17.8413132,12.8764646 Z M15.2603407,6.10282828 L15.5328132,5.80555556 C16.0627253,5.87828283 16.3483516,6.02828283 16.3483516,6.02828283 L16.291978,6.11191919 L16.3972088,6.9310101 C16.2440604,6.93646465 16.0091703,7.05919192 16.0091703,7.05919192 L15.8315934,6.95010101 L15.8315934,6.38282828 C15.3026209,6.29919192 15.2556429,6.21828283 15.2556429,6.21828283 L15.2603407,6.10282828 Z M12.4557527,18.2873737 C11.2831813,18.4964646 9.84565385,18.2237374 9.84565385,18.2237374 L9.89732967,17.9991919 C9.89732967,17.9991919 11.6496099,18.1955556 12.6248736,17.8973737 C12.5553462,18.0628283 12.5356154,18.1137374 12.4557527,18.2873737 L12.4557527,18.2873737 Z M9.18984066,14.5464646 C8.379,15.1364646 7.56064286,15.6791919 7.00442308,16.1091919 C6.9705989,16.6955556 6.91516484,17.6464646 6.91516484,17.6464646 L5.46448352,18.5182828 L5.22207692,18.3737374 C5.27845055,17.9219192 5.34891758,17.5882828 5.34891758,17.5882828 L5.55186264,17.4410101 C5.50676374,17.7282828 5.48515385,18.1346465 5.48515385,18.1346465 L6.5928956,17.440101 C6.63705495,16.7019192 6.72443407,15.960101 6.72443407,15.960101 C6.9705989,15.7373737 8.73697253,14.5237374 10.0100803,13.6864646 C10.0100803,13.6864646 10.018533,13.9437374 9.18984066,14.5464646 L9.18984066,14.5464646 Z M14.977533,0.195555556 C15.2612802,0.167373737 15.5065055,0.184646465 15.7103901,0.228282828 L15.7103901,0.228282828 L15.8813901,0.697373737 L16.1003077,0.361919192 C16.2694286,0.447373737 16.3746593,0.547373737 16.4056648,0.624646465 C16.4056648,0.624646465 16.3615055,0.909191919 16.4319725,1.36464646 C16.5005604,1.80373737 16.6988077,2.78191919 16.6988077,2.78191919 C16.9740989,3.00646465 17.2850934,3.51282828 17.2850934,3.51282828 C17.4758242,4.41737374 17.4645495,5.04919192 17.4636099,5.1210101 C16.6734396,4.68646465 15.6173736,4.58555556 15.6173736,4.58555556 L15.6173736,4.58555556 L15.2481264,4.90828283 C15.9753462,5.00828283 16.8792033,5.26555556 17.1122143,5.44555556 C17.2484505,5.74737374 17.3386484,6.22828283 17.3386484,6.22828283 L17.3386484,6.22828283 L17.0445659,6.58919192 L17.3198571,6.8810101 C17.3386484,7.22464646 17.2183846,7.56919192 17.2183846,7.56919192 C17.7905769,7.93010101 17.9512418,8.79373737 18.3101538,10.250101 C18.6700055,11.7064646 18.9903956,12.9055556 18.9903956,12.9055556 L18.9903956,12.9055556 L18.4567253,13.2019192 C19.1623352,15.7282828 18.444511,17.7391919 17.5378352,19.0664646 C16.6320989,20.3946465 16.0862143,21.7137374 16.1031264,22.8910101 L16.1031264,22.8910101 L16.5475385,23.2346465 L16.7749121,23.9491919 L14.3048077,23.9491919 L14.293533,23.2728283 C14.2925934,21.5619192 14.9230385,20.1328283 14.9230385,20.1328283 C15.2857088,20.0473737 15.6596538,19.7628283 15.6596538,19.7628283 C15.0733681,19.8828283 14.3414505,19.7964646 14.3414505,19.7964646 C14.8676044,18.8537374 15.0292088,18.1773737 15.0292088,18.1773737 L15.0292088,18.1773737 L14.7811648,18.1228283 C14.6956648,18.310101 14.6073462,18.4937374 14.5133901,18.6710101 C13.8754286,19.8864646 13.1735769,20.6628283 12.7554725,22.4055556 L12.7554725,22.4055556 L13.1933077,22.7455556 L13.6987912,23.9491919 L10.8509835,23.9491919 C10.8340714,21.8246465 11.495522,20.2273737 11.7341703,19.7628283 C10.2233571,19.9264646 8.42128022,19.1782828 6.99314835,19.4664646 C6.60041209,21.9473737 4.59257143,22.4355556 3.65019231,22.300101 L3.65019231,22.300101 L2.97652747,23.4146465 L3.58724176,23.9491919 L1.33135714,23.9491919 C1.32008242,23.8546465 1.2918956,23.7537374 1.22988462,23.6591919 C1.22988462,23.6591919 1.97401648,22.5882828 2.48231868,21.150101 C2.89008791,21.3255556 3.75166484,20.9928283 3.78736813,20.1055556 C3.82401099,19.2191919 3.67086264,17.8419192 4.46854945,16.7891919 C5.2652967,15.7355556 6.12687363,15.1655556 7.25152747,14.3328283 C7.98250549,13.7910101 9.22084615,12.8755556 9.99974176,12.3010101 L9.99974176,12.3010101 L9.61546154,12.3864646 L6.81087363,14.6491919 L5.82997253,14.6491919 L8.66368681,12.1164646 L8.29725824,12.1091919 L5.33576374,14.6491919 L4.34170879,14.6491919 L7.27313736,11.720101 L6.9208022,11.7173737 L3.88038462,14.6491919 L2.86565934,14.6491919 L5.8093022,11.3037374 L5.46918132,11.3055556 L2.43534066,14.6491919 L1.36706044,14.6491919 L4.22614286,10.8528283 L3.89635714,10.8573737 L0.963989011,14.6491919 L0,14.6491919 C0,14.6491919 4.11809341,8.22464646 4.92893407,7.00737374 C5.73883516,5.79010101 6.6192033,4.62282828 8.06894505,4.38464646 C9.53465934,4.14282828 10.5343516,4.46646465 11.2502967,5.63373737 C11.636456,6.2610101 12.1034176,6.97828283 12.4698462,7.55919192 C12.0968407,8.1510101 11.6298791,8.6110101 11.5857198,9.32282828 C11.534044,10.1419192 12.0921429,10.6373737 12.6558791,10.6773737 C12.2321374,10.5282828 11.8976538,10.0337374 12.0489231,9.37646465 C12.2058297,8.69737374 12.7554725,8.35191919 13.1726374,7.80282828 C13.5315495,7.32828283 13.5371868,6.63282828 13.5108791,6.4010101 C13.4836319,6.16919192 13.2167967,5.98828283 13.2167967,5.98828283 C13.2167967,5.98828283 13.2252527,5.52373737 13.2167967,5.01646465 C13.2083407,4.51010101 13.4300769,4.21828283 13.4300769,4.21828283 C13.4300769,4.21828283 13.4216209,3.4610101 13.3943736,2.57646465 C13.3671264,1.72555556 13.2863242,1.46828283 13.205522,1.35464646 C13.205522,1.35464646 13.2694121,1.10919192 13.5099396,0.844646465 L13.5099396,0.844646465 L13.7542253,1.06282828 L13.8284505,0.571919192 C13.9825385,0.469191919 14.1723297,0.375555556 14.4072198,0.307373737 C14.4325879,0.30010101 14.4570165,0.294646465 14.4823846,0.288282828 L14.4823846,0.288282828 L14.7896209,0.644646465 Z M7.71628243,19.8937938 C8.32897736,19.8402566 9.02386307,19.9393405 9.75797621,20.0432188 L9.75797621,20.0432188 L9.86538462,20.058401 C9.7449004,20.8103202 9.02106112,21.7691969 7.79193531,22.0896215 L7.79193531,22.0896215 L9.01358923,23.5151515 L7.36136769,23.5151515 C7.15589073,23.2226941 6.50396838,22.32135 6.16586538,21.9681638 C6.72065317,21.6525335 7.42954868,21.0388524 7.71628243,19.8937938 Z" id="path-1"></path>
+        <path d="M17.8413132,12.8764646 C17.8413132,12.8764646 16.6555879,12.5091919 15.661533,12.2855556 C15.661533,12.2855556 15.3477198,10.3246465 14.8939121,8.23646465 C14.8939121,8.23646465 15.1560495,8.21373737 15.3383242,8.8710101 L16.0223242,12.0219192 C16.0223242,12.0219192 17.2343571,12.2991919 18.1795549,12.6537374 L17.8413132,12.8764646 Z M15.2603407,6.10282828 L15.5328132,5.80555556 C16.0627253,5.87828283 16.3483516,6.02828283 16.3483516,6.02828283 L16.291978,6.11191919 L16.3972088,6.9310101 C16.2440604,6.93646465 16.0091703,7.05919192 16.0091703,7.05919192 L15.8315934,6.95010101 L15.8315934,6.38282828 C15.3026209,6.29919192 15.2556429,6.21828283 15.2556429,6.21828283 L15.2603407,6.10282828 Z M12.4557527,18.2873737 C11.2831813,18.4964646 9.84565385,18.2237374 9.84565385,18.2237374 L9.89732967,17.9991919 C9.89732967,17.9991919 11.6496099,18.1955556 12.6248736,17.8973737 C12.5553462,18.0628283 12.5356154,18.1137374 12.4557527,18.2873737 L12.4557527,18.2873737 Z M9.18984066,14.5464646 C8.379,15.1364646 7.56064286,15.6791919 7.00442308,16.1091919 C6.9705989,16.6955556 6.91516484,17.6464646 6.91516484,17.6464646 L5.46448352,18.5182828 L5.22207692,18.3737374 C5.27845055,17.9219192 5.34891758,17.5882828 5.34891758,17.5882828 L5.55186264,17.4410101 C5.50676374,17.7282828 5.48515385,18.1346465 5.48515385,18.1346465 L6.5928956,17.440101 C6.63705495,16.7019192 6.72443407,15.960101 6.72443407,15.960101 C6.9705989,15.7373737 8.73697253,14.5237374 10.0100803,13.6864646 C10.0100803,13.6864646 10.018533,13.9437374 9.18984066,14.5464646 L9.18984066,14.5464646 Z M14.977533,0.195555556 C15.2612802,0.167373737 15.5065055,0.184646465 15.7103901,0.228282828 L15.7103901,0.228282828 L15.8813901,0.697373737 L16.1003077,0.361919192 C16.2694286,0.447373737 16.3746593,0.547373737 16.4056648,0.624646465 C16.4056648,0.624646465 16.3615055,0.909191919 16.4319725,1.36464646 C16.5005604,1.80373737 16.6988077,2.78191919 16.6988077,2.78191919 C16.9740989,3.00646465 17.2850934,3.51282828 17.2850934,3.51282828 C17.4758242,4.41737374 17.4645495,5.04919192 17.4636099,5.1210101 C16.6734396,4.68646465 15.6173736,4.58555556 15.6173736,4.58555556 L15.6173736,4.58555556 L15.2481264,4.90828283 C15.9753462,5.00828283 16.8792033,5.26555556 17.1122143,5.44555556 C17.2484505,5.74737374 17.3386484,6.22828283 17.3386484,6.22828283 L17.3386484,6.22828283 L17.0445659,6.58919192 L17.3198571,6.8810101 C17.3386484,7.22464646 17.2183846,7.56919192 17.2183846,7.56919192 C17.7905769,7.93010101 17.9512418,8.79373737 18.3101538,10.250101 C18.6700055,11.7064646 18.9903956,12.9055556 18.9903956,12.9055556 L18.9903956,12.9055556 L18.4567253,13.2019192 C19.1623352,15.7282828 18.444511,17.7391919 17.5378352,19.0664646 C16.6320989,20.3946465 16.0862143,21.7137374 16.1031264,22.8910101 L16.1031264,22.8910101 L16.5475385,23.2346465 L16.7749121,23.9491919 L14.3048077,23.9491919 L14.293533,23.2728283 C14.2925934,21.5619192 14.9230385,20.1328283 14.9230385,20.1328283 C15.2857088,20.0473737 15.6596538,19.7628283 15.6596538,19.7628283 C15.0733681,19.8828283 14.3414505,19.7964646 14.3414505,19.7964646 C14.8676044,18.8537374 15.0292088,18.1773737 15.0292088,18.1773737 L15.0292088,18.1773737 L14.7811648,18.1228283 C14.6956648,18.310101 14.6073462,18.4937374 14.5133901,18.6710101 C13.8754286,19.8864646 13.1735769,20.6628283 12.7554725,22.4055556 L12.7554725,22.4055556 L13.1933077,22.7455556 L13.6987912,23.9491919 L10.8509835,23.9491919 C10.8340714,21.8246465 11.495522,20.2273737 11.7341703,19.7628283 C10.2233571,19.9264646 8.42128022,19.1782828 6.99314835,19.4664646 C6.60041209,21.9473737 4.59257143,22.4355556 3.65019231,22.300101 L3.65019231,22.300101 L2.97652747,23.4146465 L3.58724176,23.9491919 L1.33135714,23.9491919 C1.32008242,23.8546465 1.2918956,23.7537374 1.22988462,23.6591919 C1.22988462,23.6591919 1.97401648,22.5882828 2.48231868,21.150101 C2.89008791,21.3255556 3.75166484,20.9928283 3.78736813,20.1055556 C3.82401099,19.2191919 3.67086264,17.8419192 4.46854945,16.7891919 C5.2652967,15.7355556 6.12687363,15.1655556 7.25152747,14.3328283 C7.98250549,13.7910101 9.22084615,12.8755556 9.99974176,12.3010101 L9.99974176,12.3010101 L9.61546154,12.3864646 L6.81087363,14.6491919 L5.82997253,14.6491919 L8.66368681,12.1164646 L8.29725824,12.1091919 L5.33576374,14.6491919 L4.34170879,14.6491919 L7.27313736,11.720101 L6.9208022,11.7173737 L3.88038462,14.6491919 L2.86565934,14.6491919 L5.8093022,11.3037374 L5.46918132,11.3055556 L2.43534066,14.6491919 L1.36706044,14.6491919 L4.22614286,10.8528283 L3.89635714,10.8573737 L0.963989011,14.6491919 L0,14.6491919 C0,14.6491919 4.11809341,8.22464646 4.92893407,7.00737374 C5.73883516,5.79010101 6.6192033,4.62282828 8.06894505,4.38464646 C9.53465934,4.14282828 10.5343516,4.46646465 11.2502967,5.63373737 C11.636456,6.2610101 12.1034176,6.97828283 12.4698462,7.55919192 C12.0968407,8.1510101 11.6298791,8.6110101 11.5857198,9.32282828 C11.534044,10.1419192 12.0921429,10.6373737 12.6558791,10.6773737 C12.2321374,10.5282828 11.8976538,10.0337374 12.0489231,9.37646465 C12.2058297,8.69737374 12.7554725,8.35191919 13.1726374,7.80282828 C13.5315495,7.32828283 13.5371868,6.63282828 13.5108791,6.4010101 C13.4836319,6.16919192 13.2167967,5.98828283 13.2167967,5.98828283 C13.2167967,5.98828283 13.2252527,5.52373737 13.2167967,5.01646465 C13.2083407,4.51010101 13.4300769,4.21828283 13.4300769,4.21828283 C13.4300769,4.21828283 13.4216209,3.4610101 13.3943736,2.57646465 C13.3671264,1.72555556 13.2863242,1.46828283 13.205522,1.35464646 C13.205522,1.35464646 13.2694121,1.10919192 13.5099396,0.844646465 L13.5099396,0.844646465 L13.7542253,1.06282828 L13.8284505,0.571919192 C13.9825385,0.469191919 14.1723297,0.375555556 14.4072198,0.307373737 C14.4325879,0.30010101 14.4570165,0.294646465 14.4823846,0.288282828 L14.4823846,0.288282828 L14.7896209,0.644646465 Z M7.71628243,19.8937938 C8.32897736,19.8402566 9.02386307,19.9393405 9.75797621,20.0432188 L9.75797621,20.0432188 L9.86538462,20.058401 C9.7449004,20.8103202 9.02106112,21.7691969 7.79193531,22.0896215 L7.79193531,22.0896215 L9.01358923,23.5151515 L7.36136769,23.5151515 C7.15589073,23.2226941 6.50396838,22.32135 6.16586538,21.9681638 C6.72065317,21.6525335 7.42954868,21.0388524 7.71628243,19.8937938 Z"
+              id="path-1"></path>
     </defs>
     <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g id="nav-/-primary-/-1440" transform="translate(-128.000000, -14.000000)">
diff --git a/packages/admin-ui/src/styling/icons/menu/logo.svg b/packages/admin-ui/src/styling/icons/menu/logo.svg
index bbdc846a..7e7d2e44 100644
--- a/packages/admin-ui/src/styling/icons/menu/logo.svg
+++ b/packages/admin-ui/src/styling/icons/menu/logo.svg
@@ -1,9 +1,11 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="19px" height="24px" viewBox="0 0 19 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="19px" height="24px" viewBox="0 0 19 24" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
     <defs>
-        <path d="M17.8413132,12.8764646 C17.8413132,12.8764646 16.6555879,12.5091919 15.661533,12.2855556 C15.661533,12.2855556 15.3477198,10.3246465 14.8939121,8.23646465 C14.8939121,8.23646465 15.1560495,8.21373737 15.3383242,8.8710101 L16.0223242,12.0219192 C16.0223242,12.0219192 17.2343571,12.2991919 18.1795549,12.6537374 L17.8413132,12.8764646 Z M15.2603407,6.10282828 L15.5328132,5.80555556 C16.0627253,5.87828283 16.3483516,6.02828283 16.3483516,6.02828283 L16.291978,6.11191919 L16.3972088,6.9310101 C16.2440604,6.93646465 16.0091703,7.05919192 16.0091703,7.05919192 L15.8315934,6.95010101 L15.8315934,6.38282828 C15.3026209,6.29919192 15.2556429,6.21828283 15.2556429,6.21828283 L15.2603407,6.10282828 Z M12.4557527,18.2873737 C11.2831813,18.4964646 9.84565385,18.2237374 9.84565385,18.2237374 L9.89732967,17.9991919 C9.89732967,17.9991919 11.6496099,18.1955556 12.6248736,17.8973737 C12.5553462,18.0628283 12.5356154,18.1137374 12.4557527,18.2873737 L12.4557527,18.2873737 Z M9.18984066,14.5464646 C8.379,15.1364646 7.56064286,15.6791919 7.00442308,16.1091919 C6.9705989,16.6955556 6.91516484,17.6464646 6.91516484,17.6464646 L5.46448352,18.5182828 L5.22207692,18.3737374 C5.27845055,17.9219192 5.34891758,17.5882828 5.34891758,17.5882828 L5.55186264,17.4410101 C5.50676374,17.7282828 5.48515385,18.1346465 5.48515385,18.1346465 L6.5928956,17.440101 C6.63705495,16.7019192 6.72443407,15.960101 6.72443407,15.960101 C6.9705989,15.7373737 8.73697253,14.5237374 10.0100803,13.6864646 C10.0100803,13.6864646 10.018533,13.9437374 9.18984066,14.5464646 L9.18984066,14.5464646 Z M14.977533,0.195555556 C15.2612802,0.167373737 15.5065055,0.184646465 15.7103901,0.228282828 L15.7103901,0.228282828 L15.8813901,0.697373737 L16.1003077,0.361919192 C16.2694286,0.447373737 16.3746593,0.547373737 16.4056648,0.624646465 C16.4056648,0.624646465 16.3615055,0.909191919 16.4319725,1.36464646 C16.5005604,1.80373737 16.6988077,2.78191919 16.6988077,2.78191919 C16.9740989,3.00646465 17.2850934,3.51282828 17.2850934,3.51282828 C17.4758242,4.41737374 17.4645495,5.04919192 17.4636099,5.1210101 C16.6734396,4.68646465 15.6173736,4.58555556 15.6173736,4.58555556 L15.6173736,4.58555556 L15.2481264,4.90828283 C15.9753462,5.00828283 16.8792033,5.26555556 17.1122143,5.44555556 C17.2484505,5.74737374 17.3386484,6.22828283 17.3386484,6.22828283 L17.3386484,6.22828283 L17.0445659,6.58919192 L17.3198571,6.8810101 C17.3386484,7.22464646 17.2183846,7.56919192 17.2183846,7.56919192 C17.7905769,7.93010101 17.9512418,8.79373737 18.3101538,10.250101 C18.6700055,11.7064646 18.9903956,12.9055556 18.9903956,12.9055556 L18.9903956,12.9055556 L18.4567253,13.2019192 C19.1623352,15.7282828 18.444511,17.7391919 17.5378352,19.0664646 C16.6320989,20.3946465 16.0862143,21.7137374 16.1031264,22.8910101 L16.1031264,22.8910101 L16.5475385,23.2346465 L16.7749121,23.9491919 L14.3048077,23.9491919 L14.293533,23.2728283 C14.2925934,21.5619192 14.9230385,20.1328283 14.9230385,20.1328283 C15.2857088,20.0473737 15.6596538,19.7628283 15.6596538,19.7628283 C15.0733681,19.8828283 14.3414505,19.7964646 14.3414505,19.7964646 C14.8676044,18.8537374 15.0292088,18.1773737 15.0292088,18.1773737 L15.0292088,18.1773737 L14.7811648,18.1228283 C14.6956648,18.310101 14.6073462,18.4937374 14.5133901,18.6710101 C13.8754286,19.8864646 13.1735769,20.6628283 12.7554725,22.4055556 L12.7554725,22.4055556 L13.1933077,22.7455556 L13.6987912,23.9491919 L10.8509835,23.9491919 C10.8340714,21.8246465 11.495522,20.2273737 11.7341703,19.7628283 C10.2233571,19.9264646 8.42128022,19.1782828 6.99314835,19.4664646 C6.60041209,21.9473737 4.59257143,22.4355556 3.65019231,22.300101 L3.65019231,22.300101 L2.97652747,23.4146465 L3.58724176,23.9491919 L1.33135714,23.9491919 C1.32008242,23.8546465 1.2918956,23.7537374 1.22988462,23.6591919 C1.22988462,23.6591919 1.97401648,22.5882828 2.48231868,21.150101 C2.89008791,21.3255556 3.75166484,20.9928283 3.78736813,20.1055556 C3.82401099,19.2191919 3.67086264,17.8419192 4.46854945,16.7891919 C5.2652967,15.7355556 6.12687363,15.1655556 7.25152747,14.3328283 C7.98250549,13.7910101 9.22084615,12.8755556 9.99974176,12.3010101 L9.99974176,12.3010101 L9.61546154,12.3864646 L6.81087363,14.6491919 L5.82997253,14.6491919 L8.66368681,12.1164646 L8.29725824,12.1091919 L5.33576374,14.6491919 L4.34170879,14.6491919 L7.27313736,11.720101 L6.9208022,11.7173737 L3.88038462,14.6491919 L2.86565934,14.6491919 L5.8093022,11.3037374 L5.46918132,11.3055556 L2.43534066,14.6491919 L1.36706044,14.6491919 L4.22614286,10.8528283 L3.89635714,10.8573737 L0.963989011,14.6491919 L0,14.6491919 C0,14.6491919 4.11809341,8.22464646 4.92893407,7.00737374 C5.73883516,5.79010101 6.6192033,4.62282828 8.06894505,4.38464646 C9.53465934,4.14282828 10.5343516,4.46646465 11.2502967,5.63373737 C11.636456,6.2610101 12.1034176,6.97828283 12.4698462,7.55919192 C12.0968407,8.1510101 11.6298791,8.6110101 11.5857198,9.32282828 C11.534044,10.1419192 12.0921429,10.6373737 12.6558791,10.6773737 C12.2321374,10.5282828 11.8976538,10.0337374 12.0489231,9.37646465 C12.2058297,8.69737374 12.7554725,8.35191919 13.1726374,7.80282828 C13.5315495,7.32828283 13.5371868,6.63282828 13.5108791,6.4010101 C13.4836319,6.16919192 13.2167967,5.98828283 13.2167967,5.98828283 C13.2167967,5.98828283 13.2252527,5.52373737 13.2167967,5.01646465 C13.2083407,4.51010101 13.4300769,4.21828283 13.4300769,4.21828283 C13.4300769,4.21828283 13.4216209,3.4610101 13.3943736,2.57646465 C13.3671264,1.72555556 13.2863242,1.46828283 13.205522,1.35464646 C13.205522,1.35464646 13.2694121,1.10919192 13.5099396,0.844646465 L13.5099396,0.844646465 L13.7542253,1.06282828 L13.8284505,0.571919192 C13.9825385,0.469191919 14.1723297,0.375555556 14.4072198,0.307373737 C14.4325879,0.30010101 14.4570165,0.294646465 14.4823846,0.288282828 L14.4823846,0.288282828 L14.7896209,0.644646465 Z M7.71628243,19.8937938 C8.32897736,19.8402566 9.02386307,19.9393405 9.75797621,20.0432188 L9.75797621,20.0432188 L9.86538462,20.058401 C9.7449004,20.8103202 9.02106112,21.7691969 7.79193531,22.0896215 L7.79193531,22.0896215 L9.01358923,23.5151515 L7.36136769,23.5151515 C7.15589073,23.2226941 6.50396838,22.32135 6.16586538,21.9681638 C6.72065317,21.6525335 7.42954868,21.0388524 7.71628243,19.8937938 Z" id="path-1"></path>
+        <path d="M17.8413132,12.8764646 C17.8413132,12.8764646 16.6555879,12.5091919 15.661533,12.2855556 C15.661533,12.2855556 15.3477198,10.3246465 14.8939121,8.23646465 C14.8939121,8.23646465 15.1560495,8.21373737 15.3383242,8.8710101 L16.0223242,12.0219192 C16.0223242,12.0219192 17.2343571,12.2991919 18.1795549,12.6537374 L17.8413132,12.8764646 Z M15.2603407,6.10282828 L15.5328132,5.80555556 C16.0627253,5.87828283 16.3483516,6.02828283 16.3483516,6.02828283 L16.291978,6.11191919 L16.3972088,6.9310101 C16.2440604,6.93646465 16.0091703,7.05919192 16.0091703,7.05919192 L15.8315934,6.95010101 L15.8315934,6.38282828 C15.3026209,6.29919192 15.2556429,6.21828283 15.2556429,6.21828283 L15.2603407,6.10282828 Z M12.4557527,18.2873737 C11.2831813,18.4964646 9.84565385,18.2237374 9.84565385,18.2237374 L9.89732967,17.9991919 C9.89732967,17.9991919 11.6496099,18.1955556 12.6248736,17.8973737 C12.5553462,18.0628283 12.5356154,18.1137374 12.4557527,18.2873737 L12.4557527,18.2873737 Z M9.18984066,14.5464646 C8.379,15.1364646 7.56064286,15.6791919 7.00442308,16.1091919 C6.9705989,16.6955556 6.91516484,17.6464646 6.91516484,17.6464646 L5.46448352,18.5182828 L5.22207692,18.3737374 C5.27845055,17.9219192 5.34891758,17.5882828 5.34891758,17.5882828 L5.55186264,17.4410101 C5.50676374,17.7282828 5.48515385,18.1346465 5.48515385,18.1346465 L6.5928956,17.440101 C6.63705495,16.7019192 6.72443407,15.960101 6.72443407,15.960101 C6.9705989,15.7373737 8.73697253,14.5237374 10.0100803,13.6864646 C10.0100803,13.6864646 10.018533,13.9437374 9.18984066,14.5464646 L9.18984066,14.5464646 Z M14.977533,0.195555556 C15.2612802,0.167373737 15.5065055,0.184646465 15.7103901,0.228282828 L15.7103901,0.228282828 L15.8813901,0.697373737 L16.1003077,0.361919192 C16.2694286,0.447373737 16.3746593,0.547373737 16.4056648,0.624646465 C16.4056648,0.624646465 16.3615055,0.909191919 16.4319725,1.36464646 C16.5005604,1.80373737 16.6988077,2.78191919 16.6988077,2.78191919 C16.9740989,3.00646465 17.2850934,3.51282828 17.2850934,3.51282828 C17.4758242,4.41737374 17.4645495,5.04919192 17.4636099,5.1210101 C16.6734396,4.68646465 15.6173736,4.58555556 15.6173736,4.58555556 L15.6173736,4.58555556 L15.2481264,4.90828283 C15.9753462,5.00828283 16.8792033,5.26555556 17.1122143,5.44555556 C17.2484505,5.74737374 17.3386484,6.22828283 17.3386484,6.22828283 L17.3386484,6.22828283 L17.0445659,6.58919192 L17.3198571,6.8810101 C17.3386484,7.22464646 17.2183846,7.56919192 17.2183846,7.56919192 C17.7905769,7.93010101 17.9512418,8.79373737 18.3101538,10.250101 C18.6700055,11.7064646 18.9903956,12.9055556 18.9903956,12.9055556 L18.9903956,12.9055556 L18.4567253,13.2019192 C19.1623352,15.7282828 18.444511,17.7391919 17.5378352,19.0664646 C16.6320989,20.3946465 16.0862143,21.7137374 16.1031264,22.8910101 L16.1031264,22.8910101 L16.5475385,23.2346465 L16.7749121,23.9491919 L14.3048077,23.9491919 L14.293533,23.2728283 C14.2925934,21.5619192 14.9230385,20.1328283 14.9230385,20.1328283 C15.2857088,20.0473737 15.6596538,19.7628283 15.6596538,19.7628283 C15.0733681,19.8828283 14.3414505,19.7964646 14.3414505,19.7964646 C14.8676044,18.8537374 15.0292088,18.1773737 15.0292088,18.1773737 L15.0292088,18.1773737 L14.7811648,18.1228283 C14.6956648,18.310101 14.6073462,18.4937374 14.5133901,18.6710101 C13.8754286,19.8864646 13.1735769,20.6628283 12.7554725,22.4055556 L12.7554725,22.4055556 L13.1933077,22.7455556 L13.6987912,23.9491919 L10.8509835,23.9491919 C10.8340714,21.8246465 11.495522,20.2273737 11.7341703,19.7628283 C10.2233571,19.9264646 8.42128022,19.1782828 6.99314835,19.4664646 C6.60041209,21.9473737 4.59257143,22.4355556 3.65019231,22.300101 L3.65019231,22.300101 L2.97652747,23.4146465 L3.58724176,23.9491919 L1.33135714,23.9491919 C1.32008242,23.8546465 1.2918956,23.7537374 1.22988462,23.6591919 C1.22988462,23.6591919 1.97401648,22.5882828 2.48231868,21.150101 C2.89008791,21.3255556 3.75166484,20.9928283 3.78736813,20.1055556 C3.82401099,19.2191919 3.67086264,17.8419192 4.46854945,16.7891919 C5.2652967,15.7355556 6.12687363,15.1655556 7.25152747,14.3328283 C7.98250549,13.7910101 9.22084615,12.8755556 9.99974176,12.3010101 L9.99974176,12.3010101 L9.61546154,12.3864646 L6.81087363,14.6491919 L5.82997253,14.6491919 L8.66368681,12.1164646 L8.29725824,12.1091919 L5.33576374,14.6491919 L4.34170879,14.6491919 L7.27313736,11.720101 L6.9208022,11.7173737 L3.88038462,14.6491919 L2.86565934,14.6491919 L5.8093022,11.3037374 L5.46918132,11.3055556 L2.43534066,14.6491919 L1.36706044,14.6491919 L4.22614286,10.8528283 L3.89635714,10.8573737 L0.963989011,14.6491919 L0,14.6491919 C0,14.6491919 4.11809341,8.22464646 4.92893407,7.00737374 C5.73883516,5.79010101 6.6192033,4.62282828 8.06894505,4.38464646 C9.53465934,4.14282828 10.5343516,4.46646465 11.2502967,5.63373737 C11.636456,6.2610101 12.1034176,6.97828283 12.4698462,7.55919192 C12.0968407,8.1510101 11.6298791,8.6110101 11.5857198,9.32282828 C11.534044,10.1419192 12.0921429,10.6373737 12.6558791,10.6773737 C12.2321374,10.5282828 11.8976538,10.0337374 12.0489231,9.37646465 C12.2058297,8.69737374 12.7554725,8.35191919 13.1726374,7.80282828 C13.5315495,7.32828283 13.5371868,6.63282828 13.5108791,6.4010101 C13.4836319,6.16919192 13.2167967,5.98828283 13.2167967,5.98828283 C13.2167967,5.98828283 13.2252527,5.52373737 13.2167967,5.01646465 C13.2083407,4.51010101 13.4300769,4.21828283 13.4300769,4.21828283 C13.4300769,4.21828283 13.4216209,3.4610101 13.3943736,2.57646465 C13.3671264,1.72555556 13.2863242,1.46828283 13.205522,1.35464646 C13.205522,1.35464646 13.2694121,1.10919192 13.5099396,0.844646465 L13.5099396,0.844646465 L13.7542253,1.06282828 L13.8284505,0.571919192 C13.9825385,0.469191919 14.1723297,0.375555556 14.4072198,0.307373737 C14.4325879,0.30010101 14.4570165,0.294646465 14.4823846,0.288282828 L14.4823846,0.288282828 L14.7896209,0.644646465 Z M7.71628243,19.8937938 C8.32897736,19.8402566 9.02386307,19.9393405 9.75797621,20.0432188 L9.75797621,20.0432188 L9.86538462,20.058401 C9.7449004,20.8103202 9.02106112,21.7691969 7.79193531,22.0896215 L7.79193531,22.0896215 L9.01358923,23.5151515 L7.36136769,23.5151515 C7.15589073,23.2226941 6.50396838,22.32135 6.16586538,21.9681638 C6.72065317,21.6525335 7.42954868,21.0388524 7.71628243,19.8937938 Z"
+              id="path-1"></path>
     </defs>
     <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g id="nav-/-primary-/-1440" transform="translate(-128.000000, -14.000000)">
diff --git a/packages/admin-ui/src/styling/icons/menu/notification-zodiac.svg b/packages/admin-ui/src/styling/icons/menu/notification-zodiac.svg
index d35d2028..5c1a019d 100644
--- a/packages/admin-ui/src/styling/icons/menu/notification-zodiac.svg
+++ b/packages/admin-ui/src/styling/icons/menu/notification-zodiac.svg
@@ -1,12 +1,15 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
     <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g id="nav-/-primary-/-1440" transform="translate(-1295.000000, -19.000000)" stroke="#1B2559" stroke-width="2">
             <g id="icon/menu/notification" transform="translate(1296.000000, 20.000000)">
-                <path d="M10.1052632,14.3157895 C10.1052632,15.2454737 9.35073684,16 8.42105263,16 C7.49136842,16 6.73684211,15.2454737 6.73684211,14.3157895" id="Stroke-1"></path>
-                <path d="M1.6,14.3157895 C0.7168,14.3157895 0,13.6031813 0,12.7251462 C0,11.8471111 0.7168,11.1345029 1.6,11.1345029 L1.6,6.3625731 C1.6,2.84884211 4.4656,0 8,0 C11.5344,0 14.4,2.84884211 14.4,6.3625731 L14.4,11.1345029 C15.2832,11.1345029 16,11.8471111 16,12.7251462 C16,13.6031813 15.2832,14.3157895 14.4,14.3157895 L1.6,14.3157895 Z" id="Stroke-3" stroke-linejoin="round"></path>
+                <path d="M10.1052632,14.3157895 C10.1052632,15.2454737 9.35073684,16 8.42105263,16 C7.49136842,16 6.73684211,15.2454737 6.73684211,14.3157895"
+                      id="Stroke-1"></path>
+                <path d="M1.6,14.3157895 C0.7168,14.3157895 0,13.6031813 0,12.7251462 C0,11.8471111 0.7168,11.1345029 1.6,11.1345029 L1.6,6.3625731 C1.6,2.84884211 4.4656,0 8,0 C11.5344,0 14.4,2.84884211 14.4,6.3625731 L14.4,11.1345029 C15.2832,11.1345029 16,11.8471111 16,12.7251462 C16,13.6031813 15.2832,14.3157895 14.4,14.3157895 L1.6,14.3157895 Z"
+                      id="Stroke-3" stroke-linejoin="round"></path>
             </g>
         </g>
     </g>
diff --git a/packages/admin-ui/src/styling/icons/menu/notification.svg b/packages/admin-ui/src/styling/icons/menu/notification.svg
index cc917d32..4385728d 100644
--- a/packages/admin-ui/src/styling/icons/menu/notification.svg
+++ b/packages/admin-ui/src/styling/icons/menu/notification.svg
@@ -1,12 +1,15 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
     <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g id="nav-/-primary-/-1440" transform="translate(-1295.000000, -19.000000)" stroke="#FFFFFF" stroke-width="2">
             <g id="icon/menu/notification" transform="translate(1296.000000, 20.000000)">
-                <path d="M10.1052632,14.3157895 C10.1052632,15.2454737 9.35073684,16 8.42105263,16 C7.49136842,16 6.73684211,15.2454737 6.73684211,14.3157895" id="Stroke-1"></path>
-                <path d="M1.6,14.3157895 C0.7168,14.3157895 0,13.6031813 0,12.7251462 C0,11.8471111 0.7168,11.1345029 1.6,11.1345029 L1.6,6.3625731 C1.6,2.84884211 4.4656,0 8,0 C11.5344,0 14.4,2.84884211 14.4,6.3625731 L14.4,11.1345029 C15.2832,11.1345029 16,11.8471111 16,12.7251462 C16,13.6031813 15.2832,14.3157895 14.4,14.3157895 L1.6,14.3157895 Z" id="Stroke-3" stroke-linejoin="round"></path>
+                <path d="M10.1052632,14.3157895 C10.1052632,15.2454737 9.35073684,16 8.42105263,16 C7.49136842,16 6.73684211,15.2454737 6.73684211,14.3157895"
+                      id="Stroke-1"></path>
+                <path d="M1.6,14.3157895 C0.7168,14.3157895 0,13.6031813 0,12.7251462 C0,11.8471111 0.7168,11.1345029 1.6,11.1345029 L1.6,6.3625731 C1.6,2.84884211 4.4656,0 8,0 C11.5344,0 14.4,2.84884211 14.4,6.3625731 L14.4,11.1345029 C15.2832,11.1345029 16,11.8471111 16,12.7251462 C16,13.6031813 15.2832,14.3157895 14.4,14.3157895 L1.6,14.3157895 Z"
+                      id="Stroke-3" stroke-linejoin="round"></path>
             </g>
         </g>
     </g>
diff --git a/packages/admin-ui/src/styling/icons/menu/search-zodiac.svg b/packages/admin-ui/src/styling/icons/menu/search-zodiac.svg
index 99fb94be..efb34a8e 100644
--- a/packages/admin-ui/src/styling/icons/menu/search-zodiac.svg
+++ b/packages/admin-ui/src/styling/icons/menu/search-zodiac.svg
@@ -1,12 +1,15 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
     <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g id="nav-/-primary-/-1440" transform="translate(-1239.000000, -19.000000)" stroke="#1B2559" stroke-width="2">
             <g id="icon/menu/search" transform="translate(1240.000000, 20.000000)">
-                <path d="M12.3100952,6.15542857 C12.3100952,9.55504762 9.55428571,12.3108571 6.15466667,12.3108571 C2.75580952,12.3108571 -2.72670775e-13,9.55504762 -2.72670775e-13,6.15542857 C-2.72670775e-13,2.75580952 2.75580952,8.08242362e-14 6.15466667,8.08242362e-14 C9.55428571,8.08242362e-14 12.3100952,2.75580952 12.3100952,6.15542857 Z" id="Stroke-1"></path>
-                <line x1="10.5820952" y1="10.5829333" x2="15.2068571" y2="15.2076952" id="Stroke-3" stroke-linecap="round"></line>
+                <path d="M12.3100952,6.15542857 C12.3100952,9.55504762 9.55428571,12.3108571 6.15466667,12.3108571 C2.75580952,12.3108571 -2.72670775e-13,9.55504762 -2.72670775e-13,6.15542857 C-2.72670775e-13,2.75580952 2.75580952,8.08242362e-14 6.15466667,8.08242362e-14 C9.55428571,8.08242362e-14 12.3100952,2.75580952 12.3100952,6.15542857 Z"
+                      id="Stroke-1"></path>
+                <line x1="10.5820952" y1="10.5829333" x2="15.2068571" y2="15.2076952" id="Stroke-3"
+                      stroke-linecap="round"></line>
             </g>
         </g>
     </g>
diff --git a/packages/admin-ui/src/styling/icons/menu/search.svg b/packages/admin-ui/src/styling/icons/menu/search.svg
index 9a7ea06f..66d37b18 100644
--- a/packages/admin-ui/src/styling/icons/menu/search.svg
+++ b/packages/admin-ui/src/styling/icons/menu/search.svg
@@ -1,12 +1,15 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
     <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g id="nav-/-primary-/-1440" transform="translate(-1239.000000, -19.000000)" stroke="#FFFFFF" stroke-width="2">
             <g id="icon/menu/search" transform="translate(1240.000000, 20.000000)">
-                <path d="M12.3100952,6.15542857 C12.3100952,9.55504762 9.55428571,12.3108571 6.15466667,12.3108571 C2.75580952,12.3108571 -2.72670775e-13,9.55504762 -2.72670775e-13,6.15542857 C-2.72670775e-13,2.75580952 2.75580952,8.08242362e-14 6.15466667,8.08242362e-14 C9.55428571,8.08242362e-14 12.3100952,2.75580952 12.3100952,6.15542857 Z" id="Stroke-1"></path>
-                <line x1="10.5820952" y1="10.5829333" x2="15.2068571" y2="15.2076952" id="Stroke-3" stroke-linecap="round"></line>
+                <path d="M12.3100952,6.15542857 C12.3100952,9.55504762 9.55428571,12.3108571 6.15466667,12.3108571 C2.75580952,12.3108571 -2.72670775e-13,9.55504762 -2.72670775e-13,6.15542857 C-2.72670775e-13,2.75580952 2.75580952,8.08242362e-14 6.15466667,8.08242362e-14 C9.55428571,8.08242362e-14 12.3100952,2.75580952 12.3100952,6.15542857 Z"
+                      id="Stroke-1"></path>
+                <line x1="10.5820952" y1="10.5829333" x2="15.2068571" y2="15.2076952" id="Stroke-3"
+                      stroke-linecap="round"></line>
             </g>
         </g>
     </g>
diff --git a/packages/admin-ui/src/styling/icons/month arrows/left.svg b/packages/admin-ui/src/styling/icons/month arrows/left.svg
index e5ce3c47..a3d438fd 100644
--- a/packages/admin-ui/src/styling/icons/month arrows/left.svg	
+++ b/packages/admin-ui/src/styling/icons/month arrows/left.svg	
@@ -1,5 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 59.1 (86144) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
     <defs>
@@ -7,7 +8,8 @@
     </defs>
     <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g id="pop-up/action/download-logs/date-range-copy-2" transform="translate(-20.000000, -187.000000)">
-            <g id="icon/sf-contain-b-copy-5" transform="translate(30.000000, 197.000000) rotate(-270.000000) translate(-30.000000, -197.000000) translate(20.000000, 187.000000)">
+            <g id="icon/sf-contain-b-copy-5"
+               transform="translate(30.000000, 197.000000) rotate(-270.000000) translate(-30.000000, -197.000000) translate(20.000000, 187.000000)">
                 <mask id="mask-2" fill="white">
                     <use xlink:href="#path-1"></use>
                 </mask>
@@ -15,8 +17,10 @@
                 <g id="icon/sf-small/wizzard" mask="url(#mask-2)" stroke-linecap="round" stroke-linejoin="round">
                     <g transform="translate(6.666667, 6.000000)" id="Group">
                         <g>
-                            <polyline id="Path-3" stroke="#1B2559" stroke-width="2" points="0 4.83333333 3.33333333 8.16666667 6.66666667 4.83333333"></polyline>
-                            <line x1="3.33333333" y1="0.25" x2="3.33333333" y2="6.5" id="Path-4" stroke="#1B2559" stroke-width="2"></line>
+                            <polyline id="Path-3" stroke="#1B2559" stroke-width="2"
+                                      points="0 4.83333333 3.33333333 8.16666667 6.66666667 4.83333333"></polyline>
+                            <line x1="3.33333333" y1="0.25" x2="3.33333333" y2="6.5" id="Path-4" stroke="#1B2559"
+                                  stroke-width="2"></line>
                         </g>
                     </g>
                 </g>
diff --git a/packages/admin-ui/src/styling/icons/month arrows/right.svg b/packages/admin-ui/src/styling/icons/month arrows/right.svg
index 500673b1..2692ac8b 100644
--- a/packages/admin-ui/src/styling/icons/month arrows/right.svg	
+++ b/packages/admin-ui/src/styling/icons/month arrows/right.svg	
@@ -1,11 +1,13 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <defs>
         <circle id="path-1-right" cx="10" cy="10" r="10"></circle>
     </defs>
     <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g id="pop-up/action/download-logs/date-range-copy-2" transform="translate(-232.000000, -187.000000)">
-            <g id="icon/sf-contain-b-copy-4" transform="translate(242.000000, 197.000000) scale(-1, 1) rotate(-270.000000) translate(-242.000000, -197.000000) translate(232.000000, 187.000000)">
+            <g id="icon/sf-contain-b-copy-4"
+               transform="translate(242.000000, 197.000000) scale(-1, 1) rotate(-270.000000) translate(-242.000000, -197.000000) translate(232.000000, 187.000000)">
                 <mask id="mask-2" fill="white">
                     <use xlink:href="#path-1-right"></use>
                 </mask>
@@ -13,8 +15,10 @@
                 <g id="icon/sf-small/wizzard" mask="url(#mask-2)" stroke-linecap="round" stroke-linejoin="round">
                     <g transform="translate(6.666667, 6.000000)" id="Group">
                         <g>
-                            <polyline id="Path-3" stroke="#1B2559" stroke-width="2" points="0 4.83333333 3.33333333 8.16666667 6.66666667 4.83333333"></polyline>
-                            <line x1="3.33333333" y1="0.25" x2="3.33333333" y2="6.5" id="Path-4" stroke="#1B2559" stroke-width="2"></line>
+                            <polyline id="Path-3" stroke="#1B2559" stroke-width="2"
+                                      points="0 4.83333333 3.33333333 8.16666667 6.66666667 4.83333333"></polyline>
+                            <line x1="3.33333333" y1="0.25" x2="3.33333333" y2="6.5" id="Path-4" stroke="#1B2559"
+                                  stroke-width="2"></line>
                         </g>
                     </g>
                 </g>
diff --git a/packages/admin-ui/src/styling/icons/month arrows/right_white.svg b/packages/admin-ui/src/styling/icons/month arrows/right_white.svg
index 9d8cae10..0213c036 100644
--- a/packages/admin-ui/src/styling/icons/month arrows/right_white.svg	
+++ b/packages/admin-ui/src/styling/icons/month arrows/right_white.svg	
@@ -1,11 +1,13 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <defs>
         <circle id="path-1-right" cx="10" cy="10" r="10"></circle>
     </defs>
     <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g id="pop-up/action/download-logs/date-range-copy-2" transform="translate(-232.000000, -187.000000)">
-            <g id="icon/sf-contain-b-copy-4" transform="translate(242.000000, 197.000000) scale(-1, 1) rotate(-270.000000) translate(-242.000000, -197.000000) translate(232.000000, 187.000000)">
+            <g id="icon/sf-contain-b-copy-4"
+               transform="translate(242.000000, 197.000000) scale(-1, 1) rotate(-270.000000) translate(-242.000000, -197.000000) translate(232.000000, 187.000000)">
                 <mask id="mask-2" fill="white">
                     <use xlink:href="#path-1-right"></use>
                 </mask>
@@ -13,8 +15,10 @@
                 <g id="icon/sf-small/wizzard" mask="url(#mask-2)" stroke-linecap="round" stroke-linejoin="round">
                     <g transform="translate(6.666667, 6.000000)" id="Group">
                         <g>
-                            <polyline id="Path-3" stroke="#1B2559" stroke-width="2" points="0 4.83333333 3.33333333 8.16666667 6.66666667 4.83333333"></polyline>
-                            <line x1="3.33333333" y1="0.25" x2="3.33333333" y2="6.5" id="Path-4" stroke="#1B2559" stroke-width="2"></line>
+                            <polyline id="Path-3" stroke="#1B2559" stroke-width="2"
+                                      points="0 4.83333333 3.33333333 8.16666667 6.66666667 4.83333333"></polyline>
+                            <line x1="3.33333333" y1="0.25" x2="3.33333333" y2="6.5" id="Path-4" stroke="#1B2559"
+                                  stroke-width="2"></line>
                         </g>
                     </g>
                 </g>
diff --git a/packages/admin-ui/src/styling/icons/stage/spring/complete.svg b/packages/admin-ui/src/styling/icons/stage/spring/complete.svg
index c5bca93a..34885ee0 100644
--- a/packages/admin-ui/src/styling/icons/stage/spring/complete.svg
+++ b/packages/admin-ui/src/styling/icons/stage/spring/complete.svg
@@ -1,9 +1,13 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 63.1 (92452) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
     <g id="icon/stage/spring/complete" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <circle id="Oval" stroke="#48F694" stroke-width="2" transform="translate(9.000000, 9.000000) rotate(-270.000000) translate(-9.000000, -9.000000) " cx="9" cy="9" r="8"></circle>
-        <path d="M7.80983711,12 C7.54819546,12 7.28655382,11.9032616 7.08725647,11.710772 L5.29971255,9.98428824 C4.90009582,9.59832189 4.90009582,8.97445811 5.29971255,8.58849175 C5.69932929,8.2025254 6.34525711,8.2025254 6.74487384,8.58849175 L7.80983711,9.61707728 L11.2551262,6.28947477 C11.6547429,5.90350841 12.3016927,5.90350841 12.7002874,6.28947477 C13.0999042,6.674454 13.0999042,7.2993049 12.7002874,7.68527125 L8.53241776,11.710772 C8.33312041,11.9032616 8.07147876,12 7.80983711,12" id="Path" fill="#48F694"></path>
+        <circle id="Oval" stroke="#48F694" stroke-width="2"
+                transform="translate(9.000000, 9.000000) rotate(-270.000000) translate(-9.000000, -9.000000) " cx="9"
+                cy="9" r="8"></circle>
+        <path d="M7.80983711,12 C7.54819546,12 7.28655382,11.9032616 7.08725647,11.710772 L5.29971255,9.98428824 C4.90009582,9.59832189 4.90009582,8.97445811 5.29971255,8.58849175 C5.69932929,8.2025254 6.34525711,8.2025254 6.74487384,8.58849175 L7.80983711,9.61707728 L11.2551262,6.28947477 C11.6547429,5.90350841 12.3016927,5.90350841 12.7002874,6.28947477 C13.0999042,6.674454 13.0999042,7.2993049 12.7002874,7.68527125 L8.53241776,11.710772 C8.33312041,11.9032616 8.07147876,12 7.80983711,12"
+              id="Path" fill="#48F694"></path>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/stage/spring/current.svg b/packages/admin-ui/src/styling/icons/stage/spring/current.svg
index c84bb8c1..f38ccab4 100644
--- a/packages/admin-ui/src/styling/icons/stage/spring/current.svg
+++ b/packages/admin-ui/src/styling/icons/stage/spring/current.svg
@@ -1,9 +1,12 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 63.1 (92452) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
     <g id="icon/stage/spring/current" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <circle id="Oval-2-Copy" fill="#48F694" cx="9" cy="9" r="4"></circle>
-        <circle id="Oval-Copy-5" stroke="#48F694" stroke-width="2" transform="translate(9.000000, 9.000000) rotate(-270.000000) translate(-9.000000, -9.000000) " cx="9" cy="9" r="8"></circle>
+        <circle id="Oval-Copy-5" stroke="#48F694" stroke-width="2"
+                transform="translate(9.000000, 9.000000) rotate(-270.000000) translate(-9.000000, -9.000000) " cx="9"
+                cy="9" r="8"></circle>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/stage/spring/empty.svg b/packages/admin-ui/src/styling/icons/stage/spring/empty.svg
index ef66b65c..10485bac 100644
--- a/packages/admin-ui/src/styling/icons/stage/spring/empty.svg
+++ b/packages/admin-ui/src/styling/icons/stage/spring/empty.svg
@@ -1,8 +1,11 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 63.1 (92452) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
     <g id="icon/stage/spring/empty" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <circle id="Oval-Copy-6" stroke="#DDDDDD" stroke-width="2" transform="translate(9.000000, 9.000000) rotate(-270.000000) translate(-9.000000, -9.000000) " cx="9" cy="9" r="8"></circle>
+        <circle id="Oval-Copy-6" stroke="#DDDDDD" stroke-width="2"
+                transform="translate(9.000000, 9.000000) rotate(-270.000000) translate(-9.000000, -9.000000) " cx="9"
+                cy="9" r="8"></circle>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/stage/zodiac/complete.svg b/packages/admin-ui/src/styling/icons/stage/zodiac/complete.svg
index 0fae49dd..21c1c973 100644
--- a/packages/admin-ui/src/styling/icons/stage/zodiac/complete.svg
+++ b/packages/admin-ui/src/styling/icons/stage/zodiac/complete.svg
@@ -1,9 +1,13 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 63.1 (92452) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
     <g id="icon/stage/zodiac/complete" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <circle id="Oval" stroke="#1B2559" transform="translate(9.000000, 9.000000) rotate(-270.000000) translate(-9.000000, -9.000000) " cx="9" cy="9" r="8"></circle>
-        <path d="M7.80983711,12 C7.54819546,12 7.28655382,11.9032616 7.08725647,11.710772 L5.29971255,9.98428824 C4.90009582,9.59832189 4.90009582,8.97445811 5.29971255,8.58849175 C5.69932929,8.2025254 6.34525711,8.2025254 6.74487384,8.58849175 L7.80983711,9.61707728 L11.2551262,6.28947477 C11.6547429,5.90350841 12.3016927,5.90350841 12.7002874,6.28947477 C13.0999042,6.674454 13.0999042,7.2993049 12.7002874,7.68527125 L8.53241776,11.710772 C8.33312041,11.9032616 8.07147876,12 7.80983711,12" id="Path" fill="#1B2559"></path>
+        <circle id="Oval" stroke="#1B2559"
+                transform="translate(9.000000, 9.000000) rotate(-270.000000) translate(-9.000000, -9.000000) " cx="9"
+                cy="9" r="8"></circle>
+        <path d="M7.80983711,12 C7.54819546,12 7.28655382,11.9032616 7.08725647,11.710772 L5.29971255,9.98428824 C4.90009582,9.59832189 4.90009582,8.97445811 5.29971255,8.58849175 C5.69932929,8.2025254 6.34525711,8.2025254 6.74487384,8.58849175 L7.80983711,9.61707728 L11.2551262,6.28947477 C11.6547429,5.90350841 12.3016927,5.90350841 12.7002874,6.28947477 C13.0999042,6.674454 13.0999042,7.2993049 12.7002874,7.68527125 L8.53241776,11.710772 C8.33312041,11.9032616 8.07147876,12 7.80983711,12"
+              id="Path" fill="#1B2559"></path>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/stage/zodiac/current.svg b/packages/admin-ui/src/styling/icons/stage/zodiac/current.svg
index 044d18b2..e2eff64f 100644
--- a/packages/admin-ui/src/styling/icons/stage/zodiac/current.svg
+++ b/packages/admin-ui/src/styling/icons/stage/zodiac/current.svg
@@ -1,9 +1,12 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 63.1 (92452) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
     <g id="icon/stage/zodiac/current" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <circle id="Oval-2-Copy" fill="#1B2559" cx="9" cy="9" r="4"></circle>
-        <circle id="Oval-Copy-5" stroke="#1B2559" stroke-width="2" transform="translate(9.000000, 9.000000) rotate(-270.000000) translate(-9.000000, -9.000000) " cx="9" cy="9" r="8"></circle>
+        <circle id="Oval-Copy-5" stroke="#1B2559" stroke-width="2"
+                transform="translate(9.000000, 9.000000) rotate(-270.000000) translate(-9.000000, -9.000000) " cx="9"
+                cy="9" r="8"></circle>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/stage/zodiac/empty.svg b/packages/admin-ui/src/styling/icons/stage/zodiac/empty.svg
index 4529dbf6..77411f82 100644
--- a/packages/admin-ui/src/styling/icons/stage/zodiac/empty.svg
+++ b/packages/admin-ui/src/styling/icons/stage/zodiac/empty.svg
@@ -1,8 +1,11 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 63.1 (92452) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
     <g id="icon/stage/zodiac/empty" stroke="none" stroke-width="2" fill="none" fill-rule="evenodd">
-        <circle id="Oval-Copy-6" stroke="#5F668A" transform="translate(9.000000, 9.000000) rotate(-270.000000) translate(-9.000000, -9.000000) " cx="9" cy="9" r="8"></circle>
+        <circle id="Oval-Copy-6" stroke="#5F668A"
+                transform="translate(9.000000, 9.000000) rotate(-270.000000) translate(-9.000000, -9.000000) " cx="9"
+                cy="9" r="8"></circle>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/stage/zodiac/full.svg b/packages/admin-ui/src/styling/icons/stage/zodiac/full.svg
index 8e905e5e..3062b257 100644
--- a/packages/admin-ui/src/styling/icons/stage/zodiac/full.svg
+++ b/packages/admin-ui/src/styling/icons/stage/zodiac/full.svg
@@ -1,9 +1,12 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 63.1 (92452) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
     <g id="icon/stage/zodiac/full" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <circle id="Oval-2-Copy" fill="#1B2559" cx="9" cy="9" r="8"></circle>
-        <circle id="Oval-Copy-5" stroke="#1B2559" stroke-width="2" transform="translate(9.000000, 9.000000) rotate(-270.000000) translate(-9.000000, -9.000000) " cx="9" cy="9" r="8"></circle>
+        <circle id="Oval-Copy-5" stroke="#1B2559" stroke-width="2"
+                transform="translate(9.000000, 9.000000) rotate(-270.000000) translate(-9.000000, -9.000000) " cx="9"
+                cy="9" r="8"></circle>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/status/pumpkin.svg b/packages/admin-ui/src/styling/icons/status/pumpkin.svg
index fc11e181..f081464c 100644
--- a/packages/admin-ui/src/styling/icons/status/pumpkin.svg
+++ b/packages/admin-ui/src/styling/icons/status/pumpkin.svg
@@ -1,4 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="12" height="12" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="12" height="12" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <rect width="12" height="12" rx="3" ry="3" fill="#ff7311"/>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/status/spring2.svg b/packages/admin-ui/src/styling/icons/status/spring2.svg
index 0ffc9aa2..0edd8bd3 100644
--- a/packages/admin-ui/src/styling/icons/status/spring2.svg
+++ b/packages/admin-ui/src/styling/icons/status/spring2.svg
@@ -1,4 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="12" height="12" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="12" height="12" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <rect width="12" height="12" rx="3" ry="3" fill="#44e188"/>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/status/tomato.svg b/packages/admin-ui/src/styling/icons/status/tomato.svg
index 7e5eb10a..58748c43 100644
--- a/packages/admin-ui/src/styling/icons/status/tomato.svg
+++ b/packages/admin-ui/src/styling/icons/status/tomato.svg
@@ -1,4 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="12" height="12" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="12" height="12" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <rect width="12" height="12" rx="3" ry="3" fill="#ff584a"/>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/stripes.svg b/packages/admin-ui/src/styling/icons/stripes.svg
index f1c87ebd..929c5598 100644
--- a/packages/admin-ui/src/styling/icons/stripes.svg
+++ b/packages/admin-ui/src/styling/icons/stripes.svg
@@ -1,28 +1,29 @@
 <svg
-  xmlns="http://www.w3.org/2000/svg"
-  width="100%"
-  height="36px">
-  <defs>
-    <pattern
-      id="pattern_68JiZ"
-      patternUnits="userSpaceOnUse"
-      width="5.5"
-      height="5.5"
-      patternTransform="rotate(45)">
-      <line
-        x1="0"
-        y="0"
-        x2="0"
-        y2="5.5"
-        stroke="#DBDFED"
-        stroke-width="3"
-      />
-    </pattern>
-  </defs>{' '}
-  <rect
-    width="100%"
-    height="100%"
-    fill="url(#pattern_68JiZ)"
-    opacity="1"
-  />
+        xmlns="http://www.w3.org/2000/svg"
+        width="100%"
+        height="36px">
+    <defs>
+        <pattern
+                id="pattern_68JiZ"
+                patternUnits="userSpaceOnUse"
+                width="5.5"
+                height="5.5"
+                patternTransform="rotate(45)">
+            <line
+                    x1="0"
+                    y="0"
+                    x2="0"
+                    y2="5.5"
+                    stroke="#DBDFED"
+                    stroke-width="3"
+            />
+        </pattern>
+    </defs>
+    {' '}
+    <rect
+            width="100%"
+            height="100%"
+            fill="url(#pattern_68JiZ)"
+            opacity="1"
+    />
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/table/empty-table.svg b/packages/admin-ui/src/styling/icons/table/empty-table.svg
index 76464a0c..fb0284b4 100644
--- a/packages/admin-ui/src/styling/icons/table/empty-table.svg
+++ b/packages/admin-ui/src/styling/icons/table/empty-table.svg
@@ -1,27 +1,33 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="160px" height="160px" viewBox="0 0 160 160" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="160px" height="160px" viewBox="0 0 160 160" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <defs>
         <circle id="path-100" cx="80" cy="80" r="80"></circle>
         <rect id="path-300" x="28" y="44" width="104" height="116" rx="4"></rect>
         <filter x="-23.1%" y="-20.7%" width="146.2%" height="141.4%" filterUnits="objectBoundingBox" id="filter-4">
             <feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
             <feGaussianBlur stdDeviation="8" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
-            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.08 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.08 0" type="matrix"
+                           in="shadowBlurOuter1"></feColorMatrix>
         </filter>
         <rect id="path-5" x="37" y="66" width="84" height="8" rx="2"></rect>
-        <mask id="mask-6" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="84" height="8" fill="white">
+        <mask id="mask-6" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="84"
+              height="8" fill="white">
             <use xlink:href="#path-5"></use>
         </mask>
         <rect id="path-7" x="37" y="78" width="84" height="8" rx="2"></rect>
-        <mask id="mask-8" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="84" height="8" fill="white">
+        <mask id="mask-8" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="84"
+              height="8" fill="white">
             <use xlink:href="#path-7"></use>
         </mask>
         <rect id="path-9" x="37" y="90" width="84" height="8" rx="2"></rect>
-        <mask id="mask-10" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="84" height="8" fill="white">
+        <mask id="mask-10" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="84"
+              height="8" fill="white">
             <use xlink:href="#path-9"></use>
         </mask>
         <rect id="path-11" x="37" y="102" width="84" height="8" rx="2"></rect>
-        <mask id="mask-12" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="84" height="8" fill="white">
+        <mask id="mask-12" maskContentUnits="userSpaceOnUse" maskUnits="objectBoundingBox" x="0" y="0" width="84"
+              height="8" fill="white">
             <use xlink:href="#path-11"></use>
         </mask>
     </defs>
@@ -38,10 +44,14 @@
                         <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-300"></use>
                     </g>
                 </g>
-                <use id="Rectangle" stroke="#5F668A" mask="url(#mask-6)" stroke-dasharray="1" xlink:href="#path-5"></use>
-                <use id="Rectangle-Copy" stroke="#5F668A" mask="url(#mask-8)" stroke-dasharray="1" xlink:href="#path-7"></use>
-                <use id="Rectangle-Copy-2" stroke="#5F668A" mask="url(#mask-10)" stroke-dasharray="1" xlink:href="#path-9"></use>
-                <use id="Rectangle-Copy-3" stroke="#5F668A" mask="url(#mask-12)" stroke-dasharray="1" xlink:href="#path-11"></use>
+                <use id="Rectangle" stroke="#5F668A" mask="url(#mask-6)" stroke-dasharray="1"
+                     xlink:href="#path-5"></use>
+                <use id="Rectangle-Copy" stroke="#5F668A" mask="url(#mask-8)" stroke-dasharray="1"
+                     xlink:href="#path-7"></use>
+                <use id="Rectangle-Copy-2" stroke="#5F668A" mask="url(#mask-10)" stroke-dasharray="1"
+                     xlink:href="#path-9"></use>
+                <use id="Rectangle-Copy-3" stroke="#5F668A" mask="url(#mask-12)" stroke-dasharray="1"
+                     xlink:href="#path-11"></use>
                 <rect id="Rectangle" fill="#EBEFFF" x="37" y="56" width="84" height="6" rx="2"></rect>
             </g>
         </g>
diff --git a/packages/admin-ui/src/styling/icons/table/false.svg b/packages/admin-ui/src/styling/icons/table/false.svg
index 4d44d93f..466d068d 100644
--- a/packages/admin-ui/src/styling/icons/table/false.svg
+++ b/packages/admin-ui/src/styling/icons/table/false.svg
@@ -1,11 +1,15 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>Group</title>
     <g id="↳↳-Coin-ATM-Radar" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="operator-info_v4-CAR#1" transform="translate(-832.000000, -608.000000)" fill="#FF584A" fill-rule="nonzero">
+        <g id="operator-info_v4-CAR#1" transform="translate(-832.000000, -608.000000)" fill="#FF584A"
+           fill-rule="nonzero">
             <g id="Group" transform="translate(832.000000, 608.000000)">
                 <polygon id="Line-7" points="13.0484874 0 16 2.95151255 2.95151255 16 0 13.0484874"></polygon>
-                <polygon id="Line-7" transform="translate(8.000000, 8.000000) scale(-1, 1) translate(-8.000000, -8.000000) " points="13.0484874 0 16 2.95151255 2.95151255 16 0 13.0484874"></polygon>
+                <polygon id="Line-7"
+                         transform="translate(8.000000, 8.000000) scale(-1, 1) translate(-8.000000, -8.000000) "
+                         points="13.0484874 0 16 2.95151255 2.95151255 16 0 13.0484874"></polygon>
             </g>
         </g>
     </g>
diff --git a/packages/admin-ui/src/styling/icons/table/true.svg b/packages/admin-ui/src/styling/icons/table/true.svg
index d805af9d..288843f3 100644
--- a/packages/admin-ui/src/styling/icons/table/true.svg
+++ b/packages/admin-ui/src/styling/icons/table/true.svg
@@ -1,9 +1,11 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="16px" height="14px" viewBox="0 0 16 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="16px" height="14px" viewBox="0 0 16 14" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 61.2 (89653) - https://sketch.com -->
     <title>icon/table/true</title>
     <desc>Created with Sketch.</desc>
     <g id="icon/table/true" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <path d="M4.17451294,13.3251347 L0.599425104,9.29667256 C-0.199808368,8.3960844 -0.199808368,6.94040225 0.599425104,6.03981409 C1.39865858,5.13922593 2.69051421,5.13922593 3.48974768,6.03981409 L5.61967423,8.439847 L12.5102523,0.675441122 C13.3094858,-0.225147041 14.6033855,-0.225147041 15.4005749,0.675441122 C16.1998084,1.57372599 16.1998084,3.03171143 15.4005749,3.93229959 L7.06483552,13.3251347 C6.66624082,13.7742771 6.14295752,14 5.61967423,14 C5.09639093,14 4.57310763,13.7742771 4.17451294,13.3251347 Z" id="Fill-1" fill="#48F694"></path>
+        <path d="M4.17451294,13.3251347 L0.599425104,9.29667256 C-0.199808368,8.3960844 -0.199808368,6.94040225 0.599425104,6.03981409 C1.39865858,5.13922593 2.69051421,5.13922593 3.48974768,6.03981409 L5.61967423,8.439847 L12.5102523,0.675441122 C13.3094858,-0.225147041 14.6033855,-0.225147041 15.4005749,0.675441122 C16.1998084,1.57372599 16.1998084,3.03171143 15.4005749,3.93229959 L7.06483552,13.3251347 C6.66624082,13.7742771 6.14295752,14 5.61967423,14 C5.09639093,14 4.57310763,13.7742771 4.17451294,13.3251347 Z"
+              id="Fill-1" fill="#48F694"></path>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/warning-icon/comet.svg b/packages/admin-ui/src/styling/icons/warning-icon/comet.svg
index 6d59876c..0548ac6e 100644
--- a/packages/admin-ui/src/styling/icons/warning-icon/comet.svg
+++ b/packages/admin-ui/src/styling/icons/warning-icon/comet.svg
@@ -1,11 +1,13 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
     <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g id="icon/warning-icon/comet">
             <rect id="Rectangle" stroke="#5F668A" stroke-width="2" x="1" y="1" width="22" height="22" rx="11"></rect>
-            <path d="M11.2971429,14.4857143 L11.1085714,5.82857143 L13.3714286,5.82857143 L13.2,14.4857143 L11.2971429,14.4857143 Z M11.1942857,18 L11.1942857,15.9771429 L13.3028571,15.9771429 L13.3028571,18 L11.1942857,18 Z" id="!" fill="#5F668A" fill-rule="nonzero"></path>
+            <path d="M11.2971429,14.4857143 L11.1085714,5.82857143 L13.3714286,5.82857143 L13.2,14.4857143 L11.2971429,14.4857143 Z M11.1942857,18 L11.1942857,15.9771429 L13.3028571,15.9771429 L13.3028571,18 L11.1942857,18 Z"
+                  id="!" fill="#5F668A" fill-rule="nonzero"></path>
         </g>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/icons/warning-icon/tomato.svg b/packages/admin-ui/src/styling/icons/warning-icon/tomato.svg
index eeb7b713..4922e485 100644
--- a/packages/admin-ui/src/styling/icons/warning-icon/tomato.svg
+++ b/packages/admin-ui/src/styling/icons/warning-icon/tomato.svg
@@ -1,11 +1,13 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink">
     <!-- Generator: Sketch 60.1 (88133) - https://sketch.com -->
     <desc>Created with Sketch.</desc>
     <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g id="icon/warning-icon/tomato">
             <rect id="Rectangle" stroke="#FF584A" stroke-width="2" x="1" y="1" width="22" height="22" rx="11"></rect>
-            <path d="M11.2971429,14.4857143 L11.1085714,5.82857143 L13.3714286,5.82857143 L13.2,14.4857143 L11.2971429,14.4857143 Z M11.1942857,18 L11.1942857,15.9771429 L13.3028571,15.9771429 L13.3028571,18 L11.1942857,18 Z" id="!" fill="#FF584A" fill-rule="nonzero"></path>
+            <path d="M11.2971429,14.4857143 L11.1085714,5.82857143 L13.3714286,5.82857143 L13.2,14.4857143 L11.2971429,14.4857143 Z M11.1942857,18 L11.1942857,15.9771429 L13.3028571,15.9771429 L13.3028571,18 L11.1942857,18 Z"
+                  id="!" fill="#FF584A" fill-rule="nonzero"></path>
         </g>
     </g>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/logos/icon-bitcoin-colour.svg b/packages/admin-ui/src/styling/logos/icon-bitcoin-colour.svg
index 94b562ad..57336810 100644
--- a/packages/admin-ui/src/styling/logos/icon-bitcoin-colour.svg
+++ b/packages/admin-ui/src/styling/logos/icon-bitcoin-colour.svg
@@ -1,7 +1,7 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="104" height="64">
-  <circle cx="52" cy="32" r="32" fill="#F7931A" />
-  <path
-    d="m66.1 27.4c0.6-4.3-2.6-6.5-7-8.1l1.4-5.8-3.5-0.9-1.4 5.6c-0.9-0.2-1.9-0.4-2.8-0.7l1.4-5.7-3.5-0.9-1.4 5.8c-0.8-0.2-1.5-0.3-2.2-0.5l0 0-4.8-1.2-0.9 3.8s2.6 0.6 2.6 0.6c1.4 0.4 1.7 1.3 1.6 2l-1.6 6.6c0.1 0 0.2 0.1 0.4 0.1-0.1 0-0.2-0.1-0.4-0.1l-2.3 9.2c-0.2 0.4-0.6 1.1-1.6 0.8 0 0.1-2.6-0.6-2.6-0.6l-1.7 4 4.6 1.1c0.9 0.2 1.7 0.4 2.5 0.6l-1.5 5.8 3.5 0.9 1.4-5.8c1 0.3 1.9 0.5 2.8 0.7l-1.4 5.7 3.5 0.9 1.5-5.8c6 1.1 10.5 0.7 12.4-4.7 1.5-4.4-0.1-6.9-3.2-8.5 2.3-0.5 4-2 4.5-5.2zm-8 11.2c-1.1 4.4-8.4 2-10.8 1.4l1.9-7.7c2.4 0.6 10 1.8 8.9 6.3zm1.1-11.3c-1 4-7.1 2-9.1 1.5l1.7-7c2 0.5 8.4 1.4 7.3 5.6z"
-    fill="#FFF"
-  />
+    <circle cx="52" cy="32" r="32" fill="#F7931A"/>
+    <path
+            d="m66.1 27.4c0.6-4.3-2.6-6.5-7-8.1l1.4-5.8-3.5-0.9-1.4 5.6c-0.9-0.2-1.9-0.4-2.8-0.7l1.4-5.7-3.5-0.9-1.4 5.8c-0.8-0.2-1.5-0.3-2.2-0.5l0 0-4.8-1.2-0.9 3.8s2.6 0.6 2.6 0.6c1.4 0.4 1.7 1.3 1.6 2l-1.6 6.6c0.1 0 0.2 0.1 0.4 0.1-0.1 0-0.2-0.1-0.4-0.1l-2.3 9.2c-0.2 0.4-0.6 1.1-1.6 0.8 0 0.1-2.6-0.6-2.6-0.6l-1.7 4 4.6 1.1c0.9 0.2 1.7 0.4 2.5 0.6l-1.5 5.8 3.5 0.9 1.4-5.8c1 0.3 1.9 0.5 2.8 0.7l-1.4 5.7 3.5 0.9 1.5-5.8c6 1.1 10.5 0.7 12.4-4.7 1.5-4.4-0.1-6.9-3.2-8.5 2.3-0.5 4-2 4.5-5.2zm-8 11.2c-1.1 4.4-8.4 2-10.8 1.4l1.9-7.7c2.4 0.6 10 1.8 8.9 6.3zm1.1-11.3c-1 4-7.1 2-9.1 1.5l1.7-7c2 0.5 8.4 1.4 7.3 5.6z"
+            fill="#FFF"
+    />
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/logos/icon-bitcoincash-colour.svg b/packages/admin-ui/src/styling/logos/icon-bitcoincash-colour.svg
index e10506eb..096583ef 100644
--- a/packages/admin-ui/src/styling/logos/icon-bitcoincash-colour.svg
+++ b/packages/admin-ui/src/styling/logos/icon-bitcoincash-colour.svg
@@ -1,4 +1,6 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="104" height="64" version="1.1">
-<path fill="#0AC18E" d="m0,0l29.7,0a39,39,0,0,0,0,64l-29.7,0zm52,0a32,32,0,0,0,0,64a32,32,0,0,0,0,-64m52,0l-29.7,0a39,39,0,0,1,0,64l29.7,0z"/>
-<path fill="#FFF" transform="rotate(-28 52 32)" d="m66.103,27.444c0.637-4.258-2.605-6.547-7.038-8.074l1.438-5.768-3.511-0.875-1.4,5.616c-0.923-0.23-1.871-0.447-2.813-0.662l1.41-5.653-3.509-0.875-1.439,5.766c-0.764-0.174-1.514-0.346-2.242-0.527l0.004-0.018-4.842-1.209-0.934,3.75s2.605,0.597,2.55,0.634c1.422,0.355,1.679,1.296,1.636,2.042l-1.638,6.571c0.098,0.025,0.225,0.061,0.365,0.117-0.117-0.029-0.242-0.061-0.371-0.092l-2.296,9.205c-0.174,0.432-0.615,1.08-1.609,0.834,0.035,0.051-2.552-0.637-2.552-0.637l-1.743,4.019,4.569,1.139c0.85,0.213,1.683,0.436,2.503,0.646l-1.453,5.834,3.507,0.875,1.439-5.772c0.958,0.26,1.888,0.5,2.798,0.726l-1.434,5.745,3.511,0.875,1.453-5.823c5.987,1.133,10.489,0.676,12.384-4.739,1.527-4.36-0.076-6.875-3.226-8.515,2.294-0.529,4.022-2.038,4.483-5.155zm-8.022,11.249c-1.085,4.36-8.426,2.003-10.806,1.412l1.928-7.729c2.38,0.594,10.012,1.77,8.878,6.317zm1.086-11.312c-0.99,3.966-7.1,1.951-9.082,1.457l1.748-7.01c1.982,0.494,8.365,1.416,7.334,5.553z"/>
+    <path fill="#0AC18E"
+          d="m0,0l29.7,0a39,39,0,0,0,0,64l-29.7,0zm52,0a32,32,0,0,0,0,64a32,32,0,0,0,0,-64m52,0l-29.7,0a39,39,0,0,1,0,64l29.7,0z"/>
+    <path fill="#FFF" transform="rotate(-28 52 32)"
+          d="m66.103,27.444c0.637-4.258-2.605-6.547-7.038-8.074l1.438-5.768-3.511-0.875-1.4,5.616c-0.923-0.23-1.871-0.447-2.813-0.662l1.41-5.653-3.509-0.875-1.439,5.766c-0.764-0.174-1.514-0.346-2.242-0.527l0.004-0.018-4.842-1.209-0.934,3.75s2.605,0.597,2.55,0.634c1.422,0.355,1.679,1.296,1.636,2.042l-1.638,6.571c0.098,0.025,0.225,0.061,0.365,0.117-0.117-0.029-0.242-0.061-0.371-0.092l-2.296,9.205c-0.174,0.432-0.615,1.08-1.609,0.834,0.035,0.051-2.552-0.637-2.552-0.637l-1.743,4.019,4.569,1.139c0.85,0.213,1.683,0.436,2.503,0.646l-1.453,5.834,3.507,0.875,1.439-5.772c0.958,0.26,1.888,0.5,2.798,0.726l-1.434,5.745,3.511,0.875,1.453-5.823c5.987,1.133,10.489,0.676,12.384-4.739,1.527-4.36-0.076-6.875-3.226-8.515,2.294-0.529,4.022-2.038,4.483-5.155zm-8.022,11.249c-1.085,4.36-8.426,2.003-10.806,1.412l1.928-7.729c2.38,0.594,10.012,1.77,8.878,6.317zm1.086-11.312c-0.99,3.966-7.1,1.951-9.082,1.457l1.748-7.01c1.982,0.494,8.365,1.416,7.334,5.553z"/>
 </svg>
diff --git a/packages/admin-ui/src/styling/logos/icon-dash-colour.svg b/packages/admin-ui/src/styling/logos/icon-dash-colour.svg
index 73da05d9..137b1737 100644
--- a/packages/admin-ui/src/styling/logos/icon-dash-colour.svg
+++ b/packages/admin-ui/src/styling/logos/icon-dash-colour.svg
@@ -1 +1,7 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2000 2000" width="2500" height="2500"><circle cx="1000" cy="1000" r="1000" fill="#2573c2"/><g fill="#fff"><path d="M1652.6 736.8a143.65 143.65 0 0 0-19.2-63.6c-10-20-27.8-35.6-48.6-43.6a143.51 143.51 0 0 0-68.4-15H628.8l-63.6 190.6h804.2l-127 389.6h-804l-63.6 190.6h891.8a246.33 246.33 0 0 0 77.8-15c25-14.2 53.6-28.6 77.8-48.6a382.69 382.69 0 0 0 63.6-63.6 432.2 432.2 0 0 0 39.2-73.4l117.8-370.4a137.38 137.38 0 0 0 9.8-77.6z"/><path d="M882.2 911.6H409l-63.6 176.2h478z"/></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2000 2000" width="2500" height="2500">
+    <circle cx="1000" cy="1000" r="1000" fill="#2573c2"/>
+    <g fill="#fff">
+        <path d="M1652.6 736.8a143.65 143.65 0 0 0-19.2-63.6c-10-20-27.8-35.6-48.6-43.6a143.51 143.51 0 0 0-68.4-15H628.8l-63.6 190.6h804.2l-127 389.6h-804l-63.6 190.6h891.8a246.33 246.33 0 0 0 77.8-15c25-14.2 53.6-28.6 77.8-48.6a382.69 382.69 0 0 0 63.6-63.6 432.2 432.2 0 0 0 39.2-73.4l117.8-370.4a137.38 137.38 0 0 0 9.8-77.6z"/>
+        <path d="M882.2 911.6H409l-63.6 176.2h478z"/>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/logos/icon-ethereum-colour.svg b/packages/admin-ui/src/styling/logos/icon-ethereum-colour.svg
index f095d8c0..dd16d053 100644
--- a/packages/admin-ui/src/styling/logos/icon-ethereum-colour.svg
+++ b/packages/admin-ui/src/styling/logos/icon-ethereum-colour.svg
@@ -1,11 +1,14 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg width="256px" height="417px" viewBox="0 0 256 417" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid">
-	<g>
-		<polygon fill="#343434" points="127.9611 0 125.1661 9.5 125.1661 285.168 127.9611 287.958 255.9231 212.32"></polygon>
-		<polygon fill="#8C8C8C" points="127.962 0 0 212.32 127.962 287.959 127.962 154.158"></polygon>
-		<polygon fill="#3C3C3B" points="127.9611 312.1866 126.3861 314.1066 126.3861 412.3056 127.9611 416.9066 255.9991 236.5866"></polygon>
-		<polygon fill="#8C8C8C" points="127.962 416.9052 127.962 312.1852 0 236.5852"></polygon>
-		<polygon fill="#141414" points="127.9611 287.9577 255.9211 212.3207 127.9611 154.1587"></polygon>
-		<polygon fill="#393939" points="0.0009 212.3208 127.9609 287.9578 127.9609 154.1588"></polygon>
-	</g>
+<svg width="256px" height="417px" viewBox="0 0 256 417" version="1.1" xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid">
+    <g>
+        <polygon fill="#343434"
+                 points="127.9611 0 125.1661 9.5 125.1661 285.168 127.9611 287.958 255.9231 212.32"></polygon>
+        <polygon fill="#8C8C8C" points="127.962 0 0 212.32 127.962 287.959 127.962 154.158"></polygon>
+        <polygon fill="#3C3C3B"
+                 points="127.9611 312.1866 126.3861 314.1066 126.3861 412.3056 127.9611 416.9066 255.9991 236.5866"></polygon>
+        <polygon fill="#8C8C8C" points="127.962 416.9052 127.962 312.1852 0 236.5852"></polygon>
+        <polygon fill="#141414" points="127.9611 287.9577 255.9211 212.3207 127.9611 154.1587"></polygon>
+        <polygon fill="#393939" points="0.0009 212.3208 127.9609 287.9578 127.9609 154.1588"></polygon>
+    </g>
 </svg>
diff --git a/packages/admin-ui/src/styling/logos/icon-litecoin-colour.svg b/packages/admin-ui/src/styling/logos/icon-litecoin-colour.svg
index 0e25829b..ba607d19 100644
--- a/packages/admin-ui/src/styling/logos/icon-litecoin-colour.svg
+++ b/packages/admin-ui/src/styling/logos/icon-litecoin-colour.svg
@@ -1,4 +1,5 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="104" height="64" version="1.1">
-<circle fill="#989898" cx="52" cy="32" r="32"/>
-<path fill="#FFF" d="m46.92598,12.31703l-4.97801,18.8088l-3.42705,1.32711l-1.64691,6.17189l3.42705,-1.29514l-2.8461,10.76083l30.60893,0l2.09993,-7.98401l-18.42505,0l2.09993,-7.82412l3.3631,-1.26316l1.6469,-6.17188l-3.36309,1.29513l3.6509,-13.83611l-12.21053,0z"/>
+    <circle fill="#989898" cx="52" cy="32" r="32"/>
+    <path fill="#FFF"
+          d="m46.92598,12.31703l-4.97801,18.8088l-3.42705,1.32711l-1.64691,6.17189l3.42705,-1.29514l-2.8461,10.76083l30.60893,0l2.09993,-7.98401l-18.42505,0l2.09993,-7.82412l3.3631,-1.26316l1.6469,-6.17188l-3.36309,1.29513l3.6509,-13.83611l-12.21053,0z"/>
 </svg>
diff --git a/packages/admin-ui/src/styling/logos/icon-monero-colour.svg b/packages/admin-ui/src/styling/logos/icon-monero-colour.svg
index af777a4d..d0e1290a 100644
--- a/packages/admin-ui/src/styling/logos/icon-monero-colour.svg
+++ b/packages/admin-ui/src/styling/logos/icon-monero-colour.svg
@@ -1 +1,6 @@
-<svg width="2500" height="2500" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid"><path d="M127.998 0C57.318 0 0 57.317 0 127.999c0 14.127 2.29 27.716 6.518 40.43H44.8V60.733l83.2 83.2 83.198-83.2v107.695h38.282c4.231-12.714 6.521-26.303 6.521-40.43C256 57.314 198.681 0 127.998 0" fill="#F60"/><path d="M108.867 163.062l-36.31-36.311v67.765H18.623c22.47 36.863 63.051 61.48 109.373 61.48s86.907-24.617 109.374-61.48h-53.933V126.75l-36.31 36.31-19.13 19.129-19.128-19.128h-.002z" fill="#4C4C4C"/></svg>
\ No newline at end of file
+<svg width="2500" height="2500" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid">
+    <path d="M127.998 0C57.318 0 0 57.317 0 127.999c0 14.127 2.29 27.716 6.518 40.43H44.8V60.733l83.2 83.2 83.198-83.2v107.695h38.282c4.231-12.714 6.521-26.303 6.521-40.43C256 57.314 198.681 0 127.998 0"
+          fill="#F60"/>
+    <path d="M108.867 163.062l-36.31-36.311v67.765H18.623c22.47 36.863 63.051 61.48 109.373 61.48s86.907-24.617 109.374-61.48h-53.933V126.75l-36.31 36.31-19.13 19.129-19.128-19.128h-.002z"
+          fill="#4C4C4C"/>
+</svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/logos/icon-tether-colour.svg b/packages/admin-ui/src/styling/logos/icon-tether-colour.svg
index 3efaa649..f4547484 100644
--- a/packages/admin-ui/src/styling/logos/icon-tether-colour.svg
+++ b/packages/admin-ui/src/styling/logos/icon-tether-colour.svg
@@ -1 +1,6 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2000 2000" width="2500" height="2500"><path d="M1000 0c552.26 0 1000 447.74 1000 1000s-447.76 1000-1000 1000S0 1552.38 0 1000 447.68 0 1000 0" fill="#53ae94"/><path d="M1123.42 866.76V718h340.18V491.34H537.28V718H877.5v148.64C601 879.34 393.1 934.1 393.1 999.7s208 120.36 484.4 133.14v476.5h246V1132.8c276-12.74 483.48-67.46 483.48-133s-207.48-120.26-483.48-133m0 225.64v-.12c-6.94.44-42.6 2.58-122 2.58-63.48 0-108.14-1.8-123.88-2.62v.2C633.34 1081.66 451 1039.12 451 988.22S633.36 894.84 877.62 884v166.1c16 1.1 61.76 3.8 124.92 3.8 75.86 0 114-3.16 121-3.8V884c243.8 10.86 425.72 53.44 425.72 104.16s-182 93.32-425.72 104.18" fill="#fff"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2000 2000" width="2500" height="2500">
+    <path d="M1000 0c552.26 0 1000 447.74 1000 1000s-447.76 1000-1000 1000S0 1552.38 0 1000 447.68 0 1000 0"
+          fill="#53ae94"/>
+    <path d="M1123.42 866.76V718h340.18V491.34H537.28V718H877.5v148.64C601 879.34 393.1 934.1 393.1 999.7s208 120.36 484.4 133.14v476.5h246V1132.8c276-12.74 483.48-67.46 483.48-133s-207.48-120.26-483.48-133m0 225.64v-.12c-6.94.44-42.6 2.58-122 2.58-63.48 0-108.14-1.8-123.88-2.62v.2C633.34 1081.66 451 1039.12 451 988.22S633.36 894.84 877.62 884v166.1c16 1.1 61.76 3.8 124.92 3.8 75.86 0 114-3.16 121-3.8V884c243.8 10.86 425.72 53.44 425.72 104.16s-182 93.32-425.72 104.18"
+          fill="#fff"/>
+</svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/logos/icon-tron-colour.svg b/packages/admin-ui/src/styling/logos/icon-tron-colour.svg
index 7f0efe2f..42d65be8 100644
--- a/packages/admin-ui/src/styling/logos/icon-tron-colour.svg
+++ b/packages/admin-ui/src/styling/logos/icon-tron-colour.svg
@@ -1,7 +1,9 @@
 <!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="图层_1" x="0px" y="0px" viewBox="0 0 2680.2 2915.7" style="enable-background:new 0 0 2680.2 2915.7;" xml:space="preserve">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="图层_1" x="0px"
+     y="0px" viewBox="0 0 2680.2 2915.7" style="enable-background:new 0 0 2680.2 2915.7;" xml:space="preserve">
 <style type="text/css">
 	#tron{fill:#EB0029;}
 </style>
-<path id="tron" class="st0" d="M1929.1,757.7L332,463.8l840.5,2114.9l1171.1-1426.8L1929.1,757.7z M1903.4,887.2l244.3,232.2l-668.2,121  L1903.4,887.2z M1334.4,1216.2L630.1,632.1l1151.1,211.8L1334.4,1216.2z M1284.2,1319.5l-114.8,949.4L550.2,710.7L1284.2,1319.5z   M1390.5,1369.9l739.9-134l-848.7,1034L1390.5,1369.9z"/>
+    <path id="tron" class="st0"
+          d="M1929.1,757.7L332,463.8l840.5,2114.9l1171.1-1426.8L1929.1,757.7z M1903.4,887.2l244.3,232.2l-668.2,121  L1903.4,887.2z M1334.4,1216.2L630.1,632.1l1151.1,211.8L1334.4,1216.2z M1284.2,1319.5l-114.8,949.4L550.2,710.7L1284.2,1319.5z   M1390.5,1369.9l739.9-134l-848.7,1034L1390.5,1369.9z"/>
 </svg>
\ No newline at end of file
diff --git a/packages/admin-ui/src/styling/logos/icon-usdc-colour.svg b/packages/admin-ui/src/styling/logos/icon-usdc-colour.svg
index 5dfea926..16b6b806 100644
--- a/packages/admin-ui/src/styling/logos/icon-usdc-colour.svg
+++ b/packages/admin-ui/src/styling/logos/icon-usdc-colour.svg
@@ -1,5 +1,8 @@
 <svg data-name="86977684-12db-4850-8f30-233a7c267d11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2000 2000">
-  <path d="M1000 2000c554.17 0 1000-445.83 1000-1000S1554.17 0 1000 0 0 445.83 0 1000s445.83 1000 1000 1000z" fill="#2775ca"/>
-  <path d="M1275 1158.33c0-145.83-87.5-195.83-262.5-216.66-125-16.67-150-50-150-108.34s41.67-95.83 125-95.83c75 0 116.67 25 137.5 87.5 4.17 12.5 16.67 20.83 29.17 20.83h66.66c16.67 0 29.17-12.5 29.17-29.16v-4.17c-16.67-91.67-91.67-162.5-187.5-170.83v-100c0-16.67-12.5-29.17-33.33-33.34h-62.5c-16.67 0-29.17 12.5-33.34 33.34v95.83c-125 16.67-204.16 100-204.16 204.17 0 137.5 83.33 191.66 258.33 212.5 116.67 20.83 154.17 45.83 154.17 112.5s-58.34 112.5-137.5 112.5c-108.34 0-145.84-45.84-158.34-108.34-4.16-16.66-16.66-25-29.16-25h-70.84c-16.66 0-29.16 12.5-29.16 29.17v4.17c16.66 104.16 83.33 179.16 220.83 200v100c0 16.66 12.5 29.16 33.33 33.33h62.5c16.67 0 29.17-12.5 33.34-33.33v-100c125-20.84 208.33-108.34 208.33-220.84z" fill="#fff"/>
-  <path d="M787.5 1595.83c-325-116.66-491.67-479.16-370.83-800 62.5-175 200-308.33 370.83-370.83 16.67-8.33 25-20.83 25-41.67V325c0-16.67-8.33-29.17-25-33.33-4.17 0-12.5 0-16.67 4.16-395.83 125-612.5 545.84-487.5 941.67 75 233.33 254.17 412.5 487.5 487.5 16.67 8.33 33.34 0 37.5-16.67 4.17-4.16 4.17-8.33 4.17-16.66v-58.34c0-12.5-12.5-29.16-25-37.5zM1229.17 295.83c-16.67-8.33-33.34 0-37.5 16.67-4.17 4.17-4.17 8.33-4.17 16.67v58.33c0 16.67 12.5 33.33 25 41.67 325 116.66 491.67 479.16 370.83 800-62.5 175-200 308.33-370.83 370.83-16.67 8.33-25 20.83-25 41.67V1700c0 16.67 8.33 29.17 25 33.33 4.17 0 12.5 0 16.67-4.16 395.83-125 612.5-545.84 487.5-941.67-75-237.5-258.34-416.67-487.5-491.67z" fill="#fff"/>
+    <path d="M1000 2000c554.17 0 1000-445.83 1000-1000S1554.17 0 1000 0 0 445.83 0 1000s445.83 1000 1000 1000z"
+          fill="#2775ca"/>
+    <path d="M1275 1158.33c0-145.83-87.5-195.83-262.5-216.66-125-16.67-150-50-150-108.34s41.67-95.83 125-95.83c75 0 116.67 25 137.5 87.5 4.17 12.5 16.67 20.83 29.17 20.83h66.66c16.67 0 29.17-12.5 29.17-29.16v-4.17c-16.67-91.67-91.67-162.5-187.5-170.83v-100c0-16.67-12.5-29.17-33.33-33.34h-62.5c-16.67 0-29.17 12.5-33.34 33.34v95.83c-125 16.67-204.16 100-204.16 204.17 0 137.5 83.33 191.66 258.33 212.5 116.67 20.83 154.17 45.83 154.17 112.5s-58.34 112.5-137.5 112.5c-108.34 0-145.84-45.84-158.34-108.34-4.16-16.66-16.66-25-29.16-25h-70.84c-16.66 0-29.16 12.5-29.16 29.17v4.17c16.66 104.16 83.33 179.16 220.83 200v100c0 16.66 12.5 29.16 33.33 33.33h62.5c16.67 0 29.17-12.5 33.34-33.33v-100c125-20.84 208.33-108.34 208.33-220.84z"
+          fill="#fff"/>
+    <path d="M787.5 1595.83c-325-116.66-491.67-479.16-370.83-800 62.5-175 200-308.33 370.83-370.83 16.67-8.33 25-20.83 25-41.67V325c0-16.67-8.33-29.17-25-33.33-4.17 0-12.5 0-16.67 4.16-395.83 125-612.5 545.84-487.5 941.67 75 233.33 254.17 412.5 487.5 487.5 16.67 8.33 33.34 0 37.5-16.67 4.17-4.16 4.17-8.33 4.17-16.66v-58.34c0-12.5-12.5-29.16-25-37.5zM1229.17 295.83c-16.67-8.33-33.34 0-37.5 16.67-4.17 4.17-4.17 8.33-4.17 16.67v58.33c0 16.67 12.5 33.33 25 41.67 325 116.66 491.67 479.16 370.83 800-62.5 175-200 308.33-370.83 370.83-16.67 8.33-25 20.83-25 41.67V1700c0 16.67 8.33 29.17 25 33.33 4.17 0 12.5 0 16.67-4.16 395.83-125 612.5-545.84 487.5-941.67-75-237.5-258.34-416.67-487.5-491.67z"
+          fill="#fff"/>
 </svg>
diff --git a/packages/admin-ui/src/styling/logos/icon-zcash-colour.svg b/packages/admin-ui/src/styling/logos/icon-zcash-colour.svg
index 7e7655dc..7eb63db6 100644
--- a/packages/admin-ui/src/styling/logos/icon-zcash-colour.svg
+++ b/packages/admin-ui/src/styling/logos/icon-zcash-colour.svg
@@ -1,15 +1,16 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 23.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 493.3 490.2" style="enable-background:new 0 0 493.3 490.2;" xml:space="preserve">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
+     y="0px"
+     viewBox="0 0 493.3 490.2" style="enable-background:new 0 0 493.3 490.2;" xml:space="preserve">
 <style type="text/css">
 	.st0{fill:#231F20;}
 	.st1{fill:#F4B728;}
 </style>
-<title>headerArtboard 7</title>
-<path class="st0" d="M245.4,20C121.1,20,20,121.1,20,245.4s101.1,225.4,225.4,225.4s225.4-101.1,225.4-225.4S369.7,20,245.4,20z
+    <title>headerArtboard 7</title>
+    <path class="st0" d="M245.4,20C121.1,20,20,121.1,20,245.4s101.1,225.4,225.4,225.4s225.4-101.1,225.4-225.4S369.7,20,245.4,20z
 	 M245.4,433.6c-103.8,0-188.2-84.4-188.2-188.2S141.6,57.2,245.4,57.2s188.2,84.4,188.2,188.2S349.2,433.6,245.4,433.6z"/>
-<circle class="st1" cx="245.4" cy="245.4" r="177.6"/>
-<polygon class="st0" points="165,315.5 165,349.9 226.5,349.9 226.5,387.6 264.3,387.6 264.3,349.9 325.8,349.9 325.8,304.4 
+    <circle class="st1" cx="245.4" cy="245.4" r="177.6"/>
+    <polygon class="st0" points="165,315.5 165,349.9 226.5,349.9 226.5,387.6 264.3,387.6 264.3,349.9 325.8,349.9 325.8,304.4
 	230.4,304.4 325.8,175 325.8,140.6 264.3,140.6 264.3,103 226.5,103 226.5,140.6 165,140.6 165,186.2 260.4,186.2 "/>
 </svg>
diff --git a/packages/admin-ui/src/styling/theme.js b/packages/admin-ui/src/styling/theme.js
index 96748084..5dbee8be 100644
--- a/packages/admin-ui/src/styling/theme.js
+++ b/packages/admin-ui/src/styling/theme.js
@@ -22,30 +22,30 @@ import {
   tomato,
   mistyRose,
   linen,
-  pumpkin
+  pumpkin,
 } from './variables'
 
 const { p } = typographyStyles
 
 let theme = createTheme({
   typography: {
-    fontFamily: inputFontFamily
+    fontFamily: inputFontFamily,
   },
   palette: {
     primary: {
       light: secondaryColor,
       dark: secondaryColor,
-      main: secondaryColor
+      main: secondaryColor,
     },
     secondary: {
       light: secondaryColor,
       dark: secondaryColor,
-      main: secondaryColor
+      main: secondaryColor,
     },
     background: {
-      default: backgroundColor
-    }
-  }
+      default: backgroundColor,
+    },
+  },
 })
 
 theme = createTheme(theme, {
@@ -53,18 +53,18 @@ theme = createTheme(theme, {
     MuiTypography: {
       styleOverrides: {
         root: { ...p },
-        body1: { ...p }
-      }
+        body1: { ...p },
+      },
     },
     MuiIconButtonBase: {
       defaultProps: {
-        disableRipple: true
-      }
+        disableRipple: true,
+      },
     },
     MuiButtonBase: {
       defaultProps: {
-        disableRipple: true
-      }
+        disableRipple: true,
+      },
     },
     MuiSwitch: {
       styleOverrides: {
@@ -72,18 +72,18 @@ theme = createTheme(theme, {
           width: 32,
           height: 20,
           padding: 0,
-          margin: theme.spacing(1)
+          margin: theme.spacing(1),
         },
         thumb: {
           width: 16,
-          height: 16
+          height: 16,
         },
         track: {
           borderRadius: 17,
           border: 'none',
           backgroundColor: offColor,
           opacity: 1,
-          transition: theme.transitions.create(['background-color', 'border'])
+          transition: theme.transitions.create(['background-color', 'border']),
         },
         switchBase: {
           padding: 2,
@@ -91,96 +91,96 @@ theme = createTheme(theme, {
             color: disabledColor2,
             '& + .MuiSwitch-track': {
               backgroundColor: disabledColor,
-              opacity: 1
-            }
+              opacity: 1,
+            },
           },
           '&.Mui-checked': {
             transform: 'translateX(58%)',
             color: theme.palette.common.white,
             '&.Mui-disabled': {
-              color: disabledColor2
+              color: disabledColor2,
             },
             '& + .MuiSwitch-track': {
               backgroundColor: secondaryColor,
               opacity: 1,
-              border: 'none'
-            }
+              border: 'none',
+            },
           },
           '&.Mui-focusVisible .MuiSwitch-thumb': {
             border: '6px solid #fff',
-            boxShadow: '0 0 4px 0 rgba(0,0,0,0.24)'
-          }
-        }
-      }
+            boxShadow: '0 0 4px 0 rgba(0,0,0,0.24)',
+          },
+        },
+      },
     },
     MuiMenuItem: {
       styleOverrides: {
         root: {
           '&:hover': {
-            backgroundColor: subheaderColor
+            backgroundColor: subheaderColor,
           },
           '&.Mui-selected': {
             '&:hover': {
-              backgroundColor: subheaderColor
+              backgroundColor: subheaderColor,
             },
-            backgroundColor: subheaderColor
-          }
-        }
-      }
+            backgroundColor: subheaderColor,
+          },
+        },
+      },
     },
     MuiAutocomplete: {
       styleOverrides: {
         root: {
-          color: fontColor
+          color: fontColor,
         },
         noOptions: {
-          padding: `6px 16px`
+          padding: `6px 16px`,
         },
         option: {
           '&.Mui-focused': {
-            backgroundColor: subheaderColor
+            backgroundColor: subheaderColor,
           },
           '&[aria-selected="true"]': {
-            backgroundColor: `${subheaderColor} !important`
-          }
+            backgroundColor: `${subheaderColor} !important`,
+          },
         },
         paper: {
           color: fontColor,
-          margin: 0
+          margin: 0,
         },
         listbox: {
-          padding: 0
+          padding: 0,
         },
         tag: {
           '&[data-tag-index="0"]': {
-            marginLeft: 0
+            marginLeft: 0,
           },
           margin: 2,
           backgroundColor: subheaderColor,
           borderRadius: 4,
-          height: 18
-        }
-      }
+          height: 18,
+        },
+      },
     },
     MuiPaper: {
       styleOverrides: {
         root: {
-          color: primaryColor
+          color: primaryColor,
         },
         elevation1: {
-          boxShadow: '0 0 4px 0 rgba(0, 0, 0, 0.08)'
-        }
-      }
+          boxShadow: '0 0 4px 0 rgba(0, 0, 0, 0.08)',
+        },
+      },
     },
     MuiCheckbox: {
       styleOverrides: {
         root: {
           color: secondaryColor,
           '&.Mui-checked': {
-            color: secondaryColor
-          }
-        }
-      }
+            color: secondaryColor,
+          },
+        },
+      },
     },
     MuiChip: {
       styleOverrides: {
@@ -188,7 +188,7 @@ theme = createTheme(theme, {
           backgroundColor: subheaderColor,
           borderRadius: 4,
           margin: theme.spacing(0.5, 0.25),
-          height: 18
+          height: 18,
         },
         label: {
           fontSize: smallestFontSize,
@@ -196,76 +196,76 @@ theme = createTheme(theme, {
           fontWeight: inputFontWeight,
           fontFamily: inputFontFamily,
           paddingRight: 4,
-          paddingLeft: 4
+          paddingLeft: 4,
         },
         colorDefault: {
           backgroundColor: zircon,
           '& .MuiChip-label': {
-            color: primaryColor
-          }
+            color: primaryColor,
+          },
         },
         colorWarning: {
           backgroundColor: linen,
           '& .MuiChip-label': {
-            color: pumpkin
-          }
+            color: pumpkin,
+          },
         },
         colorError: {
           backgroundColor: mistyRose,
           '& .MuiChip-label': {
-            color: tomato
-          }
+            color: tomato,
+          },
         },
         colorSuccess: {
           backgroundColor: spring3,
           '& .MuiChip-label': {
-            color: spring4
-          }
-        }
-      }
+            color: spring4,
+          },
+        },
+      },
     },
     MuiInput: {
       styleOverrides: {
         root: {
-          color: fontColor
+          color: fontColor,
         },
         underline: {
           '&:before': {
-            borderBottom: `2px solid ${fontColor}`
-          }
-        }
-      }
+            borderBottom: `2px solid ${fontColor}`,
+          },
+        },
+      },
     },
     MuiInputLabel: {
       styleOverrides: {
         root: {
           font: 'inherit',
           fontSize: fontSize3,
-          color: offColor
+          color: offColor,
         },
         shrink: {
           color: fontColor,
-          transform: 'translate(0, 1.7px) scale(0.83)'
-        }
-      }
+          transform: 'translate(0, 1.7px) scale(0.83)',
+        },
+      },
     },
     MuiFormLabel: {
       styleOverrides: {
         root: {
           '&.Mui-focused': {
-            color: fontColor
-          }
-        }
-      }
+            color: fontColor,
+          },
+        },
+      },
     },
     MuiListItem: {
       styleOverrides: {
         root: {
           '&:nth-of-type(odd)': {
-            backgroundColor: backgroundColor
-          }
-        }
-      }
+            backgroundColor: backgroundColor,
+          },
+        },
+      },
     },
     MuiToggleButton: {
       styleOverrides: {
@@ -275,21 +275,21 @@ theme = createTheme(theme, {
             borderColor: primaryColor,
             borderTopColor: `${primaryColor} !important`,
             '&:hover': {
-              backgroundColor: zircon2
-            }
+              backgroundColor: zircon2,
+            },
           },
           '&:hover': {
-            backgroundColor: zircon2
-          }
-        }
-      }
+            backgroundColor: zircon2,
+          },
+        },
+      },
     },
     MuiToggleButtonGroup: {
       styleOverrides: {
         vertical: {
           borderRadius: 8,
           border: 'none',
-          borderColor: zircon
+          borderColor: zircon,
         },
         firstButton: {
           borderTop: '1px solid',
@@ -297,7 +297,7 @@ theme = createTheme(theme, {
           borderTopRightRadius: 8,
           borderTopLeftRadius: 8,
           borderBottomRightRadius: 8,
-          borderBottomLeftRadius: 8
+          borderBottomLeftRadius: 8,
         },
         lastButton: {
           borderTop: '1px solid',
@@ -305,7 +305,7 @@ theme = createTheme(theme, {
           borderTopRightRadius: 8,
           borderTopLeftRadius: 8,
           borderBottomRightRadius: 8,
-          borderBottomLeftRadius: 8
+          borderBottomLeftRadius: 8,
         },
         middleButton: {
           borderTop: '1px solid',
@@ -313,11 +313,11 @@ theme = createTheme(theme, {
           borderTopRightRadius: 8,
           borderTopLeftRadius: 8,
           borderBottomRightRadius: 8,
-          borderBottomLeftRadius: 8
-        }
-      }
-    }
-  }
+          borderBottomLeftRadius: 8,
+        },
+      },
+    },
+  },
 })
 
 export default theme
diff --git a/packages/admin-ui/src/styling/variables.js b/packages/admin-ui/src/styling/variables.js
index d3542141..0ca762df 100644
--- a/packages/admin-ui/src/styling/variables.js
+++ b/packages/admin-ui/src/styling/variables.js
@@ -168,5 +168,5 @@ export {
   tableCellHeight,
   tableHeaderColor,
   tableErrorColor,
-  tableSuccessColor
+  tableSuccessColor,
 }
diff --git a/packages/admin-ui/src/utils/apollo.jsx b/packages/admin-ui/src/utils/apollo.jsx
index d141ca15..a9ef9881 100644
--- a/packages/admin-ui/src/utils/apollo.jsx
+++ b/packages/admin-ui/src/utils/apollo.jsx
@@ -1,6 +1,11 @@
-import { ApolloClient, ApolloProvider, InMemoryCache, ApolloLink } from "@apollo/client";
-import { onError } from "@apollo/client/link/error"
-import createUploadLink from "apollo-upload-client/createUploadLink.mjs";
+import {
+  ApolloClient,
+  ApolloProvider,
+  InMemoryCache,
+  ApolloLink,
+} from '@apollo/client'
+import { onError } from '@apollo/client/link/error'
+import createUploadLink from 'apollo-upload-client/createUploadLink.mjs'
 import React, { useContext } from 'react'
 import { useHistory, useLocation } from 'react-router-dom'
 
@@ -8,7 +13,7 @@ import AppContext from 'src/AppContext'
 
 const uploadLink = createUploadLink({
   credentials: 'include',
-  uri: `/graphql`
+  uri: `/graphql`,
 })
 
 const getClient = (history, location, getUserData, setUserData, setRole) =>
@@ -22,7 +27,7 @@ const getClient = (history, location, getUserData, setUserData, setRole) =>
               if (location.pathname !== '/login') history.push('/login')
             }
             console.log(
-              `[GraphQL error]: Message: ${message}, Location: ${locations}, Path: ${path}`
+              `[GraphQL error]: Message: ${message}, Location: ${locations}, Path: ${path}`,
             )
           })
         if (networkError) console.log(`[Network error]: ${networkError}`)
@@ -31,7 +36,7 @@ const getClient = (history, location, getUserData, setUserData, setRole) =>
         return forward(operation).map(response => {
           const context = operation.getContext()
           const {
-            response: { headers }
+            response: { headers },
           } = context
 
           if (headers) {
@@ -42,22 +47,22 @@ const getClient = (history, location, getUserData, setUserData, setRole) =>
           return response
         })
       }),
-      uploadLink
+      uploadLink,
     ]),
     cache: new InMemoryCache(),
     defaultOptions: {
       watchQuery: {
         fetchPolicy: 'no-cache',
-        errorPolicy: 'ignore'
+        errorPolicy: 'ignore',
       },
       query: {
         fetchPolicy: 'no-cache',
-        errorPolicy: 'all'
+        errorPolicy: 'all',
       },
       mutate: {
-        errorPolicy: 'all'
-      }
-    }
+        errorPolicy: 'all',
+      },
+    },
   })
 
 const Provider = ({ children }) => {
@@ -69,7 +74,7 @@ const Provider = ({ children }) => {
     location,
     () => userData,
     setUserData,
-    setRole
+    setRole,
   )
 
   return <ApolloProvider client={client}>{children}</ApolloProvider>
diff --git a/packages/admin-ui/src/utils/bill-denominations.js b/packages/admin-ui/src/utils/bill-denominations.js
index 508a26fd..99f51ebe 100644
--- a/packages/admin-ui/src/utils/bill-denominations.js
+++ b/packages/admin-ui/src/utils/bill-denominations.js
@@ -9,9 +9,9 @@ export default {
       100: [0xa5, 0x91],
       200: [0xa7, 0x93],
       500: [0xa9, 0x95],
-      1000: [0xad, 0x99]
+      1000: [0xad, 0x99],
     },
-    polymer: false
+    polymer: false,
   },
   ANG: {
     thickness: 0x0c,
@@ -19,9 +19,9 @@ export default {
       10: [0x98, 0x8e],
       25: [0x98, 0x8e],
       50: [0x98, 0x8e],
-      100: [0x98, 0x8e]
+      100: [0x98, 0x8e],
     },
-    polymer: false
+    polymer: false,
   },
   AUD: {
     thickness: 0x0d,
@@ -30,9 +30,9 @@ export default {
       10: [0x93, 0x7f],
       20: [0x9a, 0x86],
       50: [0xa1, 0x8d],
-      100: [0xa8, 0x94]
+      100: [0xa8, 0x94],
     },
-    polymer: true
+    polymer: true,
   },
   BGN: {
     thickness: 0x0d,
@@ -43,9 +43,9 @@ export default {
       10: [0x83, 0x79],
       20: [0x88, 0x7e],
       50: [0x8d, 0x83],
-      100: [0x92, 0x88]
+      100: [0x92, 0x88],
     },
-    polymer: false
+    polymer: false,
   },
   CAD: {
     thickness: 0x0d,
@@ -54,9 +54,9 @@ export default {
       10: [0xa2, 0x8e],
       20: [0xa2, 0x8e],
       50: [0xa2, 0x8e],
-      100: [0xa2, 0x8e]
+      100: [0xa2, 0x8e],
     },
-    polymer: true
+    polymer: true,
   },
   CHF: {
     thickness: 0x0d,
@@ -66,9 +66,9 @@ export default {
       50: [0x93, 0x7f],
       100: [0x9a, 0x86],
       200: [0xa1, 0x8d],
-      1000: [0xa8, 0x94]
+      1000: [0xa8, 0x94],
     },
-    polymer: false
+    polymer: false,
   },
   CNY: {
     thickness: 0x0d,
@@ -78,9 +78,9 @@ export default {
       10: [0x96, 0x82],
       20: [0x9b, 0x87],
       50: [0xa0, 0x8c],
-      100: [0x91, 0xa5]
+      100: [0x91, 0xa5],
     },
-    polymer: false
+    polymer: false,
   },
   COP: {
     thickness: 0x0d,
@@ -90,9 +90,9 @@ export default {
       10000: [0x94, 0x80],
       20000: [0x99, 0x85],
       50000: [0x9e, 0x8a],
-      100000: [0xa3, 0x8f]
+      100000: [0xa3, 0x8f],
     },
-    polymer: false
+    polymer: false,
   },
   CRC: {
     thickness: 0x0d,
@@ -102,9 +102,9 @@ export default {
       5000: [0x90, 0x86],
       10000: [0x97, 0x8d],
       20000: [0x9e, 0x94],
-      50000: [0xaa, 0x96]
+      50000: [0xaa, 0x96],
     },
-    polymer: true
+    polymer: true,
   },
   CZK: {
     thickness: 0x0c,
@@ -114,9 +114,9 @@ export default {
       500: [0xa2, 0x8e],
       1000: [0xa8, 0x94],
       2000: [0xae, 0x9a],
-      5000: [0xb4, 0xa0]
+      5000: [0xb4, 0xa0],
     },
-    polymer: false
+    polymer: false,
   },
   EUR: {
     thickness: 0x0c,
@@ -127,9 +127,9 @@ export default {
       50: [0x96, 0x82],
       100: [0x9d, 0x89],
       200: [0xa3, 0x8f],
-      500: [0xaa, 0x96]
+      500: [0xaa, 0x96],
     },
-    polymer: false
+    polymer: false,
   },
   GBP: {
     thickness: 0x0d,
@@ -137,9 +137,9 @@ export default {
       5: [0x91, 0x7d],
       10: [0x98, 0x84],
       20: [0x95, 0x81],
-      50: [0xa6, 0x92]
+      50: [0xa6, 0x92],
     },
-    polymer: true
+    polymer: true,
   },
   GHS: {
     thickness: 0x0c,
@@ -149,9 +149,9 @@ export default {
       5: [0x97, 0x83],
       10: [0x9b, 0x87],
       20: [0x9f, 0x8b],
-      50: [0xa3, 0x8f]
+      50: [0xa3, 0x8f],
     },
-    polymer: false
+    polymer: false,
   },
   GIP: {
     thickness: 0x0c,
@@ -160,9 +160,9 @@ export default {
       10: [0x92, 0x88],
       20: [0x9b, 0x91],
       50: [0xa2, 0x98],
-      100: [0xa9, 0x9f]
+      100: [0xa9, 0x9f],
     },
-    polymer: false
+    polymer: false,
   },
   GTQ: {
     thickness: 0x0c,
@@ -172,9 +172,9 @@ export default {
       20: [0xa3, 0x99],
       50: [0xa1, 0x97],
       100: [0xa1, 0x97],
-      200: [0xa1, 0x97]
+      200: [0xa1, 0x97],
     },
-    polymer: false
+    polymer: false,
   },
   HKD: {
     thickness: 0x0d,
@@ -184,9 +184,9 @@ export default {
       50: [0x9e, 0x8a],
       100: [0xa3, 0x8f],
       500: [0xa8, 0x94],
-      1000: [0xae, 0x9a]
+      1000: [0xae, 0x9a],
     },
-    polymer: false
+    polymer: false,
   },
   HNL: {
     thickness: 0x0c,
@@ -199,9 +199,9 @@ export default {
       50: [0xa6, 0x92],
       100: [0xa6, 0x92],
       200: [0xa6, 0x92],
-      500: [0xa6, 0x92]
+      500: [0xa6, 0x92],
     },
-    polymer: false
+    polymer: false,
   },
   HRK: {
     thickness: 0x0c,
@@ -213,9 +213,9 @@ export default {
       100: [0x8f, 0x85],
       200: [0x93, 0x89],
       500: [0x97, 0x8d],
-      1000: [0x9b, 0x91]
+      1000: [0x9b, 0x91],
     },
-    polymer: false
+    polymer: false,
   },
   ILS: {
     thickness: 0x0d,
@@ -223,9 +223,9 @@ export default {
       20: [0x8b, 0x77],
       50: [0x92, 0x7e],
       100: [0x99, 0x85],
-      200: [0xa0, 0x8c]
+      200: [0xa0, 0x8c],
     },
-    polymer: false
+    polymer: false,
   },
   JPY: {
     thickness: 0x0d,
@@ -233,9 +233,9 @@ export default {
       1000: [0x99, 0x93],
       2000: [0x9c, 0x98],
       5000: [0x9d, 0x9a],
-      10000: [0xa3, 0x9e]
+      10000: [0xa3, 0x9e],
     },
-    polymer: false
+    polymer: false,
   },
   KRW: {
     thickness: 0x0d,
@@ -244,9 +244,9 @@ export default {
       2000: [0x96, 0x82],
       5000: [0x98, 0x84],
       10000: [0x9e, 0x8a],
-      50000: [0xa4, 0x90]
+      50000: [0xa4, 0x90],
     },
-    polymer: false
+    polymer: false,
   },
   MDL: {
     thickness: 0x0c,
@@ -259,9 +259,9 @@ export default {
       100: [0x83, 0x6f],
       200: [0x8f, 0x7b],
       500: [0x8f, 0x7b],
-      1000: [0x8f, 0x7b]
+      1000: [0x8f, 0x7b],
     },
-    polymer: false
+    polymer: false,
   },
   MKD: {
     thickness: 0x0c,
@@ -273,9 +273,9 @@ export default {
       500: [0x9a, 0x90],
       1000: [0x9d, 0x93],
       2000: [0x9d, 0x93],
-      5000: [0xa0, 0x96]
+      5000: [0xa0, 0x96],
     },
-    polymer: true
+    polymer: true,
   },
   MXN: {
     thickness: 0x0c,
@@ -285,9 +285,9 @@ export default {
       100: [0x89, 0x7f],
       200: [0x90, 0x86],
       500: [0x97, 0x8d],
-      1000: [0x9e, 0x94]
+      1000: [0x9e, 0x94],
     },
-    polymer: true
+    polymer: true,
   },
   MYR: {
     thickness: 0x0c,
@@ -297,9 +297,9 @@ export default {
       10: [0x96, 0x82],
       20: [0x9b, 0x87],
       50: [0x9b, 0x87],
-      100: [0xa0, 0x8c]
+      100: [0xa0, 0x8c],
     },
-    polymer: false
+    polymer: false,
   },
   NAD: {
     thickness: 0x0c,
@@ -308,9 +308,9 @@ export default {
       20: [0x8b, 0x81],
       50: [0x91, 0x87],
       100: [0x97, 0x8d],
-      200: [0x9d, 0x93]
+      200: [0x9d, 0x93],
     },
-    polymer: false
+    polymer: false,
   },
   NZD: {
     thickness: 0x0c,
@@ -319,9 +319,9 @@ export default {
       10: [0x91, 0x87],
       20: [0x96, 0x8c],
       50: [0x9b, 0x91],
-      100: [0xa0, 0x96]
+      100: [0xa0, 0x96],
     },
-    polymer: true
+    polymer: true,
   },
   PHP: {
     thickness: 0x0c,
@@ -330,9 +330,9 @@ export default {
       100: [0xaa, 0x96],
       200: [0xaa, 0x96],
       500: [0xaa, 0x96],
-      1000: [0xaa, 0x96]
+      1000: [0xaa, 0x96],
     },
-    polymer: false
+    polymer: false,
   },
   PLN: {
     thickness: 0x0c,
@@ -342,9 +342,9 @@ export default {
       50: [0x89, 0x7f],
       100: [0x8f, 0x85],
       200: [0x95, 0x8b],
-      500: [0x9b, 0x91]
+      500: [0x9b, 0x91],
     },
-    polymer: false
+    polymer: false,
   },
   RON: {
     thickness: 0x0c,
@@ -355,9 +355,9 @@ export default {
       50: [0x96, 0x82],
       100: [0x9d, 0x89],
       200: [0xa0, 0x8c],
-      500: [0xa3, 0x8f]
+      500: [0xa3, 0x8f],
     },
-    polymer: true
+    polymer: true,
   },
   SGD: {
     thickness: 0x0c,
@@ -367,9 +367,9 @@ export default {
       10: [0x97, 0x83],
       50: [0xa6, 0x92],
       100: [0xac, 0x98],
-      1000: [0xb4, 0xa0]
+      1000: [0xb4, 0xa0],
     },
-    polymer: false
+    polymer: false,
   },
   TWD: {
     thickness: 0x0d,
@@ -378,9 +378,9 @@ export default {
       200: [0xa0, 0x8c],
       500: [0xa5, 0x91],
       1000: [0xaa, 0x96],
-      2000: [0xaf, 0x9b]
+      2000: [0xaf, 0x9b],
     },
-    polymer: false
+    polymer: false,
   },
   USD: {
     thickness: 0x0d,
@@ -391,9 +391,9 @@ export default {
       10: [0xa6, 0x92],
       20: [0xa6, 0x92],
       50: [0xa6, 0x92],
-      100: [0xa6, 0x92]
+      100: [0xa6, 0x92],
     },
-    polymer: false
+    polymer: false,
   },
   UYU: {
     thickness: 0x0d,
@@ -404,9 +404,9 @@ export default {
       200: [0xa4, 0x9a],
       500: [0xa4, 0x9a],
       1000: [0xa4, 0x9a],
-      2000: [0xa4, 0x9a]
+      2000: [0xa4, 0x9a],
     },
-    polymer: false
+    polymer: false,
   },
   XCD: {
     thickness: 0x0c,
@@ -415,9 +415,9 @@ export default {
       10: [0x9b, 0x87],
       20: [0x9b, 0x87],
       50: [0x9b, 0x87],
-      100: [0x9b, 0x87]
+      100: [0x9b, 0x87],
     },
-    polymer: true
+    polymer: true,
   },
   ZAR: {
     thickness: 0x0c,
@@ -426,8 +426,8 @@ export default {
       20: [0x90, 0x7c],
       50: [0x96, 0x82],
       100: [0x9c, 0x88],
-      200: [0xa2, 0x8e]
+      200: [0xa2, 0x8e],
     },
-    polymer: false
-  }
+    polymer: false,
+  },
 }
diff --git a/packages/admin-ui/src/utils/bill-options.js b/packages/admin-ui/src/utils/bill-options.js
index b95cb009..6481375a 100644
--- a/packages/admin-ui/src/utils/bill-options.js
+++ b/packages/admin-ui/src/utils/bill-options.js
@@ -5,7 +5,7 @@ const getBillOptions = R.curry((locale, denomiations) => {
   return R.compose(
     R.map(code => ({ code: parseInt(code), display: code })),
     R.keys,
-    R.path([currency, 'lengths'])
+    R.path([currency, 'lengths']),
   )(denomiations)
 })
 
diff --git a/packages/admin-ui/src/utils/config.js b/packages/admin-ui/src/utils/config.js
index 0c282719..b521c471 100644
--- a/packages/admin-ui/src/utils/config.js
+++ b/packages/admin-ui/src/utils/config.js
@@ -13,30 +13,30 @@ const namespaces = {
   COIN_ATM_RADAR: 'coinAtmRadar',
   TERMS_CONDITIONS: 'termsConditions',
   TRIGGERS: 'triggersConfig',
-  MACHINE_SCREENS: 'machineScreens'
+  MACHINE_SCREENS: 'machineScreens',
 }
 
 const mapKeys = R.curry((fn, obj) =>
-  R.fromPairs(R.map(R.adjust(0, fn), R.toPairs(obj)))
+  R.fromPairs(R.map(R.adjust(0, fn), R.toPairs(obj))),
 )
 
 const filterByKey = R.curry((fn, obj) =>
-  R.fromPairs(R.filter(it => fn(it[0]), R.toPairs(obj)))
+  R.fromPairs(R.filter(it => fn(it[0]), R.toPairs(obj))),
 )
 
 const stripl = R.curry((q, str) =>
-  R.startsWith(q, str) ? str.slice(q.length) : str
+  R.startsWith(q, str) ? str.slice(q.length) : str,
 )
 
 const filtered = key => filterByKey(R.startsWith(`${key}_`))
 const stripped = key => mapKeys(stripl(`${key}_`))
 
 const fromNamespace = R.curry((key, config) =>
-  R.compose(stripped(key), filtered(key))(config)
+  R.compose(stripped(key), filtered(key))(config),
 )
 
 const toNamespace = R.curry((key, config) =>
-  mapKeys(it => `${key}_${it}`)(config)
+  mapKeys(it => `${key}_${it}`)(config),
 )
 
 export { fromNamespace, toNamespace, namespaces }
diff --git a/packages/admin-ui/src/utils/constants.js b/packages/admin-ui/src/utils/constants.js
index ed26830c..959edfc1 100644
--- a/packages/admin-ui/src/utils/constants.js
+++ b/packages/admin-ui/src/utils/constants.js
@@ -19,5 +19,5 @@ export {
   MANUAL,
   WALLET_SCORING_DEFAULT_THRESHOLD,
   IP_CHECK_REGEX,
-  SWEEPABLE_CRYPTOS
+  SWEEPABLE_CRYPTOS,
 }
diff --git a/packages/admin-ui/src/utils/customer.js b/packages/admin-ui/src/utils/customer.js
index ac7da296..8a7af097 100644
--- a/packages/admin-ui/src/utils/customer.js
+++ b/packages/admin-ui/src/utils/customer.js
@@ -8,7 +8,7 @@ const formatFullName = R.pipe(
   R.values,
   R.reject(R.allPass([R.isNil, R.isEmpty])),
   R.map(onlyFirstToUpper),
-  R.join(' ')
+  R.join(' '),
 )
 
 const formatName = idCardData => {
@@ -29,7 +29,7 @@ const displayName = ({
   customerName,
   customerIdCardData,
   customerPhone,
-  customerEmail
+  customerEmail,
 }) =>
   isAnonymous
     ? 'Anonymous'
diff --git a/packages/admin-ui/src/utils/machine.js b/packages/admin-ui/src/utils/machine.js
index 362e5e35..991a34fe 100644
--- a/packages/admin-ui/src/utils/machine.js
+++ b/packages/admin-ui/src/utils/machine.js
@@ -4,44 +4,44 @@ const modelPrettifier = {
   gaia: 'Gaia',
   tejo: 'Tejo',
   aveiro: 'Aveiro',
-  grandola: 'Grândola'
+  grandola: 'Grândola',
 }
 
 const cashUnitCapacity = {
   default: {
     cashbox: 600,
-    cassette: 500
+    cassette: 500,
   },
   douro: {
     cashbox: 600,
-    cassette: 500
+    cassette: 500,
   },
   grandola: {
     cashbox: 2500,
-    recycler: 2800
+    recycler: 2800,
   },
   aveiro: {
     cashbox: 1500,
     recycler: 60,
     escrow: 20,
-    cassette: 500
+    cassette: 500,
   },
   tejo: {
     // TODO: add support for the different cashbox configuration in Tejo
     cashbox: 1000,
-    cassette: 500
+    cassette: 500,
   },
   gaia: {
-    cashbox: 600
+    cashbox: 600,
   },
   sintra: {
     cashbox: 1000,
-    cassette: 500
+    cassette: 500,
   },
   gmuk1: {
     cashbox: 2200,
-    cassette: 2000
-  }
+    cassette: 2000,
+  },
 }
 
 const getCashUnitCapacity = (model, device) => {
diff --git a/packages/admin-ui/src/utils/number.js b/packages/admin-ui/src/utils/number.js
index a1221231..ab1aae76 100644
--- a/packages/admin-ui/src/utils/number.js
+++ b/packages/admin-ui/src/utils/number.js
@@ -17,5 +17,5 @@ export {
   defaultToZero,
   transformNumber,
   numberToFiatAmount,
-  numberToCryptoAmount
+  numberToCryptoAmount,
 }
diff --git a/packages/admin-ui/src/utils/string.js b/packages/admin-ui/src/utils/string.js
index 63ea1f54..2fc36494 100644
--- a/packages/admin-ui/src/utils/string.js
+++ b/packages/admin-ui/src/utils/string.js
@@ -5,7 +5,7 @@ const formatLong = value => {
 
   return `${value.slice(0, 8)}(...)${value.slice(
     value.length - 8,
-    value.length
+    value.length,
   )}`
 }
 
@@ -18,7 +18,7 @@ const onlyFirstToUpper = R.compose(toFirstUpper, R.toLower)
 const splitOnUpper = R.compose(
   R.split(' '),
   R.replace(/([A-Z])/g, ' $1'),
-  toFirstLower
+  toFirstLower,
 )
 const startCase = R.compose(R.join(' '), R.map(onlyFirstToUpper), splitOnUpper)
 
@@ -32,5 +32,5 @@ export {
   onlyFirstToUpper,
   formatLong,
   singularOrPlural,
-  sentenceCase
+  sentenceCase,
 }
diff --git a/packages/admin-ui/src/utils/timezone-list.js b/packages/admin-ui/src/utils/timezone-list.js
index f7984f7d..f0bb37c7 100644
--- a/packages/admin-ui/src/utils/timezone-list.js
+++ b/packages/admin-ui/src/utils/timezone-list.js
@@ -14,7 +14,7 @@ const timezones = {
   'America/Regina': { short: 'CST', long: 'Saskatchewan' },
   'America/Mexico_City': {
     short: 'CST',
-    long: 'Guadalajara, Mexico City, Monterrey'
+    long: 'Guadalajara, Mexico City, Monterrey',
   },
   'America/Belize': { short: 'CST', long: 'Central America' },
   'America/Detroit': { short: 'EST', long: 'Eastern Time' },
@@ -27,7 +27,7 @@ const timezones = {
   'America/Montevideo': { short: 'UYT', long: 'Montevideo' },
   'America/Argentina/Buenos_Aires': {
     short: null,
-    long: 'Buenos Aires, Georgetown'
+    long: 'Buenos Aires, Georgetown',
   },
   'America/Godthab': { short: null, long: 'Greenland' },
   'America/Los_Angeles': { short: 'PST', long: 'Pacific Time' },
@@ -41,23 +41,23 @@ const timezones = {
   'Atlantic/Canary': { short: 'WET', long: 'Canary Islands' },
   'Europe/Belgrade': {
     short: 'CET',
-    long: 'Belgrade, Bratislava, Budapest, Ljubljana, Prague'
+    long: 'Belgrade, Bratislava, Budapest, Ljubljana, Prague',
   },
   'Europe/Sarajevo': { short: 'CET', long: 'Sarajevo, Skopje, Warsaw, Zagreb' },
   'Europe/Brussels': {
     short: 'CET',
-    long: 'Brussels, Copenhagen, Madrid, Paris'
+    long: 'Brussels, Copenhagen, Madrid, Paris',
   },
   'Europe/Amsterdam': {
     short: 'CET',
-    long: 'Amsterdam, Berlin, Bern, Rome, Stockholm, Vienna'
+    long: 'Amsterdam, Berlin, Bern, Rome, Stockholm, Vienna',
   },
   'Africa/Algiers': { short: 'CET', long: 'West Central Africa' },
   'Europe/Bucharest': { short: 'EET', long: 'Bucharest' },
   'Africa/Cairo': { short: 'EET', long: 'Cairo' },
   'Europe/Helsinki': {
     short: 'EET',
-    long: 'Helsinki, Kiev, Riga, Sofia, Tallinn, Vilnius'
+    long: 'Helsinki, Kiev, Riga, Sofia, Tallinn, Vilnius',
   },
   'Europe/Athens': { short: 'EET', long: 'Athens, Istanbul, Minsk' },
   'Asia/Jerusalem': { short: 'IST', long: 'Jerusalem' },
@@ -82,7 +82,7 @@ const timezones = {
   'Asia/Krasnoyarsk': { short: 'KRAT', long: 'Krasnoyarsk' },
   'Asia/Shanghai': {
     short: 'CST',
-    long: 'Beijing, Chongqing, Hong Kong SAR, Urumqi'
+    long: 'Beijing, Chongqing, Hong Kong SAR, Urumqi',
   },
   'Asia/Kuala_Lumpur': { short: 'MYT', long: 'Kuala Lumpur, Singapore' },
   'Asia/Taipei': { short: 'CST', long: 'Taipei' },
@@ -100,12 +100,12 @@ const timezones = {
   'Pacific/Guam': { short: 'ChST', long: 'Guam, Port Moresby' },
   'Asia/Magadan': {
     short: 'MAGT',
-    long: 'Magadan, Solomon Islands, New Caledonia'
+    long: 'Magadan, Solomon Islands, New Caledonia',
   },
   'Asia/Kamchatka': { short: 'PETT', long: 'Kamchatka, Marshall Islands' },
   'Pacific/Fiji': { short: 'FJT', long: 'Fiji Islands' },
   'Pacific/Auckland': { short: 'NZDT', long: 'Auckland, Wellington' },
-  'Pacific/Tongatapu': { short: null, long: "Nuku'alofa" }
+  'Pacific/Tongatapu': { short: null, long: "Nuku'alofa" },
 }
 
 const buildTzLabels = timezoneList => {
@@ -115,29 +115,29 @@ const buildTzLabels = timezoneList => {
       const isNegative = getTimezoneOffset(value[0]) < 0
       const duration = intervalToDuration({
         start: 0,
-        end: Math.abs(getTimezoneOffset(value[0]))
+        end: Math.abs(getTimezoneOffset(value[0])),
       })
 
       const hours = duration.hours.toLocaleString('en-US', {
         minimumIntegerDigits: 2,
-        useGrouping: false
+        useGrouping: false,
       })
       const minutes = duration.minutes.toLocaleString('en-US', {
         minimumIntegerDigits: 2,
-        useGrouping: false
+        useGrouping: false,
       })
 
       const prefix = `(GMT${isNegative ? `-` : `+`}${hours}:${minutes})`
 
       acc.push({
         label: `${prefix} - ${value[1].long}`,
-        code: value[0]
+        code: value[0],
       })
 
       return acc
     },
     [],
-    pairs
+    pairs,
   )
 }
 
diff --git a/packages/admin-ui/src/utils/timezones.js b/packages/admin-ui/src/utils/timezones.js
index 88d111ae..f4c1ec14 100644
--- a/packages/admin-ui/src/utils/timezones.js
+++ b/packages/admin-ui/src/utils/timezones.js
@@ -15,7 +15,7 @@ const formatDate = (date, timezone, pattern) => {
   const browserTimezone = Intl.DateTimeFormat().resolvedOptions().timeZone
   const newDate = utcToZonedTime(
     timezone,
-    zonedTimeToUtc(browserTimezone, date)
+    zonedTimeToUtc(browserTimezone, date),
   )
   return format(pattern, newDate)
 }
diff --git a/packages/admin-ui/src/utils/urlResolver.js b/packages/admin-ui/src/utils/urlResolver.js
deleted file mode 100644
index fc198043..00000000
--- a/packages/admin-ui/src/utils/urlResolver.js
+++ /dev/null
@@ -1,9 +0,0 @@
-const url = `https://${
-  process.env.NODE_ENV === 'development'
-    ? window.location.host
-    : window.location.hostname
-}`
-
-const urlResolver = content => `${url}${content}`
-
-export { urlResolver }