From 65ea1c0babaca542b9ef4f64e905c33b849982c3 Mon Sep 17 00:00:00 2001
From: Charles <charles.bourque96@gmail.com>
Date: Wed, 16 Mar 2022 20:37:50 +0000
Subject: [PATCH] 2.6.57: prettierrrc now has printWidth of 120 instead of 100

---
 .prettierrc                                   |   2 +-
 package-lock.json                             |   4 +-
 package.json                                  |   2 +-
 src/App.js                                    |   3 +-
 .../Buttons/FileInputButton/index.js          |  10 +-
 src/components/Buttons/SaveButton/index.js    |  10 +-
 .../Buttons/ToggleEditButton/index.js         |  16 +--
 src/components/ColumnPicker/index.js          |  26 +---
 .../LocationPickerCreator/Form.js             |  31 +----
 .../LocationPickerCreator/Modal.js            |  34 +-----
 .../LocationPickerCreator/index.js            |   9 +-
 .../FastNumberInput.js                        |  12 +-
 .../DeviceConfigurationsModalField/Modal.js   |  27 +----
 .../DeviceConfigurationsModalField/index.js   |   9 +-
 .../MultiPhoneNumberFieldInput.js             |   5 +-
 src/components/DataTable/SortIcon.js          |   6 +-
 src/components/DataTable/index.js             |  23 +---
 .../DisplayFields/DisplayStringField.js       |  17 +--
 src/components/EntityTable/index.js           |  10 +-
 src/components/FileInput/index.js             |  10 +-
 .../FormFields/AddressSearchField/index.js    |   9 +-
 .../ConfigurationFieldExplanation/index.js    |   5 +-
 .../FastCreatableSelectInput.js               |   5 +-
 .../FileInputFieldModal/FileInputModal.js     |  12 +-
 .../FormFields/ListInputModalField/index.js   |   6 +-
 .../FormFields/ObjectArrayFieldModal/index.js |  32 +----
 .../FormFields/SelectField/FastSelectInput.js |   7 +-
 .../FormFields/SelectWithSearchField/index.js |  10 +-
 .../FormFields/ToggleField/index.js           |  10 +-
 src/components/LoadingOverlay/index.js        |   3 +-
 src/components/NotesTable/index.js            |   5 +-
 src/components/PhoneInput/index.js            |   4 +-
 .../CreateConfigurationModal/Form.js          |  32 +----
 .../CreateConfigurationModal/index.js         |  33 +-----
 .../Tables/ConfigurationTable/index.js        |   5 +-
 .../ContactTable/AssignContactModal/index.js  |   6 +-
 .../ContactTable/CreateContactModal/Form.js   |  49 ++------
 .../ContactTable/CreateContactModal/index.js  |  15 +--
 .../ContactTable/EditContactModal/Form.js     |   4 +-
 src/components/Tables/ContactTable/index.js   |   5 +-
 src/components/Tables/EntityTable/index.js    |   5 +-
 .../InventoryTable/AssignTagModal/index.js    |  14 +--
 .../ConfigurationPushModal/index.js           |  11 +-
 .../InventoryTable/CreateTagModal/Form.js     |  26 +---
 .../InventoryTable/CreateTagModal/index.js    |  15 +--
 .../ComputedConfigurationDisplay.js           |  11 +-
 .../EditTagModal/ConfigurationPicker.js       |   4 +-
 .../InventoryTable/EditTagModal/Form.js       |  39 +-----
 .../SpecialConfigurationForm.js               |   6 +-
 .../SpecialConfigurationManager/index.js      |  14 +--
 .../InventoryTable/EditTagModal/index.js      |   9 +-
 .../ImportDeviceTests/index.js                |  21 +---
 .../ImportDeviceCsvModal/index.js             |  25 +---
 src/components/Tables/InventoryTable/index.js |  12 +-
 .../AssignLocationModal/index.js              |   6 +-
 .../LocationTable/CreateLocationModal/Form.js |  59 ++-------
 .../CreateLocationModal/index.js              |  15 +--
 .../LocationTable/EditLocationModal/Form.js   |  56 ++-------
 src/components/Tables/LocationTable/index.js  |   5 +-
 .../VenueTable/CreateVenueModal/index.js      |   6 +-
 src/components/Tables/VenueTable/index.js     |   5 +-
 src/components/VerifyNumberModal/index.js     |   6 +-
 src/constants/formSchemas.js                  |  13 +-
 src/contexts/AuthProvider/index.js            |  32 ++---
 src/hooks/Network/Configurations.js           |  12 +-
 src/hooks/Network/Contacts.js                 |  61 ++++------
 src/hooks/Network/DeviceTypes.js              |  10 +-
 src/hooks/Network/Endpoints.js                |  36 +++---
 src/hooks/Network/Entity.js                   |  50 ++++----
 src/hooks/Network/EntityTree.js               |  40 +++----
 src/hooks/Network/Inventory.js                |  19 +--
 src/hooks/Network/Locations.js                |  67 ++++-------
 src/hooks/Network/Requirements.js             |  10 +-
 src/hooks/Network/Resources.js                |  86 ++++++--------
 src/hooks/Network/Subscribers.js              |  38 +++---
 src/hooks/Network/System.js                   |  38 +++---
 src/hooks/Network/Users.js                    |  43 +++----
 src/hooks/Network/Venues.js                   |  55 ++++-----
 src/layout/Navbar/index.js                    |  15 +--
 src/layout/Sidebar/CreateLinks.js             |   8 +-
 src/layout/Sidebar/EntityNavButton.js         |  23 +---
 src/layout/Sidebar/EntityPopover.js           |  28 +----
 src/layout/Sidebar/NavLinkButton.js           |  18 +--
 src/layout/Sidebar/index.js                   |  15 +--
 src/layout/index.js                           |   7 +-
 src/pages/AccountPage/AccountCard/Form.js     |  37 +-----
 .../GoogleAuthenticatorTests.js               |  12 +-
 .../GoogleAuthenticatorModal/index.js         |  17 +--
 .../AccountCard/MfaSelectField/index.js       |  11 +-
 .../AddSubsectionModal.js                     |  18 +--
 .../InterfaceSection/CreateInterfaceButton.js |  19 +--
 .../InterfaceExpertModal/index.js             |   9 +-
 .../SingleInterface/Bridge/BridgeSection.js   |   7 +-
 .../SingleInterface/IpV4/DhcpIpV4.js          |  13 +-
 .../SingleInterface/IpV4/DhcpLeaseIpV4.js     |  13 +-
 .../SingleInterface/IpV4/index.js             |  19 +--
 .../SingleInterface/IpV6/index.js             |   8 +-
 .../SingleInterface/SsidList/Encryption.js    |   9 +-
 .../SingleInterface/SsidList/Local.js         |  18 +--
 .../SsidList/Radius/LockedRadius.js           |  26 +---
 .../SingleInterface/SsidList/Radius/index.js  |   5 +-
 .../SingleInterface/SsidList/Roaming.js       |   5 +-
 .../SingleInterface/SsidList/Rrm.js           |   5 +-
 .../SingleInterface/SsidList/SingleSsid.js    |   6 +-
 .../SingleInterface/Tunnel/index.js           |  19 +--
 .../SingleInterface/Vlan/BridgeSection.js     |   7 +-
 .../SingleInterface/Vlan/index.js             |  17 +--
 .../InterfaceSection/SingleInterface/index.js |  10 +-
 .../InterfaceSection/interfacesConstants.js   |  67 ++---------
 .../MetricsSection/metricsConstants.js        |  36 +-----
 .../RadiosSection/ChannelPicker.js            |  29 ++---
 .../RadiosSection/RadioPicker.js              |  24 +---
 .../RadiosSection/Radios.js                   |  20 +---
 .../RadiosSection/SingleRadio.js              |   6 +-
 .../RadiosSection/radiosConstants.js          |  21 +---
 .../ServicesSection/Ieee8021x.js              |   8 +-
 .../ServicesSection/RadiusProxy.js            |   7 +-
 .../ServicesSection/servicesConstants.js      | 112 +++---------------
 .../UnitSection/index.js                      |   6 +-
 .../UnitSection/unitConstants.js              |   4 +-
 .../ViewConfigErrorsModal.js                  |   8 +-
 .../ViewJsonConfigModal.js                    |  16 +--
 .../common/SubSectionPicker/index.js          |   4 +-
 .../ConfigurationSectionsCard/index.js        |  30 ++---
 .../DeleteConfigurationPopover.js             |   7 +-
 .../ConfigurationCard/Form.js                 |  14 +--
 .../ConfigurationCard/index.js                |  21 +---
 src/pages/ConfigurationsPage/Table/Actions.js |  45 ++-----
 src/pages/ConfigurationsPage/Table/index.js   |  11 +-
 src/pages/ContactsPage/Table/Actions.js       |   7 +-
 src/pages/ContactsPage/Table/index.js         |  31 +----
 .../EntityPage/CreateEntityModal/Form.js      |  15 +--
 .../EntityPage/CreateEntityModal/index.js     |  13 +-
 .../EntityCard/DeleteEntityPopover.js         |   7 +-
 src/pages/EntityPage/EntityCard/Form.js       |  15 +--
 src/pages/EntityPage/EntityCard/index.js      |   7 +-
 .../EntityChildrenTableWrapper/Actions.js     |   8 +-
 .../Actions.js                                |   8 +-
 .../EntityConfigurationsTableWrapper/index.js |  13 +-
 .../EntityContactTableWrapper /Actions.js     |  15 +--
 .../EntityContactTableWrapper /index.js       |  23 +---
 .../EntityDeviceTableWrapper/Actions.js       |  15 +--
 .../EntityDeviceTableWrapper/index.js         |  21 +---
 .../EntityLocationTableWrapper /Actions.js    |  15 +--
 .../EntityLocationTableWrapper /index.js      |  23 +---
 .../EntityVenueTableWrapper/Actions.js        |   8 +-
 .../EntityPage/EntityChildrenCard/index.js    |  11 +-
 src/pages/InventoryPage/Table/Actions.js      |  19 +--
 src/pages/InventoryPage/Table/index.js        |  37 +-----
 src/pages/LocationsPage/Table/Actions.js      |   7 +-
 src/pages/LocationsPage/Table/index.js        |  26 +---
 src/pages/LoginPage/ChangePasswordForm.js     |  12 +-
 src/pages/LoginPage/ForgotPasswordForm.js     |   9 +-
 src/pages/LoginPage/LoginForm.js              |  10 +-
 src/pages/LoginPage/MfaForm.js                |   7 +-
 src/pages/LoginPage/index.js                  |   9 +-
 .../MapDisplayCard/CreateMapButton/index.js   |  15 +--
 .../MapCard/MapDisplayCard/DeleteMapButton.js |   8 +-
 .../Map/DeviceNode/AssociationsTable.js       |   7 +-
 .../MapDisplayCard/Map/DeviceNode/index.js    |  11 +-
 .../MapCard/MapDisplayCard/Map/EntityNode.js  |  49 ++------
 .../MapCard/MapDisplayCard/Map/MapLegend.js   |   8 +-
 .../MapCard/MapDisplayCard/Map/VenueNode.js   |  38 ++----
 .../MapDisplayCard/Map/dagreAdapter.js        |   9 +-
 .../MapCard/MapDisplayCard/MapPicker.js       |   8 +-
 .../MapPage/MapCard/MapDisplayCard/index.js   |  20 +---
 src/pages/MapPage/MapCard/mapHelpers.js       |   7 +-
 src/pages/ResourcesPage/Table/Actions.js      |  11 +-
 .../InterfaceSsidRadius/Form.js               |  57 ++-------
 .../InterfaceSsidRadius/schemas.js            |  34 +-----
 .../Table/CreateResourceModal/index.js        |  13 +-
 .../InterfaceSsidRadius/Form.js               |  44 ++-----
 .../InterfaceSsidRadius/index.js              |  25 +---
 .../InterfaceSsidRadius/schemas.js            |  48 ++------
 src/pages/ResourcesPage/Table/index.js        |  16 +--
 .../SubscriberCard/DeleteVenuePopover.js      |  13 +-
 .../SubscriberPage/SubscriberCard/Form.js     |  33 +-----
 .../SubscriberDeviceTableWrapper/Actions.js   |  15 +--
 .../SubscriberDeviceTableWrapper/index.js     |  18 +--
 src/pages/SubscribersPage/Table/Actions.js    |   7 +-
 .../Table/CreateSubscriberModal/Form.js       |   5 +-
 .../Table/CreateSubscriberModal/index.js      |  15 +--
 .../Table/EditSubscriberModal/Form.js         |  40 +------
 .../Table/EditSubscriberModal/index.js        |   8 +-
 src/pages/SubscribersPage/Table/index.js      |  18 +--
 src/pages/SystemPage/SystemTile/index.js      |   4 +-
 src/pages/SystemPage/index.js                 |  10 +-
 .../UsersPage/Table/CreateUserModal/Form.js   |  29 +----
 .../UsersPage/Table/CreateUserModal/index.js  |  15 +--
 .../UsersPage/Table/EditUserModal/Form.js     |  20 +---
 src/pages/UsersPage/Table/UserActions.js      |   7 +-
 src/pages/UsersPage/Table/index.js            |  20 +---
 .../VenuePage/VenueCard/DeleteVenuePopover.js |  13 +-
 src/pages/VenuePage/VenueCard/Form.js         |  19 +--
 src/pages/VenuePage/VenueCard/index.js        |   7 +-
 .../VenueChildrenTableWrapper/Actions.js      |   8 +-
 .../Actions.js                                |   8 +-
 .../VenueConfigurationsTableWrapper/index.js  |  13 +-
 .../VenueContactTableWrapper/Actions.js       |  15 +--
 .../VenueContactTableWrapper/index.js         |  16 +--
 .../VenueDeviceTableWrapper/Actions.js        |  15 +--
 .../VenueDeviceTableWrapper/index.js          |  21 +---
 .../VenuePage/VenueChildrenCard/index.js      |  11 +-
 src/router/index.js                           |   8 +-
 src/router/routes.js                          |  85 +++----------
 src/utils/dateFormatting.js                   |  15 +--
 src/utils/stringHelper.js                     |   6 +-
 207 files changed, 746 insertions(+), 3033 deletions(-)

diff --git a/.prettierrc b/.prettierrc
index e09edeb..4759215 100644
--- a/.prettierrc
+++ b/.prettierrc
@@ -1,5 +1,5 @@
 {
-  "printWidth": 100,
+  "printWidth": 120,
   "trailingComma": "all",
   "tabWidth": 2,
   "semi": true,
diff --git a/package-lock.json b/package-lock.json
index 12a0164..3573415 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "wlan-cloud-owprov-ui",
-  "version": "2.6.56",
+  "version": "2.6.57",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "wlan-cloud-owprov-ui",
-      "version": "2.6.56",
+      "version": "2.6.57",
       "license": "ISC",
       "dependencies": {
         "@chakra-ui/icons": "^1.1.1",
diff --git a/package.json b/package.json
index 945c7db..b4ad98c 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "wlan-cloud-owprov-ui",
-  "version": "2.6.56",
+  "version": "2.6.57",
   "description": "",
   "main": "index.js",
   "scripts": {
diff --git a/src/App.js b/src/App.js
index 35a921d..168739d 100644
--- a/src/App.js
+++ b/src/App.js
@@ -16,8 +16,7 @@ const queryClient = new QueryClient({
 });
 
 const App = () => {
-  const storageToken =
-    localStorage.getItem('access_token') ?? sessionStorage.getItem('access_token');
+  const storageToken = localStorage.getItem('access_token') ?? sessionStorage.getItem('access_token');
 
   return (
     <QueryClientProvider client={queryClient}>
diff --git a/src/components/Buttons/FileInputButton/index.js b/src/components/Buttons/FileInputButton/index.js
index 9acea76..05f8399 100644
--- a/src/components/Buttons/FileInputButton/index.js
+++ b/src/components/Buttons/FileInputButton/index.js
@@ -18,15 +18,7 @@ const defaultProps = {
   isStringFile: false,
 };
 
-const FileInputButton = ({
-  value,
-  setValue,
-  setFileName,
-  refreshId,
-  accept,
-  isHidden,
-  isStringFile,
-}) => {
+const FileInputButton = ({ value, setValue, setFileName, refreshId, accept, isHidden, isStringFile }) => {
   const [fileKey, setFileKey] = useState(uuid());
   let fileReader;
 
diff --git a/src/components/Buttons/SaveButton/index.js b/src/components/Buttons/SaveButton/index.js
index ff30273..6987d9e 100644
--- a/src/components/Buttons/SaveButton/index.js
+++ b/src/components/Buttons/SaveButton/index.js
@@ -22,15 +22,7 @@ const defaultProps = {
   dirtyCheck: false,
 };
 
-const SaveButton = ({
-  onClick,
-  isDisabled,
-  isLoading,
-  isCompact,
-  isDirty,
-  dirtyCheck,
-  ...props
-}) => {
+const SaveButton = ({ onClick, isDisabled, isLoading, isCompact, isDirty, dirtyCheck, ...props }) => {
   const { t } = useTranslation();
   const breakpoint = useBreakpoint();
 
diff --git a/src/components/Buttons/ToggleEditButton/index.js b/src/components/Buttons/ToggleEditButton/index.js
index 0bcf729..e60c4c4 100644
--- a/src/components/Buttons/ToggleEditButton/index.js
+++ b/src/components/Buttons/ToggleEditButton/index.js
@@ -21,15 +21,7 @@ const defaultProps = {
   isDirty: false,
 };
 
-const ToggleEditButton = ({
-  toggleEdit,
-  isEditing,
-  isDirty,
-  isDisabled,
-  isLoading,
-  isCompact,
-  ...props
-}) => {
+const ToggleEditButton = ({ toggleEdit, isEditing, isDirty, isDisabled, isLoading, isCompact, ...props }) => {
   const { t } = useTranslation();
   const breakpoint = useBreakpoint();
   const { isOpen: showConfirm, onOpen: openConfirm, onClose: closeConfirm } = useDisclosure();
@@ -61,11 +53,7 @@ const ToggleEditButton = ({
         >
           {isEditing ? t('common.stop_editing') : t('common.edit')}
         </Button>
-        <ConfirmCloseAlert
-          isOpen={showConfirm}
-          confirm={closeCancelAndForm}
-          cancel={closeConfirm}
-        />
+        <ConfirmCloseAlert isOpen={showConfirm} confirm={closeCancelAndForm} cancel={closeConfirm} />
       </>
     );
   }
diff --git a/src/components/ColumnPicker/index.js b/src/components/ColumnPicker/index.js
index 9e7bb57..2fe0e2c 100644
--- a/src/components/ColumnPicker/index.js
+++ b/src/components/ColumnPicker/index.js
@@ -2,16 +2,7 @@ import React, { useEffect } from 'react';
 import PropTypes from 'prop-types';
 import { v4 as uuid } from 'uuid';
 import { useTranslation } from 'react-i18next';
-import {
-  Button,
-  Checkbox,
-  IconButton,
-  Menu,
-  MenuButton,
-  MenuItem,
-  MenuList,
-  useBreakpoint,
-} from '@chakra-ui/react';
+import { Button, Checkbox, IconButton, Menu, MenuButton, MenuItem, MenuList, useBreakpoint } from '@chakra-ui/react';
 import { useAuth } from 'contexts/AuthProvider';
 import { FunnelSimple } from 'phosphor-react';
 
@@ -34,8 +25,7 @@ const ColumnPicker = ({ preference, columns, hiddenColumns, setHiddenColumns })
 
   const handleColumnClick = (id) => {
     let newHidden = [];
-    if (hiddenColumns.find((hidden) => hidden === id))
-      newHidden = [...hiddenColumns.filter((hidden) => hidden !== id)];
+    if (hiddenColumns.find((hidden) => hidden === id)) newHidden = [...hiddenColumns.filter((hidden) => hidden !== id)];
     else newHidden = [...hiddenColumns, id];
     setPref({ preference, value: newHidden.join(',') });
     setHiddenColumns(newHidden);
@@ -52,11 +42,7 @@ const ColumnPicker = ({ preference, columns, hiddenColumns, setHiddenColumns })
         <MenuButton as={IconButton} icon={<FunnelSimple />} />
         <MenuList>
           {columns.map((column) => (
-            <MenuItem
-              key={uuid()}
-              isDisabled={column.alwaysShow}
-              onClick={() => handleColumnClick(column.id)}
-            >
+            <MenuItem key={uuid()} isDisabled={column.alwaysShow} onClick={() => handleColumnClick(column.id)}>
               <Checkbox
                 defaultChecked={!hiddenColumns.find((hidden) => hidden === column.id)}
                 isDisabled={column.alwaysShow}
@@ -77,11 +63,7 @@ const ColumnPicker = ({ preference, columns, hiddenColumns, setHiddenColumns })
       </MenuButton>
       <MenuList>
         {columns.map((column) => (
-          <MenuItem
-            key={uuid()}
-            isDisabled={column.alwaysShow}
-            onClick={() => handleColumnClick(column.id)}
-          >
+          <MenuItem key={uuid()} isDisabled={column.alwaysShow} onClick={() => handleColumnClick(column.id)}>
             <Checkbox
               defaultChecked={!hiddenColumns.find((hidden) => hidden === column.id)}
               isDisabled={column.alwaysShow}
diff --git a/src/components/CreateObjectsForms/LocationPickerCreator/Form.js b/src/components/CreateObjectsForms/LocationPickerCreator/Form.js
index cb5e6d9..e7357ae 100644
--- a/src/components/CreateObjectsForms/LocationPickerCreator/Form.js
+++ b/src/components/CreateObjectsForms/LocationPickerCreator/Form.js
@@ -33,39 +33,18 @@ const Form = ({ name }) => {
             { label: 'CORPORATE', value: 'CORPORATE' },
           ]}
         />
-        <CreatableSelectField
-          name={`${name}.phones`}
-          label={t('contacts.phones')}
-          placeholder="+1(202)555-0103"
-        />
-        <CreatableSelectField
-          name={`${name}.mobiles`}
-          label={t('contacts.mobiles')}
-          placeholder="+1(202)555-0103"
-        />
+        <CreatableSelectField name={`${name}.phones`} label={t('contacts.phones')} placeholder="+1(202)555-0103" />
+        <CreatableSelectField name={`${name}.mobiles`} label={t('contacts.mobiles')} placeholder="+1(202)555-0103" />
       </SimpleGrid>
 
-      <AddressSearchField
-        placeholder={t('common.address_search_autofill')}
-        namePrefix={name}
-        maxWidth="600px"
-        mb={2}
-      />
+      <AddressSearchField placeholder={t('common.address_search_autofill')} namePrefix={name} maxWidth="600px" mb={2} />
       <SimpleGrid minChildWidth="300px" spacing="20px" mb={8}>
-        <StringField
-          name={`${name}.addressLineOne`}
-          label={t('locations.address_line_one')}
-          isRequired
-        />
+        <StringField name={`${name}.addressLineOne`} label={t('locations.address_line_one')} isRequired />
         <StringField name={`${name}.addressLineTwo`} label={t('locations.address_line_two')} />
         <StringField name={`${name}.city`} label={t('locations.city')} isRequired />
         <StringField name={`${name}.state`} label={t('locations.state')} isRequired />
         <StringField name={`${name}.postal`} label={t('locations.postal')} isRequired />
-        <SelectField
-          name={`${name}.country`}
-          label={t('locations.country')}
-          options={COUNTRY_LIST}
-        />
+        <SelectField name={`${name}.country`} label={t('locations.country')} options={COUNTRY_LIST} />
         <StringField name={`${name}.buildingName`} label={t('locations.building_name')} />
         <StringField name={`${name}.geoCode`} label={t('locations.geocode')} />
       </SimpleGrid>
diff --git a/src/components/CreateObjectsForms/LocationPickerCreator/Modal.js b/src/components/CreateObjectsForms/LocationPickerCreator/Modal.js
index c727d57..14b8175 100644
--- a/src/components/CreateObjectsForms/LocationPickerCreator/Modal.js
+++ b/src/components/CreateObjectsForms/LocationPickerCreator/Modal.js
@@ -1,14 +1,6 @@
 import React, { useCallback, useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
-import {
-  CloseButton,
-  Modal,
-  ModalBody,
-  ModalContent,
-  ModalOverlay,
-  SimpleGrid,
-  useDisclosure,
-} from '@chakra-ui/react';
+import { CloseButton, Modal, ModalBody, ModalContent, ModalOverlay, SimpleGrid, useDisclosure } from '@chakra-ui/react';
 import ModalHeader from 'components/ModalHeader';
 import SaveButton from 'components/Buttons/SaveButton';
 import ConfirmCloseAlert from 'components/ConfirmCloseAlert';
@@ -154,29 +146,13 @@ const LocationPickerCreatorModal = ({ setLocation, reset }) => {
                     { label: 'CORPORATE', value: 'CORPORATE' },
                   ]}
                 />
-                <CreatableSelectField
-                  name="phones"
-                  label={t('contacts.phones')}
-                  placeholder="+1(202)555-0103"
-                />
-                <CreatableSelectField
-                  name="mobiles"
-                  label={t('contacts.mobiles')}
-                  placeholder="+1(202)555-0103"
-                />
+                <CreatableSelectField name="phones" label={t('contacts.phones')} placeholder="+1(202)555-0103" />
+                <CreatableSelectField name="mobiles" label={t('contacts.mobiles')} placeholder="+1(202)555-0103" />
               </SimpleGrid>
 
-              <AddressSearchField
-                placeholder={t('common.address_search_autofill')}
-                maxWidth="600px"
-                mb={2}
-              />
+              <AddressSearchField placeholder={t('common.address_search_autofill')} maxWidth="600px" mb={2} />
               <SimpleGrid minChildWidth="300px" spacing="20px" mb={8}>
-                <StringField
-                  name="addressLineOne"
-                  label={t('locations.address_line_one')}
-                  isRequired
-                />
+                <StringField name="addressLineOne" label={t('locations.address_line_one')} isRequired />
                 <StringField name="addressLineTwo" label={t('locations.address_line_two')} />
                 <StringField name="city" label={t('locations.city')} isRequired />
                 <StringField name="state" label={t('locations.state')} isRequired />
diff --git a/src/components/CreateObjectsForms/LocationPickerCreator/index.js b/src/components/CreateObjectsForms/LocationPickerCreator/index.js
index 12c14f7..5dfc3ac 100644
--- a/src/components/CreateObjectsForms/LocationPickerCreator/index.js
+++ b/src/components/CreateObjectsForms/LocationPickerCreator/index.js
@@ -24,14 +24,7 @@ const defaultProps = {
   venueId: null,
 };
 
-const LocationPickerCreator = ({
-  locationName,
-  createLocationName,
-  editing,
-  isModal,
-  entityId,
-  venueId,
-}) => {
+const LocationPickerCreator = ({ locationName, createLocationName, editing, isModal, entityId, venueId }) => {
   const { t } = useTranslation();
   const toast = useToast();
   const [{ value: location }, , { setValue: setLocation }] = useField(locationName);
diff --git a/src/components/CustomFields/CustomNumberAsStringField/FastNumberInput.js b/src/components/CustomFields/CustomNumberAsStringField/FastNumberInput.js
index 9341fa1..8c8534a 100644
--- a/src/components/CustomFields/CustomNumberAsStringField/FastNumberInput.js
+++ b/src/components/CustomFields/CustomNumberAsStringField/FastNumberInput.js
@@ -33,17 +33,7 @@ const defaultProps = {
   isDisabled: false,
 };
 
-const FastNumberInput = ({
-  label,
-  value,
-  unit,
-  onChange,
-  onBlur,
-  error,
-  touched,
-  isRequired,
-  isDisabled,
-}) => (
+const FastNumberInput = ({ label, value, unit, onChange, onBlur, error, touched, isRequired, isDisabled }) => (
   <FormControl isInvalid={error && touched} isRequired={isRequired} isDisabled={isDisabled}>
     <FormLabel ms="4px" fontSize="md" fontWeight="normal">
       {label}
diff --git a/src/components/CustomFields/DeviceConfigurationsModalField/Modal.js b/src/components/CustomFields/DeviceConfigurationsModalField/Modal.js
index 13863f5..c62ef56 100644
--- a/src/components/CustomFields/DeviceConfigurationsModalField/Modal.js
+++ b/src/components/CustomFields/DeviceConfigurationsModalField/Modal.js
@@ -39,15 +39,7 @@ const defaultProps = {
   isDisabled: false,
 };
 
-const DeviceConfigurationsModal = ({
-  name,
-  initialValue,
-  setValue,
-  errors,
-  isDisabled,
-  isRequired,
-  label,
-}) => {
+const DeviceConfigurationsModal = ({ name, initialValue, setValue, errors, isDisabled, isRequired, label }) => {
   const { t } = useTranslation();
   const toast = useToast();
   const [localValue, setLocalValue] = useState([]);
@@ -86,10 +78,7 @@ const DeviceConfigurationsModal = ({
     const { length } = initialValue;
     if (length === 0) return t('entities.add_configurations');
     if (length === 1 && configurations)
-      return (
-        configurations.find((conf) => conf.id === initialValue[0])?.name ??
-        `1 ${t('configurations.one')}`
-      );
+      return configurations.find((conf) => conf.id === initialValue[0])?.name ?? `1 ${t('configurations.one')}`;
     return `${length} ${t('configurations.title')}`;
   }, [initialValue, configurations]);
 
@@ -221,22 +210,14 @@ const DeviceConfigurationsModal = ({
           <ModalBody overflowX="auto">
             <DataTable
               columns={columns(true)}
-              data={
-                configurations
-                  ? localValue.map((id) => configurations.find((config) => config.id === id))
-                  : []
-              }
+              data={configurations ? localValue.map((id) => configurations.find((config) => config.id === id)) : []}
               isLoading={isFetching}
               obj={t('configurations.title')}
             />
             <Box h="100px" />
             <DataTable
               columns={columns(false)}
-              data={
-                configurations?.filter(
-                  (config) => !localValue.find((local) => local === config.id),
-                ) ?? []
-              }
+              data={configurations?.filter((config) => !localValue.find((local) => local === config.id)) ?? []}
               isLoading={isFetching}
               obj={t('configurations.title')}
             />
diff --git a/src/components/CustomFields/DeviceConfigurationsModalField/index.js b/src/components/CustomFields/DeviceConfigurationsModalField/index.js
index 71189b0..079acea 100644
--- a/src/components/CustomFields/DeviceConfigurationsModalField/index.js
+++ b/src/components/CustomFields/DeviceConfigurationsModalField/index.js
@@ -17,14 +17,7 @@ const defaultProps = {
   isDisabled: false,
 };
 
-const DeviceConfigurationsModalField = ({
-  name,
-  label,
-  setFieldValue,
-  errors,
-  isDisabled,
-  isRequired,
-}) => {
+const DeviceConfigurationsModalField = ({ name, label, setFieldValue, errors, isDisabled, isRequired }) => {
   const setValue = (value) => setFieldValue(name, value);
 
   return (
diff --git a/src/components/CustomFields/MultiPhoneNumberField/MultiPhoneNumberFieldInput.js b/src/components/CustomFields/MultiPhoneNumberField/MultiPhoneNumberFieldInput.js
index 61f7fe7..0972024 100644
--- a/src/components/CustomFields/MultiPhoneNumberField/MultiPhoneNumberFieldInput.js
+++ b/src/components/CustomFields/MultiPhoneNumberField/MultiPhoneNumberFieldInput.js
@@ -55,10 +55,7 @@ const MultiPhoneNumberFieldInput = ({
   definitionKey,
 }) => {
   const { t } = useTranslation();
-  const NoOptionsMessage = useCallback(
-    () => <h6 className="text-center pt-2">{t('common.type_for_options')}</h6>,
-    [],
-  );
+  const NoOptionsMessage = useCallback(() => <h6 className="text-center pt-2">{t('common.type_for_options')}</h6>, []);
 
   return (
     <FormControl isInvalid={error && touched} isRequired={isRequired} hidden={isHidden}>
diff --git a/src/components/DataTable/SortIcon.js b/src/components/DataTable/SortIcon.js
index 1b32dd4..fe932f4 100644
--- a/src/components/DataTable/SortIcon.js
+++ b/src/components/DataTable/SortIcon.js
@@ -16,11 +16,7 @@ const defaultProps = {
 const SortIcon = ({ isSorted, isSortedDesc, canSort }) => {
   if (canSort) {
     if (isSorted) {
-      return isSortedDesc ? (
-        <Icon pt={2} h={5} w={5} as={ArrowDown} />
-      ) : (
-        <Icon pt={2} h={5} w={5} as={ArrowUp} />
-      );
+      return isSortedDesc ? <Icon pt={2} h={5} w={5} as={ArrowDown} /> : <Icon pt={2} h={5} w={5} as={ArrowUp} />;
     }
     return <Icon pt={2} h={5} w={5} as={Circle} />;
   }
diff --git a/src/components/DataTable/index.js b/src/components/DataTable/index.js
index 99153ed..6460a26 100644
--- a/src/components/DataTable/index.js
+++ b/src/components/DataTable/index.js
@@ -119,8 +119,7 @@ const DataTable = ({
   );
 
   useEffect(() => {
-    if (setPageInfo && pageIndex !== undefined)
-      setPageInfo({ index: pageIndex, limit: queryPageSize });
+    if (setPageInfo && pageIndex !== undefined) setPageInfo({ index: pageIndex, limit: queryPageSize });
   }, [queryPageSize, pageIndex]);
 
   useEffect(() => {
@@ -133,13 +132,7 @@ const DataTable = ({
 
   // If this is a manual DataTable, with a page index that is higher than 0 and higher than the max possible page, we send to index 0
   useEffect(() => {
-    if (
-      isManual &&
-      data &&
-      isManual &&
-      pageIndex > 0 &&
-      Math.ceil(count / queryPageSize) - 1 < pageIndex
-    ) {
+    if (isManual && data && isManual && pageIndex > 0 && Math.ceil(count / queryPageSize) - 1 < pageIndex) {
       gotoPage(0);
       setPageInfo({ index: 0, limit: queryPageSize });
     }
@@ -239,11 +232,7 @@ const DataTable = ({
               />
             </Tooltip>
             <Tooltip label={t('table.previous_page')}>
-              <IconButton
-                onClick={previousPage}
-                isDisabled={!canPreviousPage}
-                icon={<ChevronLeftIcon h={6} w={6} />}
-              />
+              <IconButton onClick={previousPage} isDisabled={!canPreviousPage} icon={<ChevronLeftIcon h={6} w={6} />} />
             </Tooltip>
           </Flex>
 
@@ -298,11 +287,7 @@ const DataTable = ({
 
           <Flex>
             <Tooltip label={t('table.next_page')}>
-              <IconButton
-                onClick={nextPage}
-                isDisabled={!canNextPage}
-                icon={<ChevronRightIcon h={6} w={6} />}
-              />
+              <IconButton onClick={nextPage} isDisabled={!canNextPage} icon={<ChevronRightIcon h={6} w={6} />} />
             </Tooltip>
             <Tooltip label={t('table.last_page')}>
               <IconButton
diff --git a/src/components/DisplayFields/DisplayStringField.js b/src/components/DisplayFields/DisplayStringField.js
index ff61e2e..8be5741 100644
--- a/src/components/DisplayFields/DisplayStringField.js
+++ b/src/components/DisplayFields/DisplayStringField.js
@@ -1,14 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import {
-  Button,
-  FormControl,
-  FormLabel,
-  Input,
-  InputGroup,
-  InputRightElement,
-  useBoolean,
-} from '@chakra-ui/react';
+import { Button, FormControl, FormLabel, Input, InputGroup, InputRightElement, useBoolean } from '@chakra-ui/react';
 import { useTranslation } from 'react-i18next';
 
 const propTypes = {
@@ -44,12 +36,7 @@ const DisplayStringField = ({ label, value, isRequired, hideButton }) => {
         />
         {hideButton && (
           <InputRightElement width="4.5rem">
-            <Button
-              h="1.75rem"
-              size="sm"
-              onClick={setShow.toggle}
-              _disabled={{ opacity: 0.8, cursor: 'not-allowed' }}
-            >
+            <Button h="1.75rem" size="sm" onClick={setShow.toggle} _disabled={{ opacity: 0.8, cursor: 'not-allowed' }}>
               {show ? t('common.hide') : t('common.show')}
             </Button>
           </InputRightElement>
diff --git a/src/components/EntityTable/index.js b/src/components/EntityTable/index.js
index ab6cd0f..6271bbf 100644
--- a/src/components/EntityTable/index.js
+++ b/src/components/EntityTable/index.js
@@ -9,17 +9,11 @@ import { Plus, Trash } from 'phosphor-react';
 
 const getEntitiesApi = async (pageInfo) => {
   if (Array.isArray(pageInfo)) {
-    return axiosProv
-      .get(`entity?withExtendedInfo=true&select=${pageInfo}`)
-      .then(({ data }) => data);
+    return axiosProv.get(`entity?withExtendedInfo=true&select=${pageInfo}`).then(({ data }) => data);
   }
 
   return axiosProv
-    .get(
-      `entity?withExtendedInfo=true&limit=${pageInfo.limit}&offset=${
-        pageInfo.limit * pageInfo.index
-      }`,
-    )
+    .get(`entity?withExtendedInfo=true&limit=${pageInfo.limit}&offset=${pageInfo.limit * pageInfo.index}`)
     .then(({ data }) => data);
 };
 const getCountApi = async () => axiosProv.get(`entity?countOnly=true`).then(({ data }) => data);
diff --git a/src/components/FileInput/index.js b/src/components/FileInput/index.js
index 8c4d510..23620f8 100644
--- a/src/components/FileInput/index.js
+++ b/src/components/FileInput/index.js
@@ -150,15 +150,7 @@ const FileInput = ({ setValue, refreshId, errors }) => {
         {t('certificates.device_macs')}
       </FormLabel>
       <InputGroup>
-        <Input
-          borderRadius="15px"
-          pt={1}
-          fontSize="sm"
-          type="file"
-          onChange={changeFile}
-          key={fileKey}
-          accept=".csv"
-        />
+        <Input borderRadius="15px" pt={1} fontSize="sm" type="file" onChange={changeFile} key={fileKey} accept=".csv" />
         <InputRightElement hidden={!result}>
           {' '}
           <IconButton icon={<CloseIcon />} onClick={resetFile} />
diff --git a/src/components/FormFields/AddressSearchField/index.js b/src/components/FormFields/AddressSearchField/index.js
index 6908e17..77d277b 100644
--- a/src/components/FormFields/AddressSearchField/index.js
+++ b/src/components/FormFields/AddressSearchField/index.js
@@ -22,19 +22,14 @@ const AddressSearchField = ({ namePrefix, isDisabled, placeholder, isHidden, ...
 
   const onSelect = (v) => {
     const city =
-      v.locality.long_name ??
-      v.administrative_area_level_3.long_name ??
-      v.administrative_area_level_2.long_name;
+      v.locality.long_name ?? v.administrative_area_level_3.long_name ?? v.administrative_area_level_2.long_name;
 
     setFieldValue(
       `${namePrefix ? `${namePrefix}.` : ''}addressLineOne`,
       `${v.street_number.long_name} ${v.route.long_name}`,
     );
     setFieldValue(`${namePrefix ? `${namePrefix}.` : ''}city`, city);
-    setFieldValue(
-      `${namePrefix ? `${namePrefix}.` : ''}state`,
-      v.administrative_area_level_1.long_name,
-    );
+    setFieldValue(`${namePrefix ? `${namePrefix}.` : ''}state`, v.administrative_area_level_1.long_name);
     setFieldValue(`${namePrefix ? `${namePrefix}.` : ''}postal`, v.postal_code.long_name);
     setFieldValue(`${namePrefix ? `${namePrefix}.` : ''}country`, v.country.short_name);
     setFieldValue(`${namePrefix ? `${namePrefix}.` : ''}geoCode`, JSON.stringify(v.geoCode));
diff --git a/src/components/FormFields/ConfigurationFieldExplanation/index.js b/src/components/FormFields/ConfigurationFieldExplanation/index.js
index b8a9e62..7b5265f 100644
--- a/src/components/FormFields/ConfigurationFieldExplanation/index.js
+++ b/src/components/FormFields/ConfigurationFieldExplanation/index.js
@@ -11,10 +11,7 @@ const findDefinition = (definitionKey, CONFIGURATION_DESCRIPTIONS) => {
   if (length < 2) return null;
   const start = split.slice(0, length - 1);
   const end = split[length - 1];
-  return (
-    CONFIGURATION_DESCRIPTIONS[start.slice(0, length - 1).join('.')]?.properties[end]
-      ?.description ?? null
-  );
+  return CONFIGURATION_DESCRIPTIONS[start.slice(0, length - 1).join('.')]?.properties[end]?.description ?? null;
 };
 
 const propTypes = {
diff --git a/src/components/FormFields/CreatableSelectField/FastCreatableSelectInput.js b/src/components/FormFields/CreatableSelectField/FastCreatableSelectInput.js
index 3c97bf4..8ab4306 100644
--- a/src/components/FormFields/CreatableSelectField/FastCreatableSelectInput.js
+++ b/src/components/FormFields/CreatableSelectField/FastCreatableSelectInput.js
@@ -44,10 +44,7 @@ const FastCreatableSelectInput = ({
   placeholder,
 }) => {
   const { t } = useTranslation();
-  const NoOptionsMessage = useCallback(
-    () => <h6 className="text-center pt-2">{t('common.type_for_options')}</h6>,
-    [],
-  );
+  const NoOptionsMessage = useCallback(() => <h6 className="text-center pt-2">{t('common.type_for_options')}</h6>, []);
 
   return (
     <FormControl isInvalid={error && touched} isRequired={isRequired} hidden={isHidden}>
diff --git a/src/components/FormFields/FileInputFieldModal/FileInputModal.js b/src/components/FormFields/FileInputFieldModal/FileInputModal.js
index f2994bb..46fb2a6 100644
--- a/src/components/FormFields/FileInputFieldModal/FileInputModal.js
+++ b/src/components/FormFields/FileInputFieldModal/FileInputModal.js
@@ -95,12 +95,7 @@ const FileInputModal = ({
 
   return (
     <>
-      <FormControl
-        isInvalid={error && touched}
-        isRequired={isRequired}
-        isDisabled={isDisabled}
-        hidden={isHidden}
-      >
+      <FormControl isInvalid={error && touched} isRequired={isRequired} isDisabled={isDisabled} hidden={isHidden}>
         <FormLabel ms="4px" fontSize="md" fontWeight="normal">
           {label}
           <ConfigurationFieldExplanation definitionKey={definitionKey} />
@@ -126,10 +121,7 @@ const FileInputModal = ({
             title={label}
             right={
               <>
-                <SaveButton
-                  onClick={saveValue}
-                  isDisabled={tempValue.length === 0 || !test(tempValue)}
-                />
+                <SaveButton onClick={saveValue} isDisabled={tempValue.length === 0 || !test(tempValue)} />
                 <CloseButton ml={2} onClick={onClose} />
               </>
             }
diff --git a/src/components/FormFields/ListInputModalField/index.js b/src/components/FormFields/ListInputModalField/index.js
index ae4276b..8cca87f 100644
--- a/src/components/FormFields/ListInputModalField/index.js
+++ b/src/components/FormFields/ListInputModalField/index.js
@@ -130,11 +130,7 @@ const ListInputModalField = ({
                   h="1.75rem"
                   size="sm"
                   onClick={addEntry}
-                  isDisabled={
-                    entry.length === 0 ||
-                    !validation(entry) ||
-                    localValue.find((val) => val === entry)
-                  }
+                  isDisabled={entry.length === 0 || !validation(entry) || localValue.find((val) => val === entry)}
                 >
                   {t('crud.add')}
                 </Button>
diff --git a/src/components/FormFields/ObjectArrayFieldModal/index.js b/src/components/FormFields/ObjectArrayFieldModal/index.js
index f1357a7..2876a0e 100644
--- a/src/components/FormFields/ObjectArrayFieldModal/index.js
+++ b/src/components/FormFields/ObjectArrayFieldModal/index.js
@@ -43,17 +43,7 @@ const defaultProps = {
   isHidden: false,
 };
 
-const ObjectArrayFieldModal = ({
-  name,
-  label,
-  fields,
-  schema,
-  columns,
-  editing,
-  isDisabled,
-  isRequired,
-  isHidden,
-}) => {
+const ObjectArrayFieldModal = ({ name, label, fields, schema, columns, editing, isDisabled, isRequired, isHidden }) => {
   const { t } = useTranslation();
   const [tempValue, setTempValue] = useState([]);
   const { isOpen, onOpen, onClose } = useDisclosure();
@@ -96,12 +86,7 @@ const ObjectArrayFieldModal = ({
     <Field name={name}>
       {({ field, meta: { touched, error } }) => (
         <>
-          <FormControl
-            isInvalid={error && touched}
-            isRequired={isRequired}
-            isDisabled={isDisabled}
-            hidden={isHidden}
-          >
+          <FormControl isInvalid={error && touched} isRequired={isRequired} isDisabled={isDisabled} hidden={isHidden}>
             <FormLabel ms="4px" fontSize="md" fontWeight="normal">
               {label}
             </FormLabel>
@@ -119,11 +104,7 @@ const ObjectArrayFieldModal = ({
                 title={name}
                 right={
                   <>
-                    <SaveButton
-                      onClick={onChange}
-                      hidden={!editing}
-                      isDisabled={tempValue.length === 0}
-                    />
+                    <SaveButton onClick={onChange} hidden={!editing} isDisabled={tempValue.length === 0} />
                     <CloseButton ml={2} onClick={onClose} />
                   </>
                 }
@@ -150,12 +131,7 @@ const ObjectArrayFieldModal = ({
                           <Button colorScheme="blue" isDisabled={!isValid} onClick={submitForm}>
                             {t('crud.add')}
                           </Button>
-                          <Button
-                            colorScheme="gray"
-                            isDisabled={!isDirty}
-                            ml={2}
-                            onClick={resetForm}
-                          >
+                          <Button colorScheme="gray" isDisabled={!isDirty} ml={2} onClick={resetForm}>
                             {t('common.reset')}
                           </Button>
                         </Box>
diff --git a/src/components/FormFields/SelectField/FastSelectInput.js b/src/components/FormFields/SelectField/FastSelectInput.js
index 7fffae5..a768bae 100644
--- a/src/components/FormFields/SelectField/FastSelectInput.js
+++ b/src/components/FormFields/SelectField/FastSelectInput.js
@@ -50,12 +50,7 @@ const FastSelectInput = ({
   w,
   definitionKey,
 }) => (
-  <FormControl
-    isInvalid={error && touched}
-    isRequired={isRequired}
-    isDisabled={isDisabled}
-    hidden={isHidden}
-  >
+  <FormControl isInvalid={error && touched} isRequired={isRequired} isDisabled={isDisabled} hidden={isHidden}>
     <FormLabel ms="4px" fontSize="md" fontWeight="normal" _disabled={{ opacity: 0.8 }}>
       {label} <ConfigurationFieldExplanation definitionKey={definitionKey} />
     </FormLabel>
diff --git a/src/components/FormFields/SelectWithSearchField/index.js b/src/components/FormFields/SelectWithSearchField/index.js
index 318920c..6f9e7e5 100644
--- a/src/components/FormFields/SelectWithSearchField/index.js
+++ b/src/components/FormFields/SelectWithSearchField/index.js
@@ -23,15 +23,7 @@ const defaultProps = {
   isHidden: false,
 };
 
-const SelectWithSearchField = ({
-  options,
-  name,
-  isDisabled,
-  label,
-  isRequired,
-  isHidden,
-  isPortal,
-}) => {
+const SelectWithSearchField = ({ options, name, isDisabled, label, isRequired, isHidden, isPortal }) => {
   const { errors, touched, setFieldValue } = useFormikContext();
   const onChange = (ent) => {
     setFieldValue(name, ent.value);
diff --git a/src/components/FormFields/ToggleField/index.js b/src/components/FormFields/ToggleField/index.js
index 7b4ea94..9ef1cc5 100644
--- a/src/components/FormFields/ToggleField/index.js
+++ b/src/components/FormFields/ToggleField/index.js
@@ -21,15 +21,7 @@ const defaultProps = {
   definitionKey: null,
 };
 
-const ToggleField = ({
-  name,
-  isDisabled,
-  label,
-  isRequired,
-  element,
-  falseIsUndefined,
-  definitionKey,
-}) => {
+const ToggleField = ({ name, isDisabled, label, isRequired, element, falseIsUndefined, definitionKey }) => {
   const [{ value }, { touched, error }, { setValue, setTouched }] = useField(name);
 
   const onChange = useCallback((e) => {
diff --git a/src/components/LoadingOverlay/index.js b/src/components/LoadingOverlay/index.js
index da94d4b..e65e0bb 100644
--- a/src/components/LoadingOverlay/index.js
+++ b/src/components/LoadingOverlay/index.js
@@ -16,8 +16,7 @@ const LoadingOverlay = ({ isLoading, children }) => {
     position: 'absolute',
     width: '100%',
     height: '100%',
-    backgroundColor:
-      colorMode === 'light' ? 'var(--chakra-colors-gray-200)' : 'var(--chakra-colors-gray-900)',
+    backgroundColor: colorMode === 'light' ? 'var(--chakra-colors-gray-200)' : 'var(--chakra-colors-gray-900)',
     zIndex: '1100',
     opacity: '0.4',
     filter: 'alpha(opacity=40)',
diff --git a/src/components/NotesTable/index.js b/src/components/NotesTable/index.js
index 5c9eaf9..a862211 100644
--- a/src/components/NotesTable/index.js
+++ b/src/components/NotesTable/index.js
@@ -38,10 +38,7 @@ const NotesTable = ({ notes, setNotes, isDisabled }) => {
     setNewNote('');
   };
 
-  const memoizedDate = useCallback(
-    (cell) => <FormattedDate date={cell.row.values.created} key={uuid()} />,
-    [],
-  );
+  const memoizedDate = useCallback((cell) => <FormattedDate date={cell.row.values.created} key={uuid()} />, []);
 
   const columns = useMemo(
     () => [
diff --git a/src/components/PhoneInput/index.js b/src/components/PhoneInput/index.js
index 4ae9242..93ed99f 100644
--- a/src/components/PhoneInput/index.js
+++ b/src/components/PhoneInput/index.js
@@ -7,9 +7,7 @@ const propTypes = {
   field: PropTypes.instanceOf(Object).isRequired,
 };
 
-const PhoneInput = ({ editing, field }) => (
-  <Input borderRadius="15px" type="string" isDisabled={!editing} {...field} />
-);
+const PhoneInput = ({ editing, field }) => <Input borderRadius="15px" type="string" isDisabled={!editing} {...field} />;
 
 PhoneInput.propTypes = propTypes;
 
diff --git a/src/components/Tables/ConfigurationTable/CreateConfigurationModal/Form.js b/src/components/Tables/ConfigurationTable/CreateConfigurationModal/Form.js
index 4486bc8..9b384b1 100644
--- a/src/components/Tables/ConfigurationTable/CreateConfigurationModal/Form.js
+++ b/src/components/Tables/ConfigurationTable/CreateConfigurationModal/Form.js
@@ -50,15 +50,7 @@ const CreateConfigurationForm = ({
     return `ven:${splitEntity[1]}`;
   };
 
-  const createParameters = ({
-    name,
-    description,
-    note,
-    deviceTypes,
-    entity,
-    rrm,
-    __CREATE_CONFIG,
-  }) => ({
+  const createParameters = ({ name, description, note, deviceTypes, entity, rrm, __CREATE_CONFIG }) => ({
     name,
     rrm,
     deviceTypes,
@@ -127,13 +119,7 @@ const CreateConfigurationForm = ({
       {({ errors, touched, setFieldValue }) => (
         <>
           <SimpleGrid minChildWidth="300px" spacing="20px" mb={6}>
-            <StringField
-              name="name"
-              label={t('common.name')}
-              errors={errors}
-              touched={touched}
-              isRequired
-            />
+            <StringField name="name" label={t('common.name')} errors={errors} touched={touched} isRequired />
             <MultiSelectField
               name="deviceTypes"
               label={t('configurations.device_types')}
@@ -189,20 +175,10 @@ const CreateConfigurationForm = ({
               isRequired
               w={28}
             />
-            <StringField
-              name="description"
-              label={t('common.description')}
-              errors={errors}
-              touched={touched}
-            />
+            <StringField name="description" label={t('common.description')} errors={errors} touched={touched} />
             <StringField name="note" label={t('common.note')} errors={errors} touched={touched} />
           </SimpleGrid>
-          <SpecialConfigurationManager
-            editing
-            isEnabledByDefault
-            isOnlySections
-            onChange={onConfigurationChange}
-          />
+          <SpecialConfigurationManager editing isEnabledByDefault isOnlySections onChange={onConfigurationChange} />
         </>
       )}
     </Formik>
diff --git a/src/components/Tables/ConfigurationTable/CreateConfigurationModal/index.js b/src/components/Tables/ConfigurationTable/CreateConfigurationModal/index.js
index d6bce10..6090802 100644
--- a/src/components/Tables/ConfigurationTable/CreateConfigurationModal/index.js
+++ b/src/components/Tables/ConfigurationTable/CreateConfigurationModal/index.js
@@ -1,14 +1,6 @@
 import React, { useCallback, useState } from 'react';
 import PropTypes from 'prop-types';
-import {
-  Button,
-  useDisclosure,
-  Modal,
-  ModalOverlay,
-  ModalContent,
-  ModalBody,
-  toast,
-} from '@chakra-ui/react';
+import { Button, useDisclosure, Modal, ModalOverlay, ModalContent, ModalBody, toast } from '@chakra-ui/react';
 import { AddIcon } from '@chakra-ui/icons';
 import { useTranslation } from 'react-i18next';
 import { useMutation } from 'react-query';
@@ -64,8 +56,7 @@ const CreateConfigurationModal = ({ refresh, entityId }) => {
     setConfiguration(null);
     onOpen();
   };
-  const closeModal = () =>
-    form.dirty || configuration?.__form?.isDirty ? openConfirm() : onClose();
+  const closeModal = () => (form.dirty || configuration?.__form?.isDirty ? openConfirm() : onClose());
   const closeCancelAndForm = () => {
     closeConfirm();
     onClose();
@@ -73,13 +64,7 @@ const CreateConfigurationModal = ({ refresh, entityId }) => {
 
   return (
     <>
-      <Button
-        alignItems="center"
-        colorScheme="blue"
-        rightIcon={<AddIcon />}
-        onClick={openModal}
-        ml={2}
-      >
+      <Button alignItems="center" colorScheme="blue" rightIcon={<AddIcon />} onClick={openModal} ml={2}>
         {t('crud.create')}
       </Button>
       <Modal onClose={closeModal} isOpen={isOpen} size="xl" scrollBehavior="inside">
@@ -92,11 +77,7 @@ const CreateConfigurationModal = ({ refresh, entityId }) => {
                 <SaveButton
                   onClick={form.submitForm}
                   isLoading={form.isSubmitting}
-                  isDisabled={
-                    !form.isValid ||
-                    !form.dirty ||
-                    (configuration !== null && !configuration.__form.isValid)
-                  }
+                  isDisabled={!form.isValid || !form.dirty || (configuration !== null && !configuration.__form.isValid)}
                 />
                 <CloseButton ml={2} onClick={closeModal} />
               </>
@@ -115,11 +96,7 @@ const CreateConfigurationModal = ({ refresh, entityId }) => {
             />
           </ModalBody>
         </ModalContent>
-        <ConfirmCloseAlert
-          isOpen={showConfirm}
-          confirm={closeCancelAndForm}
-          cancel={closeConfirm}
-        />
+        <ConfirmCloseAlert isOpen={showConfirm} confirm={closeCancelAndForm} cancel={closeConfirm} />
       </Modal>
     </>
   );
diff --git a/src/components/Tables/ConfigurationTable/index.js b/src/components/Tables/ConfigurationTable/index.js
index 2150e49..9685eac 100644
--- a/src/components/Tables/ConfigurationTable/index.js
+++ b/src/components/Tables/ConfigurationTable/index.js
@@ -17,10 +17,7 @@ const ConfigurationsTable = ({ select, actions }) => {
   const toast = useToast();
   const { data: configurations, isFetching } = useGetSelectConfigurations({ t, toast, select });
 
-  const dateCell = useCallback(
-    (cell, key) => <FormattedDate date={cell.row.values[key]} key={uuid()} />,
-    [],
-  );
+  const dateCell = useCallback((cell, key) => <FormattedDate date={cell.row.values[key]} key={uuid()} />, []);
   const typesCell = useCallback((cell) => cell.row.values.deviceTypes.join(', '), []);
 
   // Columns array. This array contains your table headings and accessors which maps keys from data array
diff --git a/src/components/Tables/ContactTable/AssignContactModal/index.js b/src/components/Tables/ContactTable/AssignContactModal/index.js
index e8f79c5..6147205 100644
--- a/src/components/Tables/ContactTable/AssignContactModal/index.js
+++ b/src/components/Tables/ContactTable/AssignContactModal/index.js
@@ -210,11 +210,7 @@ const AssignContactModal = ({ entityId, venueId, alreadyClaimed }) => {
             </Box>
           </ModalBody>
         </ModalContent>
-        <ConfirmCloseAlert
-          isOpen={showConfirm}
-          confirm={closeCancelAndForm}
-          cancel={closeConfirm}
-        />
+        <ConfirmCloseAlert isOpen={showConfirm} confirm={closeCancelAndForm} cancel={closeConfirm} />
       </Modal>
     </>
   );
diff --git a/src/components/Tables/ContactTable/CreateContactModal/Form.js b/src/components/Tables/ContactTable/CreateContactModal/Form.js
index c1dfde4..e5b6c72 100644
--- a/src/components/Tables/ContactTable/CreateContactModal/Form.js
+++ b/src/components/Tables/ContactTable/CreateContactModal/Form.js
@@ -94,10 +94,8 @@ const CreateContactForm = ({ isOpen, onClose, refresh, formRef, parent }) => {
             phones,
             description,
             accessPIN,
-            entity:
-              entity === '' || entity.split(':')[0] !== 'ent' ? undefined : entity.split(':')[1],
-            venue:
-              entity === '' || entity.split(':')[0] !== 'ven' ? undefined : entity.split(':')[1],
+            entity: entity === '' || entity.split(':')[0] !== 'ent' ? undefined : entity.split(':')[1],
+            venue: entity === '' || entity.split(':')[0] !== 'ven' ? undefined : entity.split(':')[1],
             notes: note.length > 0 ? [{ note }] : undefined,
           },
           {
@@ -142,13 +140,7 @@ const CreateContactForm = ({ isOpen, onClose, refresh, formRef, parent }) => {
       {({ errors, touched, setFieldValue }) => (
         <Form>
           <SimpleGrid minChildWidth="300px" spacing="20px" mb={8}>
-            <StringField
-              name="name"
-              label={t('contacts.visual')}
-              errors={errors}
-              touched={touched}
-              isRequired
-            />
+            <StringField name="name" label={t('contacts.visual')} errors={errors} touched={touched} isRequired />
             <SelectField
               name="type"
               label={t('common.type')}
@@ -207,12 +199,7 @@ const CreateContactForm = ({ isOpen, onClose, refresh, formRef, parent }) => {
                 { value: 'Dr.', label: 'Dr.' },
               ]}
             />
-            <StringField
-              name="title"
-              label={t('contacts.title')}
-              errors={errors}
-              touched={touched}
-            />
+            <StringField name="title" label={t('contacts.title')} errors={errors} touched={touched} />
             <StringField
               name="firstname"
               label={t('contacts.first_name')}
@@ -220,24 +207,9 @@ const CreateContactForm = ({ isOpen, onClose, refresh, formRef, parent }) => {
               touched={touched}
               isRequired
             />
-            <StringField
-              name="lastname"
-              label={t('contacts.last_name')}
-              errors={errors}
-              touched={touched}
-            />
-            <StringField
-              name="initials"
-              label={t('contacts.initials')}
-              errors={errors}
-              touched={touched}
-            />
-            <StringField
-              name="description"
-              label={t('common.description')}
-              errors={errors}
-              touched={touched}
-            />
+            <StringField name="lastname" label={t('contacts.last_name')} errors={errors} touched={touched} />
+            <StringField name="initials" label={t('contacts.initials')} errors={errors} touched={touched} />
+            <StringField name="description" label={t('common.description')} errors={errors} touched={touched} />
             <StringField
               name="primaryEmail"
               label={t('contacts.primary_email')}
@@ -267,12 +239,7 @@ const CreateContactForm = ({ isOpen, onClose, refresh, formRef, parent }) => {
               placeholder="+1(202)555-0103"
               setFieldValue={setFieldValue}
             />
-            <StringField
-              name="accessPIN"
-              label={t('contacts.access_pin')}
-              errors={errors}
-              touched={touched}
-            />
+            <StringField name="accessPIN" label={t('contacts.access_pin')} errors={errors} touched={touched} />
             <StringField name="note" label={t('common.note')} errors={errors} touched={touched} />
           </SimpleGrid>
         </Form>
diff --git a/src/components/Tables/ContactTable/CreateContactModal/index.js b/src/components/Tables/ContactTable/CreateContactModal/index.js
index 279fec7..e668f7c 100644
--- a/src/components/Tables/ContactTable/CreateContactModal/index.js
+++ b/src/components/Tables/ContactTable/CreateContactModal/index.js
@@ -1,13 +1,6 @@
 import React, { useCallback, useState } from 'react';
 import PropTypes from 'prop-types';
-import {
-  Button,
-  useDisclosure,
-  Modal,
-  ModalOverlay,
-  ModalContent,
-  ModalBody,
-} from '@chakra-ui/react';
+import { Button, useDisclosure, Modal, ModalOverlay, ModalContent, ModalBody } from '@chakra-ui/react';
 import { AddIcon } from '@chakra-ui/icons';
 import { useTranslation } from 'react-i18next';
 import ConfirmCloseAlert from 'components/ConfirmCloseAlert';
@@ -101,11 +94,7 @@ const CreateContactModal = ({ refresh, entityId, isVenue }) => {
             />
           </ModalBody>
         </ModalContent>
-        <ConfirmCloseAlert
-          isOpen={showConfirm}
-          confirm={closeCancelAndForm}
-          cancel={closeConfirm}
-        />
+        <ConfirmCloseAlert isOpen={showConfirm} confirm={closeCancelAndForm} cancel={closeConfirm} />
       </Modal>
     </>
   );
diff --git a/src/components/Tables/ContactTable/EditContactModal/Form.js b/src/components/Tables/ContactTable/EditContactModal/Form.js
index 971c990..3a0bbbb 100644
--- a/src/components/Tables/ContactTable/EditContactModal/Form.js
+++ b/src/components/Tables/ContactTable/EditContactModal/Form.js
@@ -269,9 +269,7 @@ const EditContactForm = ({ editing, isOpen, onClose, refresh, contact, formRef }
             </TabPanel>
             <TabPanel>
               <Field name="notes">
-                {({ field }) => (
-                  <NotesTable notes={field.value} setNotes={setFieldValue} isDisabled={!editing} />
-                )}
+                {({ field }) => <NotesTable notes={field.value} setNotes={setFieldValue} isDisabled={!editing} />}
               </Field>
             </TabPanel>
           </TabPanels>
diff --git a/src/components/Tables/ContactTable/index.js b/src/components/Tables/ContactTable/index.js
index decc2e2..6866d73 100644
--- a/src/components/Tables/ContactTable/index.js
+++ b/src/components/Tables/ContactTable/index.js
@@ -26,10 +26,7 @@ const ContactTable = ({ actions, select, ignoredColumns, refreshId, disabledIds
   const toast = useToast();
   const { data: venues, isFetching, refetch } = useGetSelectContacts({ t, toast, select });
 
-  const memoizedDate = useCallback(
-    (cell, key) => <FormattedDate date={cell.row.values[key]} key={uuid()} />,
-    [],
-  );
+  const memoizedDate = useCallback((cell, key) => <FormattedDate date={cell.row.values[key]} key={uuid()} />, []);
 
   // Columns array. This array contains your table headings and accessors which maps keys from data array
   const columns = React.useMemo(() => {
diff --git a/src/components/Tables/EntityTable/index.js b/src/components/Tables/EntityTable/index.js
index 786ea9e..758ce82 100644
--- a/src/components/Tables/EntityTable/index.js
+++ b/src/components/Tables/EntityTable/index.js
@@ -17,10 +17,7 @@ const EntityTable = ({ actions, select }) => {
   const toast = useToast();
   const { data: entities, isFetching } = useGetSelectEntities({ t, toast, select });
 
-  const dateCell = useCallback(
-    (cell, key) => <FormattedDate date={cell.row.values[key]} key={uuid()} />,
-    [],
-  );
+  const dateCell = useCallback((cell, key) => <FormattedDate date={cell.row.values[key]} key={uuid()} />, []);
 
   // Columns array. This array contains your table headings and accessors which maps keys from data array
   const columns = useMemo(() => {
diff --git a/src/components/Tables/InventoryTable/AssignTagModal/index.js b/src/components/Tables/InventoryTable/AssignTagModal/index.js
index eb01141..00ee9fc 100644
--- a/src/components/Tables/InventoryTable/AssignTagModal/index.js
+++ b/src/components/Tables/InventoryTable/AssignTagModal/index.js
@@ -136,13 +136,7 @@ const AssignTagModal = ({ entityId, alreadyClaimedDevices }) => {
 
   return (
     <>
-      <Button
-        alignItems="center"
-        colorScheme="blue"
-        rightIcon={<Lock size={20} />}
-        onClick={openModal}
-        ml={2}
-      >
+      <Button alignItems="center" colorScheme="blue" rightIcon={<Lock size={20} />} onClick={openModal} ml={2}>
         {t('common.claim')}
       </Button>
       <Modal onClose={closeModal} isOpen={isOpen} size="xl">
@@ -184,11 +178,7 @@ const AssignTagModal = ({ entityId, alreadyClaimedDevices }) => {
             </Box>
           </ModalBody>
         </ModalContent>
-        <ConfirmCloseAlert
-          isOpen={showConfirm}
-          confirm={closeCancelAndForm}
-          cancel={closeConfirm}
-        />
+        <ConfirmCloseAlert isOpen={showConfirm} confirm={closeCancelAndForm} cancel={closeConfirm} />
       </Modal>
     </>
   );
diff --git a/src/components/Tables/InventoryTable/ConfigurationPushModal/index.js b/src/components/Tables/InventoryTable/ConfigurationPushModal/index.js
index b059a85..e7466c1 100644
--- a/src/components/Tables/InventoryTable/ConfigurationPushModal/index.js
+++ b/src/components/Tables/InventoryTable/ConfigurationPushModal/index.js
@@ -1,15 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import {
-  Modal,
-  ModalOverlay,
-  ModalContent,
-  ModalBody,
-  Alert,
-  AlertIcon,
-  Heading,
-  Box,
-} from '@chakra-ui/react';
+import { Modal, ModalOverlay, ModalContent, ModalBody, Alert, AlertIcon, Heading, Box } from '@chakra-ui/react';
 import { useTranslation } from 'react-i18next';
 import CloseButton from 'components/Buttons/CloseButton';
 import ModalHeader from 'components/ModalHeader';
diff --git a/src/components/Tables/InventoryTable/CreateTagModal/Form.js b/src/components/Tables/InventoryTable/CreateTagModal/Form.js
index 703979e..5ea692e 100644
--- a/src/components/Tables/InventoryTable/CreateTagModal/Form.js
+++ b/src/components/Tables/InventoryTable/CreateTagModal/Form.js
@@ -54,16 +54,7 @@ const CreateTagForm = ({
     return `ven:${splitEntity[1]}`;
   };
 
-  const createParameters = ({
-    serialNumber,
-    name,
-    description,
-    note,
-    deviceType,
-    devClass,
-    rrm,
-    entity,
-  }) => ({
+  const createParameters = ({ serialNumber, name, description, note, deviceType, devClass, rrm, entity }) => ({
     serialNumber,
     name,
     rrm,
@@ -152,13 +143,7 @@ const CreateTagForm = ({
               touched={touched}
               isRequired
             />
-            <StringField
-              name="name"
-              label={t('common.name')}
-              errors={errors}
-              touched={touched}
-              isRequired
-            />
+            <StringField name="name" label={t('common.name')} errors={errors} touched={touched} isRequired />
             <SelectField
               name="deviceType"
               label={t('inventory.device_type')}
@@ -223,12 +208,7 @@ const CreateTagForm = ({
               ]}
               isRequired
             />
-            <StringField
-              name="description"
-              label={t('common.description')}
-              errors={errors}
-              touched={touched}
-            />
+            <StringField name="description" label={t('common.description')} errors={errors} touched={touched} />
             <StringField name="note" label={t('common.note')} errors={errors} touched={touched} />
           </SimpleGrid>
           <SpecialConfigurationManager editing onChange={onConfigurationChange} />
diff --git a/src/components/Tables/InventoryTable/CreateTagModal/index.js b/src/components/Tables/InventoryTable/CreateTagModal/index.js
index 10a6836..d9e0471 100644
--- a/src/components/Tables/InventoryTable/CreateTagModal/index.js
+++ b/src/components/Tables/InventoryTable/CreateTagModal/index.js
@@ -64,8 +64,7 @@ const CreateTagModal = ({ refresh, entityId, subId }) => {
     setConfiguration(null);
     onOpen();
   };
-  const closeModal = () =>
-    form.dirty || configuration?.__form?.isDirty ? openConfirm() : onClose();
+  const closeModal = () => (form.dirty || configuration?.__form?.isDirty ? openConfirm() : onClose());
   const closeCancelAndForm = () => {
     closeConfirm();
     onClose();
@@ -84,11 +83,7 @@ const CreateTagModal = ({ refresh, entityId, subId }) => {
                 <SaveButton
                   onClick={form.submitForm}
                   isLoading={form.isSubmitting}
-                  isDisabled={
-                    !form.isValid ||
-                    !form.dirty ||
-                    (configuration !== null && !configuration.__form.isValid)
-                  }
+                  isDisabled={!form.isValid || !form.dirty || (configuration !== null && !configuration.__form.isValid)}
                 />
                 <CloseButton ml={2} onClick={closeModal} />
               </>
@@ -109,11 +104,7 @@ const CreateTagModal = ({ refresh, entityId, subId }) => {
             />
           </ModalBody>
         </ModalContent>
-        <ConfirmCloseAlert
-          isOpen={showConfirm}
-          confirm={closeCancelAndForm}
-          cancel={closeConfirm}
-        />
+        <ConfirmCloseAlert isOpen={showConfirm} confirm={closeCancelAndForm} cancel={closeConfirm} />
       </Modal>
     </>
   );
diff --git a/src/components/Tables/InventoryTable/EditTagModal/ComputedConfigurationDisplay.js b/src/components/Tables/InventoryTable/EditTagModal/ComputedConfigurationDisplay.js
index 489a169..f124d6c 100644
--- a/src/components/Tables/InventoryTable/EditTagModal/ComputedConfigurationDisplay.js
+++ b/src/components/Tables/InventoryTable/EditTagModal/ComputedConfigurationDisplay.js
@@ -50,16 +50,9 @@ const ComputedConfigurationDisplay = ({ computedConfig }) => {
           {computedConfig.explanation?.map((exp) => (
             <AccordionItem key={uuid()}>
               <AccordionButton
-                bg={
-                  exp.action === 'added'
-                    ? 'var(--chakra-colors-green-500)'
-                    : 'var(--chakra-colors-red-500)'
-                }
+                bg={exp.action === 'added' ? 'var(--chakra-colors-green-500)' : 'var(--chakra-colors-red-500)'}
                 _hover={{
-                  bg:
-                    exp.action === 'added'
-                      ? 'var(--chakra-colors-green-700)'
-                      : 'var(--chakra-colors-red-700)',
+                  bg: exp.action === 'added' ? 'var(--chakra-colors-green-700)' : 'var(--chakra-colors-red-700)',
                 }}
               >
                 <Center>
diff --git a/src/components/Tables/InventoryTable/EditTagModal/ConfigurationPicker.js b/src/components/Tables/InventoryTable/EditTagModal/ConfigurationPicker.js
index ec532ae..ed8ee97 100644
--- a/src/components/Tables/InventoryTable/EditTagModal/ConfigurationPicker.js
+++ b/src/components/Tables/InventoryTable/EditTagModal/ConfigurationPicker.js
@@ -45,9 +45,7 @@ const ConfigurationPicker = ({ tagId, name, isDisabled }) => {
         classNamePrefix="chakra-react-select"
         menuPortalTarget={document.body}
         options={[{ value: '', label: t('common.none') }, ...options]}
-        value={[{ value: '', label: t('common.none') }, ...options].find(
-          (opt) => opt.value === value,
-        )}
+        value={[{ value: '', label: t('common.none') }, ...options].find((opt) => opt.value === value)}
         onChange={onChange}
         onBlur={onBlur}
       />
diff --git a/src/components/Tables/InventoryTable/EditTagModal/Form.js b/src/components/Tables/InventoryTable/EditTagModal/Form.js
index facdf6b..057be83 100644
--- a/src/components/Tables/InventoryTable/EditTagModal/Form.js
+++ b/src/components/Tables/InventoryTable/EditTagModal/Form.js
@@ -2,16 +2,7 @@ import React, { useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
 import { useTranslation } from 'react-i18next';
 import { v4 as uuid } from 'uuid';
-import {
-  useToast,
-  Tabs,
-  TabList,
-  TabPanels,
-  TabPanel,
-  Tab,
-  SimpleGrid,
-  Textarea,
-} from '@chakra-ui/react';
+import { useToast, Tabs, TabList, TabPanels, TabPanel, Tab, SimpleGrid, Textarea } from '@chakra-ui/react';
 import { Formik, Field, Form } from 'formik';
 import NotesTable from 'components/NotesTable';
 import StringField from 'components/FormFields/StringField';
@@ -199,23 +190,9 @@ const EditTagForm = ({
             <TabPanel>
               <Form>
                 <SimpleGrid minChildWidth="300px" spacing="20px">
-                  <StringField
-                    name="serialNumber"
-                    label={t('inventory.serial_number')}
-                    isDisabled
-                    isRequired
-                  />
-                  <StringField
-                    name="name"
-                    label={t('common.name')}
-                    isDisabled={!editing}
-                    isRequired
-                  />
-                  <StringField
-                    name="description"
-                    label={t('common.description')}
-                    isDisabled={!editing}
-                  />
+                  <StringField name="serialNumber" label={t('inventory.serial_number')} isDisabled isRequired />
+                  <StringField name="name" label={t('common.name')} isDisabled={!editing} isRequired />
+                  <StringField name="description" label={t('common.description')} isDisabled={!editing} />
                   <SelectField
                     name="deviceType"
                     label={t('inventory.device_type')}
@@ -289,15 +266,11 @@ const EditTagForm = ({
             </TabPanel>
             <TabPanel>
               <Field name="notes">
-                {({ field }) => (
-                  <NotesTable notes={field.value} setNotes={setFieldValue} isDisabled={!editing} />
-                )}
+                {({ field }) => <NotesTable notes={field.value} setNotes={setFieldValue} isDisabled={!editing} />}
               </Field>
             </TabPanel>
             <TabPanel>
-              <Field name="state">
-                {({ field }) => <Textarea {...field} isDisabled={!editing} />}
-              </Field>
+              <Field name="state">{({ field }) => <Textarea {...field} isDisabled={!editing} />}</Field>
             </TabPanel>
           </TabPanels>
         </Tabs>
diff --git a/src/components/Tables/InventoryTable/EditTagModal/SpecialConfigurationManager/SpecialConfigurationForm.js b/src/components/Tables/InventoryTable/EditTagModal/SpecialConfigurationManager/SpecialConfigurationForm.js
index 65145f0..17a2a07 100644
--- a/src/components/Tables/InventoryTable/EditTagModal/SpecialConfigurationManager/SpecialConfigurationForm.js
+++ b/src/components/Tables/InventoryTable/EditTagModal/SpecialConfigurationManager/SpecialConfigurationForm.js
@@ -71,11 +71,7 @@ const SpecialConfigurationForm = ({ editing, configuration, formRef }) => {
           isDisabled={!editing}
           w={36}
         />
-        <ToggleField
-          name="firmwareRCOnly"
-          label={t('configurations.rc_only')}
-          isDisabled={!editing}
-        />
+        <ToggleField name="firmwareRCOnly" label={t('configurations.rc_only')} isDisabled={!editing} />
       </SimpleGrid>
     </Formik>
   );
diff --git a/src/components/Tables/InventoryTable/EditTagModal/SpecialConfigurationManager/index.js b/src/components/Tables/InventoryTable/EditTagModal/SpecialConfigurationManager/index.js
index fa31dd8..1d07961 100644
--- a/src/components/Tables/InventoryTable/EditTagModal/SpecialConfigurationManager/index.js
+++ b/src/components/Tables/InventoryTable/EditTagModal/SpecialConfigurationManager/index.js
@@ -45,13 +45,7 @@ const defaultProps = {
   isOnlySections: false,
 };
 
-const SpecialConfigurationManager = ({
-  editing,
-  configId,
-  onChange,
-  isEnabledByDefault,
-  isOnlySections,
-}) => {
+const SpecialConfigurationManager = ({ editing, configId, onChange, isEnabledByDefault, isOnlySections }) => {
   const { t } = useTranslation();
   const toast = useToast();
   const [sections, setSections] = useState(isEnabledByDefault ? BASE_SECTIONS : null);
@@ -120,11 +114,7 @@ const SpecialConfigurationManager = ({
             <Spacer />
             <DeleteButton onClick={handleDeleteClick} isDisabled={!editing} />
           </Heading>
-          <SpecialConfigurationForm
-            editing={editing}
-            formRef={formRef}
-            configuration={configuration}
-          />
+          <SpecialConfigurationForm editing={editing} formRef={formRef} configuration={configuration} />
         </>
       )}
       <ConfigurationSectionsCard
diff --git a/src/components/Tables/InventoryTable/EditTagModal/index.js b/src/components/Tables/InventoryTable/EditTagModal/index.js
index 1b1d946..ce8cd1f 100644
--- a/src/components/Tables/InventoryTable/EditTagModal/index.js
+++ b/src/components/Tables/InventoryTable/EditTagModal/index.js
@@ -88,8 +88,7 @@ const EditTagModal = ({ isOpen, onClose, tag, refresh, pushConfig }) => {
 
   const onConfigurationChange = useCallback((conf) => setConfiguration(conf), []);
 
-  const closeModal = () =>
-    form.dirty || configuration?.__form?.isDirty ? openConfirm() : onClose();
+  const closeModal = () => (form.dirty || configuration?.__form?.isDirty ? openConfirm() : onClose());
   const closeCancelAndForm = () => {
     closeConfirm();
     onClose();
@@ -115,11 +114,7 @@ const EditTagModal = ({ isOpen, onClose, tag, refresh, pushConfig }) => {
               <SaveButton
                 onClick={form.submitForm}
                 isLoading={form.isSubmitting}
-                isDisabled={
-                  !editing ||
-                  !form.isValid ||
-                  (configuration !== null && !configuration.__form.isValid)
-                }
+                isDisabled={!editing || !form.isValid || (configuration !== null && !configuration.__form.isValid)}
               />
               <Tooltip hasArrow label={t('configurations.push_configuration')} placement="top">
                 <IconButton
diff --git a/src/components/Tables/InventoryTable/ImportDeviceCsvModal/ImportDeviceTests/index.js b/src/components/Tables/InventoryTable/ImportDeviceCsvModal/ImportDeviceTests/index.js
index 6433801..e5d1116 100644
--- a/src/components/Tables/InventoryTable/ImportDeviceCsvModal/ImportDeviceTests/index.js
+++ b/src/components/Tables/InventoryTable/ImportDeviceCsvModal/ImportDeviceTests/index.js
@@ -52,11 +52,7 @@ const ImportDeviceTests = ({ devicesToTest, setPhase, setDevicesToImport }) => {
     return axios
       .get(`${axiosProv.defaults.baseURL}/inventory/${device.SerialNumber}`, options)
       .then((response) => {
-        if (
-          response.data.venue !== '' ||
-          response.data.entity !== '' ||
-          response.data.subscriber !== ''
-        )
+        if (response.data.venue !== '' || response.data.entity !== '' || response.data.subscriber !== '')
           deviceResult.alreadyAssigned = true;
         else deviceResult.foundUnassigned = true;
         return deviceResult;
@@ -68,14 +64,9 @@ const ImportDeviceTests = ({ devicesToTest, setPhase, setDevicesToImport }) => {
   };
 
   const testDevice = (device, alreadyTested) => {
-    if (
-      device.SerialNumber === '' ||
-      device.SerialNumber.length !== 12 ||
-      !device.SerialNumber.match('^[a-fA-F0-9]+$')
-    )
+    if (device.SerialNumber === '' || device.SerialNumber.length !== 12 || !device.SerialNumber.match('^[a-fA-F0-9]+$'))
       return t('devices.invalid_serial_number');
-    if (!deviceTypes.find((devType) => devType === device.DeviceType))
-      return t('devices.device_type_not_found');
+    if (!deviceTypes.find((devType) => devType === device.DeviceType)) return t('devices.device_type_not_found');
     if (alreadyTested.find((testedDevice) => device.SerialNumber === testedDevice))
       return t('devices.duplicate_serial');
     return null;
@@ -127,11 +118,7 @@ const ImportDeviceTests = ({ devicesToTest, setPhase, setDevicesToImport }) => {
     const newLength = testResult?.newDevices?.length ?? -1;
     const unassignedLength = testResult?.foundNotAssigned?.length ?? -1;
     const assignedLength = testResult?.foundAssigned?.length ?? -1;
-    return (
-      newLength > 0 ||
-      (unassignedLength > 0 && assignUnassigned) ||
-      (assignedLength > 0 && reassign)
-    );
+    return newLength > 0 || (unassignedLength > 0 && assignUnassigned) || (assignedLength > 0 && reassign);
   };
 
   const startImport = () => {
diff --git a/src/components/Tables/InventoryTable/ImportDeviceCsvModal/index.js b/src/components/Tables/InventoryTable/ImportDeviceCsvModal/index.js
index 9f79c8d..b72b4b5 100644
--- a/src/components/Tables/InventoryTable/ImportDeviceCsvModal/index.js
+++ b/src/components/Tables/InventoryTable/ImportDeviceCsvModal/index.js
@@ -94,12 +94,7 @@ const ImportDeviceCsvModal = ({ refresh, deviceClass, parent }) => {
   const getButton = () => {
     if (breakpoint !== 'base' && breakpoint !== 'sm') {
       return (
-        <Button
-          ml={2}
-          colorScheme="blue"
-          onClick={openModal}
-          rightIcon={<UploadSimple size={20} />}
-        >
+        <Button ml={2} colorScheme="blue" onClick={openModal} rightIcon={<UploadSimple size={20} />}>
           {t('devices.import_batch_tags')}
         </Button>
       );
@@ -107,12 +102,7 @@ const ImportDeviceCsvModal = ({ refresh, deviceClass, parent }) => {
 
     return (
       <Tooltip label={t('devices.import_batch_tags')}>
-        <IconButton
-          ml={2}
-          colorScheme="blue"
-          onClick={openModal}
-          icon={<UploadSimple size={20} />}
-        />
+        <IconButton ml={2} colorScheme="blue" onClick={openModal} icon={<UploadSimple size={20} />} />
       </Tooltip>
     );
   };
@@ -130,17 +120,10 @@ const ImportDeviceCsvModal = ({ refresh, deviceClass, parent }) => {
       <Modal onClose={closeModal} isOpen={isOpen} size="xl">
         <ModalOverlay />
         <ModalContent maxWidth={{ sm: '600px', md: '700px', lg: '800px', xl: '50%' }}>
-          <ModalHeader
-            title={t('devices.import_batch_tags')}
-            right={<CloseButton ml={2} onClick={closeModal} />}
-          />
+          <ModalHeader title={t('devices.import_batch_tags')} right={<CloseButton ml={2} onClick={closeModal} />} />
           <ModalBody>{getPhase()}</ModalBody>
         </ModalContent>
-        <ConfirmCloseAlert
-          isOpen={showConfirm}
-          confirm={closeCancelAndForm}
-          cancel={closeConfirm}
-        />
+        <ConfirmCloseAlert isOpen={showConfirm} confirm={closeCancelAndForm} cancel={closeConfirm} />
       </Modal>
     </>
   );
diff --git a/src/components/Tables/InventoryTable/index.js b/src/components/Tables/InventoryTable/index.js
index f7639a8..0e89774 100644
--- a/src/components/Tables/InventoryTable/index.js
+++ b/src/components/Tables/InventoryTable/index.js
@@ -57,10 +57,7 @@ const InventoryTable = ({
     pageInfo,
     tagSelect,
     owner,
-    enabled:
-      (!isManual && pageInfo !== null) ||
-      (isManual && tagSelect?.length > 0) ||
-      (isManual && owner !== null),
+    enabled: (!isManual && pageInfo !== null) || (isManual && tagSelect?.length > 0) || (isManual && owner !== null),
   });
 
   const deviceActions = useCallback(
@@ -77,8 +74,7 @@ const InventoryTable = ({
                 icon={<Plus size={20} />}
                 size="sm"
                 isDisabled={serialsToDisable.find(
-                  (serial) =>
-                    serial === cell.row.values.serialNumber || serial === cell.row.original.id,
+                  (serial) => serial === cell.row.values.serialNumber || serial === cell.row.original.id,
                 )}
                 onClick={() => addAction(cell.row.values.serialNumber)}
               />
@@ -91,9 +87,7 @@ const InventoryTable = ({
                 colorScheme="blue"
                 icon={<Trash size={20} />}
                 size="sm"
-                isDisabled={serialsToDisable.find(
-                  (serial) => serial === cell.row.values.serialNumber,
-                )}
+                isDisabled={serialsToDisable.find((serial) => serial === cell.row.values.serialNumber)}
                 onClick={() => removeAction(cell.row.values.serialNumber)}
               />
             </Tooltip>
diff --git a/src/components/Tables/LocationTable/AssignLocationModal/index.js b/src/components/Tables/LocationTable/AssignLocationModal/index.js
index e881d35..1031099 100644
--- a/src/components/Tables/LocationTable/AssignLocationModal/index.js
+++ b/src/components/Tables/LocationTable/AssignLocationModal/index.js
@@ -208,11 +208,7 @@ const AssignLocationModal = ({ entityId, alreadyClaimed }) => {
             </Box>
           </ModalBody>
         </ModalContent>
-        <ConfirmCloseAlert
-          isOpen={showConfirm}
-          confirm={closeCancelAndForm}
-          cancel={closeConfirm}
-        />
+        <ConfirmCloseAlert isOpen={showConfirm} confirm={closeCancelAndForm} cancel={closeConfirm} />
       </Modal>
     </>
   );
diff --git a/src/components/Tables/LocationTable/CreateLocationModal/Form.js b/src/components/Tables/LocationTable/CreateLocationModal/Form.js
index f286716..ade5bb8 100644
--- a/src/components/Tables/LocationTable/CreateLocationModal/Form.js
+++ b/src/components/Tables/LocationTable/CreateLocationModal/Form.js
@@ -143,19 +143,8 @@ const CreateLocationForm = ({ isOpen, onClose, refresh, formRef, entityId }) =>
       {({ errors, touched, setFieldValue }) => (
         <Form>
           <SimpleGrid minChildWidth="300px" spacing="20px" mb={8}>
-            <StringField
-              name="name"
-              label={t('common.name')}
-              errors={errors}
-              touched={touched}
-              isRequired
-            />
-            <StringField
-              name="description"
-              label={t('common.description')}
-              errors={errors}
-              touched={touched}
-            />
+            <StringField name="name" label={t('common.name')} errors={errors} touched={touched} isRequired />
+            <StringField name="description" label={t('common.description')} errors={errors} touched={touched} />
             <SelectWithSearchField
               name="entity"
               label={t('inventory.parent')}
@@ -204,11 +193,7 @@ const CreateLocationForm = ({ isOpen, onClose, refresh, formRef, entityId }) =>
             />
           </SimpleGrid>
 
-          <AddressSearchField
-            placeholder={t('common.address_search_autofill')}
-            maxWidth="600px"
-            mb={2}
-          />
+          <AddressSearchField placeholder={t('common.address_search_autofill')} maxWidth="600px" mb={2} />
           <SimpleGrid minChildWidth="300px" spacing="20px" mb={8}>
             <StringField
               name="addressLineOne"
@@ -223,27 +208,9 @@ const CreateLocationForm = ({ isOpen, onClose, refresh, formRef, entityId }) =>
               errors={errors}
               touched={touched}
             />
-            <StringField
-              name="city"
-              label={t('locations.city')}
-              errors={errors}
-              touched={touched}
-              isRequired
-            />
-            <StringField
-              name="state"
-              label={t('locations.state')}
-              errors={errors}
-              touched={touched}
-              isRequired
-            />
-            <StringField
-              name="postal"
-              label={t('locations.postal')}
-              errors={errors}
-              touched={touched}
-              isRequired
-            />
+            <StringField name="city" label={t('locations.city')} errors={errors} touched={touched} isRequired />
+            <StringField name="state" label={t('locations.state')} errors={errors} touched={touched} isRequired />
+            <StringField name="postal" label={t('locations.postal')} errors={errors} touched={touched} isRequired />
             <SelectField
               name="country"
               label={t('locations.country')}
@@ -251,18 +218,8 @@ const CreateLocationForm = ({ isOpen, onClose, refresh, formRef, entityId }) =>
               touched={touched}
               options={COUNTRY_LIST}
             />
-            <StringField
-              name="buildingName"
-              label={t('locations.building_name')}
-              errors={errors}
-              touched={touched}
-            />
-            <StringField
-              name="geoCode"
-              label={t('locations.geocode')}
-              errors={errors}
-              touched={touched}
-            />
+            <StringField name="buildingName" label={t('locations.building_name')} errors={errors} touched={touched} />
+            <StringField name="geoCode" label={t('locations.geocode')} errors={errors} touched={touched} />
             <StringField name="note" label={t('common.note')} errors={errors} touched={touched} />
           </SimpleGrid>
         </Form>
diff --git a/src/components/Tables/LocationTable/CreateLocationModal/index.js b/src/components/Tables/LocationTable/CreateLocationModal/index.js
index 7839d37..e345a16 100644
--- a/src/components/Tables/LocationTable/CreateLocationModal/index.js
+++ b/src/components/Tables/LocationTable/CreateLocationModal/index.js
@@ -1,13 +1,6 @@
 import React, { useCallback, useState } from 'react';
 import PropTypes from 'prop-types';
-import {
-  Button,
-  useDisclosure,
-  Modal,
-  ModalOverlay,
-  ModalContent,
-  ModalBody,
-} from '@chakra-ui/react';
+import { Button, useDisclosure, Modal, ModalOverlay, ModalContent, ModalBody } from '@chakra-ui/react';
 import { AddIcon } from '@chakra-ui/icons';
 import { useTranslation } from 'react-i18next';
 import ConfirmCloseAlert from 'components/ConfirmCloseAlert';
@@ -92,11 +85,7 @@ const CreateLocationModal = ({ refresh, entityId }) => {
             />
           </ModalBody>
         </ModalContent>
-        <ConfirmCloseAlert
-          isOpen={showConfirm}
-          confirm={closeCancelAndForm}
-          cancel={closeConfirm}
-        />
+        <ConfirmCloseAlert isOpen={showConfirm} confirm={closeCancelAndForm} cancel={closeConfirm} />
       </Modal>
     </>
   );
diff --git a/src/components/Tables/LocationTable/EditLocationModal/Form.js b/src/components/Tables/LocationTable/EditLocationModal/Form.js
index d2a3352..4bed860 100644
--- a/src/components/Tables/LocationTable/EditLocationModal/Form.js
+++ b/src/components/Tables/LocationTable/EditLocationModal/Form.js
@@ -132,17 +132,8 @@ const EditLocationForm = ({ editing, isOpen, onClose, refresh, location, formRef
             <TabPanel>
               <Form>
                 <SimpleGrid minChildWidth="300px" spacing="20px" mb={8}>
-                  <StringField
-                    name="name"
-                    label={t('common.name')}
-                    isRequired
-                    isDisabled={!editing}
-                  />
-                  <StringField
-                    name="description"
-                    label={t('common.description')}
-                    isDisabled={!editing}
-                  />
+                  <StringField name="name" label={t('common.name')} isRequired isDisabled={!editing} />
+                  <StringField name="description" label={t('common.description')} isDisabled={!editing} />
                   <SelectWithSearchField
                     name="entity"
                     label={t('inventory.parent')}
@@ -196,53 +187,24 @@ const EditLocationForm = ({ editing, isOpen, onClose, refresh, location, formRef
                     isRequired
                     isDisabled={!editing}
                   />
-                  <StringField
-                    name="addressLineTwo"
-                    label={t('locations.address_line_two')}
-                    isDisabled={!editing}
-                  />
-                  <StringField
-                    name="city"
-                    label={t('locations.city')}
-                    isRequired
-                    isDisabled={!editing}
-                  />
-                  <StringField
-                    name="state"
-                    label={t('locations.state')}
-                    isRequired
-                    isDisabled={!editing}
-                  />
-                  <StringField
-                    name="postal"
-                    label={t('locations.postal')}
-                    isRequired
-                    isDisabled={!editing}
-                  />
+                  <StringField name="addressLineTwo" label={t('locations.address_line_two')} isDisabled={!editing} />
+                  <StringField name="city" label={t('locations.city')} isRequired isDisabled={!editing} />
+                  <StringField name="state" label={t('locations.state')} isRequired isDisabled={!editing} />
+                  <StringField name="postal" label={t('locations.postal')} isRequired isDisabled={!editing} />
                   <SelectField
                     name="country"
                     label={t('locations.country')}
                     options={COUNTRY_LIST}
                     isDisabled={!editing}
                   />
-                  <StringField
-                    name="buildingName"
-                    label={t('locations.building_name')}
-                    isDisabled={!editing}
-                  />
-                  <StringField
-                    name="geoCode"
-                    label={t('locations.geocode')}
-                    isDisabled={!editing}
-                  />
+                  <StringField name="buildingName" label={t('locations.building_name')} isDisabled={!editing} />
+                  <StringField name="geoCode" label={t('locations.geocode')} isDisabled={!editing} />
                 </SimpleGrid>
               </Form>
             </TabPanel>
             <TabPanel>
               <Field name="notes">
-                {({ field }) => (
-                  <NotesTable notes={field.value} setNotes={setFieldValue} isDisabled={!editing} />
-                )}
+                {({ field }) => <NotesTable notes={field.value} setNotes={setFieldValue} isDisabled={!editing} />}
               </Field>
             </TabPanel>
           </TabPanels>
diff --git a/src/components/Tables/LocationTable/index.js b/src/components/Tables/LocationTable/index.js
index cc4a583..7dce4d7 100644
--- a/src/components/Tables/LocationTable/index.js
+++ b/src/components/Tables/LocationTable/index.js
@@ -25,10 +25,7 @@ const LocationTable = ({ actions, select, refreshId, ignoredColumns, disabledIds
   const toast = useToast();
   const { data: venues, isFetching, refetch } = useGetSelectLocations({ t, toast, select });
 
-  const memoizedDate = useCallback(
-    (cell, key) => <FormattedDate date={cell.row.values[key]} key={uuid()} />,
-    [],
-  );
+  const memoizedDate = useCallback((cell, key) => <FormattedDate date={cell.row.values[key]} key={uuid()} />, []);
 
   // Columns array. This array contains your table headings and accessors which maps keys from data array
   const columns = React.useMemo(() => {
diff --git a/src/components/Tables/VenueTable/CreateVenueModal/index.js b/src/components/Tables/VenueTable/CreateVenueModal/index.js
index 648bbae..57defb0 100644
--- a/src/components/Tables/VenueTable/CreateVenueModal/index.js
+++ b/src/components/Tables/VenueTable/CreateVenueModal/index.js
@@ -77,11 +77,7 @@ const CreateVenueModal = ({ parentId, entityId, isDisabled }) => {
             />
           </ModalBody>
         </ModalContent>
-        <ConfirmCloseAlert
-          isOpen={showConfirm}
-          confirm={closeCancelAndForm}
-          cancel={closeConfirm}
-        />
+        <ConfirmCloseAlert isOpen={showConfirm} confirm={closeCancelAndForm} cancel={closeConfirm} />
       </Modal>
     </>
   );
diff --git a/src/components/Tables/VenueTable/index.js b/src/components/Tables/VenueTable/index.js
index 477db18..7ad076b 100644
--- a/src/components/Tables/VenueTable/index.js
+++ b/src/components/Tables/VenueTable/index.js
@@ -17,10 +17,7 @@ const VenueTable = ({ actions, select }) => {
   const toast = useToast();
   const { data: venues, isFetching } = useGetSelectVenues({ t, toast, select });
 
-  const memoizedDate = useCallback(
-    (cell, key) => <FormattedDate date={cell.row.values[key]} key={uuid()} />,
-    [],
-  );
+  const memoizedDate = useCallback((cell, key) => <FormattedDate date={cell.row.values[key]} key={uuid()} />, []);
 
   // Columns array. This array contains your table headings and accessors which maps keys from data array
   const columns = React.useMemo(() => {
diff --git a/src/components/VerifyNumberModal/index.js b/src/components/VerifyNumberModal/index.js
index b55e383..147ec8e 100644
--- a/src/components/VerifyNumberModal/index.js
+++ b/src/components/VerifyNumberModal/index.js
@@ -121,11 +121,7 @@ const VerifyNumberModal = ({ isOpen, cancel, phoneNumber }) => {
             <Button ref={cancelRef} onClick={cancel} mr={4}>
               {t('common.cancel')}
             </Button>
-            <Button
-              colorScheme="blue"
-              isLoading={sendPhoneTest.isLoading}
-              onClick={handleSendClick}
-            >
+            <Button colorScheme="blue" isLoading={sendPhoneTest.isLoading} onClick={handleSendClick}>
               {t('account.resend')}
             </Button>
           </AlertDialogFooter>
diff --git a/src/constants/formSchemas.js b/src/constants/formSchemas.js
index a4af424..c5f1021 100644
--- a/src/constants/formSchemas.js
+++ b/src/constants/formSchemas.js
@@ -95,8 +95,7 @@ export const CreateCertificateSchema = (t) =>
 
               const splitPort = v.split(':');
 
-              if ((splitPort.length === 2 && splitPort[1] < 1) || splitPort[1] > 65535)
-                return false;
+              if ((splitPort.length === 2 && splitPort[1] < 1) || splitPort[1] > 65535) return false;
             }
             return true;
           }),
@@ -175,10 +174,7 @@ export const BatchSchema = (t) =>
     redirector: Yup.string().required(t('form.required')),
     manufacturer: Yup.string().required(t('form.required')),
     model: Yup.string().required(t('form.required')),
-    commonNames: Yup.array()
-      .of(Yup.string())
-      .required(t('form.required'))
-      .min(1, t('batch.need_devices')),
+    commonNames: Yup.array().of(Yup.string()).required(t('form.required')).min(1, t('batch.need_devices')),
     note: Yup.string(),
   });
 
@@ -204,10 +200,7 @@ export const CreateConfigurationSchema = (t) =>
   Yup.object().shape({
     name: Yup.string().required(t('form.required')),
     rrm: Yup.string().required(t('form.required')),
-    deviceTypes: Yup.array()
-      .of(Yup.string())
-      .required(t('form.required'))
-      .min(1, t('form.required')),
+    deviceTypes: Yup.array().of(Yup.string()).required(t('form.required')).min(1, t('form.required')),
     description: Yup.string(),
     entity: Yup.string().required(t('form.required')),
     note: Yup.string(),
diff --git a/src/contexts/AuthProvider/index.js b/src/contexts/AuthProvider/index.js
index 14f6d8a..2124485 100644
--- a/src/contexts/AuthProvider/index.js
+++ b/src/contexts/AuthProvider/index.js
@@ -1,15 +1,7 @@
 import React, { useState, useMemo, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import { useMutation, useQuery, useQueryClient } from 'react-query';
-import {
-  axiosAnalytics,
-  axiosFms,
-  axiosGw,
-  axiosOwls,
-  axiosProv,
-  axiosSec,
-  axiosSub,
-} from 'utils/axiosInstances';
+import { axiosAnalytics, axiosFms, axiosGw, axiosOwls, axiosProv, axiosSec, axiosSub } from 'utils/axiosInstances';
 import { useToast } from '@chakra-ui/react';
 import { useTranslation } from 'react-i18next';
 import { useGetEndpoints } from 'hooks/Network/Endpoints';
@@ -23,13 +15,10 @@ const deleteToken = async (currentToken) =>
     .then(() => true)
     .catch(() => false);
 
-const getAvatar = async (id, cache) =>
-  axiosSec.get(`avatar/${id}?cache=${cache}`, { responseType: 'arraybuffer' });
+const getAvatar = async (id, cache) => axiosSec.get(`avatar/${id}?cache=${cache}`, { responseType: 'arraybuffer' });
 
 const getConfigDescriptions = async (baseUrl) =>
-  axios
-    .get(`${baseUrl.split('/api')[0]}/wwwassets/ucentral.schema.pretty.json`)
-    .then(({ data }) => data.$defs);
+  axios.get(`${baseUrl.split('/api')[0]}/wwwassets/ucentral.schema.pretty.json`).then(({ data }) => data.$defs);
 const getUser = async () => axiosSec.get('oauth2?me=true').then(({ data }) => data);
 
 const getPreferences = async () => axiosSec.get('preferences').then(({ data }) => data);
@@ -105,13 +94,9 @@ export const AuthProvider = ({ token, children }) => {
       enabled: !!userId,
     },
   );
-  const { data: avatar } = useQuery(
-    ['get-user-avatar', userId, userAvatar],
-    () => getAvatar(userId, userAvatar),
-    {
-      enabled: userAvatar !== '' && userAvatar !== '0',
-    },
-  );
+  const { data: avatar } = useQuery(['get-user-avatar', userId, userAvatar], () => getAvatar(userId, userAvatar), {
+    enabled: userAvatar !== '' && userAvatar !== '0',
+  });
   const updatePreferences = useMutation((newPrefs) => putPreferences(newPrefs), {
     onSuccess: (data) => {
       queryClient.setQueryData(['get-preferences', userId], data.data);
@@ -181,10 +166,7 @@ export const AuthProvider = ({ token, children }) => {
     () => ({
       avatar: avatar?.data
         ? `data:;base64,${btoa(
-            new Uint8Array(avatar.data).reduce(
-              (data, byte) => data + String.fromCharCode(byte),
-              '',
-            ),
+            new Uint8Array(avatar.data).reduce((data, byte) => data + String.fromCharCode(byte), ''),
           )}`
         : '',
       refetchUser,
diff --git a/src/hooks/Network/Configurations.js b/src/hooks/Network/Configurations.js
index a527859..87aac56 100644
--- a/src/hooks/Network/Configurations.js
+++ b/src/hooks/Network/Configurations.js
@@ -5,9 +5,7 @@ export const useGetConfigurations = ({ t, toast }) =>
   useQuery(
     ['get-configurations'],
     () =>
-      axiosProv
-        .get('configurations?withExtendedInfo=true&offset=0, limit=500')
-        .then(({ data }) => data.configurations),
+      axiosProv.get('configurations?withExtendedInfo=true&offset=0, limit=500').then(({ data }) => data.configurations),
     {
       staleTime: 200 * 1000,
       onError: (e) => {
@@ -131,10 +129,7 @@ export const useGetConfigurationInUse = ({ t, toast, id, enabled }) =>
 export const useGetConfigurationAffected = ({ t, toast, id, enabled }) =>
   useQuery(
     ['get-config-affected', id],
-    () =>
-      axiosProv
-        .get(`/configurations/${id}?computedAffected=true`)
-        .then(({ data }) => data.affectedDevices),
+    () => axiosProv.get(`/configurations/${id}?computedAffected=true`).then(({ data }) => data.affectedDevices),
     {
       enabled,
       onError: (e) => {
@@ -154,8 +149,7 @@ export const useGetConfigurationAffected = ({ t, toast, id, enabled }) =>
     },
   );
 
-export const useDeleteConfiguration = () =>
-  useMutation((id) => axiosProv.delete(`configurations/${id}`));
+export const useDeleteConfiguration = () => useMutation((id) => axiosProv.delete(`configurations/${id}`));
 
 export const useUpdateConfiguration = ({ id }) =>
   useMutation((newConf) => axiosProv.put(`configurations/${id}`, newConf));
diff --git a/src/hooks/Network/Contacts.js b/src/hooks/Network/Contacts.js
index e679cea..aeef913 100644
--- a/src/hooks/Network/Contacts.js
+++ b/src/hooks/Network/Contacts.js
@@ -2,40 +2,32 @@ import { useMutation, useQuery } from 'react-query';
 import { axiosProv } from 'utils/axiosInstances';
 
 export const useGetContactCount = ({ t, toast, enabled }) =>
-  useQuery(
-    ['get-contact-count'],
-    () => axiosProv.get('contact?countOnly=true').then(({ data }) => data.count),
-    {
-      enabled,
-      staleTime: 30000,
-      onError: (e) => {
-        if (!toast.isActive('contact-count-fetching-error'))
-          toast({
-            id: 'contact-count-fetching-error',
-            title: t('common.error'),
-            description: t('crud.error_fetching_obj', {
-              obj: t('contacts.other'),
-              e: e?.response?.data?.ErrorDescription,
-            }),
-            status: 'error',
-            duration: 5000,
-            isClosable: true,
-            position: 'top-right',
-          });
-      },
+  useQuery(['get-contact-count'], () => axiosProv.get('contact?countOnly=true').then(({ data }) => data.count), {
+    enabled,
+    staleTime: 30000,
+    onError: (e) => {
+      if (!toast.isActive('contact-count-fetching-error'))
+        toast({
+          id: 'contact-count-fetching-error',
+          title: t('common.error'),
+          description: t('crud.error_fetching_obj', {
+            obj: t('contacts.other'),
+            e: e?.response?.data?.ErrorDescription,
+          }),
+          status: 'error',
+          duration: 5000,
+          isClosable: true,
+          position: 'top-right',
+        });
     },
-  );
+  });
 
 export const useGetContacts = ({ t, toast, pageInfo, enabled, count }) =>
   useQuery(
     ['get-contacts-with-pagination', pageInfo, count],
     () =>
       axiosProv
-        .get(
-          `contact?withExtendedInfo=true&limit=${pageInfo.limit}&offset=${
-            pageInfo.limit * pageInfo.index
-          }`,
-        )
+        .get(`contact?withExtendedInfo=true&limit=${pageInfo.limit}&offset=${pageInfo.limit * pageInfo.index}`)
         .then(({ data }) => data.contacts),
     {
       keepPreviousData: true,
@@ -65,9 +57,7 @@ export const useGetSelectContacts = ({ t, toast, select }) =>
     () =>
       select.length === 0
         ? []
-        : axiosProv
-            .get(`contact?withExtendedInfo=true&select=${select}`)
-            .then(({ data }) => data.contacts),
+        : axiosProv.get(`contact?withExtendedInfo=true&select=${select}`).then(({ data }) => data.contacts),
     {
       staleTime: 100 * 1000,
       onError: (e) => {
@@ -91,10 +81,7 @@ export const useGetSelectContacts = ({ t, toast, select }) =>
 export const useGetAllContacts = ({ t, toast }) =>
   useQuery(
     ['get-all-contacts'],
-    () =>
-      axiosProv
-        .get(`contact?withExtendedInfo=true&limit=500&offset=0`)
-        .then(({ data }) => data.contacts),
+    () => axiosProv.get(`contact?withExtendedInfo=true&limit=500&offset=0`).then(({ data }) => data.contacts),
     {
       staleTime: 1000 * 1000,
       onError: (e) => {
@@ -135,11 +122,9 @@ export const useGetContact = ({ t, toast, enabled, id }) =>
     },
   });
 
-export const useCreateContact = () =>
-  useMutation((newContact) => axiosProv.post('contact/0', newContact));
+export const useCreateContact = () => useMutation((newContact) => axiosProv.post('contact/0', newContact));
 
-export const useUpdateContact = ({ id }) =>
-  useMutation((newContact) => axiosProv.put(`contact/${id}`, newContact));
+export const useUpdateContact = ({ id }) => useMutation((newContact) => axiosProv.put(`contact/${id}`, newContact));
 
 const claimContacts = async (contactIds, entity, venue) => {
   const addPromises = contactIds.map(async (id) =>
diff --git a/src/hooks/Network/DeviceTypes.js b/src/hooks/Network/DeviceTypes.js
index 17e1458..a5ce441 100644
--- a/src/hooks/Network/DeviceTypes.js
+++ b/src/hooks/Network/DeviceTypes.js
@@ -2,12 +2,8 @@ import { useQuery } from 'react-query';
 import { axiosFms } from 'utils/axiosInstances';
 
 const useGetDeviceTypes = () =>
-  useQuery(
-    ['get-device-types'],
-    () => axiosFms.get('/firmwares?deviceSet=true').then(({ data }) => data.deviceTypes),
-    {
-      staleTime: Infinity,
-    },
-  );
+  useQuery(['get-device-types'], () => axiosFms.get('/firmwares?deviceSet=true').then(({ data }) => data.deviceTypes), {
+    staleTime: Infinity,
+  });
 
 export default useGetDeviceTypes;
diff --git a/src/hooks/Network/Endpoints.js b/src/hooks/Network/Endpoints.js
index e9df4c3..9c13f25 100644
--- a/src/hooks/Network/Endpoints.js
+++ b/src/hooks/Network/Endpoints.js
@@ -2,27 +2,23 @@ import { useQuery } from 'react-query';
 import { axiosGw, axiosSec } from 'utils/axiosInstances';
 
 export const useGetEndpoints = ({ t, toast, onSuccess }) =>
-  useQuery(
-    ['get-endpoints'],
-    () => axiosSec.get('systemEndpoints').then(({ data }) => data.endpoints),
-    {
-      enabled: false,
-      staleTime: Infinity,
-      onSuccess,
-      onError: (e) => {
-        if (!toast.isActive('endpoints-fetching-error'))
-          toast({
-            id: 'user-fetching-error',
-            title: t('common.error'),
-            description: t('user.error_fetching', { e: e?.response?.data?.ErrorDescription }),
-            status: 'error',
-            duration: 5000,
-            isClosable: true,
-            position: 'top-right',
-          });
-      },
+  useQuery(['get-endpoints'], () => axiosSec.get('systemEndpoints').then(({ data }) => data.endpoints), {
+    enabled: false,
+    staleTime: Infinity,
+    onSuccess,
+    onError: (e) => {
+      if (!toast.isActive('endpoints-fetching-error'))
+        toast({
+          id: 'user-fetching-error',
+          title: t('common.error'),
+          description: t('user.error_fetching', { e: e?.response?.data?.ErrorDescription }),
+          status: 'error',
+          duration: 5000,
+          isClosable: true,
+          position: 'top-right',
+        });
     },
-  );
+  });
 
 export const useGetGatewayUi = () =>
   useQuery(['get-gw-ui'], () => axiosGw.get('system?command=info').then(({ data }) => data.UI), {
diff --git a/src/hooks/Network/Entity.js b/src/hooks/Network/Entity.js
index e2eb4be..4fbfa32 100644
--- a/src/hooks/Network/Entity.js
+++ b/src/hooks/Network/Entity.js
@@ -4,10 +4,7 @@ import { axiosProv } from 'utils/axiosInstances';
 export const useGetEntities = ({ t, toast }) =>
   useQuery(
     ['get-entities'],
-    () =>
-      axiosProv
-        .get('entity?withExtendedInfo=true&offset=0&limit=500')
-        .then(({ data }) => data.entities),
+    () => axiosProv.get('entity?withExtendedInfo=true&offset=0&limit=500').then(({ data }) => data.entities),
     {
       staleTime: 30000,
       onError: (e) => {
@@ -34,9 +31,7 @@ export const useGetSelectEntities = ({ t, toast, select }) =>
     () =>
       select.length === 0
         ? []
-        : axiosProv
-            .get(`entity?withExtendedInfo=true&select=${select}`)
-            .then(({ data }) => data.entities),
+        : axiosProv.get(`entity?withExtendedInfo=true&select=${select}`).then(({ data }) => data.entities),
     {
       staleTime: 100 * 1000,
       onError: (e) => {
@@ -58,32 +53,27 @@ export const useGetSelectEntities = ({ t, toast, select }) =>
   );
 
 export const useGetEntity = ({ t, toast, id = null }) =>
-  useQuery(
-    ['get-entity', id],
-    () => axiosProv.get(`entity/${id}?withExtendedInfo=true`).then(({ data }) => data),
-    {
-      enabled: id !== null,
-      onError: (e) => {
-        if (!toast.isActive('entity-fetching-error'))
-          toast({
-            id: 'subscribers-fetching-error',
-            title: t('common.error'),
-            description: t('crud.error_fetching_obj', {
-              obj: t('entities.one'),
-              e: e?.response?.data?.ErrorDescription,
-            }),
-            status: 'error',
-            duration: 5000,
-            isClosable: true,
-            position: 'top-right',
-          });
-      },
+  useQuery(['get-entity', id], () => axiosProv.get(`entity/${id}?withExtendedInfo=true`).then(({ data }) => data), {
+    enabled: id !== null,
+    onError: (e) => {
+      if (!toast.isActive('entity-fetching-error'))
+        toast({
+          id: 'subscribers-fetching-error',
+          title: t('common.error'),
+          description: t('crud.error_fetching_obj', {
+            obj: t('entities.one'),
+            e: e?.response?.data?.ErrorDescription,
+          }),
+          status: 'error',
+          duration: 5000,
+          isClosable: true,
+          position: 'top-right',
+        });
     },
-  );
+  });
 
 export const useCreateEntity = () => useMutation((newEnt) => axiosProv.post('entity/0', newEnt));
 
-export const useUpdateEntity = ({ id }) =>
-  useMutation((newEnt) => axiosProv.put(`entity/${id}`, newEnt));
+export const useUpdateEntity = ({ id }) => useMutation((newEnt) => axiosProv.put(`entity/${id}`, newEnt));
 
 export const useDeleteEntity = () => useMutation((id) => axiosProv.delete(`entity/${id}`));
diff --git a/src/hooks/Network/EntityTree.js b/src/hooks/Network/EntityTree.js
index b0dda29..9238ab1 100644
--- a/src/hooks/Network/EntityTree.js
+++ b/src/hooks/Network/EntityTree.js
@@ -2,26 +2,22 @@ import { useQuery } from 'react-query';
 import { axiosProv, axiosSec } from 'utils/axiosInstances';
 
 export default ({ t, toast }) =>
-  useQuery(
-    ['get-entity-tree'],
-    () => axiosProv.get('entity?getTree=true').then(({ data }) => data),
-    {
-      enabled: axiosProv.defaults.baseURL !== axiosSec.defaults.baseURL,
-      staleTime: 3600 * 1000,
-      onError: (e) => {
-        if (!toast.isActive('entity-tree-fetching-error'))
-          toast({
-            id: 'subscribers-fetching-error',
-            title: t('common.error'),
-            description: t('crud.error_fetching_obj', {
-              obj: t('entities.tree'),
-              e: e?.response?.data?.ErrorDescription,
-            }),
-            status: 'error',
-            duration: 5000,
-            isClosable: true,
-            position: 'top-right',
-          });
-      },
+  useQuery(['get-entity-tree'], () => axiosProv.get('entity?getTree=true').then(({ data }) => data), {
+    enabled: axiosProv.defaults.baseURL !== axiosSec.defaults.baseURL,
+    staleTime: 3600 * 1000,
+    onError: (e) => {
+      if (!toast.isActive('entity-tree-fetching-error'))
+        toast({
+          id: 'subscribers-fetching-error',
+          title: t('common.error'),
+          description: t('crud.error_fetching_obj', {
+            obj: t('entities.tree'),
+            e: e?.response?.data?.ErrorDescription,
+          }),
+          status: 'error',
+          duration: 5000,
+          isClosable: true,
+          position: 'top-right',
+        });
     },
-  );
+  });
diff --git a/src/hooks/Network/Inventory.js b/src/hooks/Network/Inventory.js
index 02ded62..ca751bd 100644
--- a/src/hooks/Network/Inventory.js
+++ b/src/hooks/Network/Inventory.js
@@ -44,9 +44,7 @@ export const useGetInventoryTags = ({
       ['get-inventory-with-select', tagSelect],
       () =>
         tagSelect.length > 0
-          ? axiosProv
-              .get(`inventory?withExtendedInfo=true&select=${tagSelect}`)
-              .then(({ data }) => data.taglist)
+          ? axiosProv.get(`inventory?withExtendedInfo=true&select=${tagSelect}`).then(({ data }) => data.taglist)
           : [],
       {
         enabled,
@@ -73,10 +71,7 @@ export const useGetInventoryTags = ({
   if (owner !== undefined && owner !== null) {
     return useQuery(
       ['get-inventory-with-owner', owner],
-      () =>
-        axiosProv
-          .get(`inventory?serialOnly=true&subscriber=${owner}`)
-          .then(({ data }) => data.serialNumbers),
+      () => axiosProv.get(`inventory?serialOnly=true&subscriber=${owner}`).then(({ data }) => data.serialNumbers),
       {
         enabled,
         onError: (e) => {
@@ -158,8 +153,7 @@ export const useGetTag = ({ t, toast, enabled, serialNumber }) =>
 export const useGetComputedConfiguration = ({ t, toast, enabled, serialNumber }) =>
   useQuery(
     ['get-tag-computed-configuration', serialNumber],
-    () =>
-      axiosProv.get(`inventory/${serialNumber}?config=true&explain=true`).then(({ data }) => data),
+    () => axiosProv.get(`inventory/${serialNumber}?config=true&explain=true`).then(({ data }) => data),
     {
       enabled,
       onError: (e) => {
@@ -183,8 +177,7 @@ export const useGetComputedConfiguration = ({ t, toast, enabled, serialNumber })
 export const usePushConfig = ({ t, toast, onSuccess }) =>
   useMutation(
     ['apply-tag-configuration'],
-    (serialNumber) =>
-      axiosProv.get(`inventory/${serialNumber}?applyConfiguration=true`).then(({ data }) => data),
+    (serialNumber) => axiosProv.get(`inventory/${serialNumber}?applyConfiguration=true`).then(({ data }) => data),
     {
       onSuccess,
       onError: (e) => {
@@ -227,9 +220,7 @@ const claimDevices = async (serialNumbers, entity, isVenue) => {
   );
 
   const unassignResults = await Promise.all(unassignPromises);
-  const unassignErrors = await unassignResults
-    .filter((res) => res.error)
-    .map((res) => res.serialNumber);
+  const unassignErrors = await unassignResults.filter((res) => res.error).map((res) => res.serialNumber);
 
   const claimResults = await Promise.all(addPromises);
   const claimErrors = claimResults.filter((res) => res.error).map((res) => res.serialNumber);
diff --git a/src/hooks/Network/Locations.js b/src/hooks/Network/Locations.js
index 8dcc80a..feca278 100644
--- a/src/hooks/Network/Locations.js
+++ b/src/hooks/Network/Locations.js
@@ -2,40 +2,32 @@ import { useMutation, useQuery } from 'react-query';
 import { axiosProv } from 'utils/axiosInstances';
 
 export const useGetLocationCount = ({ t, toast, enabled }) =>
-  useQuery(
-    ['get-location-count'],
-    () => axiosProv.get('location?countOnly=true').then(({ data }) => data.count),
-    {
-      enabled,
-      staleTime: 30000,
-      onError: (e) => {
-        if (!toast.isActive('location-count-fetching-error'))
-          toast({
-            id: 'location-count-fetching-error',
-            title: t('common.error'),
-            description: t('crud.error_fetching_obj', {
-              obj: t('locations.other'),
-              e: e?.response?.data?.ErrorDescription,
-            }),
-            status: 'error',
-            duration: 5000,
-            isClosable: true,
-            position: 'top-right',
-          });
-      },
+  useQuery(['get-location-count'], () => axiosProv.get('location?countOnly=true').then(({ data }) => data.count), {
+    enabled,
+    staleTime: 30000,
+    onError: (e) => {
+      if (!toast.isActive('location-count-fetching-error'))
+        toast({
+          id: 'location-count-fetching-error',
+          title: t('common.error'),
+          description: t('crud.error_fetching_obj', {
+            obj: t('locations.other'),
+            e: e?.response?.data?.ErrorDescription,
+          }),
+          status: 'error',
+          duration: 5000,
+          isClosable: true,
+          position: 'top-right',
+        });
     },
-  );
+  });
 
 export const useGetLocations = ({ t, toast, pageInfo, enabled, count }) =>
   useQuery(
     ['get-locations-with-pagination', pageInfo, count],
     () =>
       axiosProv
-        .get(
-          `location?withExtendedInfo=true&limit=${pageInfo.limit}&offset=${
-            pageInfo.limit * pageInfo.index
-          }`,
-        )
+        .get(`location?withExtendedInfo=true&limit=${pageInfo.limit}&offset=${pageInfo.limit * pageInfo.index}`)
         .then(({ data }) => data.locations),
     {
       keepPreviousData: true,
@@ -65,9 +57,7 @@ export const useGetSelectLocations = ({ t, toast, select, enabled = true }) =>
     () =>
       select.length === 0
         ? []
-        : axiosProv
-            .get(`location?withExtendedInfo=true&select=${select}`)
-            .then(({ data }) => data.locations),
+        : axiosProv.get(`location?withExtendedInfo=true&select=${select}`).then(({ data }) => data.locations),
     {
       enabled,
       staleTime: 100 * 1000,
@@ -94,13 +84,7 @@ export const useGetAllLocations = ({ t, toast, venueId }) =>
     ['get-all-locations', venueId],
     () =>
       axiosProv
-        .get(
-          `${
-            venueId
-              ? `venue?locationsForVenue=${venueId}`
-              : 'location?withExtendedInfo=true&limit=500&offset=0'
-          }`,
-        )
+        .get(`${venueId ? `venue?locationsForVenue=${venueId}` : 'location?withExtendedInfo=true&limit=500&offset=0'}`)
         .then(({ data }) => data.locations),
     {
       staleTime: 1000 * 1000,
@@ -142,11 +126,9 @@ export const useGetLocation = ({ t, toast, enabled, id }) =>
     },
   });
 
-export const useCreateLocation = () =>
-  useMutation((newLocation) => axiosProv.post('location/0', newLocation));
+export const useCreateLocation = () => useMutation((newLocation) => axiosProv.post('location/0', newLocation));
 
-export const useUpdateLocation = ({ id }) =>
-  useMutation((newLocation) => axiosProv.put(`location/${id}`, newLocation));
+export const useUpdateLocation = ({ id }) => useMutation((newLocation) => axiosProv.put(`location/${id}`, newLocation));
 
 const claimLocations = async (locationIds, entity) => {
   const addPromises = locationIds.map(async (id) =>
@@ -166,5 +148,4 @@ const claimLocations = async (locationIds, entity) => {
   return { claimErrors };
 };
 
-export const useClaimLocations = ({ entityId }) =>
-  useMutation((locationIds) => claimLocations(locationIds, entityId));
+export const useClaimLocations = ({ entityId }) => useMutation((locationIds) => claimLocations(locationIds, entityId));
diff --git a/src/hooks/Network/Requirements.js b/src/hooks/Network/Requirements.js
index 3cc6f77..72a9a3f 100644
--- a/src/hooks/Network/Requirements.js
+++ b/src/hooks/Network/Requirements.js
@@ -2,12 +2,8 @@ import { useQuery } from 'react-query';
 import { axiosSec } from 'utils/axiosInstances';
 
 const useGetRequirements = () =>
-  useQuery(
-    ['get-requirements'],
-    () => axiosSec.post('oauth2?requirements=true', {}).then(({ data }) => data),
-    {
-      staleTime: Infinity,
-    },
-  );
+  useQuery(['get-requirements'], () => axiosSec.post('oauth2?requirements=true', {}).then(({ data }) => data), {
+    staleTime: Infinity,
+  });
 
 export default useGetRequirements;
diff --git a/src/hooks/Network/Resources.js b/src/hooks/Network/Resources.js
index c173226..7f68634 100644
--- a/src/hooks/Network/Resources.js
+++ b/src/hooks/Network/Resources.js
@@ -2,52 +2,44 @@ import { useMutation, useQuery } from 'react-query';
 import { axiosProv } from 'utils/axiosInstances';
 
 export const useGetResourcesCount = ({ t, toast }) =>
-  useQuery(
-    ['get-resources-count'],
-    () => axiosProv.get(`variables?countOnly=true`).then(({ data }) => data.count),
-    {
-      staleTime: 30000,
-      onError: (e) => {
-        if (!toast.isActive('variables-fetching-error'))
-          toast({
-            id: 'variables-fetching-error',
-            title: t('common.error'),
-            description: t('crud.error_fetching_obj', {
-              obj: t('resources.title'),
-              e: e?.response?.data?.ErrorDescription,
-            }),
-            status: 'error',
-            duration: 5000,
-            isClosable: true,
-            position: 'top-right',
-          });
-      },
+  useQuery(['get-resources-count'], () => axiosProv.get(`variables?countOnly=true`).then(({ data }) => data.count), {
+    staleTime: 30000,
+    onError: (e) => {
+      if (!toast.isActive('variables-fetching-error'))
+        toast({
+          id: 'variables-fetching-error',
+          title: t('common.error'),
+          description: t('crud.error_fetching_obj', {
+            obj: t('resources.title'),
+            e: e?.response?.data?.ErrorDescription,
+          }),
+          status: 'error',
+          duration: 5000,
+          isClosable: true,
+          position: 'top-right',
+        });
     },
-  );
+  });
 
 export const useGetAllResources = ({ t, toast }) =>
-  useQuery(
-    ['get-all-resources'],
-    () => axiosProv.get(`variables?limit=500`).then(({ data }) => data.variableBlocks),
-    {
-      staleTime: 1000 * 1000,
-      onError: (e) => {
-        if (!toast.isActive('resource-fetching-error'))
-          toast({
-            id: 'resource-fetching-error',
-            title: t('common.error'),
-            description: t('crud.error_fetching_obj', {
-              obj: t('resources.configuration_resource'),
-              e: e?.response?.data?.ErrorDescription,
-            }),
-            status: 'error',
-            duration: 5000,
-            isClosable: true,
-            position: 'top-right',
-          });
-      },
+  useQuery(['get-all-resources'], () => axiosProv.get(`variables?limit=500`).then(({ data }) => data.variableBlocks), {
+    staleTime: 1000 * 1000,
+    onError: (e) => {
+      if (!toast.isActive('resource-fetching-error'))
+        toast({
+          id: 'resource-fetching-error',
+          title: t('common.error'),
+          description: t('crud.error_fetching_obj', {
+            obj: t('resources.configuration_resource'),
+            e: e?.response?.data?.ErrorDescription,
+          }),
+          status: 'error',
+          duration: 5000,
+          isClosable: true,
+          position: 'top-right',
+        });
     },
-  );
+  });
 
 export const useGetResources = ({ t, toast, pageInfo, select, count }) => {
   if (select !== undefined && select !== null) {
@@ -55,9 +47,7 @@ export const useGetResources = ({ t, toast, pageInfo, select, count }) => {
       ['get-resources-with-select', select],
       () =>
         select.length > 0
-          ? axiosProv
-              .get(`variables?withExtendedInfo=true&select=${select}`)
-              .then(({ data }) => data.variableBlocks)
+          ? axiosProv.get(`variables?withExtendedInfo=true&select=${select}`).then(({ data }) => data.variableBlocks)
           : [],
       {
         keepPreviousData: true,
@@ -136,8 +126,6 @@ export const useGetResource = ({ t, toast, id, enabled }) =>
     },
   );
 
-export const useCreateResource = () =>
-  useMutation((newResource) => axiosProv.post('variables/0', newResource));
-export const useUpdateResource = (id) =>
-  useMutation((resource) => axiosProv.put(`variables/${id}`, resource));
+export const useCreateResource = () => useMutation((newResource) => axiosProv.post('variables/0', newResource));
+export const useUpdateResource = (id) => useMutation((resource) => axiosProv.put(`variables/${id}`, resource));
 export const useDeleteResource = () => useMutation((id) => axiosProv.delete(`variables/${id}`, {}));
diff --git a/src/hooks/Network/Subscribers.js b/src/hooks/Network/Subscribers.js
index 8b2d527..355c591 100644
--- a/src/hooks/Network/Subscribers.js
+++ b/src/hooks/Network/Subscribers.js
@@ -22,25 +22,21 @@ export const useGetSubscribers = ({ t, toast }) =>
   });
 
 export const useGetSubscriber = ({ t, toast, id, enabled }) =>
-  useQuery(
-    ['get-subscriber', id],
-    () => axiosSec.get(`subuser/${id}?withExtendedInfo=true`).then(({ data }) => data),
-    {
-      enabled,
-      onError: (e) => {
-        if (!toast.isActive('subscriber-fetching-error'))
-          toast({
-            id: 'subscriber-fetching-error',
-            title: t('common.error'),
-            description: t('crud.error_fetching_obj', {
-              obj: t('subscribers.one'),
-              e: e?.response?.data?.ErrorDescription,
-            }),
-            status: 'error',
-            duration: 5000,
-            isClosable: true,
-            position: 'top-right',
-          });
-      },
+  useQuery(['get-subscriber', id], () => axiosSec.get(`subuser/${id}?withExtendedInfo=true`).then(({ data }) => data), {
+    enabled,
+    onError: (e) => {
+      if (!toast.isActive('subscriber-fetching-error'))
+        toast({
+          id: 'subscriber-fetching-error',
+          title: t('common.error'),
+          description: t('crud.error_fetching_obj', {
+            obj: t('subscribers.one'),
+            e: e?.response?.data?.ErrorDescription,
+          }),
+          status: 'error',
+          duration: 5000,
+          isClosable: true,
+          position: 'top-right',
+        });
     },
-  );
+  });
diff --git a/src/hooks/Network/System.js b/src/hooks/Network/System.js
index 085618d..e66e601 100644
--- a/src/hooks/Network/System.js
+++ b/src/hooks/Network/System.js
@@ -1,28 +1,24 @@
 import { useQuery } from 'react-query';
 
 export const useGetSystemInfo = ({ t, toast, axiosInstance, name }) =>
-  useQuery(
-    ['get-system-info', name],
-    () => axiosInstance.get('/system?command=info').then(({ data }) => data),
-    {
-      staleTime: 60000,
-      onError: (e) => {
-        if (!toast.isActive('system-fetching-error'))
-          toast({
-            id: 'system-fetching-error',
-            title: t('common.error'),
-            description: t('crud.error_fetching_obj', {
-              obj: t('system.title'),
-              e: e?.response?.data?.ErrorDescription,
-            }),
-            status: 'error',
-            duration: 5000,
-            isClosable: true,
-            position: 'top-right',
-          });
-      },
+  useQuery(['get-system-info', name], () => axiosInstance.get('/system?command=info').then(({ data }) => data), {
+    staleTime: 60000,
+    onError: (e) => {
+      if (!toast.isActive('system-fetching-error'))
+        toast({
+          id: 'system-fetching-error',
+          title: t('common.error'),
+          description: t('crud.error_fetching_obj', {
+            obj: t('system.title'),
+            e: e?.response?.data?.ErrorDescription,
+          }),
+          status: 'error',
+          duration: 5000,
+          isClosable: true,
+          position: 'top-right',
+        });
     },
-  );
+  });
 
 export const useGetSubsystems = ({ t, toast, enabled, axiosInstance, name }) =>
   useQuery(
diff --git a/src/hooks/Network/Users.js b/src/hooks/Network/Users.js
index 4d5b49b..06bc72d 100644
--- a/src/hooks/Network/Users.js
+++ b/src/hooks/Network/Users.js
@@ -21,10 +21,7 @@ export const useGetUsers = ({ t, toast, setUsersWithAvatars }) =>
         results.map((response) => {
           if (response.status === 'fulfilled' && response?.value !== '') {
             const base64 = btoa(
-              new Uint8Array(response.value.data).reduce(
-                (respData, byte) => respData + String.fromCharCode(byte),
-                '',
-              ),
+              new Uint8Array(response.value.data).reduce((respData, byte) => respData + String.fromCharCode(byte), ''),
             );
             return `data:;base64,${base64}`;
           }
@@ -53,25 +50,21 @@ export const useGetUsers = ({ t, toast, setUsersWithAvatars }) =>
   });
 
 export const useGetUser = ({ t, toast, id, enabled }) =>
-  useQuery(
-    ['get-user', id],
-    () => axiosSec.get(`user/${id}?withExtendedInfo=true`).then(({ data }) => data),
-    {
-      enabled,
-      onError: (e) => {
-        if (!toast.isActive('user-fetching-error'))
-          toast({
-            id: 'user-fetching-error',
-            title: t('common.error'),
-            description: t('crud.error_fetching_obj', {
-              obj: t('users.one'),
-              e: e?.response?.data?.ErrorDescription,
-            }),
-            status: 'error',
-            duration: 5000,
-            isClosable: true,
-            position: 'top-right',
-          });
-      },
+  useQuery(['get-user', id], () => axiosSec.get(`user/${id}?withExtendedInfo=true`).then(({ data }) => data), {
+    enabled,
+    onError: (e) => {
+      if (!toast.isActive('user-fetching-error'))
+        toast({
+          id: 'user-fetching-error',
+          title: t('common.error'),
+          description: t('crud.error_fetching_obj', {
+            obj: t('users.one'),
+            e: e?.response?.data?.ErrorDescription,
+          }),
+          status: 'error',
+          duration: 5000,
+          isClosable: true,
+          position: 'top-right',
+        });
     },
-  );
+  });
diff --git a/src/hooks/Network/Venues.js b/src/hooks/Network/Venues.js
index c49a6d8..8a9618b 100644
--- a/src/hooks/Network/Venues.js
+++ b/src/hooks/Network/Venues.js
@@ -4,10 +4,7 @@ import { axiosProv } from 'utils/axiosInstances';
 export const useGetVenues = ({ t, toast }) =>
   useQuery(
     ['get-venues'],
-    () =>
-      axiosProv
-        .get('venue?withExtendedInfo=true&offset=0&limit=500')
-        .then(({ data }) => data.venues),
+    () => axiosProv.get('venue?withExtendedInfo=true&offset=0&limit=500').then(({ data }) => data.venues),
     {
       staleTime: 30000,
       onError: (e) => {
@@ -34,9 +31,7 @@ export const useGetSelectVenues = ({ t, toast, select }) =>
     () =>
       select.length === 0
         ? []
-        : axiosProv
-            .get(`venue?withExtendedInfo=true&select=${select}`)
-            .then(({ data }) => data.venues),
+        : axiosProv.get(`venue?withExtendedInfo=true&select=${select}`).then(({ data }) => data.venues),
     {
       staleTime: 100 * 1000,
       onError: (e) => {
@@ -58,42 +53,32 @@ export const useGetSelectVenues = ({ t, toast, select }) =>
   );
 
 export const useGetVenue = ({ t, toast, id }) =>
-  useQuery(
-    ['get-venue', id],
-    () => axiosProv.get(`venue/${id}?withExtendedInfo=true`).then(({ data }) => data),
-    {
-      onError: (e) => {
-        if (!toast.isActive('venue-fetching-error'))
-          toast({
-            id: 'subscribers-fetching-error',
-            title: t('common.error'),
-            description: t('crud.error_fetching_obj', {
-              obj: t('venues.one'),
-              e: e?.response?.data?.ErrorDescription,
-            }),
-            status: 'error',
-            duration: 5000,
-            isClosable: true,
-            position: 'top-right',
-          });
-      },
+  useQuery(['get-venue', id], () => axiosProv.get(`venue/${id}?withExtendedInfo=true`).then(({ data }) => data), {
+    onError: (e) => {
+      if (!toast.isActive('venue-fetching-error'))
+        toast({
+          id: 'subscribers-fetching-error',
+          title: t('common.error'),
+          description: t('crud.error_fetching_obj', {
+            obj: t('venues.one'),
+            e: e?.response?.data?.ErrorDescription,
+          }),
+          status: 'error',
+          duration: 5000,
+          isClosable: true,
+          position: 'top-right',
+        });
     },
-  );
+  });
 
 export const useCreateVenue = () =>
   useMutation(({ params, createObjects }) =>
-    axiosProv.post(
-      `venue/0${createObjects ? `?createObjects=${JSON.stringify(createObjects)}` : ''}`,
-      params,
-    ),
+    axiosProv.post(`venue/0${createObjects ? `?createObjects=${JSON.stringify(createObjects)}` : ''}`, params),
   );
 
 export const useUpdateVenue = ({ id }) =>
   useMutation(({ params, createObjects }) =>
-    axiosProv.put(
-      `venue/${id}${createObjects ? `?createObjects=${JSON.stringify(createObjects)}` : ''}`,
-      params,
-    ),
+    axiosProv.put(`venue/${id}${createObjects ? `?createObjects=${JSON.stringify(createObjects)}` : ''}`, params),
   );
 
 export const useDeleteVenue = () => useMutation((id) => axiosProv.delete(`venue/${id}`));
diff --git a/src/layout/Navbar/index.js b/src/layout/Navbar/index.js
index 99f541d..9c95ce1 100644
--- a/src/layout/Navbar/index.js
+++ b/src/layout/Navbar/index.js
@@ -39,8 +39,7 @@ const Navbar = ({ secondary, toggleSidebar, isSidebarOpen }) => {
   const { logout, user, avatar } = useAuth();
   const getActiveRoute = () => {
     const route = routes.find(
-      (r) =>
-        r.path === location.pathname || location.pathname.split('/')[1] === r.path.split('/')[1],
+      (r) => r.path === location.pathname || location.pathname.split('/')[1] === r.path.split('/')[1],
     );
 
     if (route) return route.navName ?? route.name;
@@ -64,10 +63,7 @@ const Navbar = ({ secondary, toggleSidebar, isSidebarOpen }) => {
     'linear-gradient(112.83deg, rgba(255, 255, 255, 0.21) 0%, rgba(255, 255, 255, 0) 110.84%)',
   );
   const scrolledNavbarBorder = useColorModeValue('#FFFFFF', 'rgba(255, 255, 255, 0.31)');
-  const scrolledNavbarFilter = useColorModeValue(
-    'none',
-    'drop-shadow(0px 7px 23px rgba(0, 0, 0, 0.05))',
-  );
+  const scrolledNavbarFilter = useColorModeValue('none', 'drop-shadow(0px 7px 23px rgba(0, 0, 0, 0.05))');
 
   if (scrolled === true) {
     navbarPosition = 'fixed';
@@ -148,12 +144,7 @@ const Navbar = ({ secondary, toggleSidebar, isSidebarOpen }) => {
                 <Menu>
                   <MenuButton py={2} transition="all 0.3s" _focus={{ boxShadow: 'none' }}>
                     <HStack>
-                      <VStack
-                        display={{ base: 'none', md: 'flex' }}
-                        alignItems="flex-start"
-                        spacing={0}
-                        height={12}
-                      >
+                      <VStack display={{ base: 'none', md: 'flex' }} alignItems="flex-start" spacing={0} height={12}>
                         <Text fontWeight="bold">{user?.name}</Text>
                         <Text fontSize="sm">{`${uppercaseFirstLetter(user?.userRole)}`}</Text>
                       </VStack>
diff --git a/src/layout/Sidebar/CreateLinks.js b/src/layout/Sidebar/CreateLinks.js
index 734acff..16c14ba 100644
--- a/src/layout/Sidebar/CreateLinks.js
+++ b/src/layout/Sidebar/CreateLinks.js
@@ -6,13 +6,7 @@ import NavLinkButton from './NavLinkButton';
 const createLinks = (routes, activeRoute, role, toggleSidebar = () => {}) =>
   routes.map((route) =>
     route.isEntity ? (
-      <EntityNavButton
-        key={uuid()}
-        activeRoute={activeRoute}
-        role={role}
-        route={route}
-        toggleSidebar={toggleSidebar}
-      />
+      <EntityNavButton key={uuid()} activeRoute={activeRoute} role={role} route={route} toggleSidebar={toggleSidebar} />
     ) : (
       <NavLinkButton key={uuid()} activeRoute={activeRoute} role={role} route={route} />
     ),
diff --git a/src/layout/Sidebar/EntityNavButton.js b/src/layout/Sidebar/EntityNavButton.js
index 58481b6..5df7544 100644
--- a/src/layout/Sidebar/EntityNavButton.js
+++ b/src/layout/Sidebar/EntityNavButton.js
@@ -26,10 +26,7 @@ const EntityNavButton = ({ activeRoute, route, role, toggleSidebar }) => {
   const { t } = useTranslation();
   const { isOpen, onOpen, onClose } = useDisclosure();
   const activeArrowColor = useColorModeValue('var(--chakra-colors-gray-700)', 'white');
-  const inactiveArrowColor = useColorModeValue(
-    'var(--chakra-colors-gray-600)',
-    'var(--chakra-colors-gray-200)',
-  );
+  const inactiveArrowColor = useColorModeValue('var(--chakra-colors-gray-600)', 'var(--chakra-colors-gray-200)');
   const activeTextColor = useColorModeValue('gray.700', 'white');
   const inactiveTextColor = useColorModeValue('gray.600', 'gray.200');
   const inactiveIconColor = useColorModeValue('gray.100', 'gray.600');
@@ -63,14 +60,7 @@ const EntityNavButton = ({ activeRoute, route, role, toggleSidebar }) => {
           rightIcon={<ArrowCircleRight size={24} color={activeArrowColor} />}
         >
           <Flex>
-            <IconBox
-              bg="blue.300"
-              color="white"
-              h="42px"
-              w="42px"
-              me="12px"
-              transition={variantChange}
-            >
+            <IconBox bg="blue.300" color="white" h="42px" w="42px" me="12px" transition={variantChange}>
               {route.icon(true)}
             </IconBox>
             <Text color={activeTextColor} my="auto" fontSize="lg">
@@ -103,14 +93,7 @@ const EntityNavButton = ({ activeRoute, route, role, toggleSidebar }) => {
           rightIcon={<ArrowCircleRight size={20} color={inactiveArrowColor} />}
         >
           <Flex>
-            <IconBox
-              bg={inactiveIconColor}
-              color="blue.300"
-              h="34px"
-              w="34px"
-              me="12px"
-              transition={variantChange}
-            >
+            <IconBox bg={inactiveIconColor} color="blue.300" h="34px" w="34px" me="12px" transition={variantChange}>
               {route.icon(false)}
             </IconBox>
             <Text color={inactiveTextColor} my="auto" fontSize="sm">
diff --git a/src/layout/Sidebar/EntityPopover.js b/src/layout/Sidebar/EntityPopover.js
index a36feb2..84f2f73 100644
--- a/src/layout/Sidebar/EntityPopover.js
+++ b/src/layout/Sidebar/EntityPopover.js
@@ -42,15 +42,11 @@ const renderList = (tree, depth, goTo) => {
               colorScheme="blue"
               variant="link"
               onClick={() => goTo(tree.uuid, tree.type)}
-              leftIcon={
-                tree.type === 'entity' ? <TreeStructure size={16} /> : <Buildings size={16} />
-              }
+              leftIcon={tree.type === 'entity' ? <TreeStructure size={16} /> : <Buildings size={16} />}
             >
               {tree.name}
             </Button>
-            <UnorderedList styleType="none">
-              {renderList(tree.children, depth + 2, goTo)}
-            </UnorderedList>
+            <UnorderedList styleType="none">{renderList(tree.children, depth + 2, goTo)}</UnorderedList>
           </ListItem>
         </UnorderedList>
       );
@@ -73,9 +69,7 @@ const renderList = (tree, depth, goTo) => {
               colorScheme="blue"
               variant="link"
               onClick={() => goTo(obj.uuid, obj.type)}
-              leftIcon={
-                obj.type === 'entity' ? <TreeStructure size={16} /> : <Buildings size={16} />
-              }
+              leftIcon={obj.type === 'entity' ? <TreeStructure size={16} /> : <Buildings size={16} />}
             >
               {obj.name}
             </Button>
@@ -181,13 +175,7 @@ const EntityPopover = ({ isOpen, onClose, children, toggleSidebar }) => {
           <PopoverHeader fontWeight="semibold" display="flex" alignItems="center">
             <Heading size="md">{t('entities.title')}</Heading>
             <Spacer />
-            <IconButton
-              ref={initRef}
-              colorScheme="gray"
-              onClick={onClose}
-              icon={<X size={20} />}
-              ms="auto"
-            />
+            <IconButton ref={initRef} colorScheme="gray" onClick={onClose} icon={<X size={20} />} ms="auto" />
           </PopoverHeader>
           <PopoverArrow />
           <PopoverBody overflowX="auto" overflowY="auto" maxH="80vh">
@@ -206,13 +194,7 @@ const EntityPopover = ({ isOpen, onClose, children, toggleSidebar }) => {
             <PopoverHeader fontWeight="semibold" display="flex" alignItems="center">
               <Heading size="md">{t('entities.title')}</Heading>
               <Spacer />
-              <IconButton
-                ref={initRef}
-                colorScheme="gray"
-                onClick={onClose}
-                icon={<X size={20} />}
-                ms="auto"
-              />
+              <IconButton ref={initRef} colorScheme="gray" onClick={onClose} icon={<X size={20} />} ms="auto" />
             </PopoverHeader>
             <PopoverArrow />
             <PopoverBody overflowY="auto" maxH="80vh">
diff --git a/src/layout/Sidebar/NavLinkButton.js b/src/layout/Sidebar/NavLinkButton.js
index 475945c..55bc0d6 100644
--- a/src/layout/Sidebar/NavLinkButton.js
+++ b/src/layout/Sidebar/NavLinkButton.js
@@ -54,14 +54,7 @@ const NavLinkButton = ({ activeRoute, route, role }) => {
           }}
         >
           <Flex>
-            <IconBox
-              bg="blue.300"
-              color="white"
-              h="42px"
-              w="42px"
-              me="12px"
-              transition={variantChange}
-            >
+            <IconBox bg="blue.300" color="white" h="42px" w="42px" me="12px" transition={variantChange}>
               {route.icon(true)}
             </IconBox>
             <Text color={activeTextColor} my="auto" fontSize="lg">
@@ -92,14 +85,7 @@ const NavLinkButton = ({ activeRoute, route, role }) => {
           }}
         >
           <Flex>
-            <IconBox
-              bg={inactiveIconColor}
-              color="blue.300"
-              h="34px"
-              w="34px"
-              me="12px"
-              transition={variantChange}
-            >
+            <IconBox bg={inactiveIconColor} color="blue.300" h="34px" w="34px" me="12px" transition={variantChange}>
               {route.icon(false)}
             </IconBox>
             <Text color={inactiveTextColor} my="auto" fontSize="sm">
diff --git a/src/layout/Sidebar/index.js b/src/layout/Sidebar/index.js
index 86703b4..e9e60f4 100644
--- a/src/layout/Sidebar/index.js
+++ b/src/layout/Sidebar/index.js
@@ -62,12 +62,7 @@ const Sidebar = ({ routes, isOpen, toggle }) => {
         alignItems="center"
         fontSize="11px"
       >
-        <img
-          src={colorMode === 'light' ? lightLogo : darkLogo}
-          alt="OpenWifi"
-          width="180px"
-          height="100px"
-        />
+        <img src={colorMode === 'light' ? lightLogo : darkLogo} alt="OpenWifi" width="180px" height="100px" />
       </Link>
     </Box>
   );
@@ -92,9 +87,7 @@ const Sidebar = ({ routes, isOpen, toggle }) => {
             <Box maxW="100%" h="90vh">
               <Box>{brand}</Box>
               <Flex direction="column" mb="40px" h="calc(100vh - 200px)" alignItems="center">
-                <Box overflowY="auto">
-                  {createLinks(routes, activeRoute, user?.userRole ?? '', toggle)}
-                </Box>
+                <Box overflowY="auto">{createLinks(routes, activeRoute, user?.userRole ?? '', toggle)}</Box>
                 <Spacer />
                 <Box>
                   <Text color="gray.400">
@@ -132,9 +125,7 @@ const Sidebar = ({ routes, isOpen, toggle }) => {
         >
           <Box>{brand}</Box>
           <Flex direction="column" mb="40px" h="calc(100vh - 200px)" alignItems="center">
-            <Box overflowY="auto">
-              {createLinks(routes, activeRoute, user?.userRole ?? '', toggle)}
-            </Box>
+            <Box overflowY="auto">{createLinks(routes, activeRoute, user?.userRole ?? '', toggle)}</Box>
             <Spacer />
             <Box>
               <Text color="gray.400">
diff --git a/src/layout/index.js b/src/layout/index.js
index 6685350..b3f103d 100644
--- a/src/layout/index.js
+++ b/src/layout/index.js
@@ -11,9 +11,7 @@ import Sidebar from './Sidebar';
 
 const Layout = () => {
   const breakpoint = useBreakpoint();
-  const [isSidebarOpen, { toggle: toggleSidebar }] = useBoolean(
-    breakpoint !== 'base' && breakpoint !== 'sm',
-  );
+  const [isSidebarOpen, { toggle: toggleSidebar }] = useBoolean(breakpoint !== 'base' && breakpoint !== 'sm');
   document.documentElement.dir = 'ltr';
 
   const getActiveRoute = (r) => {
@@ -52,8 +50,7 @@ const Layout = () => {
     }
     return activeNavbar;
   };
-  const getRoutes = (r) =>
-    r.map((route) => <Route path={route.path} element={<route.component />} key={uuid()} />);
+  const getRoutes = (r) => r.map((route) => <Route path={route.path} element={<route.component />} key={uuid()} />);
 
   return (
     <>
diff --git a/src/pages/AccountPage/AccountCard/Form.js b/src/pages/AccountPage/AccountCard/Form.js
index fd419bc..d1db145 100644
--- a/src/pages/AccountPage/AccountCard/Form.js
+++ b/src/pages/AccountPage/AccountCard/Form.js
@@ -43,14 +43,7 @@ const propTypes = {
   deleteAvatar: PropTypes.instanceOf(Object).isRequired,
 };
 
-const UpdateAccountForm = ({
-  updateUser,
-  deleteAvatar,
-  updateAvatar,
-  finishUpdate,
-  editing,
-  formRef,
-}) => {
+const UpdateAccountForm = ({ updateUser, deleteAvatar, updateAvatar, finishUpdate, editing, formRef }) => {
   const { t } = useTranslation();
   const [verifNumber, setVerifNumber] = useState('');
   const { avatar: savedAvatar } = useAuth();
@@ -90,19 +83,14 @@ const UpdateAccountForm = ({
         key={formKey}
         initialValues={{
           ...user,
-          mfa: user.userTypeProprietaryInfo.mfa.enabled
-            ? user.userTypeProprietaryInfo.mfa.method
-            : '',
+          mfa: user.userTypeProprietaryInfo.mfa.enabled ? user.userTypeProprietaryInfo.mfa.method : '',
           phoneNumber:
             user.userTypeProprietaryInfo.mobiles.length > 0
               ? user.userTypeProprietaryInfo.mobiles[0].number.replace('+', '')
               : '',
         }}
         validationSchema={UpdateUserSchema(t)}
-        onSubmit={(
-          { description, name, currentPassword, phoneNumber, mfa, notes },
-          { setSubmitting },
-        ) => {
+        onSubmit={({ description, name, currentPassword, phoneNumber, mfa, notes }, { setSubmitting }) => {
           const onSuccess = () => {
             finishUpdate();
             setSubmitting(false);
@@ -147,10 +135,7 @@ const UpdateAccountForm = ({
           updateUser.mutateAsync(params, {
             onSuccess,
             onError: (e) => {
-              if (
-                e?.response?.data?.ErrorDescription ===
-                'You must provide at least one validated phone number.'
-              ) {
+              if (e?.response?.data?.ErrorDescription === 'You must provide at least one validated phone number.') {
                 toggleVerifyNumber(params, onSuccess);
               } else {
                 toast({
@@ -216,11 +201,7 @@ const UpdateAccountForm = ({
                             </Field>
                             <Field name="userRole">
                               {({ field }) => (
-                                <FormControl
-                                  isInvalid={errors.userRole && touched.userRole}
-                                  isRequired
-                                  isDisabled
-                                >
+                                <FormControl isInvalid={errors.userRole && touched.userRole} isRequired isDisabled>
                                   <FormLabel ms="4px" fontSize="md" fontWeight="normal">
                                     {t('user.role')}
                                   </FormLabel>
@@ -309,13 +290,7 @@ const UpdateAccountForm = ({
                 </TabPanel>
                 <TabPanel>
                   <Field name="notes">
-                    {({ field }) => (
-                      <NotesTable
-                        notes={field.value}
-                        setNotes={setFieldValue}
-                        isDisabled={!editing}
-                      />
-                    )}
+                    {({ field }) => <NotesTable notes={field.value} setNotes={setFieldValue} isDisabled={!editing} />}
                   </Field>
                 </TabPanel>
               </TabPanels>
diff --git a/src/pages/AccountPage/AccountCard/GoogleAuthenticatorModal/GoogleAuthenticatorTests.js b/src/pages/AccountPage/AccountCard/GoogleAuthenticatorModal/GoogleAuthenticatorTests.js
index 4a40bac..cfc5037 100644
--- a/src/pages/AccountPage/AccountCard/GoogleAuthenticatorModal/GoogleAuthenticatorTests.js
+++ b/src/pages/AccountPage/AccountCard/GoogleAuthenticatorModal/GoogleAuthenticatorTests.js
@@ -1,17 +1,7 @@
 import React, { useState } from 'react';
 import PropTypes from 'prop-types';
 import { useTranslation } from 'react-i18next';
-import {
-  Alert,
-  Button,
-  Center,
-  Heading,
-  HStack,
-  PinInput,
-  PinInputField,
-  Spinner,
-  Text,
-} from '@chakra-ui/react';
+import { Alert, Button, Center, Heading, HStack, PinInput, PinInputField, Spinner, Text } from '@chakra-ui/react';
 import { useVerifyAuthenticator } from 'hooks/Network/GoogleAuthenticator';
 import { ArrowRightIcon } from '@chakra-ui/icons';
 
diff --git a/src/pages/AccountPage/AccountCard/GoogleAuthenticatorModal/index.js b/src/pages/AccountPage/AccountCard/GoogleAuthenticatorModal/index.js
index 9f7808f..1020c5b 100644
--- a/src/pages/AccountPage/AccountCard/GoogleAuthenticatorModal/index.js
+++ b/src/pages/AccountPage/AccountCard/GoogleAuthenticatorModal/index.js
@@ -1,14 +1,7 @@
 import React, { useState } from 'react';
 import PropTypes from 'prop-types';
 import { useTranslation } from 'react-i18next';
-import {
-  CloseButton,
-  Modal,
-  ModalBody,
-  ModalContent,
-  ModalOverlay,
-  useDisclosure,
-} from '@chakra-ui/react';
+import { CloseButton, Modal, ModalBody, ModalContent, ModalOverlay, useDisclosure } from '@chakra-ui/react';
 import SaveButton from 'components/Buttons/SaveButton';
 import ConfirmCloseAlert from 'components/ConfirmCloseAlert';
 import ModalHeader from 'components/ModalHeader';
@@ -54,13 +47,9 @@ const GoogleAuthenticatorModal = ({ isOpen, onClose, onSuccess }) => {
         />
         <ModalBody>
           {currentStep === 'intro' && <GoogleAuthenticatorIntro setCurrentStep={setCurrentStep} />}
-          {currentStep === 'qr-code' && (
-            <GoogleAuthenticatorQrDisplay setCurrentStep={setCurrentStep} />
-          )}
+          {currentStep === 'qr-code' && <GoogleAuthenticatorQrDisplay setCurrentStep={setCurrentStep} />}
           {currentStep === 'tests' && <GoogleAuthenticatorTests setCurrentStep={setCurrentStep} />}
-          {currentStep === 'activated' && (
-            <GoogleAuthenticatorActivationSuccess onSuccess={onActivated} />
-          )}
+          {currentStep === 'activated' && <GoogleAuthenticatorActivationSuccess onSuccess={onActivated} />}
         </ModalBody>
       </ModalContent>
       <ConfirmCloseAlert isOpen={showConfirm} confirm={closeCancelAndForm} cancel={closeConfirm} />
diff --git a/src/pages/AccountPage/AccountCard/MfaSelectField/index.js b/src/pages/AccountPage/AccountCard/MfaSelectField/index.js
index dae559f..cb3a4be 100644
--- a/src/pages/AccountPage/AccountCard/MfaSelectField/index.js
+++ b/src/pages/AccountPage/AccountCard/MfaSelectField/index.js
@@ -23,16 +23,7 @@ const defaultProps = {
   isHidden: false,
 };
 
-const MfaSelectField = ({
-  name,
-  errors,
-  touched,
-  isDisabled,
-  label,
-  isRequired,
-  isHidden,
-  setFieldValue,
-}) => {
+const MfaSelectField = ({ name, errors, touched, isDisabled, label, isRequired, isHidden, setFieldValue }) => {
   const { t } = useTranslation();
   const { isOpen, onOpen, onClose } = useDisclosure();
 
diff --git a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/AddSubsectionModal.js b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/AddSubsectionModal.js
index d0e438c..d6d9afe 100644
--- a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/AddSubsectionModal.js
+++ b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/AddSubsectionModal.js
@@ -32,19 +32,11 @@ const AddSubsectionModal = ({ editing, activeSubs, addSub }) => {
 
   return (
     <>
-      <CreateButton
-        label={t('configurations.add_subsection')}
-        onClick={onOpen}
-        isDisabled={!editing}
-        ml={2}
-      />
+      <CreateButton label={t('configurations.add_subsection')} onClick={onOpen} isDisabled={!editing} ml={2} />
       <Modal onClose={onClose} isOpen={isOpen} size="sm" scrollBehavior="inside">
         <ModalOverlay />
         <ModalContent>
-          <ModalHeader
-            title={t('configurations.add_subsection')}
-            right={<CloseButton ml={2} onClick={onClose} />}
-          />
+          <ModalHeader title={t('configurations.add_subsection')} right={<CloseButton ml={2} onClick={onClose} />} />
           <ModalBody>
             <SimpleGrid minChildWidth="200px" spacing={4}>
               <Center>
@@ -57,11 +49,7 @@ const AddSubsectionModal = ({ editing, activeSubs, addSub }) => {
                 </Button>
               </Center>
               <Center>
-                <Button
-                  colorScheme="blue"
-                  isDisabled={activeSubs.includes('unit')}
-                  onClick={() => addNewSub('unit')}
-                >
+                <Button colorScheme="blue" isDisabled={activeSubs.includes('unit')} onClick={() => addNewSub('unit')}>
                   {t('configurations.unit')}
                 </Button>
               </Center>
diff --git a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/CreateInterfaceButton.js b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/CreateInterfaceButton.js
index 03efe52..d68a1d3 100644
--- a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/CreateInterfaceButton.js
+++ b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/CreateInterfaceButton.js
@@ -1,15 +1,7 @@
 import React, { useCallback, useState } from 'react';
 import PropTypes from 'prop-types';
 import isEqual from 'react-fast-compare';
-import {
-  Button,
-  useDisclosure,
-  Modal,
-  ModalBody,
-  ModalContent,
-  ModalOverlay,
-  Box,
-} from '@chakra-ui/react';
+import { Button, useDisclosure, Modal, ModalBody, ModalContent, ModalOverlay, Box } from '@chakra-ui/react';
 import { useTranslation } from 'react-i18next';
 import { Plus } from 'phosphor-react';
 import ModalHeader from 'components/ModalHeader';
@@ -53,14 +45,7 @@ const CreateInterfaceButton = ({ editing, arrayHelpers: { push: pushInterface }
 
   return (
     <>
-      <Button
-        colorScheme="blue"
-        type="submit"
-        onClick={onOpen}
-        rightIcon={<Plus size={20} />}
-        hidden={!editing}
-        ml={2}
-      >
+      <Button colorScheme="blue" type="submit" onClick={onOpen} rightIcon={<Plus size={20} />} hidden={!editing} ml={2}>
         {t('configurations.add_interface')}
       </Button>
       <Modal onClose={onClose} isOpen={isOpen} size="sm" scrollBehavior="inside">
diff --git a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/InterfaceExpertModal/index.js b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/InterfaceExpertModal/index.js
index 9602915..fe8788e 100644
--- a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/InterfaceExpertModal/index.js
+++ b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/InterfaceExpertModal/index.js
@@ -22,14 +22,7 @@ const InterfaceExpertModal = ({ editing }) => {
   return (
     <>
       <EditButton mt={2} label={t('configurations.expert_name')} onClick={onOpen} />
-      {isOpen && (
-        <InterfaceExpertForm
-          config={value}
-          onClose={onClose}
-          setConfig={setConfig}
-          editing={editing}
-        />
-      )}
+      {isOpen && <InterfaceExpertForm config={value} onClose={onClose} setConfig={setConfig} editing={editing} />}
     </>
   );
 };
diff --git a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/SingleInterface/Bridge/BridgeSection.js b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/SingleInterface/Bridge/BridgeSection.js
index 0d8756e..437a2a7 100644
--- a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/SingleInterface/Bridge/BridgeSection.js
+++ b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/SingleInterface/Bridge/BridgeSection.js
@@ -14,12 +14,7 @@ const IpV4 = ({ editing, index, isEnabled }) => {
 
   return (
     <>
-      <NumberField
-        name={`configuration[${index}].bridge.mtu`}
-        label="bridge.mtu"
-        isDisabled={!editing}
-        isRequired
-      />
+      <NumberField name={`configuration[${index}].bridge.mtu`} label="bridge.mtu" isDisabled={!editing} isRequired />
       <NumberField
         name={`configuration[${index}].bridge.tx-queue-len`}
         label="bridge.tx-queue-len"
diff --git a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/SingleInterface/IpV4/DhcpIpV4.js b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/SingleInterface/IpV4/DhcpIpV4.js
index ef612d5..1d9fb81 100644
--- a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/SingleInterface/IpV4/DhcpIpV4.js
+++ b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/SingleInterface/IpV4/DhcpIpV4.js
@@ -20,10 +20,7 @@ const DhcpIpV4 = ({ editing, index }) => {
 
   const onEnabledChange = (e) => {
     if (e.target.checked) {
-      setFieldValue(
-        `configuration[${index}].ipv4.dhcp`,
-        INTERFACE_IPV4_DHCP_SCHEMA(t, true).cast(),
-      );
+      setFieldValue(`configuration[${index}].ipv4.dhcp`, INTERFACE_IPV4_DHCP_SCHEMA(t, true).cast());
     } else {
       setFieldValue(`configuration[${index}].ipv4.dhcp`, undefined);
       setFieldValue(`configuration[${index}].ipv4.dhcp-lease`, undefined);
@@ -41,13 +38,7 @@ const DhcpIpV4 = ({ editing, index }) => {
         <FormLabel ms="4px" fontSize="md" fontWeight="normal">
           Enable DHCP
         </FormLabel>
-        <Switch
-          onChange={onEnabledChange}
-          isChecked={isEnabled}
-          borderRadius="15px"
-          size="lg"
-          isDisabled={!editing}
-        />
+        <Switch onChange={onEnabledChange} isChecked={isEnabled} borderRadius="15px" size="lg" isDisabled={!editing} />
       </FormControl>
       {isEnabled && (
         <>
diff --git a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/SingleInterface/IpV4/DhcpLeaseIpV4.js b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/SingleInterface/IpV4/DhcpLeaseIpV4.js
index 3b66d00..d4c66b5 100644
--- a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/SingleInterface/IpV4/DhcpLeaseIpV4.js
+++ b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/SingleInterface/IpV4/DhcpLeaseIpV4.js
@@ -20,10 +20,7 @@ const DhcpLeaseIpV4 = ({ editing, index }) => {
 
   const onEnabledChange = (e) => {
     if (e.target.checked) {
-      setFieldValue(
-        `configuration[${index}].ipv4.dhcp-lease`,
-        INTERFACE_IPV4_DHCP_LEASE_SCHEMA(t, true).cast(),
-      );
+      setFieldValue(`configuration[${index}].ipv4.dhcp-lease`, INTERFACE_IPV4_DHCP_LEASE_SCHEMA(t, true).cast());
     } else {
       setFieldValue(`configuration[${index}].ipv4.dhcp-lease`, undefined);
     }
@@ -40,13 +37,7 @@ const DhcpLeaseIpV4 = ({ editing, index }) => {
         <FormLabel ms="4px" fontSize="md" fontWeight="normal">
           Enable DHCP-LEASE
         </FormLabel>
-        <Switch
-          onChange={onEnabledChange}
-          isChecked={isEnabled}
-          borderRadius="15px"
-          size="lg"
-          isDisabled={!editing}
-        />
+        <Switch onChange={onEnabledChange} isChecked={isEnabled} borderRadius="15px" size="lg" isDisabled={!editing} />
       </FormControl>
       {isEnabled && (
         <>
diff --git a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/SingleInterface/IpV4/index.js b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/SingleInterface/IpV4/index.js
index 8cef5d2..41073c2 100644
--- a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/SingleInterface/IpV4/index.js
+++ b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/SingleInterface/IpV4/index.js
@@ -24,8 +24,7 @@ const IpV4 = ({ editing, index }) => {
   const onIpv4Change = (e) => {
     if (e.target.value === '') {
       setFieldValue(`configuration[${index}].ipv4`, undefined);
-    } else if (e.target.value === 'dynamic')
-      setFieldValue(`configuration[${index}].ipv4`, { addressing: 'dynamic' });
+    } else if (e.target.value === 'dynamic') setFieldValue(`configuration[${index}].ipv4`, { addressing: 'dynamic' });
     else {
       setFieldValue(`configuration[${index}].ipv4`, {
         ...INTERFACE_IPV4_SCHEMA(t, true).cast(),
@@ -56,25 +55,13 @@ const IpV4 = ({ editing, index }) => {
           mx={2}
         />
         <FormControl isDisabled={!editing} hidden={getIpv4Value() === ''}>
-          <Select
-            value={getIpv4Value()}
-            onChange={onIpv4Change}
-            borderRadius="15px"
-            fontSize="sm"
-            w="120px"
-          >
+          <Select value={getIpv4Value()} onChange={onIpv4Change} borderRadius="15px" fontSize="sm" w="120px">
             <option value="dynamic">dynamic</option>
             <option value="static">static</option>
           </Select>
         </FormControl>
       </Heading>
-      <SimpleGrid
-        minChildWidth="300px"
-        spacing="20px"
-        mb={getIpv4Value() === 'static' ? 8 : undefined}
-        mt={2}
-        w="100%"
-      >
+      <SimpleGrid minChildWidth="300px" spacing="20px" mb={getIpv4Value() === 'static' ? 8 : undefined} mt={2} w="100%">
         <StaticIpV4 index={index} isEnabled={getIpv4Value() === 'static'} editing={editing} />
       </SimpleGrid>
     </>
diff --git a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/SingleInterface/IpV6/index.js b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/SingleInterface/IpV6/index.js
index a51a7bf..40f2549 100644
--- a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/SingleInterface/IpV6/index.js
+++ b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/SingleInterface/IpV6/index.js
@@ -43,13 +43,7 @@ const IpV6 = ({ editing, index }) => {
         mx={2}
       />
       <FormControl isDisabled hidden={getIpv6Value() === ''}>
-        <Select
-          value={getIpv6Value()}
-          onChange={onIpv6Change}
-          borderRadius="15px"
-          fontSize="sm"
-          w="120px"
-        >
+        <Select value={getIpv6Value()} onChange={onIpv6Change} borderRadius="15px" fontSize="sm" w="120px">
           <option value="dynamic">dynamic</option>
         </Select>
       </FormControl>
diff --git a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/SingleInterface/SsidList/Encryption.js b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/SingleInterface/SsidList/Encryption.js
index 0431a58..6c93d2f 100644
--- a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/SingleInterface/SsidList/Encryption.js
+++ b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/SingleInterface/SsidList/Encryption.js
@@ -26,15 +26,10 @@ const Encryption = ({ editing, namePrefix }) => {
     }
   };
 
-  const isEnabled = useMemo(
-    () => getIn(values, `${namePrefix}`) !== undefined,
-    [getIn(values, `${namePrefix}`)],
-  );
+  const isEnabled = useMemo(() => getIn(values, `${namePrefix}`) !== undefined, [getIn(values, `${namePrefix}`)]);
 
   const isKeyNeeded = useMemo(
-    () =>
-      getIn(values, `${namePrefix}`) !== undefined &&
-      keyProtos.includes(getIn(values, `${namePrefix}`).proto),
+    () => getIn(values, `${namePrefix}`) !== undefined && keyProtos.includes(getIn(values, `${namePrefix}`).proto),
     [getIn(values, `${namePrefix}`)],
   );
 
diff --git a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/SingleInterface/SsidList/Local.js b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/SingleInterface/SsidList/Local.js
index 1ddfa93..20934df 100644
--- a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/SingleInterface/SsidList/Local.js
+++ b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/SingleInterface/SsidList/Local.js
@@ -6,10 +6,7 @@ import StringField from 'components/FormFields/StringField';
 import { FormControl, FormLabel, SimpleGrid, Switch } from '@chakra-ui/react';
 import ObjectArrayFieldModal from 'components/FormFields/ObjectArrayFieldModal';
 import NumberField from 'components/FormFields/NumberField';
-import {
-  INTERFACE_SSID_RADIUS_LOCAL_SCHEMA,
-  INTERFACE_SSID_RADIUS_LOCAL_USER_SCHEMA,
-} from '../../interfacesConstants';
+import { INTERFACE_SSID_RADIUS_LOCAL_SCHEMA, INTERFACE_SSID_RADIUS_LOCAL_USER_SCHEMA } from '../../interfacesConstants';
 
 const propTypes = {
   editing: PropTypes.bool.isRequired,
@@ -28,10 +25,7 @@ const Local = ({ editing, namePrefix }) => {
     }
   };
 
-  const isEnabled = useMemo(
-    () => getIn(values, `${namePrefix}`) !== undefined,
-    [getIn(values, `${namePrefix}`)],
-  );
+  const isEnabled = useMemo(() => getIn(values, `${namePrefix}`) !== undefined, [getIn(values, `${namePrefix}`)]);
 
   return (
     <>
@@ -67,13 +61,7 @@ const Local = ({ editing, namePrefix }) => {
                 <StringField name="mac" label="mac" isRequired />
                 <StringField name="user-name" label="user-name" isRequired />
                 <StringField name="password" label="password" isRequired hideButton />
-                <NumberField
-                  name="vlan-id"
-                  label="vlan-id"
-                  isDisabled={!editing}
-                  isRequired
-                  w={24}
-                />
+                <NumberField name="vlan-id" label="vlan-id" isDisabled={!editing} isRequired w={24} />
               </>
             }
             columns={[
diff --git a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/SingleInterface/SsidList/Radius/LockedRadius.js b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/SingleInterface/SsidList/Radius/LockedRadius.js
index 4959f24..c6c9a78 100644
--- a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/SingleInterface/SsidList/Radius/LockedRadius.js
+++ b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/SingleInterface/SsidList/Radius/LockedRadius.js
@@ -34,22 +34,9 @@ const LockedRadius = ({ variableBlockId }) => {
   return (
     <>
       <SimpleGrid minChildWidth="300px" spacing="20px">
-        <DisplayStringField
-          label="authentication.host"
-          value={data.authentication.host}
-          isRequired
-        />
-        <DisplayNumberField
-          label="authentication.port"
-          value={data.authentication.port}
-          isRequired
-        />
-        <DisplayStringField
-          label="authentication.secret"
-          value={data.authentication.secret}
-          isRequired
-          hideButton
-        />
+        <DisplayStringField label="authentication.host" value={data.authentication.host} isRequired />
+        <DisplayNumberField label="authentication.port" value={data.authentication.port} isRequired />
+        <DisplayStringField label="authentication.secret" value={data.authentication.secret} isRequired hideButton />
       </SimpleGrid>
       <FormControl isDisabled>
         <FormLabel ms="4px" fontSize="md" fontWeight="normal">
@@ -67,12 +54,7 @@ const LockedRadius = ({ variableBlockId }) => {
         <SimpleGrid minChildWidth="300px" spacing="20px">
           <DisplayStringField label="accounting.host" value={data.accounting?.host} isRequired />
           <DisplayNumberField label="accounting.port" value={data.accounting?.port} isRequired />
-          <DisplayStringField
-            label="accounting.secret"
-            value={data.accounting?.secret}
-            isRequired
-            hideButton
-          />
+          <DisplayStringField label="accounting.secret" value={data.accounting?.secret} isRequired hideButton />
         </SimpleGrid>
       )}
       <FormControl isDisabled>
diff --git a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/SingleInterface/SsidList/Radius/index.js b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/SingleInterface/SsidList/Radius/index.js
index 6a4498c..bc693da 100644
--- a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/SingleInterface/SsidList/Radius/index.js
+++ b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/SingleInterface/SsidList/Radius/index.js
@@ -28,10 +28,7 @@ const Radius = ({ editing, namePrefix }) => {
     }
   };
 
-  const isRadiusEnabled = useMemo(
-    () => getIn(values, `${namePrefix}`) !== undefined,
-    [getIn(values, `${namePrefix}`)],
-  );
+  const isRadiusEnabled = useMemo(() => getIn(values, `${namePrefix}`) !== undefined, [getIn(values, `${namePrefix}`)]);
 
   const isUsingCustomRadius = useMemo(() => {
     const v = getIn(values, `${namePrefix}`);
diff --git a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/SingleInterface/SsidList/Roaming.js b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/SingleInterface/SsidList/Roaming.js
index 27e6e52..79c843d 100644
--- a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/SingleInterface/SsidList/Roaming.js
+++ b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/SingleInterface/SsidList/Roaming.js
@@ -24,10 +24,7 @@ const Roaming = ({ editing, namePrefix }) => {
     }
   };
 
-  const isEnabled = useMemo(
-    () => getIn(values, `${namePrefix}`) !== undefined,
-    [getIn(values, `${namePrefix}`)],
-  );
+  const isEnabled = useMemo(() => getIn(values, `${namePrefix}`) !== undefined, [getIn(values, `${namePrefix}`)]);
 
   return (
     <>
diff --git a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/SingleInterface/SsidList/Rrm.js b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/SingleInterface/SsidList/Rrm.js
index 03137b5..ce43f4f 100644
--- a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/SingleInterface/SsidList/Rrm.js
+++ b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/SingleInterface/SsidList/Rrm.js
@@ -24,10 +24,7 @@ const Rrm = ({ editing, namePrefix }) => {
     }
   };
 
-  const isEnabled = useMemo(
-    () => getIn(values, `${namePrefix}`) !== undefined,
-    [getIn(values, `${namePrefix}`)],
-  );
+  const isEnabled = useMemo(() => getIn(values, `${namePrefix}`) !== undefined, [getIn(values, `${namePrefix}`)]);
 
   return (
     <>
diff --git a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/SingleInterface/SsidList/SingleSsid.js b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/SingleInterface/SsidList/SingleSsid.js
index 454b0e5..c9c696f 100644
--- a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/SingleInterface/SsidList/SingleSsid.js
+++ b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/SingleInterface/SsidList/SingleSsid.js
@@ -32,11 +32,7 @@ const SingleSsid = ({ editing, index, namePrefix, remove }) => {
       <CardHeader flex="auto">
         <Heading size="md">#{index}</Heading>
         <Spacer />
-        <DeleteButton
-          isDisabled={!editing}
-          onClick={removeSsid}
-          label={t('configurations.delete_ssid')}
-        />
+        <DeleteButton isDisabled={!editing} onClick={removeSsid} label={t('configurations.delete_ssid')} />
       </CardHeader>
       <CardBody display="unset">
         <SimpleGrid minChildWidth="300px" spacing="20px">
diff --git a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/SingleInterface/Tunnel/index.js b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/SingleInterface/Tunnel/index.js
index c28e300..198fb57 100644
--- a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/SingleInterface/Tunnel/index.js
+++ b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/SingleInterface/Tunnel/index.js
@@ -18,8 +18,7 @@ const Tunnel = ({ editing, index }) => {
   };
 
   const onChange = (e) => {
-    if (e.target.value === 'mesh')
-      setFieldValue(`configuration[${index}].tunnel`, { proto: 'mesh' });
+    if (e.target.value === 'mesh') setFieldValue(`configuration[${index}].tunnel`, { proto: 'mesh' });
     else if (e.target.value === 'vxlan') {
       setFieldValue(`configuration[${index}].tunnel`, {
         proto: 'vxlan',
@@ -62,13 +61,7 @@ const Tunnel = ({ editing, index }) => {
           mx={2}
         />
         <FormControl isDisabled={!editing} hidden={getTunnelProto() === ''}>
-          <Select
-            value={getTunnelProto()}
-            onChange={onChange}
-            borderRadius="15px"
-            fontSize="sm"
-            w="120px"
-          >
+          <Select value={getTunnelProto()} onChange={onChange} borderRadius="15px" fontSize="sm" w="120px">
             <option value="mesh">mesh</option>
             <option value="vxlan">vxlan</option>
             <option value="l2tp">l2tp</option>
@@ -76,13 +69,7 @@ const Tunnel = ({ editing, index }) => {
           </Select>
         </FormControl>
       </Heading>
-      <SimpleGrid
-        minChildWidth="300px"
-        spacing="20px"
-        mb={getTunnelProto() !== '' ? 8 : undefined}
-        mt={2}
-        w="100%"
-      >
+      <SimpleGrid minChildWidth="300px" spacing="20px" mb={getTunnelProto() !== '' ? 8 : undefined} mt={2} w="100%">
         <TunnelValues index={index} type={getTunnelProto()} editing={editing} />
       </SimpleGrid>
     </>
diff --git a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/SingleInterface/Vlan/BridgeSection.js b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/SingleInterface/Vlan/BridgeSection.js
index 0d8756e..437a2a7 100644
--- a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/SingleInterface/Vlan/BridgeSection.js
+++ b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/SingleInterface/Vlan/BridgeSection.js
@@ -14,12 +14,7 @@ const IpV4 = ({ editing, index, isEnabled }) => {
 
   return (
     <>
-      <NumberField
-        name={`configuration[${index}].bridge.mtu`}
-        label="bridge.mtu"
-        isDisabled={!editing}
-        isRequired
-      />
+      <NumberField name={`configuration[${index}].bridge.mtu`} label="bridge.mtu" isDisabled={!editing} isRequired />
       <NumberField
         name={`configuration[${index}].bridge.tx-queue-len`}
         label="bridge.tx-queue-len"
diff --git a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/SingleInterface/Vlan/index.js b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/SingleInterface/Vlan/index.js
index d9ada2f..0e6c8c8 100644
--- a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/SingleInterface/Vlan/index.js
+++ b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/SingleInterface/Vlan/index.js
@@ -26,24 +26,11 @@ const Vlan = ({ editing, index }) => {
     <>
       <Heading size="md" display="flex">
         <Text>Vlan</Text>
-        <Switch
-          onChange={onToggle}
-          isChecked={isActive()}
-          borderRadius="15px"
-          size="lg"
-          mx={2}
-          isDisabled={!editing}
-        />
+        <Switch onChange={onToggle} isChecked={isActive()} borderRadius="15px" size="lg" mx={2} isDisabled={!editing} />
       </Heading>
       {isActive() && (
         <SimpleGrid minChildWidth="300px" spacing="20px" mb={8} mt={2} w="100%">
-          <NumberField
-            name={`configuration[${index}].vlan.id`}
-            label="id"
-            isDisabled={!editing}
-            isRequired
-            w={36}
-          />
+          <NumberField name={`configuration[${index}].vlan.id`} label="id" isDisabled={!editing} isRequired w={36} />
         </SimpleGrid>
       )}
     </>
diff --git a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/SingleInterface/index.js b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/SingleInterface/index.js
index 33a253c..9e3a3e0 100644
--- a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/SingleInterface/index.js
+++ b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/SingleInterface/index.js
@@ -34,11 +34,7 @@ const SingleInterface = ({ editing, index, remove }) => {
       <CardHeader flex="auto">
         <Heading size="lg">{values.configuration[index].name}</Heading>
         <Spacer />
-        <DeleteButton
-          isDisabled={!editing}
-          onClick={removeRadio}
-          label={t('configurations.delete_interface')}
-        />
+        <DeleteButton isDisabled={!editing} onClick={removeRadio} label={t('configurations.delete_interface')} />
       </CardHeader>
       <CardBody display="unset">
         <Heading size="md">General</Heading>
@@ -181,9 +177,7 @@ const SingleInterface = ({ editing, index, remove }) => {
               editing={editing}
               arrayHelpers={arrayHelpers}
               ssidsLength={
-                values.configuration[index].ssids !== undefined
-                  ? values.configuration[index].ssids.length
-                  : 0
+                values.configuration[index].ssids !== undefined ? values.configuration[index].ssids.length : 0
               }
             />
           )}
diff --git a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/interfacesConstants.js b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/interfacesConstants.js
index 2247c53..7c813ba 100644
--- a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/interfacesConstants.js
+++ b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/InterfaceSection/interfacesConstants.js
@@ -14,18 +14,11 @@ export const INTERFACE_SSID_RADIUS_LOCAL_USER_SCHEMA = (t, useDefault = false) =
       .test('services.ieee8021x.user.mac.length', t('form.invalid_mac_uc'), testUcMac)
       .default(''),
     'user-name': string().required(t('form.required')).default(''),
-    'vlan-id': number()
-      .required(t('form.required'))
-      .moreThan(-1)
-      .lessThan(4097)
-      .integer()
-      .default(1),
+    'vlan-id': number().required(t('form.required')).moreThan(-1).lessThan(4097).integer().default(1),
     password: string()
       .required(t('form.required'))
-      .test(
-        'services.ieee8021x.user.password.length',
-        t('form.min_max_string', { min: 8, max: 63 }),
-        (val) => testLength({ val, min: 8, max: 63 }),
+      .test('services.ieee8021x.user.password.length', t('form.min_max_string', { min: 8, max: 63 }), (val) =>
+        testLength({ val, min: 8, max: 63 }),
       )
       .default(''),
   });
@@ -59,12 +52,7 @@ export const INTERFACE_SSID_RADIUS_SCHEMA = (t, useDefault = false) => {
       authentication: object()
         .shape({
           host: string().required(t('form.required')).default('192.168.178.192'),
-          port: number()
-            .required(t('form.required'))
-            .positive()
-            .lessThan(4050)
-            .integer()
-            .default(1812),
+          port: number().required(t('form.required')).positive().lessThan(4050).integer().default(1812),
           secret: string().required(t('form.required')).min(8).max(63).default('YOUR_SECRET'),
         })
         .nullable()
@@ -72,12 +60,7 @@ export const INTERFACE_SSID_RADIUS_SCHEMA = (t, useDefault = false) => {
       accounting: object()
         .shape({
           host: string().required(t('form.required')).default('192.168.178.192'),
-          port: number()
-            .required(t('form.required'))
-            .positive()
-            .lessThan(4050)
-            .integer()
-            .default(1813),
+          port: number().required(t('form.required')).positive().lessThan(4050).integer().default(1813),
           secret: string().required(t('form.required')).min(8).max(63).default('YOUR_SECRET'),
         })
         .nullable()
@@ -85,12 +68,7 @@ export const INTERFACE_SSID_RADIUS_SCHEMA = (t, useDefault = false) => {
       'dynamic-authorization': object()
         .shape({
           host: string().required(t('form.required')).default('YOUR_SECRET'),
-          port: number()
-            .required(t('form.required'))
-            .positive()
-            .lessThan(4050)
-            .integer()
-            .default(1813),
+          port: number().required(t('form.required')).positive().lessThan(4050).integer().default(1813),
           secret: string().required(t('form.required')).min(8).max(63).default(''),
         })
         .nullable()
@@ -175,11 +153,7 @@ export const INTERFACE_SSID_SCHEMA = (t, useDefault = false) => {
   const shape = object().shape({
     name: string().required(t('form.required')).default('YOUR_SSID'),
     purpose: string().default(undefined),
-    'wifi-bands': array()
-      .of(string())
-      .required(t('form.required'))
-      .min(1, t('form.required'))
-      .default(['2G', '5G']),
+    'wifi-bands': array().of(string()).required(t('form.required')).min(1, t('form.required')).default(['2G', '5G']),
     'bss-mode': string().required(t('form.required')).default('ap'),
     'hidden-ssid': bool().required(t('form.required')).default(false),
     'isolate-clients': bool().required(t('form.required')).default(false),
@@ -187,12 +161,7 @@ export const INTERFACE_SSID_SCHEMA = (t, useDefault = false) => {
     'broadcast-time': bool().default(undefined),
     'unicast-conversion': bool().default(undefined),
     services: array().of(string()).default([]),
-    'maximum-clients': number()
-      .required(t('form.required'))
-      .moreThan(0)
-      .lessThan(65535)
-      .integer()
-      .default(64),
+    'maximum-clients': number().required(t('form.required')).moreThan(0).lessThan(65535).integer().default(64),
     'proxy-arp': bool().default(undefined),
     'disassoc-low-ack': bool().default(undefined),
     'vendor-elements': string(),
@@ -244,12 +213,7 @@ export const INTERFACE_IPV4_DHCP_LEASE_SCHEMA = (t, useDefault = false) => {
 export const INTERFACE_BRIDGE_SCHEMA = (t, useDefault = false) => {
   const shape = object()
     .shape({
-      mtu: number()
-        .required(t('form.required'))
-        .moreThan(255)
-        .lessThan(65535)
-        .integer()
-        .default(1500),
+      mtu: number().required(t('form.required')).moreThan(255).lessThan(65535).integer().default(1500),
       'tx-queue-len': number().required(t('form.required')).positive().integer().default(5000),
       'isolate-ports': bool().required(t('form.required')).default(false),
     })
@@ -279,11 +243,7 @@ export const INTERFACE_IPV4_SCHEMA = (t, useDefault = false) => {
     'use-dns': array().when('addressing', {
       is: 'dynamic',
       then: array().nullable(),
-      otherwise: array()
-        .of(string())
-        .required(t('form.required'))
-        .min(1, t('form.required'))
-        .default([]),
+      otherwise: array().of(string()).required(t('form.required')).min(1, t('form.required')).default([]),
     }),
     dhcp: INTERFACE_IPV4_DHCP_SCHEMA(t, useDefault),
     'dhcp-lease': INTERFACE_IPV4_DHCP_LEASE_SCHEMA(t, useDefault),
@@ -302,12 +262,7 @@ export const INTERFACE_TUNNEL_SCHEMA = (t, useDefault = false) => {
     }),
     'peer-port': number().when('proto', {
       is: 'vxlan',
-      then: number()
-        .required(t('form.required'))
-        .moreThan(0)
-        .lessThan(65535)
-        .integer()
-        .default(4700),
+      then: number().required(t('form.required')).moreThan(0).lessThan(65535).integer().default(4700),
       otherwise: number().nullable(),
     }),
     server: string().when('proto', {
diff --git a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/MetricsSection/metricsConstants.js b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/MetricsSection/metricsConstants.js
index 1bca7ce..75f0c40 100644
--- a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/MetricsSection/metricsConstants.js
+++ b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/MetricsSection/metricsConstants.js
@@ -4,20 +4,12 @@ export const METRICS_STATISTICS_SCHEMA = (t, useDefault = false) =>
   useDefault
     ? object().shape({
         interval: number().required(t('form.required')).moreThan(59).lessThan(1000).default(60),
-        types: array()
-          .of(string())
-          .required(t('form.required'))
-          .min(1, t('form.required'))
-          .default([]),
+        types: array().of(string()).required(t('form.required')).min(1, t('form.required')).default([]),
       })
     : object()
         .shape({
           interval: number().required(t('form.required')).moreThan(59).lessThan(1000).default(60),
-          types: array()
-            .of(string())
-            .required(t('form.required'))
-            .min(1, t('form.required'))
-            .default([]),
+          types: array().of(string()).required(t('form.required')).min(1, t('form.required')).default([]),
         })
         .nullable()
         .default(undefined);
@@ -37,19 +29,11 @@ export const METRICS_HEALTH_SCHEMA = (t, useDefault = false) =>
 export const METRICS_WIFI_FRAMES_SCHEMA = (t, useDefault = false) =>
   useDefault
     ? object().shape({
-        filters: array()
-          .of(string())
-          .required(t('form.required'))
-          .min(1, t('form.required'))
-          .default([]),
+        filters: array().of(string()).required(t('form.required')).min(1, t('form.required')).default([]),
       })
     : object()
         .shape({
-          filters: array()
-            .of(string())
-            .required(t('form.required'))
-            .min(1, t('form.required'))
-            .default([]),
+          filters: array().of(string()).required(t('form.required')).min(1, t('form.required')).default([]),
         })
         .nullable()
         .default(undefined);
@@ -57,19 +41,11 @@ export const METRICS_WIFI_FRAMES_SCHEMA = (t, useDefault = false) =>
 export const METRICS_DHCP_SNOOPING_SCHEMA = (t, useDefault = false) =>
   useDefault
     ? object().shape({
-        filters: array()
-          .of(string())
-          .required(t('form.required'))
-          .min(1, t('form.required'))
-          .default([]),
+        filters: array().of(string()).required(t('form.required')).min(1, t('form.required')).default([]),
       })
     : object()
         .shape({
-          filters: array()
-            .of(string())
-            .required(t('form.required'))
-            .min(1, t('form.required'))
-            .default([]),
+          filters: array().of(string()).required(t('form.required')).min(1, t('form.required')).default([]),
         })
         .nullable()
         .default(undefined);
diff --git a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/RadiosSection/ChannelPicker.js b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/RadiosSection/ChannelPicker.js
index ade98da..520334d 100644
--- a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/RadiosSection/ChannelPicker.js
+++ b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/RadiosSection/ChannelPicker.js
@@ -12,9 +12,7 @@ const CHANNELS = {
     80: [36, 52, 100, 116, 132, 149],
   },
   '5G-lower': {
-    20: [
-      36, 40, 44, 48, 52, 56, 60, 64, 100, 104, 108, 112, 116, 120, 124, 128, 132, 136, 140, 144,
-    ],
+    20: [36, 40, 44, 48, 52, 56, 60, 64, 100, 104, 108, 112, 116, 120, 124, 128, 132, 136, 140, 144],
     40: [38, 46, 54, 63, 102, 110, 118, 126, 134, 142],
     80: [42, 58, 106, 122, 138],
     160: [50, 114],
@@ -26,13 +24,13 @@ const CHANNELS = {
   },
   '6G': {
     20: [
-      1, 5, 9, 13, 17, 21, 25, 29, 33, 37, 41, 45, 49, 53, 57, 61, 65, 69, 73, 77, 81, 85, 89, 93,
-      97, 101, 105, 109, 113, 117, 121, 125, 129, 133, 137, 141, 145, 149, 153, 157, 161, 165, 169,
-      173, 177, 181, 185, 189, 193, 197, 201, 205, 209, 213, 217, 221, 225, 229, 233,
+      1, 5, 9, 13, 17, 21, 25, 29, 33, 37, 41, 45, 49, 53, 57, 61, 65, 69, 73, 77, 81, 85, 89, 93, 97, 101, 105, 109,
+      113, 117, 121, 125, 129, 133, 137, 141, 145, 149, 153, 157, 161, 165, 169, 173, 177, 181, 185, 189, 193, 197, 201,
+      205, 209, 213, 217, 221, 225, 229, 233,
     ],
     40: [
-      3, 11, 19, 27, 35, 43, 51, 59, 67, 75, 83, 91, 99, 107, 115, 123, 131, 139, 147, 155, 163,
-      171, 17, 187, 195, 203, 211, 219, 227,
+      3, 11, 19, 27, 35, 43, 51, 59, 67, 75, 83, 91, 99, 107, 115, 123, 131, 139, 147, 155, 163, 171, 17, 187, 195, 203,
+      211, 219, 227,
     ],
     80: [7, 23, 39, 55, 71, 87, 103, 119, 135, 151, 167, 183, 199, 215],
     160: [15, 47, 79, 143],
@@ -91,12 +89,7 @@ const ChannelPicker = ({ index, isDisabled }) => {
           options = [...options, ...CHANNELS['5G-upper'][80]];
           break;
         default:
-          options = [
-            ...options,
-            ...CHANNELS['5G-upper'][20],
-            ...CHANNELS['5G-upper'][40],
-            ...CHANNELS['5G-upper'][80],
-          ];
+          options = [...options, ...CHANNELS['5G-upper'][20], ...CHANNELS['5G-upper'][40], ...CHANNELS['5G-upper'][80]];
       }
     } else if (band === '5G') {
       switch (channelWidth) {
@@ -171,13 +164,7 @@ const ChannelPicker = ({ index, isDisabled }) => {
           <FormLabel ms="4px" fontSize="md" fontWeight="normal">
             channel <ConfigurationFieldExplanation definitionKey="radio.channel" />
           </FormLabel>
-          <Select
-            {...field}
-            onChange={updateValue}
-            borderRadius="15px"
-            fontSize="sm"
-            isDisabled={isDisabled}
-          >
+          <Select {...field} onChange={updateValue} borderRadius="15px" fontSize="sm" isDisabled={isDisabled}>
             {channelOptions.map((option) => (
               <option value={option.value} key={uuid()}>
                 {option.label}
diff --git a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/RadiosSection/RadioPicker.js b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/RadiosSection/RadioPicker.js
index a17c9c1..cf59401 100644
--- a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/RadiosSection/RadioPicker.js
+++ b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/RadiosSection/RadioPicker.js
@@ -1,15 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import isEqual from 'react-fast-compare';
-import {
-  Button,
-  useDisclosure,
-  Modal,
-  ModalBody,
-  ModalContent,
-  ModalOverlay,
-  Center,
-} from '@chakra-ui/react';
+import { Button, useDisclosure, Modal, ModalBody, ModalContent, ModalOverlay, Center } from '@chakra-ui/react';
 import { useTranslation } from 'react-i18next';
 import { Plus } from 'phosphor-react';
 import ModalHeader from 'components/ModalHeader';
@@ -38,23 +30,13 @@ const RadioPicker = ({ editing, radios, arrayHelpers: { push: pushRadio } }) =>
 
   return (
     <>
-      <Button
-        colorScheme="blue"
-        type="submit"
-        onClick={onOpen}
-        rightIcon={<Plus size={20} />}
-        hidden={!editing}
-        ml={2}
-      >
+      <Button colorScheme="blue" type="submit" onClick={onOpen} rightIcon={<Plus size={20} />} hidden={!editing} ml={2}>
         {t('configurations.add_radio')}
       </Button>
       <Modal onClose={onClose} isOpen={isOpen} size="sm" scrollBehavior="inside">
         <ModalOverlay />
         <ModalContent>
-          <ModalHeader
-            title={t('configurations.add_radio')}
-            right={<CloseButton ml={2} onClick={onClose} />}
-          />
+          <ModalHeader title={t('configurations.add_radio')} right={<CloseButton ml={2} onClick={onClose} />} />
           <ModalBody>
             <Center my={2}>
               <Button
diff --git a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/RadiosSection/Radios.js b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/RadiosSection/Radios.js
index 6048536..2a98e79 100644
--- a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/RadiosSection/Radios.js
+++ b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/RadiosSection/Radios.js
@@ -16,21 +16,11 @@ const propTypes = {
 
 const Radios = ({ editing, arrayHelpers, radioBands, radioBandsLength }) => (
   <>
-    {radioBandsLength >= 1 && (
-      <SingleRadio index={0} remove={arrayHelpers.remove} editing={editing} />
-    )}
-    {radioBandsLength >= 2 && (
-      <SingleRadio index={1} remove={arrayHelpers.remove} editing={editing} />
-    )}
-    {radioBandsLength >= 3 && (
-      <SingleRadio index={2} remove={arrayHelpers.remove} editing={editing} />
-    )}
-    {radioBandsLength >= 4 && (
-      <SingleRadio index={3} remove={arrayHelpers.remove} editing={editing} />
-    )}
-    {radioBandsLength >= 5 && (
-      <SingleRadio index={4} remove={arrayHelpers.remove} editing={editing} />
-    )}
+    {radioBandsLength >= 1 && <SingleRadio index={0} remove={arrayHelpers.remove} editing={editing} />}
+    {radioBandsLength >= 2 && <SingleRadio index={1} remove={arrayHelpers.remove} editing={editing} />}
+    {radioBandsLength >= 3 && <SingleRadio index={2} remove={arrayHelpers.remove} editing={editing} />}
+    {radioBandsLength >= 4 && <SingleRadio index={3} remove={arrayHelpers.remove} editing={editing} />}
+    {radioBandsLength >= 5 && <SingleRadio index={4} remove={arrayHelpers.remove} editing={editing} />}
     <RadioPicker radios={radioBands} editing={editing} arrayHelpers={arrayHelpers} />
   </>
 );
diff --git a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/RadiosSection/SingleRadio.js b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/RadiosSection/SingleRadio.js
index f820464..09a8f31 100644
--- a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/RadiosSection/SingleRadio.js
+++ b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/RadiosSection/SingleRadio.js
@@ -28,11 +28,7 @@ const SingleRadio = ({ editing, index, remove }) => {
       <CardHeader flex="auto">
         <Box>#{index} Radio</Box>
         <Spacer />
-        <DeleteButton
-          isDisabled={!editing}
-          onClick={removeRadio}
-          label={t('configurations.delete_radio')}
-        />
+        <DeleteButton isDisabled={!editing} onClick={removeRadio} label={t('configurations.delete_radio')} />
       </CardHeader>
       <CardBody>
         <SimpleGrid minChildWidth="300px" spacing="20px" mb={8} mt={2} w="100%">
diff --git a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/RadiosSection/radiosConstants.js b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/RadiosSection/radiosConstants.js
index a43601e..8f8aa41 100644
--- a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/RadiosSection/radiosConstants.js
+++ b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/RadiosSection/radiosConstants.js
@@ -10,25 +10,10 @@ export const SINGLE_RADIO_SCHEMA = (t, useDefault = false, band = '2G') => {
     'require-mode': string().default(undefined),
     'channel-width': number().required(t('form.required')).integer().default(40),
     mimo: string().default(undefined),
-    'tx-power': number()
-      .required(t('form.required'))
-      .moreThan(-1)
-      .lessThan(31)
-      .integer()
-      .default(0),
+    'tx-power': number().required(t('form.required')).moreThan(-1).lessThan(31).integer().default(0),
     'legacy-rates': bool().default(undefined),
-    'beacon-interval': number()
-      .required(t('form.required'))
-      .moreThan(14)
-      .lessThan(65535)
-      .integer()
-      .default(100),
-    'dtim-period': number()
-      .required(t('form.required'))
-      .moreThan(0)
-      .lessThan(256)
-      .integer()
-      .default(2),
+    'beacon-interval': number().required(t('form.required')).moreThan(14).lessThan(65535).integer().default(100),
+    'dtim-period': number().required(t('form.required')).moreThan(0).lessThan(256).integer().default(2),
     'maximum-clients': number().positive().integer().default(64),
     'hostadp-iface-raw': array().of(string()).default(undefined),
     rates: object().shape({
diff --git a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/ServicesSection/Ieee8021x.js b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/ServicesSection/Ieee8021x.js
index f498d67..4300fcd 100644
--- a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/ServicesSection/Ieee8021x.js
+++ b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/ServicesSection/Ieee8021x.js
@@ -74,13 +74,7 @@ const Ieee8021x = ({ editing }) => {
                 <StringField name="mac" label="mac" isRequired />
                 <StringField name="user-name" label="user-name" isRequired />
                 <StringField name="password" label="password" isRequired hideButton />
-                <NumberField
-                  name="vlan-id"
-                  label="vlan-id"
-                  isDisabled={!editing}
-                  isRequired
-                  w={24}
-                />
+                <NumberField name="vlan-id" label="vlan-id" isDisabled={!editing} isRequired w={24} />
               </>
             }
             columns={[
diff --git a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/ServicesSection/RadiusProxy.js b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/ServicesSection/RadiusProxy.js
index bc0fa78..a902221 100644
--- a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/ServicesSection/RadiusProxy.js
+++ b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/ServicesSection/RadiusProxy.js
@@ -33,12 +33,7 @@ const RadiusProxy = ({ editing }) => {
               <>
                 <StringField name="realm" label="realm" isRequired />
                 <NumberField name="port" label="port" isDisabled={!editing} isRequired w={24} />
-                <ToggleField
-                  name="auto-discover"
-                  label="auto-discover"
-                  isDisabled={!editing}
-                  isRequired
-                />
+                <ToggleField name="auto-discover" label="auto-discover" isDisabled={!editing} isRequired />
                 <StringField name="secret" label="secret" isRequired />
                 <ToggleField
                   name="use-local-certificates"
diff --git a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/ServicesSection/servicesConstants.js b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/ServicesSection/servicesConstants.js
index b3f032e..dbd93d9 100644
--- a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/ServicesSection/servicesConstants.js
+++ b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/ServicesSection/servicesConstants.js
@@ -17,18 +17,11 @@ export const SERVICES_USER_SCHEMA = (t, useDefault = false) => {
       .test('services.ieee8021x.user.mac.length', t('form.invalid_mac_uc'), testUcMac)
       .default(''),
     'user-name': string().required(t('form.required')).default(''),
-    'vlan-id': number()
-      .required(t('form.required'))
-      .moreThan(-1)
-      .lessThan(4097)
-      .integer()
-      .default(1),
+    'vlan-id': number().required(t('form.required')).moreThan(-1).lessThan(4097).integer().default(1),
     password: string()
       .required(t('form.required'))
-      .test(
-        'services.ieee8021x.user.password.length',
-        t('form.min_max_string', { min: 8, max: 63 }),
-        (val) => testLength({ val, min: 8, max: 63 }),
+      .test('services.ieee8021x.user.password.length', t('form.min_max_string', { min: 8, max: 63 }), (val) =>
+        testLength({ val, min: 8, max: 63 }),
       )
       .default(''),
   });
@@ -66,11 +59,7 @@ export const SERVICES_LLDP_SCHEMA = (t, useDefault = false) => {
 export const SERVICES_SSH_SCHEMA = (t, useDefault = false) => {
   const shape = object().shape({
     port: number().required(t('form.required')).moreThan(-1).lessThan(65535).integer().default(22),
-    'authorized-keys': array()
-      .of(string())
-      .required(t('form.required'))
-      .min(1, t('form.required'))
-      .default([]),
+    'authorized-keys': array().of(string()).required(t('form.required')).min(1, t('form.required')).default([]),
     'password-authentication': bool().default(false),
   });
 
@@ -78,11 +67,7 @@ export const SERVICES_SSH_SCHEMA = (t, useDefault = false) => {
 };
 export const SERVICES_NTP_SCHEMA = (t, useDefault = false) => {
   const shape = object().shape({
-    servers: array()
-      .of(string())
-      .required(t('form.required'))
-      .min(1, t('form.required'))
-      .default([]),
+    servers: array().of(string()).required(t('form.required')).min(1, t('form.required')).default([]),
     'local-server': bool().default(false),
   });
 
@@ -101,12 +86,7 @@ export const SERVICES_RTTY_SCHEMA = (t, useDefault = false) => {
       .required(t('form.required'))
       .test('rtty.host.value', t('form.invalid_fqdn_host'), testFqdnHostname)
       .default(''),
-    port: number()
-      .required(t('form.required'))
-      .moreThan(-1)
-      .lessThan(65535)
-      .integer()
-      .default(5912),
+    port: number().required(t('form.required')).moreThan(-1).lessThan(65535).integer().default(5912),
     token: string()
       .required(t('form.required'))
       .test('rtty.token.length', t('form.min_max_string', { min: 32, max: 32 }), (val) =>
@@ -123,31 +103,16 @@ export const SERVICES_LOG_SCHEMA = (t, useDefault = false) => {
       .required(t('form.required'))
       .test('rtty.host.value', t('form.invalid_fqdn_host'), testFqdnHostname)
       .default(''),
-    port: number()
-      .required(t('form.required'))
-      .moreThan(-1)
-      .lessThan(65535)
-      .integer()
-      .default(5912),
+    port: number().required(t('form.required')).moreThan(-1).lessThan(65535).integer().default(5912),
     proto: string().required(t('form.required')).default('udp'),
-    size: number()
-      .required(t('form.required'))
-      .moreThan(31)
-      .lessThan(65535)
-      .integer()
-      .default(1000),
+    size: number().required(t('form.required')).moreThan(31).lessThan(65535).integer().default(1000),
   });
 
   return useDefault ? shape : shape.nullable().default(undefined);
 };
 export const SERVICES_HTTP_SCHEMA = (t, useDefault = false) => {
   const shape = object().shape({
-    'http-port': number()
-      .required(t('form.required'))
-      .moreThan(0)
-      .lessThan(65535)
-      .integer()
-      .default(80),
+    'http-port': number().required(t('form.required')).moreThan(0).lessThan(65535).integer().default(80),
   });
 
   return useDefault ? shape : shape.nullable().default(undefined);
@@ -190,33 +155,11 @@ export const SERVICES_RADIUS_PROXY_SCHEMA = (t, useDefault = false) => {
 };
 export const SERVICES_ONLINE_CHECK_SCHEMA = (t, useDefault = false) => {
   const shape = object().shape({
-    'ping-hosts': array()
-      .of(string())
-      .required(t('form.required'))
-      .min(1, t('form.required'))
-      .default([]),
-    'download-hosts': array()
-      .of(string())
-      .required(t('form.required'))
-      .min(1, t('form.required'))
-      .default([]),
-    'check-interval': number()
-      .required(t('form.required'))
-      .moreThan(-1)
-      .lessThan(65535)
-      .integer()
-      .default(60),
-    'check-threshold': number()
-      .required(t('form.required'))
-      .moreThan(-1)
-      .lessThan(65535)
-      .integer()
-      .default(1),
-    action: array()
-      .of(string())
-      .required(t('form.required'))
-      .min(1, t('form.required'))
-      .default([]),
+    'ping-hosts': array().of(string()).required(t('form.required')).min(1, t('form.required')).default([]),
+    'download-hosts': array().of(string()).required(t('form.required')).min(1, t('form.required')).default([]),
+    'check-interval': number().required(t('form.required')).moreThan(-1).lessThan(65535).integer().default(60),
+    'check-threshold': number().required(t('form.required')).moreThan(-1).lessThan(65535).integer().default(1),
+    action: array().of(string()).required(t('form.required')).min(1, t('form.required')).default([]),
   });
 
   return useDefault ? shape : shape.nullable().default(undefined);
@@ -264,18 +207,8 @@ export const SERVICES_WIFI_STEERING_SCHEMA = (t, useDefault = false) => {
 };
 export const SERVICES_QUALITY_OF_SERVICE_SCHEMA = (t, useDefault = false) => {
   const shape = object().shape({
-    'upload-rate': number()
-      .required(t('form.required'))
-      .moreThan(-1)
-      .lessThan(65535)
-      .integer()
-      .default(0),
-    'download-rate': number()
-      .required(t('form.required'))
-      .moreThan(-1)
-      .lessThan(65535)
-      .integer()
-      .default(0),
+    'upload-rate': number().required(t('form.required')).moreThan(-1).lessThan(65535).integer().default(0),
+    'download-rate': number().required(t('form.required')).moreThan(-1).lessThan(65535).integer().default(0),
   });
 
   return useDefault ? shape : shape.nullable().default(undefined);
@@ -291,17 +224,8 @@ export const SERVICES_FACEBOOK_WIFI_SCHEMA = (t, useDefault = false) => {
 };
 export const SERVICES_AIRTIME_POLICIES_SCHEMA = (t, useDefault = false) => {
   const shape = object().shape({
-    'dns-match': array()
-      .of(string())
-      .required(t('form.required'))
-      .min(1, t('form.required'))
-      .default([]),
-    'dns-weight': number()
-      .required(t('form.required'))
-      .moreThan(-1)
-      .lessThan(65535)
-      .integer()
-      .default(256),
+    'dns-match': array().of(string()).required(t('form.required')).min(1, t('form.required')).default([]),
+    'dns-weight': number().required(t('form.required')).moreThan(-1).lessThan(65535).integer().default(256),
   });
 
   return useDefault ? shape : shape.nullable().default(undefined);
diff --git a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/UnitSection/index.js b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/UnitSection/index.js
index a368a91..3800ba5 100644
--- a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/UnitSection/index.js
+++ b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/UnitSection/index.js
@@ -49,11 +49,7 @@ const UnitSection = ({ editing, setSection, sectionInformation, removeSub }) =>
         <Spacer />
         <DeleteButton my={2} onClick={removeUnit} isDisabled={!editing} />
       </Flex>
-      <Formik
-        innerRef={sectionRef}
-        initialValues={sectionInformation.data}
-        validationSchema={UNIT_SCHEMA(t)}
-      >
+      <Formik innerRef={sectionRef} initialValues={sectionInformation.data} validationSchema={UNIT_SCHEMA(t)}>
         <SimpleGrid minChildWidth="400px" spacing={4}>
           <SectionGeneralCard editing={editing} />
           <Unit editing={editing} />
diff --git a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/UnitSection/unitConstants.js b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/UnitSection/unitConstants.js
index 17bd037..48a54ab 100644
--- a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/UnitSection/unitConstants.js
+++ b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/UnitSection/unitConstants.js
@@ -23,9 +23,7 @@ export const UNIT_SCHEMA = (t) =>
     configuration: object().shape({
       name: string().required(t('form.required')).default(''),
       location: string().required(t('form.required')).default(''),
-      hostname: string()
-        .test('test-hostname-network', t('form.invalid_hostname'), testAlphanumWithDash)
-        .default(''),
+      hostname: string().test('test-hostname-network', t('form.invalid_hostname'), testAlphanumWithDash).default(''),
       timezone: string().required(t('form.required')).default(''),
       'leds-active': bool().default(true),
       'random-password': bool().default(false),
diff --git a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/ViewConfigErrorsModal.js b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/ViewConfigErrorsModal.js
index 11121ab..1d4bd4e 100644
--- a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/ViewConfigErrorsModal.js
+++ b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/ViewConfigErrorsModal.js
@@ -52,9 +52,7 @@ const ViewConfigErrorsModal = ({ errors, activeConfigurations, isDisabled }) =>
           {errorAmount} {errorAmount === 1 ? t('common.error') : t('common.errors')}
         </Button>
       ) : (
-        <Tooltip
-          label={`${errorAmount} ${errorAmount === 1 ? t('common.error') : t('common.errors')}`}
-        >
+        <Tooltip label={`${errorAmount} ${errorAmount === 1 ? t('common.error') : t('common.errors')}`}>
           <IconButton
             colorScheme={errorAmount === 0 ? 'green' : 'red'}
             type="submit"
@@ -80,9 +78,7 @@ const ViewConfigErrorsModal = ({ errors, activeConfigurations, isDisabled }) =>
                   metrics: activeConfigurations.includes('metrics') ? errors.metrics : undefined,
                   services: activeConfigurations.includes('services') ? errors.services : undefined,
                   radios: activeConfigurations.includes('radios') ? errors.radios : undefined,
-                  interfaces: activeConfigurations.includes('interfaces')
-                    ? errors.interfaces
-                    : undefined,
+                  interfaces: activeConfigurations.includes('interfaces') ? errors.interfaces : undefined,
                 },
                 null,
                 2,
diff --git a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/ViewJsonConfigModal.js b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/ViewJsonConfigModal.js
index 3c7f2bb..5e74e09 100644
--- a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/ViewJsonConfigModal.js
+++ b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/ViewJsonConfigModal.js
@@ -78,19 +78,11 @@ const ViewJsonConfigModal = ({ configurations, activeConfigurations, isDisabled
             <pre>
               {JSON.stringify(
                 {
-                  globals: activeConfigurations.includes('globals')
-                    ? configurations.globals
-                    : undefined,
+                  globals: activeConfigurations.includes('globals') ? configurations.globals : undefined,
                   unit: activeConfigurations.includes('unit') ? configurations.unit : undefined,
-                  metrics: activeConfigurations.includes('metrics')
-                    ? configurations.metrics
-                    : undefined,
-                  services: activeConfigurations.includes('services')
-                    ? configurations.services
-                    : undefined,
-                  radios: activeConfigurations.includes('radios')
-                    ? configurations.radios
-                    : undefined,
+                  metrics: activeConfigurations.includes('metrics') ? configurations.metrics : undefined,
+                  services: activeConfigurations.includes('services') ? configurations.services : undefined,
+                  radios: activeConfigurations.includes('radios') ? configurations.radios : undefined,
                   interfaces: activeConfigurations.includes('interfaces')
                     ? tryParseInter(configurations.interfaces)
                     : undefined,
diff --git a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/common/SubSectionPicker/index.js b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/common/SubSectionPicker/index.js
index 86eedb2..2dc1ad1 100644
--- a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/common/SubSectionPicker/index.js
+++ b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/common/SubSectionPicker/index.js
@@ -41,9 +41,7 @@ const SubSectionPicker = ({ editing, subsections, onSubsectionsChange }) => {
             closeMenuOnSelect={false}
             options={subsections.map((sub) => ({ value: sub, label: sub }))}
             value={field.value.map((val) =>
-              subsections
-                .map((sub) => ({ value: sub, label: sub }))
-                .find((opt) => opt.value === val),
+              subsections.map((sub) => ({ value: sub, label: sub })).find((opt) => opt.value === val),
             )}
             onChange={(option) => onChange(option, field.value)}
             onBlur={() => setFieldTouched(name)}
diff --git a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/index.js b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/index.js
index 736a793..96355c5 100644
--- a/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/index.js
+++ b/src/pages/ConfigurationPage/ConfigurationCard/ConfigurationSectionsCard/index.js
@@ -51,9 +51,7 @@ const getActiveConfigurations = (configurations) =>
   configurations.map((config) => Object.keys(JSON.parse(config.configuration))[0]);
 
 const getConfigurationData = (configurations, section) => {
-  const data = configurations.find(
-    (conf) => Object.keys(JSON.parse(conf.configuration))[0] === section,
-  );
+  const data = configurations.find((conf) => Object.keys(JSON.parse(conf.configuration))[0] === section);
 
   if (section === 'metrics' || section === 'services') {
     const activeSubs = Object.keys(JSON.parse(data.configuration)[section]);
@@ -353,11 +351,7 @@ const ConfigurationSectionsCard = ({ configId, editing, setSections, label }) =>
             isDisabled={isFetching}
           />
           <ImportConfigurationButton isDisabled={!editing} setConfig={importConfig} />
-          <AddSubsectionModal
-            editing={editing}
-            activeSubs={activeConfigurations}
-            addSub={addSubsection}
-          />
+          <AddSubsectionModal editing={editing} activeSubs={activeConfigurations} addSub={addSubsection} />
         </Box>
       </CardHeader>
       <CardBody>
@@ -370,22 +364,12 @@ const ConfigurationSectionsCard = ({ configId, editing, setSections, label }) =>
             <Box display="unset" position="unset" w="100%">
               <Tabs variant="enclosed" w="100%">
                 <TabList>
-                  {activeConfigurations.includes('globals') && (
-                    <Tab>{t('configurations.globals')}</Tab>
-                  )}
+                  {activeConfigurations.includes('globals') && <Tab>{t('configurations.globals')}</Tab>}
                   {activeConfigurations.includes('unit') && <Tab>{t('configurations.unit')}</Tab>}
-                  {activeConfigurations.includes('metrics') && (
-                    <Tab>{t('configurations.metrics')}</Tab>
-                  )}
-                  {activeConfigurations.includes('services') && (
-                    <Tab>{t('configurations.services')}</Tab>
-                  )}
-                  {activeConfigurations.includes('radios') && (
-                    <Tab>{t('configurations.radios')}</Tab>
-                  )}
-                  {activeConfigurations.includes('interfaces') && (
-                    <Tab>{t('configurations.interfaces')}</Tab>
-                  )}
+                  {activeConfigurations.includes('metrics') && <Tab>{t('configurations.metrics')}</Tab>}
+                  {activeConfigurations.includes('services') && <Tab>{t('configurations.services')}</Tab>}
+                  {activeConfigurations.includes('radios') && <Tab>{t('configurations.radios')}</Tab>}
+                  {activeConfigurations.includes('interfaces') && <Tab>{t('configurations.interfaces')}</Tab>}
                 </TabList>
                 <TabPanels>
                   {activeConfigurations.includes('globals') && (
diff --git a/src/pages/ConfigurationPage/ConfigurationCard/DeleteConfigurationPopover.js b/src/pages/ConfigurationPage/ConfigurationCard/DeleteConfigurationPopover.js
index 43fe3e5..5398941 100644
--- a/src/pages/ConfigurationPage/ConfigurationCard/DeleteConfigurationPopover.js
+++ b/src/pages/ConfigurationPage/ConfigurationCard/DeleteConfigurationPopover.js
@@ -116,12 +116,7 @@ const DeleteConfigurationPopover = ({ configuration, isDisabled }) => {
             <Button colorScheme="gray" mr="1" onClick={onClose}>
               {t('common.cancel')}
             </Button>
-            <Button
-              colorScheme="red"
-              ml="1"
-              onClick={handleDeleteClick}
-              isLoading={deleteConfig.isLoading}
-            >
+            <Button colorScheme="red" ml="1" onClick={handleDeleteClick} isLoading={deleteConfig.isLoading}>
               {t('common.yes')}
             </Button>
           </Center>
diff --git a/src/pages/ConfigurationPage/ConfigurationCard/Form.js b/src/pages/ConfigurationPage/ConfigurationCard/Form.js
index 881ac06..6f180ad 100644
--- a/src/pages/ConfigurationPage/ConfigurationCard/Form.js
+++ b/src/pages/ConfigurationPage/ConfigurationCard/Form.js
@@ -183,9 +183,9 @@ const EditConfigurationForm = ({ editing, configuration, formRef }) => {
                         In Use By
                       </FormLabel>
                       <Button variant="link" mt={2} onClick={onOpen}>
-                        {`${inUse?.ent?.length ?? 0} ${t('entities.one')}, ${
-                          inUse?.ven?.length ?? 0
-                        } ${t('venues.one')}, ${inUse?.inv?.length ?? 0} ${t('devices.title')}`}
+                        {`${inUse?.ent?.length ?? 0} ${t('entities.one')}, ${inUse?.ven?.length ?? 0} ${t(
+                          'venues.one',
+                        )}, ${inUse?.inv?.length ?? 0} ${t('devices.title')}`}
                       </Button>
                     </FormControl>
                   </SimpleGrid>
@@ -193,13 +193,7 @@ const EditConfigurationForm = ({ editing, configuration, formRef }) => {
               </TabPanel>
               <TabPanel>
                 <Field name="notes">
-                  {({ field }) => (
-                    <NotesTable
-                      notes={field.value}
-                      setNotes={setFieldValue}
-                      isDisabled={!editing}
-                    />
-                  )}
+                  {({ field }) => <NotesTable notes={field.value} setNotes={setFieldValue} isDisabled={!editing} />}
                 </Field>
               </TabPanel>
             </TabPanels>
diff --git a/src/pages/ConfigurationPage/ConfigurationCard/index.js b/src/pages/ConfigurationPage/ConfigurationCard/index.js
index 00cf0dd..67c9360 100644
--- a/src/pages/ConfigurationPage/ConfigurationCard/index.js
+++ b/src/pages/ConfigurationPage/ConfigurationCard/index.js
@@ -3,16 +3,7 @@ import PropTypes from 'prop-types';
 import { v4 as uuid } from 'uuid';
 import { useTranslation } from 'react-i18next';
 import { useQueryClient } from 'react-query';
-import {
-  Box,
-  Center,
-  Heading,
-  Spacer,
-  Spinner,
-  useBoolean,
-  useDisclosure,
-  useToast,
-} from '@chakra-ui/react';
+import { Box, Center, Heading, Spacer, Spinner, useBoolean, useDisclosure, useToast } from '@chakra-ui/react';
 import CardBody from 'components/Card/CardBody';
 import Card from 'components/Card';
 import CardHeader from 'components/Card/CardHeader';
@@ -139,10 +130,7 @@ const ConfigurationCard = ({ id }) => {
               isLoading={updateEntity.isLoading}
               isCompact={false}
               isDisabled={
-                !editing ||
-                !form.isValid ||
-                sections.invalidValues.length > 0 ||
-                (!form.dirty && !sections.isDirty)
+                !editing || !form.isValid || sections.invalidValues.length > 0 || (!form.dirty && !sections.isDirty)
               }
               ml={2}
             />
@@ -153,10 +141,7 @@ const ConfigurationCard = ({ id }) => {
               isDirty={formRef.dirty}
               ml={2}
             />
-            <DeleteConfigurationPopover
-              isDisabled={editing || isFetching}
-              configuration={configuration}
-            />
+            <DeleteConfigurationPopover isDisabled={editing || isFetching} configuration={configuration} />
             <RefreshButton onClick={refetch} isFetching={isFetching} isDisabled={editing} ml={2} />
           </Box>
         </CardHeader>
diff --git a/src/pages/ConfigurationsPage/Table/Actions.js b/src/pages/ConfigurationsPage/Table/Actions.js
index 32eebfc..c161974 100644
--- a/src/pages/ConfigurationsPage/Table/Actions.js
+++ b/src/pages/ConfigurationsPage/Table/Actions.js
@@ -25,8 +25,7 @@ import { axiosProv } from 'utils/axiosInstances';
 import { v4 as uuid } from 'uuid';
 import { useNavigate } from 'react-router-dom';
 
-const deleteApi = async (configId) =>
-  axiosProv.delete(`/configurations/${configId}`).then(() => true);
+const deleteApi = async (configId) => axiosProv.delete(`/configurations/${configId}`).then(() => true);
 
 const propTypes = {
   cell: PropTypes.shape({
@@ -41,12 +40,7 @@ const propTypes = {
   openAffectedModal: PropTypes.func.isRequired,
 };
 
-const Actions = ({
-  cell: { original: configuration },
-  refreshTable,
-  openInUseModal,
-  openAffectedModal,
-}) => {
+const Actions = ({ cell: { original: configuration }, refreshTable, openInUseModal, openAffectedModal }) => {
   const { t } = useTranslation();
   const toast = useToast();
   const navigate = useNavigate();
@@ -109,20 +103,13 @@ const Actions = ({
           <PopoverHeader>
             {t('crud.delete')} {configuration.name}
           </PopoverHeader>
-          <PopoverBody px={0}>
-            {t('crud.delete_confirm', { obj: t('configurations.one') })}
-          </PopoverBody>
+          <PopoverBody px={0}>{t('crud.delete_confirm', { obj: t('configurations.one') })}</PopoverBody>
           <PopoverFooter>
             <Center>
               <Button colorScheme="gray" mr="1" onClick={onClose}>
                 {t('common.cancel')}
               </Button>
-              <Button
-                colorScheme="red"
-                ml="1"
-                onClick={handleDeleteClick}
-                isLoading={deleteConfig.isLoading}
-              >
+              <Button colorScheme="red" ml="1" onClick={handleDeleteClick} isLoading={deleteConfig.isLoading}>
                 Yes
               </Button>
             </Center>
@@ -130,31 +117,13 @@ const Actions = ({
         </PopoverContent>
       </Popover>
       <Tooltip hasArrow label={t('configurations.view_in_use')} placement="top">
-        <IconButton
-          ml={2}
-          colorScheme="blue"
-          icon={<ListDashes size={20} />}
-          size="sm"
-          onClick={handleOpenInUse}
-        />
+        <IconButton ml={2} colorScheme="blue" icon={<ListDashes size={20} />} size="sm" onClick={handleOpenInUse} />
       </Tooltip>
       <Tooltip hasArrow label={t('configurations.view_affected_devices')} placement="top">
-        <IconButton
-          ml={2}
-          colorScheme="blue"
-          icon={<ListChecks size={20} />}
-          size="sm"
-          onClick={handleOpenAffected}
-        />
+        <IconButton ml={2} colorScheme="blue" icon={<ListChecks size={20} />} size="sm" onClick={handleOpenAffected} />
       </Tooltip>
       <Tooltip hasArrow label={t('common.view_details')} placement="top">
-        <IconButton
-          ml={2}
-          colorScheme="blue"
-          icon={<MagnifyingGlass size={20} />}
-          size="sm"
-          onClick={handleGoTo}
-        />
+        <IconButton ml={2} colorScheme="blue" icon={<MagnifyingGlass size={20} />} size="sm" onClick={handleGoTo} />
       </Tooltip>
     </Flex>
   );
diff --git a/src/pages/ConfigurationsPage/Table/index.js b/src/pages/ConfigurationsPage/Table/index.js
index 1e021e9..b18c17d 100644
--- a/src/pages/ConfigurationsPage/Table/index.js
+++ b/src/pages/ConfigurationsPage/Table/index.js
@@ -54,10 +54,7 @@ const ConfigurationsTable = ({ title }) => {
     ),
     [],
   );
-  const memoizedDate = useCallback(
-    (cell, key) => <FormattedDate date={cell.row.values[key]} key={uuid()} />,
-    [],
-  );
+  const memoizedDate = useCallback((cell, key) => <FormattedDate date={cell.row.values[key]} key={uuid()} />, []);
   const memoizedTypes = useCallback((cell) => cell.row.values.deviceTypes.join(', '), []);
 
   // Columns array. This array contains your table headings and accessors which maps keys from data array
@@ -164,11 +161,7 @@ const ConfigurationsTable = ({ title }) => {
         </CardBody>
       </Card>
       <ConfigurationInUseModal isOpen={isInUseOpen} onClose={closeInUse} config={config} />
-      <ConfigurationViewAffectedModal
-        isOpen={isAffectedOpen}
-        onClose={closeAffected}
-        config={config}
-      />
+      <ConfigurationViewAffectedModal isOpen={isAffectedOpen} onClose={closeAffected} config={config} />
     </>
   );
 };
diff --git a/src/pages/ContactsPage/Table/Actions.js b/src/pages/ContactsPage/Table/Actions.js
index d0ca6bb..d3ddc07 100644
--- a/src/pages/ContactsPage/Table/Actions.js
+++ b/src/pages/ContactsPage/Table/Actions.js
@@ -98,12 +98,7 @@ const Actions = ({ cell: { original: contact }, refreshTable, openEditModal }) =
               <Button colorScheme="gray" mr="1" onClick={onClose}>
                 {t('common.cancel')}
               </Button>
-              <Button
-                colorScheme="red"
-                ml="1"
-                onClick={handleDeleteClick}
-                isLoading={deleteConfig.isLoading}
-              >
+              <Button colorScheme="red" ml="1" onClick={handleDeleteClick} isLoading={deleteConfig.isLoading}>
                 {t('common.yes')}
               </Button>
             </Center>
diff --git a/src/pages/ContactsPage/Table/index.js b/src/pages/ContactsPage/Table/index.js
index 5dc8ec7..8e14efb 100644
--- a/src/pages/ContactsPage/Table/index.js
+++ b/src/pages/ContactsPage/Table/index.js
@@ -58,36 +58,20 @@ const ContactsTable = ({ title }) => {
   };
 
   const memoizedActions = useCallback(
-    (cell) => (
-      <Actions
-        cell={cell.row}
-        refreshTable={refetchCount}
-        key={uuid()}
-        openEditModal={openEditModal}
-      />
-    ),
-    [],
-  );
-  const memoizedDate = useCallback(
-    (cell, key) => <FormattedDate date={cell.row.values[key]} key={uuid()} />,
+    (cell) => <Actions cell={cell.row} refreshTable={refetchCount} key={uuid()} openEditModal={openEditModal} />,
     [],
   );
+  const memoizedDate = useCallback((cell, key) => <FormattedDate date={cell.row.values[key]} key={uuid()} />, []);
 
   const entityCell = useCallback(
     (cell) => (
-      <EntityCell
-        entityName={cell.row.original.extendedInfo?.entity?.name ?? ''}
-        entityId={cell.row.original.entity}
-      />
+      <EntityCell entityName={cell.row.original.extendedInfo?.entity?.name ?? ''} entityId={cell.row.original.entity} />
     ),
     [],
   );
   const venueCell = useCallback(
     (cell) => (
-      <VenueCell
-        venueName={cell.row.original.extendedInfo?.venue?.name ?? ''}
-        venueId={cell.row.original.venue}
-      />
+      <VenueCell venueName={cell.row.original.extendedInfo?.venue?.name ?? ''} venueId={cell.row.original.venue} />
     ),
     [],
   );
@@ -208,12 +192,7 @@ const ContactsTable = ({ title }) => {
         </CardBody>
       </Card>
       {isEditOpen && (
-        <EditSubscriberModal
-          isOpen={isEditOpen}
-          onClose={closeEdit}
-          contact={contact}
-          refresh={refetchContacts}
-        />
+        <EditSubscriberModal isOpen={isEditOpen} onClose={closeEdit} contact={contact} refresh={refetchContacts} />
       )}
     </>
   );
diff --git a/src/pages/EntityPage/CreateEntityModal/Form.js b/src/pages/EntityPage/CreateEntityModal/Form.js
index 3d0b536..318d28e 100644
--- a/src/pages/EntityPage/CreateEntityModal/Form.js
+++ b/src/pages/EntityPage/CreateEntityModal/Form.js
@@ -90,13 +90,7 @@ const CreateEntityForm = ({ isOpen, onClose, formRef, parentId }) => {
       {({ errors, touched }) => (
         <Form>
           <SimpleGrid minChildWidth="300px" spacing="20px" mb={6}>
-            <StringField
-              name="name"
-              label={t('common.name')}
-              errors={errors}
-              touched={touched}
-              isRequired
-            />
+            <StringField name="name" label={t('common.name')} errors={errors} touched={touched} isRequired />
             <SelectField
               name="rrm"
               label="RRM"
@@ -110,12 +104,7 @@ const CreateEntityForm = ({ isOpen, onClose, formRef, parentId }) => {
               isRequired
               w={28}
             />
-            <StringField
-              name="description"
-              label={t('common.description')}
-              errors={errors}
-              touched={touched}
-            />
+            <StringField name="description" label={t('common.description')} errors={errors} touched={touched} />
             <StringField name="note" label={t('common.note')} errors={errors} touched={touched} />
           </SimpleGrid>
         </Form>
diff --git a/src/pages/EntityPage/CreateEntityModal/index.js b/src/pages/EntityPage/CreateEntityModal/index.js
index e6152d9..d3e6b39 100644
--- a/src/pages/EntityPage/CreateEntityModal/index.js
+++ b/src/pages/EntityPage/CreateEntityModal/index.js
@@ -65,19 +65,10 @@ const CreateEntityModal = ({ parentId, isDisabled }) => {
             }
           />
           <ModalBody>
-            <CreateEntityForm
-              isOpen={isOpen}
-              onClose={onClose}
-              formRef={formRef}
-              parentId={parentId}
-            />
+            <CreateEntityForm isOpen={isOpen} onClose={onClose} formRef={formRef} parentId={parentId} />
           </ModalBody>
         </ModalContent>
-        <ConfirmCloseAlert
-          isOpen={showConfirm}
-          confirm={closeCancelAndForm}
-          cancel={closeConfirm}
-        />
+        <ConfirmCloseAlert isOpen={showConfirm} confirm={closeCancelAndForm} cancel={closeConfirm} />
       </Modal>
     </>
   );
diff --git a/src/pages/EntityPage/EntityCard/DeleteEntityPopover.js b/src/pages/EntityPage/EntityCard/DeleteEntityPopover.js
index 39564ef..c2b637f 100644
--- a/src/pages/EntityPage/EntityCard/DeleteEntityPopover.js
+++ b/src/pages/EntityPage/EntityCard/DeleteEntityPopover.js
@@ -116,12 +116,7 @@ const DeleteEntityPopover = ({ entity, isDisabled }) => {
             <Button colorScheme="gray" mr="1" onClick={onClose}>
               {t('common.cancel')}
             </Button>
-            <Button
-              colorScheme="red"
-              ml="1"
-              onClick={handleDeleteClick}
-              isLoading={deleteEntity.isLoading}
-            >
+            <Button colorScheme="red" ml="1" onClick={handleDeleteClick} isLoading={deleteEntity.isLoading}>
               {t('common.yes')}
             </Button>
           </Center>
diff --git a/src/pages/EntityPage/EntityCard/Form.js b/src/pages/EntityPage/EntityCard/Form.js
index c8b28b8..a3b4946 100644
--- a/src/pages/EntityPage/EntityCard/Form.js
+++ b/src/pages/EntityPage/EntityCard/Form.js
@@ -2,16 +2,7 @@ import React, { useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
 import { useTranslation } from 'react-i18next';
 import { v4 as uuid } from 'uuid';
-import {
-  useToast,
-  Tabs,
-  TabList,
-  TabPanels,
-  TabPanel,
-  Tab,
-  SimpleGrid,
-  Box,
-} from '@chakra-ui/react';
+import { useToast, Tabs, TabList, TabPanels, TabPanel, Tab, SimpleGrid, Box } from '@chakra-ui/react';
 import { Formik, Field, Form } from 'formik';
 import NotesTable from 'components/NotesTable';
 import StringField from 'components/FormFields/StringField';
@@ -166,9 +157,7 @@ const EditEntityForm = ({ editing, entity, formRef, stopEditing }) => {
             </TabPanel>
             <TabPanel>
               <Field name="notes">
-                {({ field }) => (
-                  <NotesTable notes={field.value} setNotes={setFieldValue} isDisabled={!editing} />
-                )}
+                {({ field }) => <NotesTable notes={field.value} setNotes={setFieldValue} isDisabled={!editing} />}
               </Field>
             </TabPanel>
           </TabPanels>
diff --git a/src/pages/EntityPage/EntityCard/index.js b/src/pages/EntityPage/EntityCard/index.js
index 77d0609..66d0c66 100644
--- a/src/pages/EntityPage/EntityCard/index.js
+++ b/src/pages/EntityPage/EntityCard/index.js
@@ -73,12 +73,7 @@ const EntityCard = ({ id }) => {
           </Center>
         ) : (
           <LoadingOverlay isLoading={isFetching}>
-            <EditEntityForm
-              editing={editing}
-              entity={entity}
-              stopEditing={setEditing.off}
-              formRef={formRef}
-            />
+            <EditEntityForm editing={editing} entity={entity} stopEditing={setEditing.off} formRef={formRef} />
           </LoadingOverlay>
         )}
       </CardBody>
diff --git a/src/pages/EntityPage/EntityChildrenCard/EntityChildrenTableWrapper/Actions.js b/src/pages/EntityPage/EntityChildrenCard/EntityChildrenTableWrapper/Actions.js
index 0c490d7..ac1ce27 100644
--- a/src/pages/EntityPage/EntityChildrenCard/EntityChildrenTableWrapper/Actions.js
+++ b/src/pages/EntityPage/EntityChildrenCard/EntityChildrenTableWrapper/Actions.js
@@ -23,13 +23,7 @@ const Actions = ({ cell: { original: entity } }) => {
   return (
     <Flex>
       <Tooltip hasArrow label={t('venues.go_to_page')} placement="top">
-        <IconButton
-          ml={2}
-          colorScheme="blue"
-          icon={<ArrowSquareOut size={20} />}
-          size="sm"
-          onClick={handleGoToPage}
-        />
+        <IconButton ml={2} colorScheme="blue" icon={<ArrowSquareOut size={20} />} size="sm" onClick={handleGoToPage} />
       </Tooltip>
     </Flex>
   );
diff --git a/src/pages/EntityPage/EntityChildrenCard/EntityConfigurationsTableWrapper/Actions.js b/src/pages/EntityPage/EntityChildrenCard/EntityConfigurationsTableWrapper/Actions.js
index e951a3a..081a9a6 100644
--- a/src/pages/EntityPage/EntityChildrenCard/EntityConfigurationsTableWrapper/Actions.js
+++ b/src/pages/EntityPage/EntityChildrenCard/EntityConfigurationsTableWrapper/Actions.js
@@ -23,13 +23,7 @@ const Actions = ({ cell: { original: configuration } }) => {
   return (
     <Flex>
       <Tooltip hasArrow label={t('venues.go_to_page')} placement="top">
-        <IconButton
-          ml={2}
-          colorScheme="blue"
-          icon={<ArrowSquareOut size={20} />}
-          size="sm"
-          onClick={handleGoToPage}
-        />
+        <IconButton ml={2} colorScheme="blue" icon={<ArrowSquareOut size={20} />} size="sm" onClick={handleGoToPage} />
       </Tooltip>
     </Flex>
   );
diff --git a/src/pages/EntityPage/EntityChildrenCard/EntityConfigurationsTableWrapper/index.js b/src/pages/EntityPage/EntityChildrenCard/EntityConfigurationsTableWrapper/index.js
index 1513570..f61847d 100644
--- a/src/pages/EntityPage/EntityChildrenCard/EntityConfigurationsTableWrapper/index.js
+++ b/src/pages/EntityPage/EntityChildrenCard/EntityConfigurationsTableWrapper/index.js
@@ -30,12 +30,7 @@ const EntityConfigurationsTableWrapper = ({ entity }) => {
 
   const actions = useCallback(
     (cell) => (
-      <Actions
-        key={uuid()}
-        cell={cell.row}
-        openInUseModal={openInUseModal}
-        openAffectedModal={openAffectedModal}
-      />
+      <Actions key={uuid()} cell={cell.row} openInUseModal={openInUseModal} openAffectedModal={openAffectedModal} />
     ),
     [],
   );
@@ -49,11 +44,7 @@ const EntityConfigurationsTableWrapper = ({ entity }) => {
       </Box>
       <ConfigurationsTable select={entity.configurations} actions={actions} />
       <ConfigurationInUseModal isOpen={isInUseOpen} onClose={closeInUse} config={config} />
-      <ConfigurationViewAffectedModal
-        isOpen={isAffectedOpen}
-        onClose={closeAffected}
-        config={config}
-      />
+      <ConfigurationViewAffectedModal isOpen={isAffectedOpen} onClose={closeAffected} config={config} />
     </>
   );
 };
diff --git a/src/pages/EntityPage/EntityChildrenCard/EntityContactTableWrapper /Actions.js b/src/pages/EntityPage/EntityChildrenCard/EntityContactTableWrapper /Actions.js
index 51c5577..009c25d 100644
--- a/src/pages/EntityPage/EntityChildrenCard/EntityContactTableWrapper /Actions.js	
+++ b/src/pages/EntityPage/EntityChildrenCard/EntityContactTableWrapper /Actions.js	
@@ -99,12 +99,7 @@ const Actions = ({ cell: { original: contact }, refreshEntity, openEditModal })
               <Button colorScheme="gray" mr="1" onClick={onClose}>
                 {t('common.cancel')}
               </Button>
-              <Button
-                colorScheme="red"
-                ml="1"
-                onClick={handleDeleteClick}
-                isLoading={deleteConfig.isLoading}
-              >
+              <Button colorScheme="red" ml="1" onClick={handleDeleteClick} isLoading={deleteConfig.isLoading}>
                 Yes
               </Button>
             </Center>
@@ -112,13 +107,7 @@ const Actions = ({ cell: { original: contact }, refreshEntity, openEditModal })
         </PopoverContent>
       </Popover>
       <Tooltip hasArrow label={t('common.view_details')} placement="top">
-        <IconButton
-          ml={2}
-          colorScheme="blue"
-          icon={<MagnifyingGlass size={20} />}
-          size="sm"
-          onClick={handleOpenEdit}
-        />
+        <IconButton ml={2} colorScheme="blue" icon={<MagnifyingGlass size={20} />} size="sm" onClick={handleOpenEdit} />
       </Tooltip>
     </Flex>
   );
diff --git a/src/pages/EntityPage/EntityChildrenCard/EntityContactTableWrapper /index.js b/src/pages/EntityPage/EntityChildrenCard/EntityContactTableWrapper /index.js
index 778ba06..a295d15 100644
--- a/src/pages/EntityPage/EntityChildrenCard/EntityContactTableWrapper /index.js	
+++ b/src/pages/EntityPage/EntityChildrenCard/EntityContactTableWrapper /index.js	
@@ -32,14 +32,7 @@ const EntityContactTableWrapper = ({ entity }) => {
   };
 
   const actions = useCallback(
-    (cell) => (
-      <Actions
-        key={uuid()}
-        cell={cell.row}
-        refreshEntity={refreshEntity}
-        openEditModal={openEditModal}
-      />
-    ),
+    (cell) => <Actions key={uuid()} cell={cell.row} refreshEntity={refreshEntity} openEditModal={openEditModal} />,
     [refreshId],
   );
 
@@ -48,18 +41,8 @@ const EntityContactTableWrapper = ({ entity }) => {
       <Box textAlign="right" mb={2}>
         <CreateContactModal refresh={refreshEntity} entityId={entity.id} />
       </Box>
-      <ContactTable
-        select={entity.contacts}
-        actions={actions}
-        refreshId={refreshId}
-        ignoredColumns={['entity']}
-      />
-      <EditContactModal
-        isOpen={isEditOpen}
-        onClose={closeEdit}
-        contact={contact}
-        refresh={refetchLocations}
-      />
+      <ContactTable select={entity.contacts} actions={actions} refreshId={refreshId} ignoredColumns={['entity']} />
+      <EditContactModal isOpen={isEditOpen} onClose={closeEdit} contact={contact} refresh={refetchLocations} />
     </>
   );
 };
diff --git a/src/pages/EntityPage/EntityChildrenCard/EntityDeviceTableWrapper/Actions.js b/src/pages/EntityPage/EntityChildrenCard/EntityDeviceTableWrapper/Actions.js
index d1add40..15b9dba 100644
--- a/src/pages/EntityPage/EntityChildrenCard/EntityDeviceTableWrapper/Actions.js
+++ b/src/pages/EntityPage/EntityChildrenCard/EntityDeviceTableWrapper/Actions.js
@@ -136,12 +136,7 @@ const Actions = ({ cell: { original: tag }, refreshEntity, openEditModal }) => {
               <Button colorScheme="gray" mr="1" onClick={onClose}>
                 {t('common.cancel')}
               </Button>
-              <Button
-                colorScheme="red"
-                ml="1"
-                onClick={handleDeleteClick}
-                isLoading={deleteConfig.isLoading}
-              >
+              <Button colorScheme="red" ml="1" onClick={handleDeleteClick} isLoading={deleteConfig.isLoading}>
                 Yes
               </Button>
             </Center>
@@ -159,13 +154,7 @@ const Actions = ({ cell: { original: tag }, refreshEntity, openEditModal }) => {
         />
       </Tooltip>
       <Tooltip hasArrow label={t('common.view_details')} placement="top">
-        <IconButton
-          ml={2}
-          colorScheme="blue"
-          icon={<MagnifyingGlass size={20} />}
-          size="sm"
-          onClick={handleOpenEdit}
-        />
+        <IconButton ml={2} colorScheme="blue" icon={<MagnifyingGlass size={20} />} size="sm" onClick={handleOpenEdit} />
       </Tooltip>
       <Tooltip hasArrow label={t('common.view_in_gateway')} placement="top">
         <IconButton
diff --git a/src/pages/EntityPage/EntityChildrenCard/EntityDeviceTableWrapper/index.js b/src/pages/EntityPage/EntityChildrenCard/EntityDeviceTableWrapper/index.js
index 64db980..ddf54cd 100644
--- a/src/pages/EntityPage/EntityChildrenCard/EntityDeviceTableWrapper/index.js
+++ b/src/pages/EntityPage/EntityChildrenCard/EntityDeviceTableWrapper/index.js
@@ -37,25 +37,14 @@ const EntityDeviceTableWrapper = ({ entity }) => {
   const refetchTags = () => setRefreshId(refreshId + 1);
 
   const actions = useCallback(
-    (cell) => (
-      <Actions
-        key={uuid()}
-        cell={cell.row}
-        refreshEntity={refreshEntity}
-        openEditModal={openEditModal}
-      />
-    ),
+    (cell) => <Actions key={uuid()} cell={cell.row} refreshEntity={refreshEntity} openEditModal={openEditModal} />,
     [refreshId],
   );
 
   return (
     <>
       <Box textAlign="right" mb={2}>
-        <ImportDeviceCsvModal
-          refresh={refreshEntity}
-          parent={{ entity: entity.id }}
-          deviceClass="entity"
-        />
+        <ImportDeviceCsvModal refresh={refreshEntity} parent={{ entity: entity.id }} deviceClass="entity" />
         <CreateTagModal refresh={refreshEntity} entityId={`entity:${entity.id}`} />
       </Box>
       <InventoryTable
@@ -71,11 +60,7 @@ const EntityDeviceTableWrapper = ({ entity }) => {
         refresh={refetchTags}
         pushConfig={pushConfiguration}
       />
-      <ConfigurationPushModal
-        isOpen={isPushOpen}
-        onClose={closePush}
-        pushResult={pushConfiguration.data}
-      />
+      <ConfigurationPushModal isOpen={isPushOpen} onClose={closePush} pushResult={pushConfiguration.data} />
     </>
   );
 };
diff --git a/src/pages/EntityPage/EntityChildrenCard/EntityLocationTableWrapper /Actions.js b/src/pages/EntityPage/EntityChildrenCard/EntityLocationTableWrapper /Actions.js
index 4436cb6..d7d7e1d 100644
--- a/src/pages/EntityPage/EntityChildrenCard/EntityLocationTableWrapper /Actions.js	
+++ b/src/pages/EntityPage/EntityChildrenCard/EntityLocationTableWrapper /Actions.js	
@@ -99,12 +99,7 @@ const Actions = ({ cell: { original: location }, refreshEntity, openEditModal })
               <Button colorScheme="gray" mr="1" onClick={onClose}>
                 {t('common.cancel')}
               </Button>
-              <Button
-                colorScheme="red"
-                ml="1"
-                onClick={handleDeleteClick}
-                isLoading={deleteConfig.isLoading}
-              >
+              <Button colorScheme="red" ml="1" onClick={handleDeleteClick} isLoading={deleteConfig.isLoading}>
                 Yes
               </Button>
             </Center>
@@ -112,13 +107,7 @@ const Actions = ({ cell: { original: location }, refreshEntity, openEditModal })
         </PopoverContent>
       </Popover>
       <Tooltip hasArrow label={t('common.view_details')} placement="top">
-        <IconButton
-          ml={2}
-          colorScheme="blue"
-          icon={<MagnifyingGlass size={20} />}
-          size="sm"
-          onClick={handleOpenEdit}
-        />
+        <IconButton ml={2} colorScheme="blue" icon={<MagnifyingGlass size={20} />} size="sm" onClick={handleOpenEdit} />
       </Tooltip>
     </Flex>
   );
diff --git a/src/pages/EntityPage/EntityChildrenCard/EntityLocationTableWrapper /index.js b/src/pages/EntityPage/EntityChildrenCard/EntityLocationTableWrapper /index.js
index 39c1901..a5a3677 100644
--- a/src/pages/EntityPage/EntityChildrenCard/EntityLocationTableWrapper /index.js	
+++ b/src/pages/EntityPage/EntityChildrenCard/EntityLocationTableWrapper /index.js	
@@ -32,14 +32,7 @@ const EntityLocationTableWrapper = ({ entity }) => {
   };
 
   const actions = useCallback(
-    (cell) => (
-      <Actions
-        key={uuid()}
-        cell={cell.row}
-        refreshEntity={refreshEntity}
-        openEditModal={openEditModal}
-      />
-    ),
+    (cell) => <Actions key={uuid()} cell={cell.row} refreshEntity={refreshEntity} openEditModal={openEditModal} />,
     [refreshId],
   );
 
@@ -48,18 +41,8 @@ const EntityLocationTableWrapper = ({ entity }) => {
       <Box textAlign="right" mb={2}>
         <CreateLocationModal refresh={refreshEntity} entityId={entity.id} />
       </Box>
-      <LocationTable
-        select={entity.locations}
-        actions={actions}
-        refreshId={refreshId}
-        ignoredColumns={['entity']}
-      />
-      <EditLocationModal
-        isOpen={isEditOpen}
-        onClose={closeEdit}
-        location={location}
-        refresh={refetchLocations}
-      />
+      <LocationTable select={entity.locations} actions={actions} refreshId={refreshId} ignoredColumns={['entity']} />
+      <EditLocationModal isOpen={isEditOpen} onClose={closeEdit} location={location} refresh={refetchLocations} />
     </>
   );
 };
diff --git a/src/pages/EntityPage/EntityChildrenCard/EntityVenueTableWrapper/Actions.js b/src/pages/EntityPage/EntityChildrenCard/EntityVenueTableWrapper/Actions.js
index e57ce42..8413390 100644
--- a/src/pages/EntityPage/EntityChildrenCard/EntityVenueTableWrapper/Actions.js
+++ b/src/pages/EntityPage/EntityChildrenCard/EntityVenueTableWrapper/Actions.js
@@ -23,13 +23,7 @@ const Actions = ({ cell: { original: venue } }) => {
   return (
     <Flex>
       <Tooltip hasArrow label={t('venues.go_to_page')} placement="top">
-        <IconButton
-          ml={2}
-          colorScheme="blue"
-          icon={<ArrowSquareOut size={20} />}
-          size="sm"
-          onClick={handleGoToPage}
-        />
+        <IconButton ml={2} colorScheme="blue" icon={<ArrowSquareOut size={20} />} size="sm" onClick={handleGoToPage} />
       </Tooltip>
     </Flex>
   );
diff --git a/src/pages/EntityPage/EntityChildrenCard/index.js b/src/pages/EntityPage/EntityChildrenCard/index.js
index bf2b404..e0bca7b 100644
--- a/src/pages/EntityPage/EntityChildrenCard/index.js
+++ b/src/pages/EntityPage/EntityChildrenCard/index.js
@@ -2,16 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import EntityDeviceTableWrapper from 'pages/EntityPage/EntityChildrenCard/EntityDeviceTableWrapper';
 import Card from 'components/Card';
-import {
-  Center,
-  Spinner,
-  Tab,
-  TabList,
-  TabPanel,
-  TabPanels,
-  Tabs,
-  useToast,
-} from '@chakra-ui/react';
+import { Center, Spinner, Tab, TabList, TabPanel, TabPanels, Tabs, useToast } from '@chakra-ui/react';
 import { useTranslation } from 'react-i18next';
 import LoadingOverlay from 'components/LoadingOverlay';
 import { useGetEntity } from 'hooks/Network/Entity';
diff --git a/src/pages/InventoryPage/Table/Actions.js b/src/pages/InventoryPage/Table/Actions.js
index 1acb80b..d538308 100644
--- a/src/pages/InventoryPage/Table/Actions.js
+++ b/src/pages/InventoryPage/Table/Actions.js
@@ -96,20 +96,13 @@ const Actions = ({ cell: { original: tag }, refreshTable, openEditModal }) => {
           <PopoverHeader>
             {t('crud.delete')} {tag.name}
           </PopoverHeader>
-          <PopoverBody px={0}>
-            {t('crud.delete_confirm', { obj: t('inventory.tag_one') })}
-          </PopoverBody>
+          <PopoverBody px={0}>{t('crud.delete_confirm', { obj: t('inventory.tag_one') })}</PopoverBody>
           <PopoverFooter>
             <Center>
               <Button colorScheme="gray" mr="1" onClick={onClose}>
                 {t('common.cancel')}
               </Button>
-              <Button
-                colorScheme="red"
-                ml="1"
-                onClick={handleDeleteClick}
-                isLoading={deleteConfig.isLoading}
-              >
+              <Button colorScheme="red" ml="1" onClick={handleDeleteClick} isLoading={deleteConfig.isLoading}>
                 Yes
               </Button>
             </Center>
@@ -117,13 +110,7 @@ const Actions = ({ cell: { original: tag }, refreshTable, openEditModal }) => {
         </PopoverContent>
       </Popover>
       <Tooltip hasArrow label={t('common.view_details')} placement="top">
-        <IconButton
-          ml={2}
-          colorScheme="blue"
-          icon={<MagnifyingGlass size={20} />}
-          size="sm"
-          onClick={handleOpenEdit}
-        />
+        <IconButton ml={2} colorScheme="blue" icon={<MagnifyingGlass size={20} />} size="sm" onClick={handleOpenEdit} />
       </Tooltip>
       <Tooltip hasArrow label={t('common.view_in_gateway')} placement="top">
         <IconButton
diff --git a/src/pages/InventoryPage/Table/index.js b/src/pages/InventoryPage/Table/index.js
index c5e4497..d694cef 100644
--- a/src/pages/InventoryPage/Table/index.js
+++ b/src/pages/InventoryPage/Table/index.js
@@ -73,27 +73,14 @@ const InventoryTable = ({ title }) => {
   };
 
   const memoizedActions = useCallback(
-    (cell) => (
-      <Actions
-        cell={cell.row}
-        refreshTable={refetchCount}
-        key={uuid()}
-        openEditModal={openEditModal}
-      />
-    ),
-    [],
-  );
-  const memoizedDate = useCallback(
-    (cell, key) => <FormattedDate date={cell.row.values[key]} key={uuid()} />,
+    (cell) => <Actions cell={cell.row} refreshTable={refetchCount} key={uuid()} openEditModal={openEditModal} />,
     [],
   );
+  const memoizedDate = useCallback((cell, key) => <FormattedDate date={cell.row.values[key]} key={uuid()} />, []);
 
   const entityCell = useCallback(
     (cell) => (
-      <EntityCell
-        entityName={cell.row.original.extendedInfo?.entity?.name ?? ''}
-        entityId={cell.row.original.entity}
-      />
+      <EntityCell entityName={cell.row.original.extendedInfo?.entity?.name ?? ''} entityId={cell.row.original.entity} />
     ),
     [],
   );
@@ -210,22 +197,14 @@ const InventoryTable = ({ title }) => {
                 preference="provisioning.inventoryTable.hiddenColumns"
               />
               <CreateConfigurationModal refresh={refetchCount} />
-              <RefreshButton
-                onClick={refetchCount}
-                isLoading={isFetchingCount || isFetchingTags}
-                ml={2}
-              />
+              <RefreshButton onClick={refetchCount} isLoading={isFetchingCount || isFetchingTags} ml={2} />
             </Box>
           </Flex>
         </CardHeader>
         <CardBody>
           <Box overflowX="auto" w="100%">
             <DataTable
-              columns={
-                onlyUnassigned
-                  ? columns.filter((col) => col.id !== 'entity' && col.id !== 'venue')
-                  : columns
-              }
+              columns={onlyUnassigned ? columns.filter((col) => col.id !== 'entity' && col.id !== 'venue') : columns}
               data={tags ?? []}
               isLoading={isFetchingCount || isFetchingTags}
               isManual
@@ -245,11 +224,7 @@ const InventoryTable = ({ title }) => {
         refresh={refetchTags}
         pushConfig={pushConfiguration}
       />
-      <ConfigurationPushModal
-        isOpen={isPushOpen}
-        onClose={closePush}
-        pushResult={pushConfiguration.data}
-      />
+      <ConfigurationPushModal isOpen={isPushOpen} onClose={closePush} pushResult={pushConfiguration.data} />
     </>
   );
 };
diff --git a/src/pages/LocationsPage/Table/Actions.js b/src/pages/LocationsPage/Table/Actions.js
index 21aa328..911101c 100644
--- a/src/pages/LocationsPage/Table/Actions.js
+++ b/src/pages/LocationsPage/Table/Actions.js
@@ -98,12 +98,7 @@ const Actions = ({ cell: { original: location }, refreshTable, openEditModal })
               <Button colorScheme="gray" mr="1" onClick={onClose}>
                 {t('common.cancel')}
               </Button>
-              <Button
-                colorScheme="red"
-                ml="1"
-                onClick={handleDeleteClick}
-                isLoading={deleteConfig.isLoading}
-              >
+              <Button colorScheme="red" ml="1" onClick={handleDeleteClick} isLoading={deleteConfig.isLoading}>
                 {t('common.yes')}
               </Button>
             </Center>
diff --git a/src/pages/LocationsPage/Table/index.js b/src/pages/LocationsPage/Table/index.js
index 361555f..fab418f 100644
--- a/src/pages/LocationsPage/Table/index.js
+++ b/src/pages/LocationsPage/Table/index.js
@@ -57,26 +57,13 @@ const LocationsTable = ({ title }) => {
   };
 
   const memoizedActions = useCallback(
-    (cell) => (
-      <Actions
-        cell={cell.row}
-        refreshTable={refetchCount}
-        key={uuid()}
-        openEditModal={openEditModal}
-      />
-    ),
-    [],
-  );
-  const memoizedDate = useCallback(
-    (cell, key) => <FormattedDate date={cell.row.values[key]} key={uuid()} />,
+    (cell) => <Actions cell={cell.row} refreshTable={refetchCount} key={uuid()} openEditModal={openEditModal} />,
     [],
   );
+  const memoizedDate = useCallback((cell, key) => <FormattedDate date={cell.row.values[key]} key={uuid()} />, []);
   const entityCell = useCallback(
     (cell) => (
-      <EntityCell
-        entityName={cell.row.original.extendedInfo?.entity?.name ?? ''}
-        entityId={cell.row.original.entity}
-      />
+      <EntityCell entityName={cell.row.original.extendedInfo?.entity?.name ?? ''} entityId={cell.row.original.entity} />
     ),
     [],
   );
@@ -185,12 +172,7 @@ const LocationsTable = ({ title }) => {
         </CardBody>
       </Card>
       {isEditOpen && (
-        <EditLocationModal
-          isOpen={isEditOpen}
-          onClose={closeEdit}
-          location={location}
-          refresh={refetchLocations}
-        />
+        <EditLocationModal isOpen={isEditOpen} onClose={closeEdit} location={location} refresh={refetchLocations} />
       )}
     </>
   );
diff --git a/src/pages/LoginPage/ChangePasswordForm.js b/src/pages/LoginPage/ChangePasswordForm.js
index a91599b..d9aa3ba 100644
--- a/src/pages/LoginPage/ChangePasswordForm.js
+++ b/src/pages/LoginPage/ChangePasswordForm.js
@@ -155,10 +155,7 @@ const ChangePasswordForm = ({ requirements, activeForm, setActiveForm }) => {
             </Field>
             <Field name="confirmNewPassword">
               {({ field }) => (
-                <FormControl
-                  mt="24px"
-                  isInvalid={errors.confirmNewPassword && touched.confirmNewPassword}
-                >
+                <FormControl mt="24px" isInvalid={errors.confirmNewPassword && touched.confirmNewPassword}>
                   <FormLabel ms="4px" fontSize="md" fontWeight="normal">
                     {t('login.confirm_new_password')}
                   </FormLabel>
@@ -216,12 +213,7 @@ const ChangePasswordForm = ({ requirements, activeForm, setActiveForm }) => {
             {t('login.password_policy')}
             <ExternalLinkIcon mx="2px" />
           </Link>
-          <Link
-            ml="24px"
-            href={`${secUrl}${requirements?.accessPolicy}`}
-            isExternal
-            textColor={textColor}
-          >
+          <Link ml="24px" href={`${secUrl}${requirements?.accessPolicy}`} isExternal textColor={textColor}>
             {t('login.access_policy')}
             <ExternalLinkIcon mx="2px" />
           </Link>
diff --git a/src/pages/LoginPage/ForgotPasswordForm.js b/src/pages/LoginPage/ForgotPasswordForm.js
index ae4924b..609a50c 100644
--- a/src/pages/LoginPage/ForgotPasswordForm.js
+++ b/src/pages/LoginPage/ForgotPasswordForm.js
@@ -43,12 +43,9 @@ const ForgotPasswordForm = ({ requirements, setActiveForm }) => {
   const { t } = useTranslation();
   const titleColor = useColorModeValue('blue.300', 'white');
   const textColor = useColorModeValue('gray.400', 'white');
-  const forgotPassword = useMutation(
-    (loginInfo) => axiosSec.post('oauth2?forgotPassword=true', loginInfo),
-    {
-      onError: (e) => e,
-    },
-  );
+  const forgotPassword = useMutation((loginInfo) => axiosSec.post('oauth2?forgotPassword=true', loginInfo), {
+    onError: (e) => e,
+  });
 
   return (
     <>
diff --git a/src/pages/LoginPage/LoginForm.js b/src/pages/LoginPage/LoginForm.js
index fda508b..6b2af9d 100644
--- a/src/pages/LoginPage/LoginForm.js
+++ b/src/pages/LoginPage/LoginForm.js
@@ -78,8 +78,7 @@ const LoginForm = ({ requirements, setActiveForm }) => {
                     },
                   });
                 } else {
-                  if (values.rememberMe)
-                    localStorage.setItem('access_token', response.data.access_token);
+                  if (values.rememberMe) localStorage.setItem('access_token', response.data.access_token);
                   else sessionStorage.setItem('access_token', response.data.access_token);
                   setToken(response.data.access_token);
                 }
@@ -187,12 +186,7 @@ const LoginForm = ({ requirements, setActiveForm }) => {
       </Formik>
       <Flex justifyContent="center" alignItems="center" maxW="100%" mt="0px">
         <Box w="100%">
-          <Link
-            href={`${secUrl}${requirements?.passwordPolicy}`}
-            isExternal
-            textColor={textColor}
-            mr="24px"
-          >
+          <Link href={`${secUrl}${requirements?.passwordPolicy}`} isExternal textColor={textColor} mr="24px">
             {t('login.password_policy')}
             <ExternalLinkIcon mx="2px" />
           </Link>
diff --git a/src/pages/LoginPage/MfaForm.js b/src/pages/LoginPage/MfaForm.js
index 0a79266..fa6d2ec 100644
--- a/src/pages/LoginPage/MfaForm.js
+++ b/src/pages/LoginPage/MfaForm.js
@@ -42,9 +42,7 @@ const MfaForm = ({ activeForm, setActiveForm }) => {
   const { setToken } = useAuth();
   const titleColor = useColorModeValue('blue.300', 'white');
   const textColor = useColorModeValue('gray.400', 'white');
-  const verifyCode = useMutation((verifInfo) =>
-    axiosSec.post('oauth2?completeMFAChallenge=true', verifInfo),
-  );
+  const verifyCode = useMutation((verifInfo) => axiosSec.post('oauth2?completeMFAChallenge=true', verifInfo));
   const sendPhoneTest = useMutation(
     () =>
       axiosSec.post(`oauth2?resendMFACode=true`, {
@@ -85,8 +83,7 @@ const MfaForm = ({ activeForm, setActiveForm }) => {
       },
       {
         onSuccess: (response) => {
-          if (activeForm.data.rememberMe)
-            localStorage.setItem('access_token', response.data.access_token);
+          if (activeForm.data.rememberMe) localStorage.setItem('access_token', response.data.access_token);
           else sessionStorage.setItem('access_token', response.data.access_token);
           setToken(response.data.access_token);
         },
diff --git a/src/pages/LoginPage/index.js b/src/pages/LoginPage/index.js
index 420aed5..c89d3f8 100644
--- a/src/pages/LoginPage/index.js
+++ b/src/pages/LoginPage/index.js
@@ -19,16 +19,11 @@ const LoginPage = () => {
       return <LoginForm setActiveForm={setActiveForm} requirements={requirements.data} />;
     if (activeForm.form === 'change-password')
       return (
-        <ChangePasswordForm
-          activeForm={activeForm}
-          setActiveForm={setActiveForm}
-          requirements={requirements.data}
-        />
+        <ChangePasswordForm activeForm={activeForm} setActiveForm={setActiveForm} requirements={requirements.data} />
       );
     if (activeForm.form === 'forgot-password')
       return <ForgotPasswordForm activeForm={activeForm} setActiveForm={setActiveForm} />;
-    if (activeForm.form === 'mfa')
-      return <MfaForm activeForm={activeForm} setActiveForm={setActiveForm} />;
+    if (activeForm.form === 'mfa') return <MfaForm activeForm={activeForm} setActiveForm={setActiveForm} />;
     return null;
   };
 
diff --git a/src/pages/MapPage/MapCard/MapDisplayCard/CreateMapButton/index.js b/src/pages/MapPage/MapCard/MapDisplayCard/CreateMapButton/index.js
index 7e0dd9c..35b53ac 100644
--- a/src/pages/MapPage/MapCard/MapDisplayCard/CreateMapButton/index.js
+++ b/src/pages/MapPage/MapCard/MapDisplayCard/CreateMapButton/index.js
@@ -1,14 +1,7 @@
 import React, { useCallback, useState } from 'react';
 import PropTypes from 'prop-types';
 import { useTranslation } from 'react-i18next';
-import {
-  useDisclosure,
-  Modal,
-  ModalOverlay,
-  ModalContent,
-  ModalBody,
-  CloseButton,
-} from '@chakra-ui/react';
+import { useDisclosure, Modal, ModalOverlay, ModalContent, ModalBody, CloseButton } from '@chakra-ui/react';
 import SaveButton from 'components/Buttons/SaveButton';
 import ConfirmCloseAlert from 'components/ConfirmCloseAlert';
 import ModalHeader from 'components/ModalHeader';
@@ -81,11 +74,7 @@ const CreateMapButton = ({ mapRef, setMapId, isDisabled }) => {
             )}
           </ModalBody>
         </ModalContent>
-        <ConfirmCloseAlert
-          isOpen={showConfirm}
-          confirm={closeCancelAndForm}
-          cancel={closeConfirm}
-        />
+        <ConfirmCloseAlert isOpen={showConfirm} confirm={closeCancelAndForm} cancel={closeConfirm} />
       </Modal>
     </>
   );
diff --git a/src/pages/MapPage/MapCard/MapDisplayCard/DeleteMapButton.js b/src/pages/MapPage/MapCard/MapDisplayCard/DeleteMapButton.js
index 4f3b772..1d2a197 100644
--- a/src/pages/MapPage/MapCard/MapDisplayCard/DeleteMapButton.js
+++ b/src/pages/MapPage/MapCard/MapDisplayCard/DeleteMapButton.js
@@ -37,13 +37,7 @@ const DeleteMapButton = ({ deleteMap, isDisabled, ...props }) => {
   return (
     <>
       <Tooltip label={t('crud.delete')}>
-        <IconButton
-          colorScheme="red"
-          onClick={onOpen}
-          icon={<Trash size={20} />}
-          isDisabled={isDisabled}
-          {...props}
-        />
+        <IconButton colorScheme="red" onClick={onOpen} icon={<Trash size={20} />} isDisabled={isDisabled} {...props} />
       </Tooltip>
       <AlertDialog isOpen={isOpen} onClose={onClose} isCentered>
         <AlertDialogOverlay>
diff --git a/src/pages/MapPage/MapCard/MapDisplayCard/Map/DeviceNode/AssociationsTable.js b/src/pages/MapPage/MapCard/MapDisplayCard/Map/DeviceNode/AssociationsTable.js
index fffcd84..b50fa60 100644
--- a/src/pages/MapPage/MapCard/MapDisplayCard/Map/DeviceNode/AssociationsTable.js
+++ b/src/pages/MapPage/MapCard/MapDisplayCard/Map/DeviceNode/AssociationsTable.js
@@ -124,12 +124,7 @@ const AssociationsTable = ({ statsInfo }) => {
       </Heading>
       {associations.length > 0 && (
         <Box overflowY="auto" maxH="150px" w="100%">
-          <DataTable
-            columns={columns}
-            data={associations}
-            hideControls
-            obj={t('devices.associations')}
-          />
+          <DataTable columns={columns} data={associations} hideControls obj={t('devices.associations')} />
         </Box>
       )}
     </>
diff --git a/src/pages/MapPage/MapCard/MapDisplayCard/Map/DeviceNode/index.js b/src/pages/MapPage/MapCard/MapDisplayCard/Map/DeviceNode/index.js
index de191f7..e71fbf3 100644
--- a/src/pages/MapPage/MapCard/MapDisplayCard/Map/DeviceNode/index.js
+++ b/src/pages/MapPage/MapCard/MapDisplayCard/Map/DeviceNode/index.js
@@ -74,12 +74,7 @@ const DeviceNode = ({ data, isConnectable }) => {
 
   return (
     <>
-      <Handle
-        type="target"
-        position="top"
-        style={{ background: '#555' }}
-        isConnectable={isConnectable}
-      />
+      <Handle type="target" position="top" style={{ background: '#555' }} isConnectable={isConnectable} />
       <Popover isLazy trigger="hover">
         <PopoverTrigger>
           <Box width="200px" bgColor={bgColor} p="4px" borderRadius={4} pointerEvents="all">
@@ -111,9 +106,7 @@ const DeviceNode = ({ data, isConnectable }) => {
               </Tooltip>
             </PopoverHeader>
             <PopoverBody>
-              {data.tag.description !== '' && (
-                <Text fontStyle="italic">{data.tag.description}</Text>
-              )}
+              {data.tag.description !== '' && <Text fontStyle="italic">{data.tag.description}</Text>}
               <Text>
                 {t('devices.sanity')}: {getHealth().value}
               </Text>
diff --git a/src/pages/MapPage/MapCard/MapDisplayCard/Map/EntityNode.js b/src/pages/MapPage/MapCard/MapDisplayCard/Map/EntityNode.js
index 27dc6e7..750f1b2 100644
--- a/src/pages/MapPage/MapCard/MapDisplayCard/Map/EntityNode.js
+++ b/src/pages/MapPage/MapCard/MapDisplayCard/Map/EntityNode.js
@@ -49,43 +49,22 @@ const EntityNode = ({ data, isConnectable }) => {
             </Heading>
           </Center>
         </Box>
-        <Handle
-          type="source"
-          position="bottom"
-          id="a"
-          style={{ background: '#555' }}
-          isConnectable={isConnectable}
-        />
+        <Handle type="source" position="bottom" id="a" style={{ background: '#555' }} isConnectable={isConnectable} />
       </>
     );
   }
 
   const hasLowerHandle = useCallback(
-    () =>
-      data.details.children.length > 0 ||
-      data.details.venues.length > 0 ||
-      data.details.devices.length > 0,
+    () => data.details.children.length > 0 || data.details.venues.length > 0 || data.details.devices.length > 0,
     [],
   );
 
   return (
     <>
-      <Handle
-        type="target"
-        position="top"
-        style={{ background: '#555' }}
-        isConnectable={isConnectable}
-      />
+      <Handle type="target" position="top" style={{ background: '#555' }} isConnectable={isConnectable} />
       <Popover isLazy trigger="hover">
         <PopoverTrigger>
-          <Box
-            width="200px"
-            bgColor={bgColor}
-            p="4px"
-            borderRadius={4}
-            pointerEvents="all"
-            id="testotest"
-          >
+          <Box width="200px" bgColor={bgColor} p="4px" borderRadius={4} pointerEvents="all" id="testotest">
             <Center>
               <Heading size="md" id={uuid()}>
                 {data.label}
@@ -93,13 +72,7 @@ const EntityNode = ({ data, isConnectable }) => {
             </Center>
             <Center>
               <WifiHigh size={20} />
-              <Heading
-                size="sm"
-                ml={1}
-                textOverflow="ellipsis"
-                overflow="hidden"
-                whiteSpace="nowrap"
-              >
+              <Heading size="sm" ml={1} textOverflow="ellipsis" overflow="hidden" whiteSpace="nowrap">
                 {data.details.cumulativeDevices}
               </Heading>
             </Center>
@@ -111,9 +84,7 @@ const EntityNode = ({ data, isConnectable }) => {
             <PopoverCloseButton />
             <PopoverHeader>{data.label}</PopoverHeader>
             <PopoverBody>
-              {data.details.description !== '' && (
-                <Text fontStyle="italic">{data.details.description}</Text>
-              )}
+              {data.details.description !== '' && <Text fontStyle="italic">{data.details.description}</Text>}
               <Text>
                 {data.details.cumulativeDevices} {t('map.cumulative_devices')}
               </Text>
@@ -132,13 +103,7 @@ const EntityNode = ({ data, isConnectable }) => {
         </Portal>
       </Popover>
       {hasLowerHandle() && (
-        <Handle
-          type="source"
-          position="bottom"
-          id="a"
-          style={{ background: '#555' }}
-          isConnectable={isConnectable}
-        />
+        <Handle type="source" position="bottom" id="a" style={{ background: '#555' }} isConnectable={isConnectable} />
       )}
     </>
   );
diff --git a/src/pages/MapPage/MapCard/MapDisplayCard/Map/MapLegend.js b/src/pages/MapPage/MapCard/MapDisplayCard/Map/MapLegend.js
index b9fdda2..80b26cc 100644
--- a/src/pages/MapPage/MapCard/MapDisplayCard/Map/MapLegend.js
+++ b/src/pages/MapPage/MapCard/MapDisplayCard/Map/MapLegend.js
@@ -9,13 +9,7 @@ const MapLegend = () => {
   const deviceBg = useColorModeValue('blue.200', 'blue.200');
 
   return (
-    <Box
-      w="140px"
-      position="absolute"
-      boxShadow="0 4px 8px 0 rgba(0,0,0,0.2)"
-      borderRadius="5px"
-      px={2}
-    >
+    <Box w="140px" position="absolute" boxShadow="0 4px 8px 0 rgba(0,0,0,0.2)" borderRadius="5px" px={2}>
       <Flex mt={1}>
         <Heading size="sm" sm="6">
           {t('map.root')}
diff --git a/src/pages/MapPage/MapCard/MapDisplayCard/Map/VenueNode.js b/src/pages/MapPage/MapCard/MapDisplayCard/Map/VenueNode.js
index 4c064da..b3196f9 100644
--- a/src/pages/MapPage/MapCard/MapDisplayCard/Map/VenueNode.js
+++ b/src/pages/MapPage/MapCard/MapDisplayCard/Map/VenueNode.js
@@ -34,30 +34,16 @@ const VenueNode = ({ data, isConnectable }) => {
   const { t } = useTranslation();
   const bgColor = useColorModeValue('cyan.200', 'cyan.400');
 
-  const hasLowerHandle = useCallback(
-    () => data.details.children.length > 0 || data.details.devices.length > 0,
-    [],
-  );
+  const hasLowerHandle = useCallback(() => data.details.children.length > 0 || data.details.devices.length > 0, []);
 
   return (
     <>
-      <Handle
-        type="target"
-        position="top"
-        style={{ background: '#555' }}
-        isConnectable={isConnectable}
-      />
+      <Handle type="target" position="top" style={{ background: '#555' }} isConnectable={isConnectable} />
       <Popover isLazy trigger="hover">
         <PopoverTrigger>
           <Box width="200px" bgColor={bgColor} p="4px" borderRadius={4} pointerEvents="all">
             <Center>
-              <Heading
-                size="md"
-                id={uuid()}
-                textOverflow="ellipsis"
-                overflow="hidden"
-                whiteSpace="nowrap"
-              >
+              <Heading size="md" id={uuid()} textOverflow="ellipsis" overflow="hidden" whiteSpace="nowrap">
                 {data.label}
               </Heading>
             </Center>
@@ -75,9 +61,7 @@ const VenueNode = ({ data, isConnectable }) => {
             <PopoverCloseButton />
             <PopoverHeader>{data.label}</PopoverHeader>
             <PopoverBody>
-              {data.details.description !== '' && (
-                <Text fontStyle="italic">{data.details.description}</Text>
-              )}
+              {data.details.description !== '' && <Text fontStyle="italic">{data.details.description}</Text>}
               <Text>
                 {data.details.cumulativeDevices} {t('map.cumulative_devices')}
               </Text>
@@ -85,12 +69,10 @@ const VenueNode = ({ data, isConnectable }) => {
                 {data.details.devices.length} {t('devices.title')}
               </Text>
               <Text>
-                {t('contacts.one')}:{' '}
-                {data?.details?.extendedInfo?.contact?.name ?? t('common.none')}
+                {t('contacts.one')}: {data?.details?.extendedInfo?.contact?.name ?? t('common.none')}
               </Text>
               <Text>
-                {t('locations.one')}:{' '}
-                {data?.details?.extendedInfo?.location?.name ?? t('common.none')}
+                {t('locations.one')}: {data?.details?.extendedInfo?.location?.name ?? t('common.none')}
               </Text>
               <Text>RRM {data.details.rrm}</Text>
             </PopoverBody>
@@ -98,13 +80,7 @@ const VenueNode = ({ data, isConnectable }) => {
         </Portal>
       </Popover>
       {hasLowerHandle() && (
-        <Handle
-          type="source"
-          position="bottom"
-          id="a"
-          style={{ background: '#555' }}
-          isConnectable={isConnectable}
-        />
+        <Handle type="source" position="bottom" id="a" style={{ background: '#555' }} isConnectable={isConnectable} />
       )}
     </>
   );
diff --git a/src/pages/MapPage/MapCard/MapDisplayCard/Map/dagreAdapter.js b/src/pages/MapPage/MapCard/MapDisplayCard/Map/dagreAdapter.js
index 74b637e..efb7c6f 100644
--- a/src/pages/MapPage/MapCard/MapDisplayCard/Map/dagreAdapter.js
+++ b/src/pages/MapPage/MapCard/MapDisplayCard/Map/dagreAdapter.js
@@ -80,10 +80,7 @@ export const flatTreeFromRootNode = (tree, rootNode) => {
 };
 
 // Generating a list of map elements automatically with dagre or with a saved map
-export const mapToFlowElements = (
-  { tree, flatTree, tags, devices, autoAlign = false },
-  savedMap,
-) => {
+export const mapToFlowElements = ({ tree, flatTree, tags, devices, autoAlign = false }, savedMap) => {
   const elements = [];
 
   for (const el of flatTree) {
@@ -155,9 +152,7 @@ export const mapToFlowElements = (
         finalElements.push({ ...el, position: foundSaved ? foundSaved.position : { x: 0, y: 0 } });
       }
     } else if (type === 'device') {
-      const found = includedElements.find(
-        (incl) => incl === el.data.tag.entity || incl === el.data.tag.venue,
-      );
+      const found = includedElements.find((incl) => incl === el.data.tag.entity || incl === el.data.tag.venue);
       if (found) {
         const foundSaved = parsedMap.elements.find((saved) => saved.id === el.id);
         finalElements.push({
diff --git a/src/pages/MapPage/MapCard/MapDisplayCard/MapPicker.js b/src/pages/MapPage/MapCard/MapDisplayCard/MapPicker.js
index a56f719..5060cd8 100644
--- a/src/pages/MapPage/MapCard/MapDisplayCard/MapPicker.js
+++ b/src/pages/MapPage/MapCard/MapDisplayCard/MapPicker.js
@@ -58,15 +58,11 @@ const MapPicker = ({ isLoading, map, setMap, isDisabled }) => {
         { label: t('map.auto_map'), value: '' },
         {
           label: t('map.my_maps'),
-          options: maps
-            .filter((m) => m.creator === id)
-            .map((m) => ({ value: m.id, label: m.name })),
+          options: maps.filter((m) => m.creator === id).map((m) => ({ value: m.id, label: m.name })),
         },
         {
           label: t('map.by_others'),
-          options: maps
-            .filter((m) => m.creator !== id)
-            .map((m) => ({ value: m.id, label: m.name })),
+          options: maps.filter((m) => m.creator !== id).map((m) => ({ value: m.id, label: m.name })),
         },
       ];
     }
diff --git a/src/pages/MapPage/MapCard/MapDisplayCard/index.js b/src/pages/MapPage/MapCard/MapDisplayCard/index.js
index 9cfc145..34356b6 100644
--- a/src/pages/MapPage/MapCard/MapDisplayCard/index.js
+++ b/src/pages/MapPage/MapCard/MapDisplayCard/index.js
@@ -62,11 +62,7 @@ const MapDisplayCard = ({ data, isLoading, refreshData }) => {
         <Flex w="100%" flexDirection="row" alignItems="center">
           <Box ms="auto" display="flex">
             <MapPicker map={mapId} setMap={setMapId} isLoading={isLoading} isDisabled={isEditing} />
-            <CreateMapButton
-              isDisabled={isEditing || isLoading}
-              setMapId={setMapId}
-              mapRef={mapRef}
-            />
+            <CreateMapButton isDisabled={isEditing || isLoading} setMapId={setMapId} mapRef={mapRef} />
             <SaveMapButton
               mapId={mapId}
               mapRef={mapRef}
@@ -80,19 +76,9 @@ const MapDisplayCard = ({ data, isLoading, refreshData }) => {
               isCompact
               ml={2}
             />
-            <RefreshButton
-              onClick={refreshData}
-              isDisabled={isEditing}
-              isFetching={isLoading}
-              isCompact
-              ml={2}
-            />
+            <RefreshButton onClick={refreshData} isDisabled={isEditing} isFetching={isLoading} isCompact ml={2} />
             <AutoAlignButton onClick={mapRef?.current?.autoAlign} isDisabled={!isEditing} ml={2} />
-            <DeleteMapButton
-              deleteMap={deleteMap}
-              isDisabled={isEditing || isLoading || mapId === ''}
-              ml={2}
-            />
+            <DeleteMapButton deleteMap={deleteMap} isDisabled={isEditing || isLoading || mapId === ''} ml={2} />
           </Box>
         </Flex>
       </CardHeader>
diff --git a/src/pages/MapPage/MapCard/mapHelpers.js b/src/pages/MapPage/MapCard/mapHelpers.js
index 20b44cd..7c7e54a 100644
--- a/src/pages/MapPage/MapCard/mapHelpers.js
+++ b/src/pages/MapPage/MapCard/mapHelpers.js
@@ -18,12 +18,7 @@ export const getDevices = async (devices) =>
     .catch(() => []);
 
 // Transforming the nested entity/venue tree object into an array ready to use with the map
-export const flattenEntityTree = (
-  { uuid: id, name, type, children, venues = [] },
-  parentType,
-  parentId,
-  parentArr,
-) => {
+export const flattenEntityTree = ({ uuid: id, name, type, children, venues = [] }, parentType, parentId, parentArr) => {
   let newArray = [];
 
   const newParentArr = parentId !== undefined ? [...parentArr, { parentId, parentType }] : [];
diff --git a/src/pages/ResourcesPage/Table/Actions.js b/src/pages/ResourcesPage/Table/Actions.js
index f0227bc..8ff22ba 100644
--- a/src/pages/ResourcesPage/Table/Actions.js
+++ b/src/pages/ResourcesPage/Table/Actions.js
@@ -90,20 +90,13 @@ const Actions = ({ cell: { original: resource }, refreshTable, openEditModal })
           <PopoverHeader>
             {t('crud.delete')} {resource.name}
           </PopoverHeader>
-          <PopoverBody>
-            {t('crud.delete_confirm', { obj: t('resources.configuration_resource') })}
-          </PopoverBody>
+          <PopoverBody>{t('crud.delete_confirm', { obj: t('resources.configuration_resource') })}</PopoverBody>
           <PopoverFooter>
             <Center>
               <Button colorScheme="gray" mr="1" onClick={onClose}>
                 {t('common.cancel')}
               </Button>
-              <Button
-                colorScheme="red"
-                ml="1"
-                onClick={handleDeleteClick}
-                isLoading={deleteResource.isLoading}
-              >
+              <Button colorScheme="red" ml="1" onClick={handleDeleteClick} isLoading={deleteResource.isLoading}>
                 {t('common.yes')}
               </Button>
             </Center>
diff --git a/src/pages/ResourcesPage/Table/CreateResourceModal/InterfaceSsidRadius/Form.js b/src/pages/ResourcesPage/Table/CreateResourceModal/InterfaceSsidRadius/Form.js
index 7f11fe1..f6ecf9e 100644
--- a/src/pages/ResourcesPage/Table/CreateResourceModal/InterfaceSsidRadius/Form.js
+++ b/src/pages/ResourcesPage/Table/CreateResourceModal/InterfaceSsidRadius/Form.js
@@ -6,10 +6,7 @@ import NumberField from 'components/FormFields/NumberField';
 import { FormControl, FormLabel, Heading, SimpleGrid, Switch } from '@chakra-ui/react';
 import ToggleField from 'components/FormFields/ToggleField';
 import ObjectArrayFieldModal from 'components/FormFields/ObjectArrayFieldModal';
-import {
-  INTERFACE_SSID_RADIUS_LOCAL_SCHEMA,
-  INTERFACE_SSID_RADIUS_LOCAL_USER_SCHEMA,
-} from './schemas';
+import { INTERFACE_SSID_RADIUS_LOCAL_SCHEMA, INTERFACE_SSID_RADIUS_LOCAL_USER_SCHEMA } from './schemas';
 
 const InterfaceSsidRadiusForm = () => {
   const { t } = useTranslation();
@@ -27,10 +24,7 @@ const InterfaceSsidRadiusForm = () => {
     }
   };
 
-  const isAccountingEnabled = useMemo(
-    () => getIn(values, 'accounting') !== undefined,
-    [getIn(values, 'accounting')],
-  );
+  const isAccountingEnabled = useMemo(() => getIn(values, 'accounting') !== undefined, [getIn(values, 'accounting')]);
 
   const onEnableDynamicChange = (e) => {
     if (e.target.checked) {
@@ -57,10 +51,7 @@ const InterfaceSsidRadiusForm = () => {
     }
   };
 
-  const isLocalEnabled = useMemo(
-    () => getIn(values, 'local') !== undefined,
-    [getIn(values, 'local')],
-  );
+  const isLocalEnabled = useMemo(() => getIn(values, 'local') !== undefined, [getIn(values, 'local')]);
 
   return (
     <>
@@ -69,19 +60,8 @@ const InterfaceSsidRadiusForm = () => {
       </Heading>
       <SimpleGrid minChildWidth="300px" spacing="20px">
         <StringField name="authentication.host" label="authentication.host" isRequired />
-        <NumberField
-          name="authentication.port"
-          label="authentication.port"
-          isRequired
-          hideArrows
-          w={24}
-        />
-        <StringField
-          name="authentication.secret"
-          label="authentication.secret"
-          isRequired
-          hideButton
-        />
+        <NumberField name="authentication.port" label="authentication.port" isRequired hideArrows w={24} />
+        <StringField name="authentication.secret" label="authentication.secret" isRequired hideButton />
       </SimpleGrid>
       <FormControl>
         <FormLabel ms="4px" fontSize="md" fontWeight="normal">
@@ -98,13 +78,7 @@ const InterfaceSsidRadiusForm = () => {
       {isAccountingEnabled && (
         <SimpleGrid minChildWidth="300px" spacing="20px">
           <StringField name="accounting.host" label="accounting.host" isRequired />
-          <NumberField
-            name="accounting.port"
-            label="accounting.port"
-            isRequired
-            hideArrows
-            w={24}
-          />
+          <NumberField name="accounting.port" label="accounting.port" isRequired hideArrows w={24} />
           <StringField name="accounting.secret" label="accounting.secret" isRequired hideButton />
         </SimpleGrid>
       )}
@@ -122,22 +96,9 @@ const InterfaceSsidRadiusForm = () => {
       </FormControl>
       {isDynamicEnabled && (
         <SimpleGrid minChildWidth="300px" spacing="20px" mb={4}>
-          <StringField
-            name="dynamic-authorization.host"
-            label="dynamic-authorization.host"
-            isRequired
-          />
-          <NumberField
-            name="dynamic-authorization.port"
-            label="dynamic-authorization.port"
-            isRequired
-          />
-          <StringField
-            name="dynamic-authorization.secret"
-            label="dynamic-authorization.secret"
-            isRequired
-            hideButton
-          />
+          <StringField name="dynamic-authorization.host" label="dynamic-authorization.host" isRequired />
+          <NumberField name="dynamic-authorization.port" label="dynamic-authorization.port" isRequired />
+          <StringField name="dynamic-authorization.secret" label="dynamic-authorization.secret" isRequired hideButton />
         </SimpleGrid>
       )}
       <SimpleGrid minChildWidth="300px" spacing="20px">
diff --git a/src/pages/ResourcesPage/Table/CreateResourceModal/InterfaceSsidRadius/schemas.js b/src/pages/ResourcesPage/Table/CreateResourceModal/InterfaceSsidRadius/schemas.js
index 9d7ce18..bb06efa 100644
--- a/src/pages/ResourcesPage/Table/CreateResourceModal/InterfaceSsidRadius/schemas.js
+++ b/src/pages/ResourcesPage/Table/CreateResourceModal/InterfaceSsidRadius/schemas.js
@@ -8,18 +8,11 @@ export const INTERFACE_SSID_RADIUS_LOCAL_USER_SCHEMA = (t, useDefault = false) =
       .test('services.ieee8021x.user.mac.length', t('form.invalid_mac_uc'), testUcMac)
       .default(''),
     'user-name': string().required(t('form.required')).default(''),
-    'vlan-id': number()
-      .required(t('form.required'))
-      .moreThan(-1)
-      .lessThan(4097)
-      .integer()
-      .default(1),
+    'vlan-id': number().required(t('form.required')).moreThan(-1).lessThan(4097).integer().default(1),
     password: string()
       .required(t('form.required'))
-      .test(
-        'services.ieee8021x.user.password.length',
-        t('form.min_max_string', { min: 8, max: 63 }),
-        (val) => testLength({ val, min: 8, max: 63 }),
+      .test('services.ieee8021x.user.password.length', t('form.min_max_string', { min: 8, max: 63 }), (val) =>
+        testLength({ val, min: 8, max: 63 }),
       )
       .default(''),
   });
@@ -55,23 +48,13 @@ export const RADIUS_SCHEMA = (t, useDefault = false) => {
       'chargeable-user-id': bool().default(undefined),
       authentication: object().shape({
         host: string().required(t('form.required')).default('192.168.178.192'),
-        port: number()
-          .required(t('form.required'))
-          .positive()
-          .lessThan(4050)
-          .integer()
-          .default(1812),
+        port: number().required(t('form.required')).positive().lessThan(4050).integer().default(1812),
         secret: string().required(t('form.required')).min(8).max(63).default('YOUR_SECRET'),
       }),
       accounting: object()
         .shape({
           host: string().required(t('form.required')).default('192.168.178.192'),
-          port: number()
-            .required(t('form.required'))
-            .positive()
-            .lessThan(4050)
-            .integer()
-            .default(1813),
+          port: number().required(t('form.required')).positive().lessThan(4050).integer().default(1813),
           secret: string().required(t('form.required')).min(8).max(63).default('YOUR_SECRET'),
         })
         .nullable()
@@ -79,12 +62,7 @@ export const RADIUS_SCHEMA = (t, useDefault = false) => {
       'dynamic-authorization': object()
         .shape({
           host: string().required(t('form.required')).default('192.168.178.192'),
-          port: number()
-            .required(t('form.required'))
-            .positive()
-            .lessThan(4050)
-            .integer()
-            .default(1813),
+          port: number().required(t('form.required')).positive().lessThan(4050).integer().default(1813),
           secret: string().required(t('form.required')).min(8).max(63).default('YOUR_SECRET'),
         })
         .nullable()
diff --git a/src/pages/ResourcesPage/Table/CreateResourceModal/index.js b/src/pages/ResourcesPage/Table/CreateResourceModal/index.js
index f8b93df..acc9027 100644
--- a/src/pages/ResourcesPage/Table/CreateResourceModal/index.js
+++ b/src/pages/ResourcesPage/Table/CreateResourceModal/index.js
@@ -125,12 +125,7 @@ const CreateResourceModal = ({ refresh }) => {
                 <FormLabel ms="4px" fontSize="md" fontWeight="normal">
                   {t('resources.variable')}
                 </FormLabel>
-                <Select
-                  value={selectedVariable}
-                  onChange={onVariableChange}
-                  borderRadius="15px"
-                  fontSize="sm"
-                >
+                <Select value={selectedVariable} onChange={onVariableChange} borderRadius="15px" fontSize="sm">
                   <option value="interface.ssid.radius">interface.ssid.radius</option>
                 </Select>
               </FormControl>
@@ -169,11 +164,7 @@ const CreateResourceModal = ({ refresh }) => {
             )}
           </ModalBody>
         </ModalContent>
-        <ConfirmCloseAlert
-          isOpen={showConfirm}
-          confirm={closeCancelAndForm}
-          cancel={closeConfirm}
-        />
+        <ConfirmCloseAlert isOpen={showConfirm} confirm={closeCancelAndForm} cancel={closeConfirm} />
       </Modal>
     </>
   );
diff --git a/src/pages/ResourcesPage/Table/EditResourceModal/InterfaceSsidRadius/Form.js b/src/pages/ResourcesPage/Table/EditResourceModal/InterfaceSsidRadius/Form.js
index 7b98caa..337e830 100644
--- a/src/pages/ResourcesPage/Table/EditResourceModal/InterfaceSsidRadius/Form.js
+++ b/src/pages/ResourcesPage/Table/EditResourceModal/InterfaceSsidRadius/Form.js
@@ -7,10 +7,7 @@ import NumberField from 'components/FormFields/NumberField';
 import { FormControl, FormLabel, Heading, SimpleGrid, Switch } from '@chakra-ui/react';
 import ToggleField from 'components/FormFields/ToggleField';
 import ObjectArrayFieldModal from 'components/FormFields/ObjectArrayFieldModal';
-import {
-  INTERFACE_SSID_RADIUS_LOCAL_SCHEMA,
-  INTERFACE_SSID_RADIUS_LOCAL_USER_SCHEMA,
-} from './schemas';
+import { INTERFACE_SSID_RADIUS_LOCAL_SCHEMA, INTERFACE_SSID_RADIUS_LOCAL_USER_SCHEMA } from './schemas';
 
 const propTypes = {
   editing: PropTypes.bool.isRequired,
@@ -31,10 +28,7 @@ const InterfaceSsidRadiusForm = ({ editing }) => {
     }
   };
 
-  const isAccountingEnabled = useMemo(
-    () => getIn(values, 'accounting') !== undefined,
-    [getIn(values, 'accounting')],
-  );
+  const isAccountingEnabled = useMemo(() => getIn(values, 'accounting') !== undefined, [getIn(values, 'accounting')]);
 
   const onEnableDynamicChange = (e) => {
     if (e.target.checked) {
@@ -61,10 +55,7 @@ const InterfaceSsidRadiusForm = ({ editing }) => {
     }
   };
 
-  const isLocalEnabled = useMemo(
-    () => getIn(values, 'local') !== undefined,
-    [getIn(values, 'local')],
-  );
+  const isLocalEnabled = useMemo(() => getIn(values, 'local') !== undefined, [getIn(values, 'local')]);
 
   return (
     <>
@@ -72,12 +63,7 @@ const InterfaceSsidRadiusForm = ({ editing }) => {
         interface.ssid.radius
       </Heading>
       <SimpleGrid minChildWidth="300px" spacing="20px">
-        <StringField
-          name="authentication.host"
-          label="authentication.host"
-          isRequired
-          isDisabled={!editing}
-        />
+        <StringField name="authentication.host" label="authentication.host" isRequired isDisabled={!editing} />
         <NumberField
           name="authentication.port"
           label="authentication.port"
@@ -109,12 +95,7 @@ const InterfaceSsidRadiusForm = ({ editing }) => {
       </FormControl>
       {isAccountingEnabled && (
         <SimpleGrid minChildWidth="300px" spacing="20px">
-          <StringField
-            name="accounting.host"
-            label="accounting.host"
-            isRequired
-            isDisabled={!editing}
-          />
+          <StringField name="accounting.host" label="accounting.host" isRequired isDisabled={!editing} />
           <NumberField
             name="accounting.port"
             label="accounting.port"
@@ -123,13 +104,7 @@ const InterfaceSsidRadiusForm = ({ editing }) => {
             w={24}
             isDisabled={!editing}
           />
-          <StringField
-            name="accounting.secret"
-            label="accounting.secret"
-            isRequired
-            hideButton
-            isDisabled={!editing}
-          />
+          <StringField name="accounting.secret" label="accounting.secret" isRequired hideButton isDisabled={!editing} />
         </SimpleGrid>
       )}
       <FormControl>
@@ -187,12 +162,7 @@ const InterfaceSsidRadiusForm = ({ editing }) => {
       </FormControl>
       {isLocalEnabled && (
         <SimpleGrid minChildWidth="300px" spacing="20px">
-          <StringField
-            name="local.server-identity"
-            label="server-identity"
-            isRequired
-            isDisabled={!editing}
-          />
+          <StringField name="local.server-identity" label="server-identity" isRequired isDisabled={!editing} />
           <ObjectArrayFieldModal
             name="local.users"
             label="users"
diff --git a/src/pages/ResourcesPage/Table/EditResourceModal/InterfaceSsidRadius/index.js b/src/pages/ResourcesPage/Table/EditResourceModal/InterfaceSsidRadius/index.js
index 02fe799..2ccdb8f 100644
--- a/src/pages/ResourcesPage/Table/EditResourceModal/InterfaceSsidRadius/index.js
+++ b/src/pages/ResourcesPage/Table/EditResourceModal/InterfaceSsidRadius/index.js
@@ -67,13 +67,9 @@ const InterfaceSsidRadius = ({ isOpen, onClose, refresh, formRef, resource, edit
             name: formData.name,
             description: formData.description,
             entity:
-              formData.entity === '' || formData.entity.split(':')[0] !== 'ent'
-                ? ''
-                : formData.entity.split(':')[1],
+              formData.entity === '' || formData.entity.split(':')[0] !== 'ent' ? '' : formData.entity.split(':')[1],
             venue:
-              formData.entity === '' || formData.entity.split(':')[0] !== 'ven'
-                ? ''
-                : formData.entity.split(':')[1],
+              formData.entity === '' || formData.entity.split(':')[0] !== 'ven' ? '' : formData.entity.split(':')[1],
             notes: formData.notes.filter((note) => note.isNew),
           },
           {
@@ -123,17 +119,8 @@ const InterfaceSsidRadius = ({ isOpen, onClose, refresh, formRef, resource, edit
           <TabPanels>
             <TabPanel>
               <SimpleGrid minChildWidth="300px" spacing="20px" mt={4}>
-                <StringField
-                  name="name"
-                  label={t('common.name')}
-                  isRequired
-                  isDisabled={!editing}
-                />
-                <StringField
-                  name="description"
-                  label={t('common.description')}
-                  isDisabled={!editing}
-                />
+                <StringField name="name" label={t('common.name')} isRequired isDisabled={!editing} />
+                <StringField name="description" label={t('common.description')} isDisabled={!editing} />
                 <SelectWithSearchField
                   name="entity"
                   label={t('inventory.parent')}
@@ -166,9 +153,7 @@ const InterfaceSsidRadius = ({ isOpen, onClose, refresh, formRef, resource, edit
             </TabPanel>
             <TabPanel>
               <Field name="notes">
-                {({ field }) => (
-                  <NotesTable notes={field.value} setNotes={setFieldValue} isDisabled={!editing} />
-                )}
+                {({ field }) => <NotesTable notes={field.value} setNotes={setFieldValue} isDisabled={!editing} />}
               </Field>
             </TabPanel>
           </TabPanels>
diff --git a/src/pages/ResourcesPage/Table/EditResourceModal/InterfaceSsidRadius/schemas.js b/src/pages/ResourcesPage/Table/EditResourceModal/InterfaceSsidRadius/schemas.js
index 19a71da..5ac7305 100644
--- a/src/pages/ResourcesPage/Table/EditResourceModal/InterfaceSsidRadius/schemas.js
+++ b/src/pages/ResourcesPage/Table/EditResourceModal/InterfaceSsidRadius/schemas.js
@@ -8,18 +8,11 @@ export const INTERFACE_SSID_RADIUS_LOCAL_USER_SCHEMA = (t, useDefault = false) =
       .test('services.ieee8021x.user.mac.length', t('form.invalid_mac_uc'), testUcMac)
       .default(''),
     'user-name': string().required(t('form.required')).default(''),
-    'vlan-id': number()
-      .required(t('form.required'))
-      .moreThan(-1)
-      .lessThan(4097)
-      .integer()
-      .default(1),
+    'vlan-id': number().required(t('form.required')).moreThan(-1).lessThan(4097).integer().default(1),
     password: string()
       .required(t('form.required'))
-      .test(
-        'services.ieee8021x.user.password.length',
-        t('form.min_max_string', { min: 8, max: 63 }),
-        (val) => testLength({ val, min: 8, max: 63 }),
+      .test('services.ieee8021x.user.password.length', t('form.min_max_string', { min: 8, max: 63 }), (val) =>
+        testLength({ val, min: 8, max: 63 }),
       )
       .default(''),
   });
@@ -55,23 +48,13 @@ export const RADIUS_SCHEMA = (t, useDefault = false) => {
       'chargeable-user-id': bool().required(t('form.required')).default(false),
       authentication: object().shape({
         host: string().required(t('form.required')).default('192.168.178.192'),
-        port: number()
-          .required(t('form.required'))
-          .positive()
-          .lessThan(4050)
-          .integer()
-          .default(1812),
+        port: number().required(t('form.required')).positive().lessThan(4050).integer().default(1812),
         secret: string().required(t('form.required')).min(8).max(63).default(''),
       }),
       accounting: object()
         .shape({
           host: string().required(t('form.required')).default('192.168.178.192'),
-          port: number()
-            .required(t('form.required'))
-            .positive()
-            .lessThan(4050)
-            .integer()
-            .default(1813),
+          port: number().required(t('form.required')).positive().lessThan(4050).integer().default(1813),
           secret: string().required(t('form.required')).min(8).max(63).default(''),
         })
         .nullable()
@@ -79,12 +62,7 @@ export const RADIUS_SCHEMA = (t, useDefault = false) => {
       'dynamic-authorization': object()
         .shape({
           host: string().required(t('form.required')).default('192.168.178.192'),
-          port: number()
-            .required(t('form.required'))
-            .positive()
-            .lessThan(4050)
-            .integer()
-            .default(1813),
+          port: number().required(t('form.required')).positive().lessThan(4050).integer().default(1813),
           secret: string().required(t('form.required')).min(8).max(63).default(''),
         })
         .nullable()
@@ -118,12 +96,7 @@ export const EDIT_SCHEMA = (t) =>
     accounting: object()
       .shape({
         host: string().required(t('form.required')).default(''),
-        port: number()
-          .required(t('form.required'))
-          .positive()
-          .lessThan(4050)
-          .integer()
-          .default(1813),
+        port: number().required(t('form.required')).positive().lessThan(4050).integer().default(1813),
         secret: string().required(t('form.required')).min(8).max(63).default(''),
       })
       .nullable()
@@ -131,12 +104,7 @@ export const EDIT_SCHEMA = (t) =>
     'dynamic-authorization': object()
       .shape({
         host: string().required(t('form.required')).default(''),
-        port: number()
-          .required(t('form.required'))
-          .positive()
-          .lessThan(4050)
-          .integer()
-          .default(1813),
+        port: number().required(t('form.required')).positive().lessThan(4050).integer().default(1813),
         secret: string().required(t('form.required')).min(8).max(63).default(''),
       })
       .nullable()
diff --git a/src/pages/ResourcesPage/Table/index.js b/src/pages/ResourcesPage/Table/index.js
index 5ef7a30..eb3ca0a 100644
--- a/src/pages/ResourcesPage/Table/index.js
+++ b/src/pages/ResourcesPage/Table/index.js
@@ -52,15 +52,10 @@ const ResourcesTable = ({ title }) => {
   };
 
   const actionCell = useCallback(
-    (cell) => (
-      <Actions cell={cell.row} refreshTable={refresh} key={uuid()} openEditModal={openEditModal} />
-    ),
-    [],
-  );
-  const dateCell = useCallback(
-    (cell, key) => <FormattedDate date={cell.row.values[key]} key={uuid()} />,
+    (cell) => <Actions cell={cell.row} refreshTable={refresh} key={uuid()} openEditModal={openEditModal} />,
     [],
   );
+  const dateCell = useCallback((cell, key) => <FormattedDate date={cell.row.values[key]} key={uuid()} />, []);
   const prefixCell = useCallback((cell) => cell.row.values.variables[0]?.prefix ?? '-', []);
 
   // Columns array. This array contains your table headings and accessors which maps keys from data array
@@ -171,12 +166,7 @@ const ResourcesTable = ({ title }) => {
         </CardBody>
       </Card>
       {isEditOpen && (
-        <EditResourceModal
-          isOpen={isEditOpen}
-          onClose={closeEdit}
-          resource={resource}
-          refresh={refresh}
-        />
+        <EditResourceModal isOpen={isEditOpen} onClose={closeEdit} resource={resource} refresh={refresh} />
       )}
     </>
   );
diff --git a/src/pages/SubscriberPage/SubscriberCard/DeleteVenuePopover.js b/src/pages/SubscriberPage/SubscriberCard/DeleteVenuePopover.js
index f9bdcee..7e5364c 100644
--- a/src/pages/SubscriberPage/SubscriberCard/DeleteVenuePopover.js
+++ b/src/pages/SubscriberPage/SubscriberCard/DeleteVenuePopover.js
@@ -55,11 +55,7 @@ const DeleteVenuePopover = ({ venue, isDisabled }) => {
           isClosable: true,
           position: 'top-right',
         });
-        navigate(
-          `/${venue.parent !== '' ? 'venue' : 'entity'}/${
-            venue.parent !== '' ? venue.parent : venue.entity
-          }`,
-        );
+        navigate(`/${venue.parent !== '' ? 'venue' : 'entity'}/${venue.parent !== '' ? venue.parent : venue.entity}`);
       },
       onError: (e) => {
         if (!toast.isActive('venue-fetching-error'))
@@ -120,12 +116,7 @@ const DeleteVenuePopover = ({ venue, isDisabled }) => {
             <Button colorScheme="gray" mr="1" onClick={onClose}>
               {t('common.cancel')}
             </Button>
-            <Button
-              colorScheme="red"
-              ml="1"
-              onClick={handleDeleteClick}
-              isLoading={deleteVenue.isLoading}
-            >
+            <Button colorScheme="red" ml="1" onClick={handleDeleteClick} isLoading={deleteVenue.isLoading}>
               {t('common.yes')}
             </Button>
           </Center>
diff --git a/src/pages/SubscriberPage/SubscriberCard/Form.js b/src/pages/SubscriberPage/SubscriberCard/Form.js
index aad1d95..33ee0ef 100644
--- a/src/pages/SubscriberPage/SubscriberCard/Form.js
+++ b/src/pages/SubscriberPage/SubscriberCard/Form.js
@@ -26,9 +26,7 @@ const EditSubscriberForm = ({ editing, subscriber, formRef, stopEditing }) => {
   const { data: entities } = useGetEntities({ t, toast });
   const [formKey, setFormKey] = useState(uuid());
   const queryClient = useQueryClient();
-  const updateSubscriber = useMutation((subInfo) =>
-    axiosSec.put(`subuser/${subscriber?.id}`, subInfo),
-  );
+  const updateSubscriber = useMutation((subInfo) => axiosSec.put(`subuser/${subscriber?.id}`, subInfo));
 
   useEffect(() => {
     setFormKey(uuid());
@@ -41,10 +39,7 @@ const EditSubscriberForm = ({ editing, subscriber, formRef, stopEditing }) => {
       key={formKey}
       initialValues={{ ...subscriber }}
       validationSchema={UpdateSubscriberSchema(t)}
-      onSubmit={(
-        { name, description, currentPassword, notes, owner },
-        { setSubmitting, resetForm },
-      ) =>
+      onSubmit={({ name, description, currentPassword, notes, owner }, { setSubmitting, resetForm }) =>
         updateSubscriber.mutateAsync(
           {
             name,
@@ -104,23 +99,9 @@ const EditSubscriberForm = ({ editing, subscriber, formRef, stopEditing }) => {
               <Form>
                 <SimpleGrid minChildWidth="300px" spacing="20px">
                   <StringField name="email" label={t('common.email')} isDisabled isRequired />
-                  <StringField
-                    name="name"
-                    label={t('common.name')}
-                    isDisabled={!editing}
-                    isRequired
-                  />
-                  <StringField
-                    name="currentPassword"
-                    label={t('user.password')}
-                    isDisabled={!editing}
-                    hideButton
-                  />
-                  <StringField
-                    name="description"
-                    label={t('common.description')}
-                    isDisabled={!editing}
-                  />
+                  <StringField name="name" label={t('common.name')} isDisabled={!editing} isRequired />
+                  <StringField name="currentPassword" label={t('user.password')} isDisabled={!editing} hideButton />
+                  <StringField name="description" label={t('common.description')} isDisabled={!editing} />
                   <SelectWithSearchField
                     name="owner"
                     label={t('entities.one')}
@@ -139,9 +120,7 @@ const EditSubscriberForm = ({ editing, subscriber, formRef, stopEditing }) => {
             </TabPanel>
             <TabPanel>
               <Field name="notes">
-                {({ field }) => (
-                  <NotesTable notes={field.value} setNotes={setFieldValue} isDisabled={!editing} />
-                )}
+                {({ field }) => <NotesTable notes={field.value} setNotes={setFieldValue} isDisabled={!editing} />}
               </Field>
             </TabPanel>
           </TabPanels>
diff --git a/src/pages/SubscriberPage/SubscriberChildrenCard/SubscriberDeviceTableWrapper/Actions.js b/src/pages/SubscriberPage/SubscriberChildrenCard/SubscriberDeviceTableWrapper/Actions.js
index 52e75fa..f80238f 100644
--- a/src/pages/SubscriberPage/SubscriberChildrenCard/SubscriberDeviceTableWrapper/Actions.js
+++ b/src/pages/SubscriberPage/SubscriberChildrenCard/SubscriberDeviceTableWrapper/Actions.js
@@ -138,12 +138,7 @@ const Actions = ({ cell: { original: tag }, refreshEntity, openEditModal }) => {
               <Button colorScheme="gray" mr="1" onClick={onClose}>
                 {t('common.cancel')}
               </Button>
-              <Button
-                colorScheme="red"
-                ml="1"
-                onClick={handleDeleteClick}
-                isLoading={deleteConfig.isLoading}
-              >
+              <Button colorScheme="red" ml="1" onClick={handleDeleteClick} isLoading={deleteConfig.isLoading}>
                 Yes
               </Button>
             </Center>
@@ -161,13 +156,7 @@ const Actions = ({ cell: { original: tag }, refreshEntity, openEditModal }) => {
         />
       </Tooltip>
       <Tooltip hasArrow label={t('common.view_details')} placement="top">
-        <IconButton
-          ml={2}
-          colorScheme="blue"
-          icon={<MagnifyingGlass size={20} />}
-          size="sm"
-          onClick={handleOpenEdit}
-        />
+        <IconButton ml={2} colorScheme="blue" icon={<MagnifyingGlass size={20} />} size="sm" onClick={handleOpenEdit} />
       </Tooltip>
       <Tooltip hasArrow label={t('common.view_in_gateway')} placement="top">
         <IconButton
diff --git a/src/pages/SubscriberPage/SubscriberChildrenCard/SubscriberDeviceTableWrapper/index.js b/src/pages/SubscriberPage/SubscriberChildrenCard/SubscriberDeviceTableWrapper/index.js
index 4a7de1d..893ce9a 100644
--- a/src/pages/SubscriberPage/SubscriberChildrenCard/SubscriberDeviceTableWrapper/index.js
+++ b/src/pages/SubscriberPage/SubscriberChildrenCard/SubscriberDeviceTableWrapper/index.js
@@ -37,20 +37,12 @@ const SubscriberDeviceTableWrapper = ({ subscriber }) => {
     openEdit();
   };
 
-  const refreshEntity = () =>
-    queryClient.invalidateQueries(['get-inventory-with-owner', subscriber.id]);
+  const refreshEntity = () => queryClient.invalidateQueries(['get-inventory-with-owner', subscriber.id]);
 
   const refetchTags = () => setRefreshId(refreshId + 1);
 
   const actions = useCallback(
-    (cell) => (
-      <Actions
-        key={uuid()}
-        cell={cell.row}
-        refreshEntity={refreshEntity}
-        openEditModal={openEditModal}
-      />
-    ),
+    (cell) => <Actions key={uuid()} cell={cell.row} refreshEntity={refreshEntity} openEditModal={openEditModal} />,
     [refreshId],
   );
 
@@ -74,11 +66,7 @@ const SubscriberDeviceTableWrapper = ({ subscriber }) => {
         refresh={refetchTags}
         pushConfig={pushConfiguration}
       />
-      <ConfigurationPushModal
-        isOpen={isPushOpen}
-        onClose={closePush}
-        pushResult={pushConfiguration.data}
-      />
+      <ConfigurationPushModal isOpen={isPushOpen} onClose={closePush} pushResult={pushConfiguration.data} />
     </>
   );
 };
diff --git a/src/pages/SubscribersPage/Table/Actions.js b/src/pages/SubscribersPage/Table/Actions.js
index f334567..71d5886 100644
--- a/src/pages/SubscribersPage/Table/Actions.js
+++ b/src/pages/SubscribersPage/Table/Actions.js
@@ -99,12 +99,7 @@ const Actions = ({ cell: { original: subscriber }, refreshTable }) => {
               <Button colorScheme="gray" mr="1" onClick={onClose}>
                 {t('common.cancel')}
               </Button>
-              <Button
-                colorScheme="red"
-                ml="1"
-                onClick={handleDeleteClick}
-                isLoading={deleteConfig.isLoading}
-              >
+              <Button colorScheme="red" ml="1" onClick={handleDeleteClick} isLoading={deleteConfig.isLoading}>
                 {t('common.yes')}
               </Button>
             </Center>
diff --git a/src/pages/SubscribersPage/Table/CreateSubscriberModal/Form.js b/src/pages/SubscribersPage/Table/CreateSubscriberModal/Form.js
index 46cdc7f..b2b295d 100644
--- a/src/pages/SubscribersPage/Table/CreateSubscriberModal/Form.js
+++ b/src/pages/SubscribersPage/Table/CreateSubscriberModal/Form.js
@@ -98,10 +98,7 @@ const CreateSubscriberForm = ({ isOpen, onClose, create, requirements, refresh,
           note: '',
         }}
         validationSchema={CreateSubscriberSchema(t)}
-        onSubmit={async (
-          { name, description, email, currentPassword, note, owner },
-          { setSubmitting, resetForm },
-        ) =>
+        onSubmit={async ({ name, description, email, currentPassword, note, owner }, { setSubmitting, resetForm }) =>
           create.mutateAsync(
             {
               name,
diff --git a/src/pages/SubscribersPage/Table/CreateSubscriberModal/index.js b/src/pages/SubscribersPage/Table/CreateSubscriberModal/index.js
index b5f38dc..417c00d 100644
--- a/src/pages/SubscribersPage/Table/CreateSubscriberModal/index.js
+++ b/src/pages/SubscribersPage/Table/CreateSubscriberModal/index.js
@@ -1,13 +1,6 @@
 import React, { useCallback, useState } from 'react';
 import PropTypes from 'prop-types';
-import {
-  Button,
-  useDisclosure,
-  Modal,
-  ModalOverlay,
-  ModalContent,
-  ModalBody,
-} from '@chakra-ui/react';
+import { Button, useDisclosure, Modal, ModalOverlay, ModalContent, ModalBody } from '@chakra-ui/react';
 import { AddIcon } from '@chakra-ui/icons';
 import { useTranslation } from 'react-i18next';
 import { useMutation } from 'react-query';
@@ -97,11 +90,7 @@ const CreateSubscriberModal = ({ requirements, refresh }) => {
             />
           </ModalBody>
         </ModalContent>
-        <ConfirmCloseAlert
-          isOpen={showConfirm}
-          confirm={closeCancelAndForm}
-          cancel={closeConfirm}
-        />
+        <ConfirmCloseAlert isOpen={showConfirm} confirm={closeCancelAndForm} cancel={closeConfirm} />
       </Modal>
     </>
   );
diff --git a/src/pages/SubscribersPage/Table/EditSubscriberModal/Form.js b/src/pages/SubscribersPage/Table/EditSubscriberModal/Form.js
index dccc61a..830ab56 100644
--- a/src/pages/SubscribersPage/Table/EditSubscriberModal/Form.js
+++ b/src/pages/SubscribersPage/Table/EditSubscriberModal/Form.js
@@ -76,10 +76,7 @@ const EditSubscriberForm = ({
       key={formKey}
       initialValues={subscriber}
       validationSchema={UpdateSubscriberSchema(t)}
-      onSubmit={(
-        { name, description, currentPassword, notes, owner },
-        { setSubmitting, resetForm },
-      ) =>
+      onSubmit={({ name, description, currentPassword, notes, owner }, { setSubmitting, resetForm }) =>
         updateSubscriber.mutateAsync(
           {
             name,
@@ -167,23 +164,9 @@ const EditSubscriberForm = ({
                 <Form>
                   <SimpleGrid minChildWidth="300px" spacing="20px">
                     <StringField name="email" label={t('common.email')} isDisabled isRequired />
-                    <StringField
-                      name="name"
-                      label={t('common.name')}
-                      isDisabled={!editing}
-                      isRequired
-                    />
-                    <StringField
-                      name="currentPassword"
-                      label={t('user.password')}
-                      isDisabled={!editing}
-                      hideButton
-                    />
-                    <StringField
-                      name="description"
-                      label={t('common.description')}
-                      isDisabled={!editing}
-                    />
+                    <StringField name="name" label={t('common.name')} isDisabled={!editing} isRequired />
+                    <StringField name="currentPassword" label={t('user.password')} isDisabled={!editing} hideButton />
+                    <StringField name="description" label={t('common.description')} isDisabled={!editing} />
                     <SelectWithSearchField
                       name="owner"
                       label={t('entities.one')}
@@ -225,25 +208,14 @@ const EditSubscriberForm = ({
               </TabPanel>
               <TabPanel>
                 <Field name="notes">
-                  {({ field }) => (
-                    <NotesTable
-                      notes={field.value}
-                      setNotes={setFieldValue}
-                      isDisabled={!editing}
-                    />
-                  )}
+                  {({ field }) => <NotesTable notes={field.value} setNotes={setFieldValue} isDisabled={!editing} />}
                 </Field>
               </TabPanel>
             </TabPanels>
           </Tabs>
           <Flex justifyContent="center" alignItems="center" maxW="100%" mt="25px" mb={6} px={4}>
             <Box w="100%">
-              <Link
-                href={`${secUrl}${requirements?.data?.passwordPolicy}`}
-                isExternal
-                textColor={textColor}
-                pb={2}
-              >
+              <Link href={`${secUrl}${requirements?.data?.passwordPolicy}`} isExternal textColor={textColor} pb={2}>
                 {t('login.password_policy')}
                 <ExternalLinkIcon mx="2px" />
               </Link>
diff --git a/src/pages/SubscribersPage/Table/EditSubscriberModal/index.js b/src/pages/SubscribersPage/Table/EditSubscriberModal/index.js
index cc4be03..7a52c84 100644
--- a/src/pages/SubscribersPage/Table/EditSubscriberModal/index.js
+++ b/src/pages/SubscribersPage/Table/EditSubscriberModal/index.js
@@ -66,9 +66,7 @@ const EditSubscriberModal = ({ isOpen, onClose, subscriber, requirements, refres
     id: subscriber?.id,
     enabled: subscriber?.id !== '' && isOpen,
   });
-  const updateSubscriber = useMutation((subInfo) =>
-    axiosSec.put(`subuser/${subscriber?.id}`, subInfo),
-  );
+  const updateSubscriber = useMutation((subInfo) => axiosSec.put(`subuser/${subscriber?.id}`, subInfo));
   const { data: tagSerials } = useGetInventoryTags({
     t,
     toast,
@@ -150,9 +148,7 @@ const EditSubscriberModal = ({ isOpen, onClose, subscriber, requirements, refres
               <SaveButton
                 onClick={form.submitForm}
                 isLoading={form.isSubmitting}
-                isDisabled={
-                  !editing || !form.isValid || (!form.dirty && deviceSerials === tagSerials)
-                }
+                isDisabled={!editing || !form.isValid || (!form.dirty && deviceSerials === tagSerials)}
               />
               <EditButton ml={2} isDisabled={editing} onClick={setEditing.toggle} isCompact />
               <CloseButton ml={2} onClick={closeModal} />
diff --git a/src/pages/SubscribersPage/Table/index.js b/src/pages/SubscribersPage/Table/index.js
index 8beb6d9..df596e6 100644
--- a/src/pages/SubscribersPage/Table/index.js
+++ b/src/pages/SubscribersPage/Table/index.js
@@ -30,14 +30,8 @@ const SubscribersTable = ({ title }) => {
   const [hiddenColumns, setHiddenColumns] = useState([]);
   const { data: subscribers, refetch: refresh, isFetching } = useGetSubscribers({ t, toast });
 
-  const memoizedActions = useCallback(
-    (cell) => <Actions cell={cell.row} refreshTable={refresh} key={uuid()} />,
-    [],
-  );
-  const memoizedDate = useCallback(
-    (cell, key) => <FormattedDate date={cell.row.values[key]} key={uuid()} />,
-    [],
-  );
+  const memoizedActions = useCallback((cell) => <Actions cell={cell.row} refreshTable={refresh} key={uuid()} />, []);
+  const memoizedDate = useCallback((cell, key) => <FormattedDate date={cell.row.values[key]} key={uuid()} />, []);
 
   // Columns array. This array contains your table headings and accessors which maps keys from data array
   const columns = React.useMemo(() => {
@@ -115,13 +109,7 @@ const SubscribersTable = ({ title }) => {
               preference="provisioning.subscriberTable.hiddenColumns"
             />
             <CreateSubscriberModal refresh={refresh} requirements={requirements} />
-            <Button
-              colorScheme="gray"
-              onClick={refresh}
-              rightIcon={<ArrowsClockwise />}
-              ml={2}
-              isLoading={isFetching}
-            >
+            <Button colorScheme="gray" onClick={refresh} rightIcon={<ArrowsClockwise />} ml={2} isLoading={isFetching}>
               {t('common.refresh')}
             </Button>
           </Box>
diff --git a/src/pages/SystemPage/SystemTile/index.js b/src/pages/SystemPage/SystemTile/index.js
index 2f81623..ee663fd 100644
--- a/src/pages/SystemPage/SystemTile/index.js
+++ b/src/pages/SystemPage/SystemTile/index.js
@@ -158,9 +158,7 @@ const SystemTile = ({ axiosInstance, name }) => {
               <Box w="400px">
                 <MultiSelect
                   options={
-                    subsystems?.list?.length > 0
-                      ? subsystems.list.map((sys) => ({ value: sys, label: sys }))
-                      : []
+                    subsystems?.list?.length > 0 ? subsystems.list.map((sys) => ({ value: sys, label: sys })) : []
                   }
                   onChange={setSubs}
                   value={subs}
diff --git a/src/pages/SystemPage/index.js b/src/pages/SystemPage/index.js
index 8ede5fa..15adbaf 100644
--- a/src/pages/SystemPage/index.js
+++ b/src/pages/SystemPage/index.js
@@ -1,14 +1,6 @@
 import React from 'react';
 import { Flex, SimpleGrid } from '@chakra-ui/react';
-import {
-  axiosAnalytics,
-  axiosFms,
-  axiosGw,
-  axiosOwls,
-  axiosProv,
-  axiosSec,
-  axiosSub,
-} from 'utils/axiosInstances';
+import { axiosAnalytics, axiosFms, axiosGw, axiosOwls, axiosProv, axiosSec, axiosSub } from 'utils/axiosInstances';
 import SystemTile from './SystemTile';
 
 const SystemPage = () => (
diff --git a/src/pages/UsersPage/Table/CreateUserModal/Form.js b/src/pages/UsersPage/Table/CreateUserModal/Form.js
index 37c2a39..ee45506 100644
--- a/src/pages/UsersPage/Table/CreateUserModal/Form.js
+++ b/src/pages/UsersPage/Table/CreateUserModal/Form.js
@@ -113,20 +113,8 @@ const CreateUserForm = ({ isOpen, onClose, createUser, requirements, refreshUser
       {({ errors, touched }) => (
         <Form>
           <SimpleGrid minChildWidth="300px" spacing="20px">
-            <StringField
-              name="email"
-              label={t('common.email')}
-              errors={errors}
-              touched={touched}
-              isRequired
-            />
-            <StringField
-              name="name"
-              label={t('common.name')}
-              errors={errors}
-              touched={touched}
-              isRequired
-            />
+            <StringField name="email" label={t('common.email')} errors={errors} touched={touched} isRequired />
+            <StringField name="name" label={t('common.name')} errors={errors} touched={touched} isRequired />
             <SelectField
               name="userRole"
               label={t('user.role')}
@@ -151,21 +139,12 @@ const CreateUserForm = ({ isOpen, onClose, createUser, requirements, refreshUser
               isRequired
               hideButton
             />
-            <StringField
-              name="description"
-              label={t('common.description')}
-              errors={errors}
-              touched={touched}
-            />
+            <StringField name="description" label={t('common.description')} errors={errors} touched={touched} />
             <StringField name="note" label={t('common.note')} errors={errors} touched={touched} />
           </SimpleGrid>
           <Flex justifyContent="center" alignItems="center" maxW="100%" mt="50px" mb={6}>
             <Box w="100%">
-              <Link
-                href={`${secUrl}${requirements?.passwordPolicy}`}
-                isExternal
-                textColor={textColor}
-              >
+              <Link href={`${secUrl}${requirements?.passwordPolicy}`} isExternal textColor={textColor}>
                 {t('login.password_policy')}
                 <ExternalLinkIcon mx="2px" />
               </Link>
diff --git a/src/pages/UsersPage/Table/CreateUserModal/index.js b/src/pages/UsersPage/Table/CreateUserModal/index.js
index 0b762c9..acabddf 100644
--- a/src/pages/UsersPage/Table/CreateUserModal/index.js
+++ b/src/pages/UsersPage/Table/CreateUserModal/index.js
@@ -1,13 +1,6 @@
 import React, { useCallback, useState } from 'react';
 import PropTypes from 'prop-types';
-import {
-  Button,
-  useDisclosure,
-  Modal,
-  ModalOverlay,
-  ModalContent,
-  ModalBody,
-} from '@chakra-ui/react';
+import { Button, useDisclosure, Modal, ModalOverlay, ModalContent, ModalBody } from '@chakra-ui/react';
 import { AddIcon } from '@chakra-ui/icons';
 import { useTranslation } from 'react-i18next';
 import { useMutation } from 'react-query';
@@ -102,11 +95,7 @@ const CreateUserModal = ({ requirements, refreshUsers }) => {
             />
           </ModalBody>
         </ModalContent>
-        <ConfirmCloseAlert
-          isOpen={showConfirm}
-          confirm={closeCancelAndForm}
-          cancel={closeConfirm}
-        />
+        <ConfirmCloseAlert isOpen={showConfirm} confirm={closeCancelAndForm} cancel={closeConfirm} />
       </Modal>
     </>
   );
diff --git a/src/pages/UsersPage/Table/EditUserModal/Form.js b/src/pages/UsersPage/Table/EditUserModal/Form.js
index 3f6704a..d5c2c4e 100644
--- a/src/pages/UsersPage/Table/EditUserModal/Form.js
+++ b/src/pages/UsersPage/Table/EditUserModal/Form.js
@@ -94,10 +94,7 @@ const UpdateUserForm = ({
       key={formKey}
       initialValues={userToUpdate}
       validationSchema={CreateUserSchema}
-      onSubmit={(
-        { name, description, currentPassword, userRole, notes },
-        { setSubmitting, resetForm },
-      ) =>
+      onSubmit={({ name, description, currentPassword, userRole, notes }, { setSubmitting, resetForm }) =>
         updateUser.mutateAsync(
           {
             name,
@@ -207,25 +204,14 @@ const UpdateUserForm = ({
               </TabPanel>
               <TabPanel>
                 <Field name="notes">
-                  {({ field }) => (
-                    <NotesTable
-                      notes={field.value}
-                      setNotes={setFieldValue}
-                      isDisabled={!editing}
-                    />
-                  )}
+                  {({ field }) => <NotesTable notes={field.value} setNotes={setFieldValue} isDisabled={!editing} />}
                 </Field>
               </TabPanel>
             </TabPanels>
           </Tabs>
           <Flex justifyContent="center" alignItems="center" maxW="100%" mt="25px" mb={6} px={4}>
             <Box w="100%">
-              <Link
-                href={`${secUrl}${requirements?.passwordPolicy}`}
-                isExternal
-                textColor={textColor}
-                pb={2}
-              >
+              <Link href={`${secUrl}${requirements?.passwordPolicy}`} isExternal textColor={textColor} pb={2}>
                 {t('login.password_policy')}
                 <ExternalLinkIcon mx="2px" />
               </Link>
diff --git a/src/pages/UsersPage/Table/UserActions.js b/src/pages/UsersPage/Table/UserActions.js
index f1dc9e6..499a0f4 100644
--- a/src/pages/UsersPage/Table/UserActions.js
+++ b/src/pages/UsersPage/Table/UserActions.js
@@ -96,12 +96,7 @@ const UserActions = ({ cell: { original: user }, refreshTable, openEdit }) => {
               <Button colorScheme="gray" mr="1" onClick={onClose}>
                 Cancel
               </Button>
-              <Button
-                colorScheme="red"
-                ml="1"
-                onClick={handleDeleteClick}
-                isLoading={deleteUser.isLoading}
-              >
+              <Button colorScheme="red" ml="1" onClick={handleDeleteClick} isLoading={deleteUser.isLoading}>
                 Yes
               </Button>
             </Center>
diff --git a/src/pages/UsersPage/Table/index.js b/src/pages/UsersPage/Table/index.js
index a27dd33..e2c39c2 100644
--- a/src/pages/UsersPage/Table/index.js
+++ b/src/pages/UsersPage/Table/index.js
@@ -34,11 +34,7 @@ const UserTable = ({ title }) => {
   const [editId, setEditId] = useState('');
   const [hiddenColumns, setHiddenColumns] = useState([]);
   const { isOpen: editOpen, onOpen: openEdit, onClose: closeEdit } = useDisclosure();
-  const {
-    data: users,
-    refetch: refreshUsers,
-    isFetching,
-  } = useGetUsers({ t, toast, setUsersWithAvatars });
+  const { data: users, refetch: refreshUsers, isFetching } = useGetUsers({ t, toast, setUsersWithAvatars });
 
   const openEditModal = (userId) => {
     setEditId(userId);
@@ -46,20 +42,10 @@ const UserTable = ({ title }) => {
   };
 
   const memoizedActions = useCallback(
-    (cell) => (
-      <UserActions
-        cell={cell.row}
-        refreshTable={refreshUsers}
-        key={uuid()}
-        openEdit={openEditModal}
-      />
-    ),
-    [],
-  );
-  const memoizedDate = useCallback(
-    (cell) => <FormattedDate date={cell.row.values.lastLogin} key={uuid()} />,
+    (cell) => <UserActions cell={cell.row} refreshTable={refreshUsers} key={uuid()} openEdit={openEditModal} />,
     [],
   );
+  const memoizedDate = useCallback((cell) => <FormattedDate date={cell.row.values.lastLogin} key={uuid()} />, []);
 
   const memoizedAvatar = useCallback(
     (cell) => <Avatar name={cell.row.values.name} src={cell.row.original.avatar} />,
diff --git a/src/pages/VenuePage/VenueCard/DeleteVenuePopover.js b/src/pages/VenuePage/VenueCard/DeleteVenuePopover.js
index f9bdcee..7e5364c 100644
--- a/src/pages/VenuePage/VenueCard/DeleteVenuePopover.js
+++ b/src/pages/VenuePage/VenueCard/DeleteVenuePopover.js
@@ -55,11 +55,7 @@ const DeleteVenuePopover = ({ venue, isDisabled }) => {
           isClosable: true,
           position: 'top-right',
         });
-        navigate(
-          `/${venue.parent !== '' ? 'venue' : 'entity'}/${
-            venue.parent !== '' ? venue.parent : venue.entity
-          }`,
-        );
+        navigate(`/${venue.parent !== '' ? 'venue' : 'entity'}/${venue.parent !== '' ? venue.parent : venue.entity}`);
       },
       onError: (e) => {
         if (!toast.isActive('venue-fetching-error'))
@@ -120,12 +116,7 @@ const DeleteVenuePopover = ({ venue, isDisabled }) => {
             <Button colorScheme="gray" mr="1" onClick={onClose}>
               {t('common.cancel')}
             </Button>
-            <Button
-              colorScheme="red"
-              ml="1"
-              onClick={handleDeleteClick}
-              isLoading={deleteVenue.isLoading}
-            >
+            <Button colorScheme="red" ml="1" onClick={handleDeleteClick} isLoading={deleteVenue.isLoading}>
               {t('common.yes')}
             </Button>
           </Center>
diff --git a/src/pages/VenuePage/VenueCard/Form.js b/src/pages/VenuePage/VenueCard/Form.js
index 25d4e0f..cf8c9ea 100644
--- a/src/pages/VenuePage/VenueCard/Form.js
+++ b/src/pages/VenuePage/VenueCard/Form.js
@@ -2,16 +2,7 @@ import React, { useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
 import { useTranslation } from 'react-i18next';
 import { v4 as uuid } from 'uuid';
-import {
-  useToast,
-  Tabs,
-  TabList,
-  TabPanels,
-  TabPanel,
-  Tab,
-  SimpleGrid,
-  Box,
-} from '@chakra-ui/react';
+import { useToast, Tabs, TabList, TabPanels, TabPanel, Tab, SimpleGrid, Box } from '@chakra-ui/react';
 import { Formik, Field, Form } from 'formik';
 import NotesTable from 'components/NotesTable';
 import StringField from 'components/FormFields/StringField';
@@ -63,9 +54,7 @@ const EditVenueForm = ({ editing, venue, formRef, stopEditing }) => {
               location: location === 'CREATE_NEW' ? undefined : location,
               notes: notes.filter((note) => note.isNew),
             },
-            createObjects: __createLocation
-              ? { objects: [{ location: __createLocation }] }
-              : undefined,
+            createObjects: __createLocation ? { objects: [{ location: __createLocation }] } : undefined,
           },
           {
             onSuccess: ({ data }) => {
@@ -184,9 +173,7 @@ const EditVenueForm = ({ editing, venue, formRef, stopEditing }) => {
             </TabPanel>
             <TabPanel>
               <Field name="notes">
-                {({ field }) => (
-                  <NotesTable notes={field.value} setNotes={setFieldValue} isDisabled={!editing} />
-                )}
+                {({ field }) => <NotesTable notes={field.value} setNotes={setFieldValue} isDisabled={!editing} />}
               </Field>
             </TabPanel>
           </TabPanels>
diff --git a/src/pages/VenuePage/VenueCard/index.js b/src/pages/VenuePage/VenueCard/index.js
index be82a38..c85980d 100644
--- a/src/pages/VenuePage/VenueCard/index.js
+++ b/src/pages/VenuePage/VenueCard/index.js
@@ -73,12 +73,7 @@ const VenueCard = ({ id }) => {
           </Center>
         ) : (
           <LoadingOverlay isLoading={isFetching}>
-            <EditVenueForm
-              editing={editing}
-              venue={venue}
-              stopEditing={setEditing.off}
-              formRef={formRef}
-            />
+            <EditVenueForm editing={editing} venue={venue} stopEditing={setEditing.off} formRef={formRef} />
           </LoadingOverlay>
         )}
       </CardBody>
diff --git a/src/pages/VenuePage/VenueChildrenCard/VenueChildrenTableWrapper/Actions.js b/src/pages/VenuePage/VenueChildrenCard/VenueChildrenTableWrapper/Actions.js
index e57ce42..8413390 100644
--- a/src/pages/VenuePage/VenueChildrenCard/VenueChildrenTableWrapper/Actions.js
+++ b/src/pages/VenuePage/VenueChildrenCard/VenueChildrenTableWrapper/Actions.js
@@ -23,13 +23,7 @@ const Actions = ({ cell: { original: venue } }) => {
   return (
     <Flex>
       <Tooltip hasArrow label={t('venues.go_to_page')} placement="top">
-        <IconButton
-          ml={2}
-          colorScheme="blue"
-          icon={<ArrowSquareOut size={20} />}
-          size="sm"
-          onClick={handleGoToPage}
-        />
+        <IconButton ml={2} colorScheme="blue" icon={<ArrowSquareOut size={20} />} size="sm" onClick={handleGoToPage} />
       </Tooltip>
     </Flex>
   );
diff --git a/src/pages/VenuePage/VenueChildrenCard/VenueConfigurationsTableWrapper/Actions.js b/src/pages/VenuePage/VenueChildrenCard/VenueConfigurationsTableWrapper/Actions.js
index e951a3a..081a9a6 100644
--- a/src/pages/VenuePage/VenueChildrenCard/VenueConfigurationsTableWrapper/Actions.js
+++ b/src/pages/VenuePage/VenueChildrenCard/VenueConfigurationsTableWrapper/Actions.js
@@ -23,13 +23,7 @@ const Actions = ({ cell: { original: configuration } }) => {
   return (
     <Flex>
       <Tooltip hasArrow label={t('venues.go_to_page')} placement="top">
-        <IconButton
-          ml={2}
-          colorScheme="blue"
-          icon={<ArrowSquareOut size={20} />}
-          size="sm"
-          onClick={handleGoToPage}
-        />
+        <IconButton ml={2} colorScheme="blue" icon={<ArrowSquareOut size={20} />} size="sm" onClick={handleGoToPage} />
       </Tooltip>
     </Flex>
   );
diff --git a/src/pages/VenuePage/VenueChildrenCard/VenueConfigurationsTableWrapper/index.js b/src/pages/VenuePage/VenueChildrenCard/VenueConfigurationsTableWrapper/index.js
index c8d1ec8..be36f07 100644
--- a/src/pages/VenuePage/VenueChildrenCard/VenueConfigurationsTableWrapper/index.js
+++ b/src/pages/VenuePage/VenueChildrenCard/VenueConfigurationsTableWrapper/index.js
@@ -30,12 +30,7 @@ const VenueConfigurationsTableWrapper = ({ venue }) => {
 
   const actions = useCallback(
     (cell) => (
-      <Actions
-        key={uuid()}
-        cell={cell.row}
-        openInUseModal={openInUseModal}
-        openAffectedModal={openAffectedModal}
-      />
+      <Actions key={uuid()} cell={cell.row} openInUseModal={openInUseModal} openAffectedModal={openAffectedModal} />
     ),
     [],
   );
@@ -48,11 +43,7 @@ const VenueConfigurationsTableWrapper = ({ venue }) => {
       </Box>
       <ConfigurationsTable select={venue.configurations} actions={actions} />
       <ConfigurationInUseModal isOpen={isInUseOpen} onClose={closeInUse} config={config} />
-      <ConfigurationViewAffectedModal
-        isOpen={isAffectedOpen}
-        onClose={closeAffected}
-        config={config}
-      />
+      <ConfigurationViewAffectedModal isOpen={isAffectedOpen} onClose={closeAffected} config={config} />
     </>
   );
 };
diff --git a/src/pages/VenuePage/VenueChildrenCard/VenueContactTableWrapper/Actions.js b/src/pages/VenuePage/VenueChildrenCard/VenueContactTableWrapper/Actions.js
index 1899836..24df174 100644
--- a/src/pages/VenuePage/VenueChildrenCard/VenueContactTableWrapper/Actions.js
+++ b/src/pages/VenuePage/VenueChildrenCard/VenueContactTableWrapper/Actions.js
@@ -98,12 +98,7 @@ const Actions = ({ cell: { original: contact }, refreshEntity, openEditModal })
               <Button colorScheme="gray" mr="1" onClick={onClose}>
                 {t('common.cancel')}
               </Button>
-              <Button
-                colorScheme="red"
-                ml="1"
-                onClick={handleDeleteClick}
-                isLoading={deleteConfig.isLoading}
-              >
+              <Button colorScheme="red" ml="1" onClick={handleDeleteClick} isLoading={deleteConfig.isLoading}>
                 Yes
               </Button>
             </Center>
@@ -111,13 +106,7 @@ const Actions = ({ cell: { original: contact }, refreshEntity, openEditModal })
         </PopoverContent>
       </Popover>
       <Tooltip hasArrow label={t('common.view_details')} placement="top">
-        <IconButton
-          ml={2}
-          colorScheme="blue"
-          icon={<MagnifyingGlass size={20} />}
-          size="sm"
-          onClick={handleOpenEdit}
-        />
+        <IconButton ml={2} colorScheme="blue" icon={<MagnifyingGlass size={20} />} size="sm" onClick={handleOpenEdit} />
       </Tooltip>
     </Flex>
   );
diff --git a/src/pages/VenuePage/VenueChildrenCard/VenueContactTableWrapper/index.js b/src/pages/VenuePage/VenueChildrenCard/VenueContactTableWrapper/index.js
index 3a3beef..ec5efad 100644
--- a/src/pages/VenuePage/VenueChildrenCard/VenueContactTableWrapper/index.js
+++ b/src/pages/VenuePage/VenueChildrenCard/VenueContactTableWrapper/index.js
@@ -32,14 +32,7 @@ const VenueContactTableWrapper = ({ venue }) => {
   };
 
   const actions = useCallback(
-    (cell) => (
-      <Actions
-        key={uuid()}
-        cell={cell.row}
-        refreshEntity={refreshEntity}
-        openEditModal={openEditModal}
-      />
-    ),
+    (cell) => <Actions key={uuid()} cell={cell.row} refreshEntity={refreshEntity} openEditModal={openEditModal} />,
     [refreshId],
   );
 
@@ -54,12 +47,7 @@ const VenueContactTableWrapper = ({ venue }) => {
         refreshId={refreshId}
         ignoredColumns={['entity', 'venue']}
       />
-      <EditContactModal
-        isOpen={isEditOpen}
-        onClose={closeEdit}
-        contact={contact}
-        refresh={refetchLocations}
-      />
+      <EditContactModal isOpen={isEditOpen} onClose={closeEdit} contact={contact} refresh={refetchLocations} />
     </>
   );
 };
diff --git a/src/pages/VenuePage/VenueChildrenCard/VenueDeviceTableWrapper/Actions.js b/src/pages/VenuePage/VenueChildrenCard/VenueDeviceTableWrapper/Actions.js
index 52e75fa..f80238f 100644
--- a/src/pages/VenuePage/VenueChildrenCard/VenueDeviceTableWrapper/Actions.js
+++ b/src/pages/VenuePage/VenueChildrenCard/VenueDeviceTableWrapper/Actions.js
@@ -138,12 +138,7 @@ const Actions = ({ cell: { original: tag }, refreshEntity, openEditModal }) => {
               <Button colorScheme="gray" mr="1" onClick={onClose}>
                 {t('common.cancel')}
               </Button>
-              <Button
-                colorScheme="red"
-                ml="1"
-                onClick={handleDeleteClick}
-                isLoading={deleteConfig.isLoading}
-              >
+              <Button colorScheme="red" ml="1" onClick={handleDeleteClick} isLoading={deleteConfig.isLoading}>
                 Yes
               </Button>
             </Center>
@@ -161,13 +156,7 @@ const Actions = ({ cell: { original: tag }, refreshEntity, openEditModal }) => {
         />
       </Tooltip>
       <Tooltip hasArrow label={t('common.view_details')} placement="top">
-        <IconButton
-          ml={2}
-          colorScheme="blue"
-          icon={<MagnifyingGlass size={20} />}
-          size="sm"
-          onClick={handleOpenEdit}
-        />
+        <IconButton ml={2} colorScheme="blue" icon={<MagnifyingGlass size={20} />} size="sm" onClick={handleOpenEdit} />
       </Tooltip>
       <Tooltip hasArrow label={t('common.view_in_gateway')} placement="top">
         <IconButton
diff --git a/src/pages/VenuePage/VenueChildrenCard/VenueDeviceTableWrapper/index.js b/src/pages/VenuePage/VenueChildrenCard/VenueDeviceTableWrapper/index.js
index c0c6c8e..3883f40 100644
--- a/src/pages/VenuePage/VenueChildrenCard/VenueDeviceTableWrapper/index.js
+++ b/src/pages/VenuePage/VenueChildrenCard/VenueDeviceTableWrapper/index.js
@@ -37,14 +37,7 @@ const VenueDeviceTableWrapper = ({ venue }) => {
   const refetchTags = () => setRefreshId(refreshId + 1);
 
   const actions = useCallback(
-    (cell) => (
-      <Actions
-        key={uuid()}
-        cell={cell.row}
-        refreshEntity={refreshEntity}
-        openEditModal={openEditModal}
-      />
-    ),
+    (cell) => <Actions key={uuid()} cell={cell.row} refreshEntity={refreshEntity} openEditModal={openEditModal} />,
     [refreshId],
   );
 
@@ -53,11 +46,7 @@ const VenueDeviceTableWrapper = ({ venue }) => {
       <Flex>
         <Heading size="md">{t('devices.title')}</Heading>
         <Spacer />
-        <ImportDeviceCsvModal
-          refresh={refreshEntity}
-          parent={{ venue: venue.id }}
-          deviceClass="venue"
-        />
+        <ImportDeviceCsvModal refresh={refreshEntity} parent={{ venue: venue.id }} deviceClass="venue" />
         <CreateTagModal refresh={refreshEntity} entityId={`venue:${venue.id}`} />
       </Flex>
       <InventoryTable
@@ -73,11 +62,7 @@ const VenueDeviceTableWrapper = ({ venue }) => {
         refresh={refetchTags}
         pushConfig={pushConfiguration}
       />
-      <ConfigurationPushModal
-        isOpen={isPushOpen}
-        onClose={closePush}
-        pushResult={pushConfiguration.data}
-      />
+      <ConfigurationPushModal isOpen={isPushOpen} onClose={closePush} pushResult={pushConfiguration.data} />
     </>
   );
 };
diff --git a/src/pages/VenuePage/VenueChildrenCard/index.js b/src/pages/VenuePage/VenueChildrenCard/index.js
index 07bd109..5ca5d65 100644
--- a/src/pages/VenuePage/VenueChildrenCard/index.js
+++ b/src/pages/VenuePage/VenueChildrenCard/index.js
@@ -1,16 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import Card from 'components/Card';
-import {
-  Center,
-  Spinner,
-  Tab,
-  TabList,
-  TabPanel,
-  TabPanels,
-  Tabs,
-  useToast,
-} from '@chakra-ui/react';
+import { Center, Spinner, Tab, TabList, TabPanel, TabPanels, Tabs, useToast } from '@chakra-ui/react';
 import { useTranslation } from 'react-i18next';
 import LoadingOverlay from 'components/LoadingOverlay';
 import { useGetVenue } from 'hooks/Network/Venues';
diff --git a/src/router/index.js b/src/router/index.js
index 5e3c436..df0ffce 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -8,13 +8,7 @@ const Login = React.lazy(() => import('pages/LoginPage'));
 const Router = () => {
   const { token } = useAuth();
   return (
-    <Routes>
-      {token !== '' ? (
-        <Route path="/*" element={<Layout />} />
-      ) : (
-        <Route path="/*" element={<Login />} />
-      )}
-    </Routes>
+    <Routes>{token !== '' ? <Route path="/*" element={<Layout />} /> : <Route path="/*" element={<Login />} />}</Routes>
   );
 };
 
diff --git a/src/router/routes.js b/src/router/routes.js
index cd908d1..ff35707 100644
--- a/src/router/routes.js
+++ b/src/router/routes.js
@@ -1,16 +1,6 @@
 import React from 'react';
 import { Icon } from '@chakra-ui/react';
-import {
-  AddressBook,
-  Barcode,
-  Books,
-  Info,
-  MapPin,
-  Tag,
-  TreeStructure,
-  Users,
-  UsersThree,
-} from 'phosphor-react';
+import { AddressBook, Barcode, Books, Info, MapPin, Tag, TreeStructure, Users, UsersThree } from 'phosphor-react';
 
 const AccountPage = React.lazy(() => import('pages/AccountPage'));
 const ContactsPage = React.lazy(() => import('pages/ContactsPage'));
@@ -34,12 +24,7 @@ export default [
     name: 'entities.title',
     navName: 'entities.one',
     icon: (active) => (
-      <Icon
-        as={TreeStructure}
-        color="inherit"
-        h={active ? '32px' : '24px'}
-        w={active ? '32px' : '24px'}
-      />
+      <Icon as={TreeStructure} color="inherit" h={active ? '32px' : '24px'} w={active ? '32px' : '24px'} />
     ),
     isEntity: true,
     component: EntityPage,
@@ -48,9 +33,7 @@ export default [
     authorized: ['root', 'partner', 'admin', 'csr', 'system'],
     path: '/',
     name: 'inventory.title',
-    icon: (active) => (
-      <Icon as={Tag} color="inherit" h={active ? '32px' : '24px'} w={active ? '32px' : '24px'} />
-    ),
+    icon: (active) => <Icon as={Tag} color="inherit" h={active ? '32px' : '24px'} w={active ? '32px' : '24px'} />,
     component: InventoryPage,
   },
   {
@@ -58,12 +41,7 @@ export default [
     path: '/contacts',
     name: 'contacts.other',
     icon: (active) => (
-      <Icon
-        as={UsersThree}
-        color="inherit"
-        h={active ? '32px' : '24px'}
-        w={active ? '32px' : '24px'}
-      />
+      <Icon as={UsersThree} color="inherit" h={active ? '32px' : '24px'} w={active ? '32px' : '24px'} />
     ),
     component: ContactsPage,
   },
@@ -71,32 +49,21 @@ export default [
     authorized: ['root', 'partner', 'admin', 'csr', 'system'],
     path: '/locations',
     name: 'locations.other',
-    icon: (active) => (
-      <Icon as={MapPin} color="inherit" h={active ? '32px' : '24px'} w={active ? '32px' : '24px'} />
-    ),
+    icon: (active) => <Icon as={MapPin} color="inherit" h={active ? '32px' : '24px'} w={active ? '32px' : '24px'} />,
     component: LocationsPage,
   },
   {
     authorized: ['root', 'partner', 'admin', 'csr', 'system'],
     path: '/configurations',
     name: 'configurations.title',
-    icon: (active) => (
-      <Icon
-        as={Barcode}
-        color="inherit"
-        h={active ? '32px' : '24px'}
-        w={active ? '32px' : '24px'}
-      />
-    ),
+    icon: (active) => <Icon as={Barcode} color="inherit" h={active ? '32px' : '24px'} w={active ? '32px' : '24px'} />,
     component: ConfigurationsPage,
   },
   {
     authorized: ['root', 'partner', 'admin', 'csr', 'system'],
     path: '/resources',
     name: 'resources.title',
-    icon: (active) => (
-      <Icon as={Books} color="inherit" h={active ? '32px' : '24px'} w={active ? '32px' : '24px'} />
-    ),
+    icon: (active) => <Icon as={Books} color="inherit" h={active ? '32px' : '24px'} w={active ? '32px' : '24px'} />,
     component: ResourcesPage,
   },
   {
@@ -104,12 +71,7 @@ export default [
     path: '/subscribers',
     name: 'subscribers.title',
     icon: (active) => (
-      <Icon
-        as={AddressBook}
-        color="inherit"
-        h={active ? '32px' : '24px'}
-        w={active ? '32px' : '24px'}
-      />
+      <Icon as={AddressBook} color="inherit" h={active ? '32px' : '24px'} w={active ? '32px' : '24px'} />
     ),
     component: SubscribersPage,
   },
@@ -117,18 +79,14 @@ export default [
     authorized: ['root', 'partner', 'admin', 'csr', 'system'],
     path: '/users',
     name: 'users.title',
-    icon: (active) => (
-      <Icon as={Users} color="inherit" h={active ? '32px' : '24px'} w={active ? '32px' : '24px'} />
-    ),
+    icon: (active) => <Icon as={Users} color="inherit" h={active ? '32px' : '24px'} w={active ? '32px' : '24px'} />,
     component: UsersPage,
   },
   {
     authorized: ['root', 'partner', 'admin'],
     path: '/system',
     name: 'system.title',
-    icon: (active) => (
-      <Icon as={Info} color="inherit" h={active ? '32px' : '24px'} w={active ? '32px' : '24px'} />
-    ),
+    icon: (active) => <Icon as={Info} color="inherit" h={active ? '32px' : '24px'} w={active ? '32px' : '24px'} />,
     component: SystemPage,
   },
   {
@@ -138,12 +96,7 @@ export default [
     name: 'venues.title',
     navName: 'venues.one',
     icon: (active) => (
-      <Icon
-        as={TreeStructure}
-        color="inherit"
-        h={active ? '32px' : '24px'}
-        w={active ? '32px' : '24px'}
-      />
+      <Icon as={TreeStructure} color="inherit" h={active ? '32px' : '24px'} w={active ? '32px' : '24px'} />
     ),
     isEntity: true,
     component: VenuePage,
@@ -153,9 +106,7 @@ export default [
     authorized: ['root', 'partner', 'admin', 'csr', 'system'],
     path: '/account',
     name: 'account.title',
-    icon: (active) => (
-      <Icon as={Users} color="inherit" h={active ? '32px' : '24px'} w={active ? '32px' : '24px'} />
-    ),
+    icon: (active) => <Icon as={Users} color="inherit" h={active ? '32px' : '24px'} w={active ? '32px' : '24px'} />,
     component: AccountPage,
   },
   {
@@ -163,9 +114,7 @@ export default [
     authorized: ['root', 'partner', 'admin', 'csr', 'system'],
     path: '/configuration/:id',
     name: 'configurations.one',
-    icon: (active) => (
-      <Icon as={Users} color="inherit" h={active ? '32px' : '24px'} w={active ? '32px' : '24px'} />
-    ),
+    icon: (active) => <Icon as={Users} color="inherit" h={active ? '32px' : '24px'} w={active ? '32px' : '24px'} />,
     component: ConfigurationPage,
   },
   {
@@ -173,9 +122,7 @@ export default [
     authorized: ['root', 'partner', 'admin', 'csr', 'system'],
     path: '/subscriber/:id',
     name: 'subscribers.one',
-    icon: (active) => (
-      <Icon as={Users} color="inherit" h={active ? '32px' : '24px'} w={active ? '32px' : '24px'} />
-    ),
+    icon: (active) => <Icon as={Users} color="inherit" h={active ? '32px' : '24px'} w={active ? '32px' : '24px'} />,
     component: SubscriberPage,
   },
   {
@@ -183,9 +130,7 @@ export default [
     authorized: ['root', 'partner', 'admin', 'csr', 'system'],
     path: '/map',
     name: 'common.map',
-    icon: (active) => (
-      <Icon as={Users} color="inherit" h={active ? '32px' : '24px'} w={active ? '32px' : '24px'} />
-    ),
+    icon: (active) => <Icon as={Users} color="inherit" h={active ? '32px' : '24px'} w={active ? '32px' : '24px'} />,
     component: MapPage,
   },
 ];
diff --git a/src/utils/dateFormatting.js b/src/utils/dateFormatting.js
index cd53d76..1895da1 100644
--- a/src/utils/dateFormatting.js
+++ b/src/utils/dateFormatting.js
@@ -22,12 +22,8 @@ export const compactDate = (dateString) => {
   if (!dateString || dateString === null) return '-';
   const convertedTimestamp = unixToDateString(dateString);
   const date = new Date(convertedTimestamp);
-  return `${date.getFullYear()}-${twoDigitNumber(date.getMonth() + 1)}-${twoDigitNumber(
-    date.getDate(),
-  )}
-  ${twoDigitNumber(date.getHours())}:${twoDigitNumber(date.getMinutes())}:${twoDigitNumber(
-    date.getSeconds(),
-  )}`;
+  return `${date.getFullYear()}-${twoDigitNumber(date.getMonth() + 1)}-${twoDigitNumber(date.getDate())}
+  ${twoDigitNumber(date.getHours())}:${twoDigitNumber(date.getMinutes())}:${twoDigitNumber(date.getSeconds())}`;
 };
 
 export const formatDaysAgo = (d1, d2 = new Date()) => {
@@ -36,8 +32,7 @@ export const formatDaysAgo = (d1, d2 = new Date()) => {
   const elapsed = date - d2;
 
   for (const [key] of Object.entries(UNITS))
-    if (Math.abs(elapsed) > UNITS[key] || key === 'second')
-      return RTF.format(Math.round(elapsed / UNITS[key]), key);
+    if (Math.abs(elapsed) > UNITS[key] || key === 'second') return RTF.format(Math.round(elapsed / UNITS[key]), key);
 
   return compactDate(date);
 };
@@ -55,9 +50,7 @@ export const compactSecondsToDetailed = (seconds, t) => {
   let finalString = '';
 
   finalString =
-    days === 1
-      ? `${finalString}${days} ${t('common.day')}, `
-      : `${finalString}${days} ${t('common.days')}, `;
+    days === 1 ? `${finalString}${days} ${t('common.day')}, ` : `${finalString}${days} ${t('common.days')}, `;
   finalString = `${finalString}${twoDigitNumber(hours)}:`;
   finalString = `${finalString}${twoDigitNumber(minutes)}:`;
   finalString = `${finalString}${twoDigitNumber(secondsLeft)}`;
diff --git a/src/utils/stringHelper.js b/src/utils/stringHelper.js
index daf1123..9650ef9 100644
--- a/src/utils/stringHelper.js
+++ b/src/utils/stringHelper.js
@@ -1,4 +1,2 @@
-export const lowercaseFirstLetter = (initial) =>
-  initial ? initial.charAt(0).toLowerCase() + initial.slice(1) : null;
-export const uppercaseFirstLetter = (initial) =>
-  initial ? initial.charAt(0).toUpperCase() + initial.slice(1) : null;
+export const lowercaseFirstLetter = (initial) => (initial ? initial.charAt(0).toLowerCase() + initial.slice(1) : null);
+export const uppercaseFirstLetter = (initial) => (initial ? initial.charAt(0).toUpperCase() + initial.slice(1) : null);