diff --git a/components/common/Modal.vue b/components/common/Modal.vue
index b19c02b2..b88945f3 100644
--- a/components/common/Modal.vue
+++ b/components/common/Modal.vue
@@ -78,13 +78,19 @@ const props = defineProps({
 });
 
 const emit = defineEmits<{
+  (eventName: "close"): void;
   (eventName: "update:opened", value: boolean): void;
   (eventName: "after-leave", value: boolean): void;
 }>();
 
 const isModalOpened = computed({
   get: () => props.opened,
-  set: (value) => emit("update:opened", value),
+  set: (value) => {
+    if (!value) {
+      emit("close");
+    }
+    emit("update:opened", value);
+  },
 });
 const closeOnBackgroundClick = () => {
   if (props.closeOnBackgroundClick) {
diff --git a/components/destination/DestinationItem.vue b/components/destination/DestinationItem.vue
index 9c596c0b..013bdaaa 100644
--- a/components/destination/DestinationItem.vue
+++ b/components/destination/DestinationItem.vue
@@ -1,7 +1,9 @@
 <template>
   <CommonButtonLineWithImg :as="as" class="destination-item">
     <template #image>
-      <CommonImageLoader class="destination-item-icon" :src="iconUrl" />
+      <slot name="image">
+        <CommonImageLoader class="destination-item-icon" :src="iconUrl" />
+      </slot>
     </template>
     <template #default>
       <div class="destination-item-info">
diff --git a/components/modal/NetworkChange.vue b/components/modal/NetworkChange.vue
new file mode 100644
index 00000000..bd7e05f0
--- /dev/null
+++ b/components/modal/NetworkChange.vue
@@ -0,0 +1,49 @@
+<template>
+  <CommonModal v-bind="$attrs" title="Change network" @close="closeModal">
+    <CommonCardWithLineButtons>
+      <DestinationItem
+        v-for="item in chains"
+        :key="item.network"
+        :as="isNetworkSelected(item.network) ? 'button' : 'a'"
+        :label="item.name"
+        :href="getNetworkUrl(item, route.path)"
+        :icon="isNetworkSelected(item.network) ? CheckIcon : undefined"
+        :icon-url="item.iconUrl"
+        @click="buttonClicked(item.network)"
+      >
+        <template #image v-if="!item.iconUrl">
+          <div
+            class="flex h-full w-full items-center justify-center rounded-full border bg-white text-lg font-medium text-gray-secondary"
+          >
+            {{ getFirstLetter(item.name) }}
+          </div>
+        </template>
+      </DestinationItem>
+    </CommonCardWithLineButtons>
+  </CommonModal>
+</template>
+
+<script lang="ts" setup>
+import { CheckIcon } from "@heroicons/vue/24/outline";
+import { storeToRefs } from "pinia";
+
+import { useRoute } from "#app";
+import { chains, useNetworkStore } from "@/store/network";
+import { getNetworkUrl } from "@/utils/helpers";
+
+const emit = defineEmits<{
+  (eventName: "update:opened", state: boolean): void;
+}>();
+
+const route = useRoute();
+
+const { selectedEthereumNetwork } = storeToRefs(useNetworkStore());
+const isNetworkSelected = (network: string) => selectedEthereumNetwork.value.network === network;
+const buttonClicked = (network: string) => {
+  if (isNetworkSelected(network)) {
+    closeModal();
+  }
+};
+const closeModal = () => emit("update:opened", false);
+const getFirstLetter = (name: string) => name.slice(0, 1).toUpperCase();
+</script>
diff --git a/components/modal/transaction/WithdrawExchangeWarning.vue b/components/modal/transaction/WithdrawExchangeWarning.vue
index 78bf4258..8b4d48b3 100644
--- a/components/modal/transaction/WithdrawExchangeWarning.vue
+++ b/components/modal/transaction/WithdrawExchangeWarning.vue
@@ -2,23 +2,36 @@
   <CommonModal v-bind="$attrs" title="Withdraw to exchange" @after-leave="checked = false">
     <p class="leading-normal">
       When withdrawing to an exchange account, please make sure that your exchange supports transfers from smart
-      contracts. Otherwise, this can result in <span class="font-medium text-red-600">loss of funds</span>
+      contracts. Otherwise, this can result in <span class="font-medium text-red-600">loss of funds</span>.
+    </p>
+    <p class="leading-normal">
+      If you are unsure, the safest way would be to firstly
+      <NuxtLink :to="buttonLocation" class="link">withdraw to {{ selectedEthereumNetwork.name }} (L1)</NuxtLink> and
+      then send funds to the exchange.
     </p>
 
     <div class="mt-3 flex items-start">
-      <div class="flex h-6 items-center">
-        <input
-          v-model="checked"
-          id="risc"
-          aria-describedby="risc-description"
-          name="risc"
-          type="checkbox"
-          class="h-5 w-5 rounded border-gray-400 text-primary-600 focus:ring-primary-600"
-          @keyup.enter="checked = !checked"
-        />
-      </div>
-      <label id="risc-description" for="risc" class="ml-3 text-sm font-medium leading-6">
-        I understand the risks of losing funds
+      <label for="risc" class="flex cursor-pointer items-center">
+        <div class="relative">
+          <input type="checkbox" id="risc" v-model="checked" class="sr-only" tabindex="-1" />
+          <div
+            class="flex h-6 w-6 items-center justify-center rounded-md border-2 border-gray-300 bg-white outline-none ring-primary-400 ring-offset-2 focus:ring-2"
+            v-bind:class="{ 'bg-primary-600 border-primary-600': checked }"
+            tabindex="0"
+            @keyup.enter="checked = !checked"
+          >
+            <svg v-show="checked" class="h-5 w-5 text-white" viewBox="0 0 20 20" fill="currentColor">
+              <path
+                fill-rule="evenodd"
+                d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 111.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z"
+                clip-rule="evenodd"
+              />
+            </svg>
+          </div>
+        </div>
+        <div id="risc-description" class="ml-3 text-sm font-medium leading-6">
+          I understand the risks of losing funds
+        </div>
       </label>
     </div>
 
@@ -37,9 +50,13 @@
 <script lang="ts" setup>
 import { ref } from "vue";
 
+import { storeToRefs } from "pinia";
+
 import type { PropType } from "vue";
 import type { RouteLocationRaw } from "vue-router";
 
+import { useNetworkStore } from "@/store/network";
+
 defineProps({
   buttonLocation: {
     type: Object as PropType<RouteLocationRaw>,
@@ -47,5 +64,7 @@ defineProps({
   },
 });
 
+const { selectedEthereumNetwork } = storeToRefs(useNetworkStore());
+
 const checked = ref(false);
 </script>
diff --git a/components/sidebar/AccountButton.vue b/components/sidebar/AccountButton.vue
index 9aff663e..986e4bc1 100644
--- a/components/sidebar/AccountButton.vue
+++ b/components/sidebar/AccountButton.vue
@@ -1,8 +1,10 @@
 <template>
-  <Popover as="div" class="account-button-container">
-    <PopoverButton as="template">
+  <Menu as="div" class="account-button-container">
+    <ModalNetworkChange v-model:opened="networkChangeModalOpened" />
+
+    <MenuButton as="template">
       <SidebarAccountAvatarName hide-name-on-mobile class="main-account-button" />
-    </PopoverButton>
+    </MenuButton>
 
     <transition
       enter-active-class="transition ease-out duration-100"
@@ -12,30 +14,54 @@
       leave-from-class="transform opacity-100"
       leave-to-class="transform opacity-0"
     >
-      <PopoverPanel class="popover-panel">
-        <PopoverButton as="template">
-          <SidebarAccountAvatarName class="popover-account-button" tabindex="-1" title="Click to close popup" />
-        </PopoverButton>
+      <MenuItems class="menu-panel">
+        <MenuButton as="template">
+          <SidebarAccountAvatarName class="menu-account-button" tabindex="-1" title="Click to close popup" />
+        </MenuButton>
 
-        <div class="popover-options">
-          <SidebarNetworkSelect />
-          <button class="account-menu-item has-hover" @click="onboardStore.disconnect">
-            <PowerIcon class="account-menu-item-icon p-2" aria-hidden="true" />
-            Logout
-          </button>
+        <div class="menu-options">
+          <MenuItem v-slot="{ active }" as="template">
+            <button class="account-menu-item" :class="{ active }" @click="networkChangeModalOpened = true">
+              <img
+                v-if="selectedEthereumNetwork.iconUrl"
+                :src="selectedEthereumNetwork.iconUrl"
+                :alt="selectedEthereumNetwork.name"
+                class="account-menu-item-icon p-1"
+              />
+              <div v-else class="account-menu-item-icon">{{ selectedEthereumNetwork.name.slice(0, 1) }}</div>
+              <div class="flex items-center justify-between">
+                <span>{{ selectedEthereumNetwork.name }}</span>
+                <ChevronDownIcon class="mr-1 ml-2 h-4 w-4 transition-transform" aria-hidden="true" />
+              </div>
+            </button>
+          </MenuItem>
+          <MenuItem v-slot="{ active }" as="template">
+            <button class="account-menu-item" :class="{ active }" @click="onboardStore.disconnect">
+              <PowerIcon class="account-menu-item-icon p-2" aria-hidden="true" />
+              Logout
+            </button>
+          </MenuItem>
         </div>
-      </PopoverPanel>
+      </MenuItems>
     </transition>
-  </Popover>
+  </Menu>
 </template>
 
 <script lang="ts" setup>
-import { Popover, PopoverButton, PopoverPanel } from "@headlessui/vue";
+import { ref } from "vue";
+
+import { Menu, MenuButton, MenuItem, MenuItems } from "@headlessui/vue";
+import { ChevronDownIcon } from "@heroicons/vue/24/outline";
 import { PowerIcon } from "@heroicons/vue/24/solid";
+import { storeToRefs } from "pinia";
 
+import { useNetworkStore } from "@/store/network";
 import { useOnboardStore } from "@/store/onboard";
 
+const { selectedEthereumNetwork } = storeToRefs(useNetworkStore());
 const onboardStore = useOnboardStore();
+
+const networkChangeModalOpened = ref(false);
 </script>
 
 <style lang="scss">
@@ -45,42 +71,40 @@ const onboardStore = useOnboardStore();
   .main-account-button {
     @apply transition-colors hover:bg-gray-200;
   }
-  .popover-panel {
-    @apply absolute left-0 bottom-0 z-10 h-max w-56 rounded-lg bg-white shadow-lg ring-1 ring-gray-900/5 focus:outline-none md:-left-px md:-top-px md:p-px;
-    display: grid;
+  .menu-panel {
+    @apply absolute left-0 bottom-0 z-10 grid h-max w-56 rounded-lg bg-white shadow-lg ring-1 ring-gray-900/5 focus:outline-none md:-left-px md:-top-px md:p-px;
     grid-template-areas:
-      "popover-options"
+      "menu-options"
       "account-button";
     grid-template-rows: repeat(2, max-content);
     @media screen and (min-width: 720px) {
       grid-template-areas:
         "account-button"
-        "popover-options";
+        "menu-options";
     }
 
-    .popover-account-button {
+    .menu-account-button {
       grid-area: account-button;
     }
-    .popover-options {
+    .menu-options {
       @apply border-b p-1 md:border-b-0 md:border-t;
-      grid-area: popover-options;
-    }
-  }
-  .account-menu-item {
-    @apply grid w-full grid-cols-[max-content_1fr] items-center gap-3 rounded-lg px-2 py-2 text-left leading-6 text-gray-900 transition-colors xl:px-4;
-    &.has-hover:hover {
-      @apply bg-gray-100 text-primary-400;
+      grid-area: menu-options;
 
-      .account-menu-item-icon {
-        @apply bg-white text-primary-400;
+      .account-menu-item {
+        @apply grid w-full grid-cols-[max-content_1fr] items-center gap-3 rounded-lg px-2 py-2 text-left leading-6 text-gray-900 transition-colors xl:px-4;
+        &.active {
+          @apply bg-gray-100 text-primary-400;
+
+          .account-menu-item-icon {
+            @apply bg-white text-primary-400;
+          }
+        }
+
+        .account-menu-item-icon {
+          @apply flex aspect-square h-auto w-8 items-center justify-center rounded-full bg-gray-50 text-center text-gray-500;
+        }
       }
     }
   }
-  .account-menu-item-icon {
-    @apply flex aspect-square h-auto w-8 items-center justify-center rounded-full bg-gray-50 text-center text-gray-500;
-    &.small {
-      @apply w-6;
-    }
-  }
 }
 </style>
diff --git a/components/sidebar/NetworkSelect.vue b/components/sidebar/NetworkSelect.vue
deleted file mode 100644
index e0c48dff..00000000
--- a/components/sidebar/NetworkSelect.vue
+++ /dev/null
@@ -1,104 +0,0 @@
-<template>
-  <Menu as="div" class="network-switch isolate" v-slot="{ open }">
-    <MenuButton class="account-menu-item" :class="{ 'has-hover': !open }">
-      <img
-        v-if="selectedEthereumNetwork.iconUrl"
-        :src="selectedEthereumNetwork.iconUrl"
-        :alt="selectedEthereumNetwork.name"
-        class="account-menu-item-icon p-1"
-      />
-      <div v-else class="account-menu-item-icon">{{ selectedEthereumNetwork.name.slice(0, 1) }}</div>
-      <div class="flex items-center justify-between">
-        <span>{{ selectedEthereumNetwork.name }}</span>
-        <ChevronDownIcon
-          class="mr-1 ml-2 h-4 w-4 transition-transform"
-          :class="{ 'rotate-180': open }"
-          aria-hidden="true"
-        />
-      </div>
-    </MenuButton>
-
-    <transition
-      enter-active-class="transition ease-out duration-200"
-      enter-from-class="opacity-0"
-      enter-to-class="opacity-100"
-      leave-active-class="transition ease-in duration-150"
-      leave-from-class="opacity-100"
-      leave-to-class="opacity-0"
-    >
-      <MenuItems
-        class="absolute left-0 top-0 z-[-1] w-full rounded-lg bg-white shadow-lg ring-1 ring-gray-900/5 focus:outline-none"
-      >
-        <div class="mt-12 border-t"></div>
-        <div class="px-1 py-0.5">
-          <MenuItem v-for="item in chains" as="template" v-slot="{ active }" :key="item.name">
-            <a
-              :href="getNetworkUrl(item, route.path)"
-              class="network-item"
-              :class="{ selected: item.network === selectedEthereumNetwork.network, active }"
-            >
-              <div class="flex items-center">
-                <img
-                  v-if="item.iconUrl"
-                  :src="item.iconUrl"
-                  :alt="item.name"
-                  class="account-menu-item-icon small p-0.5"
-                />
-                <div v-else class="account-menu-item-icon small">{{ item.name.slice(0, 1) }}</div>
-                <div class="pl-2">{{ item.name }}</div>
-              </div>
-              <CheckIcon
-                v-if="item.network === selectedEthereumNetwork.network"
-                class="check-icon"
-                aria-hidden="true"
-              />
-            </a>
-          </MenuItem>
-        </div>
-      </MenuItems>
-    </transition>
-  </Menu>
-</template>
-
-<script lang="ts" setup>
-import { Menu, MenuButton, MenuItem, MenuItems } from "@headlessui/vue";
-import { CheckIcon, ChevronDownIcon } from "@heroicons/vue/24/outline";
-import { storeToRefs } from "pinia";
-
-import { useRoute } from "#app";
-import { chains, useNetworkStore } from "@/store/network";
-import { getNetworkUrl } from "@/utils/helpers";
-
-const route = useRoute();
-
-const { selectedEthereumNetwork } = storeToRefs(useNetworkStore());
-</script>
-
-<style lang="scss" scoped>
-.network-switch {
-  @apply relative text-left;
-
-  .network-item {
-    @apply relative my-0.5 block cursor-pointer rounded-lg px-4 py-2 text-sm;
-    &.active {
-      &:not(.selected) {
-        @apply bg-gray-100 text-gray-900;
-      }
-      &.selected {
-        @apply bg-primary-100/70;
-      }
-    }
-    &.selected {
-      @apply bg-primary-100/50 text-primary-400;
-
-      .account-menu-item-icon {
-        @apply bg-primary-50;
-      }
-    }
-
-    .check-icon {
-      @apply absolute top-0 bottom-0 right-3 my-auto h-4 w-4;
-    }
-  }
-}
-</style>
diff --git a/components/sidebar/Sidebar.vue b/components/sidebar/Sidebar.vue
index 30c2a598..e26f5595 100644
--- a/components/sidebar/Sidebar.vue
+++ b/components/sidebar/Sidebar.vue
@@ -1,5 +1,7 @@
 <template>
   <nav class="navbar-container">
+    <ModalNetworkChange v-model:opened="networkChangeModalOpened" />
+
     <nav class="navbar-inner">
       <SidebarAccountButton />
       <div class="navbar-links-container">
@@ -16,12 +18,27 @@
           <span class="navbar-link-label">Contacts</span>
         </NuxtLink>
       </div>
+      <button v-tooltip="'Change network'" class="navbar-link network-switch" @click="networkChangeModalOpened = true">
+        <img class="navbar-link-icon" src="/img/ethereum.svg" alt="" />
+        <span class="navbar-link-label">{{ selectedEthereumNetwork.name }}</span>
+        <ChevronDownIcon class="dropdown-icon" aria-hidden="true" />
+      </button>
     </nav>
   </nav>
 </template>
 
 <script lang="ts" setup>
+import { ref } from "vue";
+
 import { ArrowsRightLeftIcon, HomeIcon, UserGroupIcon } from "@heroicons/vue/24/outline";
+import { ChevronDownIcon } from "@heroicons/vue/24/outline";
+import { storeToRefs } from "pinia";
+
+import { useNetworkStore } from "@/store/network";
+
+const { selectedEthereumNetwork } = storeToRefs(useNetworkStore());
+
+const networkChangeModalOpened = ref(false);
 </script>
 
 <style lang="scss" scoped>
@@ -37,23 +54,35 @@ import { ArrowsRightLeftIcon, HomeIcon, UserGroupIcon } from "@heroicons/vue/24/
   }
 
   .navbar-inner {
-    @apply grid min-w-[3.5rem] grid-cols-[max-content_1fr] bg-white md:block md:max-w-[3.5rem] md:bg-transparent xl:max-w-[12.5rem]; /* hidden md:block */
+    @apply grid h-full min-w-[3.5rem] grid-cols-[max-content_1fr] grid-rows-[repeat(2,_max-content)_1fr] bg-white md:max-w-[3.5rem] md:grid-cols-1 md:bg-transparent xl:max-w-[12.5rem]; /* hidden md:block */
 
     .navbar-links-container {
       @apply flex justify-around space-y-1 pr-3 md:mt-6 md:flex-col md:pr-0;
+    }
+    .navbar-link {
+      @apply flex items-center rounded-xl bg-transparent text-gray-secondary no-underline transition-colors md:w-full md:py-3 md:px-4 md:hover:bg-gray-200;
+      &.router-link-exact-active {
+        @apply bg-white text-primary-400;
+      }
 
-      .navbar-link {
-        @apply flex items-center rounded-xl bg-transparent text-gray-secondary no-underline transition-colors md:w-full md:py-3 md:px-4 md:hover:bg-gray-200;
-        &.router-link-exact-active {
-          @apply bg-white text-primary-400;
-        }
-
-        .navbar-link-icon {
-          @apply h-6 w-6 text-inherit;
-        }
-        .navbar-link-label {
-          @apply mr-auto ml-4 hidden font-medium leading-4 tracking-[-0.1px] xl:block;
-        }
+      .navbar-link-icon {
+        @apply h-6 w-6 text-inherit;
+      }
+      .navbar-link-label {
+        @apply mr-auto ml-4 hidden text-left font-medium leading-4 tracking-[-0.1px] xl:block;
+      }
+    }
+    .network-switch {
+      @apply mt-auto hidden border bg-gray-100 md:flex;
+
+      .navbar-link-icon {
+        @apply scale-150 xl:scale-125;
+      }
+      .navbar-link-label {
+        @apply text-sm;
+      }
+      .dropdown-icon {
+        @apply hidden h-4 w-4 text-inherit xl:block;
       }
     }
   }
diff --git a/components/transaction/zksync/era/EraTransactionLineItem.vue b/components/transaction/zksync/era/EraTransactionLineItem.vue
index 7a48c28d..10020bf1 100644
--- a/components/transaction/zksync/era/EraTransactionLineItem.vue
+++ b/components/transaction/zksync/era/EraTransactionLineItem.vue
@@ -73,6 +73,8 @@ const label = computed(() => {
     return "Deposit";
   } else if (props.transaction.type === "fee") {
     return "Contract execution";
+  } else if (props.transaction.type === undefined) {
+    return "Unknown";
   }
   return props.transaction.type;
 });
@@ -121,6 +123,8 @@ const icon = computed(() => {
       return PlusIcon;
     case "fee":
       return BanknotesIcon;
+    case undefined:
+      return undefined;
     default:
       if (direction.value) {
         return direction.value === "in" ? ArrowDownLeftIcon : ArrowRightIcon;
diff --git a/package-lock.json b/package-lock.json
index c50aa466..44ed3306 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,7 +12,6 @@
         "@matterlabs/token-library": "^2.5.2",
         "@metamask/logo": "^3.1.1",
         "@pinia/nuxt": "^0.4.7",
-        "@tailwindcss/forms": "^0.5.3",
         "@vitejs/plugin-vue": "^3.2.0",
         "@vueuse/components": "^9.11.1",
         "@vueuse/core": "^9.13.0",
@@ -1068,7 +1067,7 @@
       "version": "0.8.1",
       "resolved": "https://registry.npmjs.org/@cspotcode/source-map-support/-/source-map-support-0.8.1.tgz",
       "integrity": "sha512-IchNf6dN4tHoMFIn/7OE8LWZ19Y6q/67Bmf6vnGREv8RSbBVb9LPJxEcnwrcwX6ixSvaiGoomAUvu4YSxXrVgw==",
-      "devOptional": true,
+      "dev": true,
       "dependencies": {
         "@jridgewell/trace-mapping": "0.3.9"
       },
@@ -1080,7 +1079,7 @@
       "version": "0.3.9",
       "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.9.tgz",
       "integrity": "sha512-3Belt6tdc8bPgAtbcmdtNJlirVoTmEb5e2gC94PnkwEW9jI6CAHUeoG85tjWP5WquqfavoMtMwiG4P926ZKKuQ==",
-      "devOptional": true,
+      "dev": true,
       "dependencies": {
         "@jridgewell/resolve-uri": "^3.0.3",
         "@jridgewell/sourcemap-codec": "^1.4.10"
@@ -2949,17 +2948,6 @@
         "@stablelib/wipe": "^1.0.1"
       }
     },
-    "node_modules/@tailwindcss/forms": {
-      "version": "0.5.3",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/forms/-/forms-0.5.3.tgz",
-      "integrity": "sha512-y5mb86JUoiUgBjY/o6FJSFZSEttfb3Q5gllE4xoKjAAD+vBrnIhE4dViwUuow3va8mpH4s9jyUbUbrRGoRdc2Q==",
-      "dependencies": {
-        "mini-svg-data-uri": "^1.2.3"
-      },
-      "peerDependencies": {
-        "tailwindcss": ">=3.0.0 || >= 3.0.0-alpha.1"
-      }
-    },
     "node_modules/@testing-library/dom": {
       "version": "8.20.0",
       "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-8.20.0.tgz",
@@ -3067,25 +3055,25 @@
       "version": "1.0.9",
       "resolved": "https://registry.npmjs.org/@tsconfig/node10/-/node10-1.0.9.tgz",
       "integrity": "sha512-jNsYVVxU8v5g43Erja32laIDHXeoNvFEpX33OK4d6hljo3jDhCBDhx5dhCCTMWUojscpAagGiRkBKxpdl9fxqA==",
-      "devOptional": true
+      "dev": true
     },
     "node_modules/@tsconfig/node12": {
       "version": "1.0.11",
       "resolved": "https://registry.npmjs.org/@tsconfig/node12/-/node12-1.0.11.tgz",
       "integrity": "sha512-cqefuRsh12pWyGsIoBKJA9luFu3mRxCA+ORZvA4ktLSzIuCUtWVxGIuXigEwO5/ywWFMZ2QEGKWvkZG1zDMTag==",
-      "devOptional": true
+      "dev": true
     },
     "node_modules/@tsconfig/node14": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/@tsconfig/node14/-/node14-1.0.3.tgz",
       "integrity": "sha512-ysT8mhdixWK6Hw3i1V2AeRqZ5WfXg1G43mqoYlM2nc6388Fq5jcXyr5mRsqViLx/GJYdoL0bfXD8nmF+Zn/Iow==",
-      "devOptional": true
+      "dev": true
     },
     "node_modules/@tsconfig/node16": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/@tsconfig/node16/-/node16-1.0.3.tgz",
       "integrity": "sha512-yOlFc+7UtL/89t2ZhjPvvB/DeAr3r+Dq58IgzsFkOAvVC6NMJXmCGjbptdXdR9qsX7pKcTL+s87FtYREi2dEEQ==",
-      "devOptional": true
+      "dev": true
     },
     "node_modules/@types/aria-query": {
       "version": "5.0.1",
@@ -4840,6 +4828,7 @@
       "version": "1.8.2",
       "resolved": "https://registry.npmjs.org/acorn-node/-/acorn-node-1.8.2.tgz",
       "integrity": "sha512-8mt+fslDufLYntIoPAaIMUe/lrbrehIiwmR3t2k9LljIzoigEPF27eLk2hy8zSGzmR/ogr7zbRKINMo1u0yh5A==",
+      "dev": true,
       "dependencies": {
         "acorn": "^7.0.0",
         "acorn-walk": "^7.0.0",
@@ -4850,6 +4839,7 @@
       "version": "7.4.1",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz",
       "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==",
+      "dev": true,
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -4861,6 +4851,7 @@
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-7.2.0.tgz",
       "integrity": "sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==",
+      "dev": true,
       "engines": {
         "node": ">=0.4.0"
       }
@@ -5165,7 +5156,7 @@
       "version": "4.1.3",
       "resolved": "https://registry.npmjs.org/arg/-/arg-4.1.3.tgz",
       "integrity": "sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==",
-      "devOptional": true
+      "dev": true
     },
     "node_modules/argparse": {
       "version": "2.0.1",
@@ -5651,6 +5642,7 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
       "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==",
+      "dev": true,
       "engines": {
         "node": ">= 6"
       }
@@ -6463,6 +6455,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
       "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
+      "dev": true,
       "bin": {
         "cssesc": "bin/cssesc"
       },
@@ -6859,6 +6852,7 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/defined/-/defined-1.0.1.tgz",
       "integrity": "sha512-hsBd2qSVCRE+5PmNdHt1uzyrFu5d3RwmFDKzyNZMFq/EwDNJF7Ee5+D5oEKF0hU6LhtoUF1macFvOe4AskQC1Q==",
+      "dev": true,
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
@@ -6943,6 +6937,7 @@
       "version": "5.2.1",
       "resolved": "https://registry.npmjs.org/detective/-/detective-5.2.1.tgz",
       "integrity": "sha512-v9XE1zRnz1wRtgurGu0Bs8uHKFSTdteYZNbIPFVhUZ39L/S79ppMpdmVOZAnoz1jfEFodc48n6MX483Xo3t1yw==",
+      "dev": true,
       "dependencies": {
         "acorn-node": "^1.8.2",
         "defined": "^1.0.0",
@@ -6958,13 +6953,14 @@
     "node_modules/didyoumean": {
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
-      "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw=="
+      "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==",
+      "dev": true
     },
     "node_modules/diff": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/diff/-/diff-4.0.2.tgz",
       "integrity": "sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==",
-      "devOptional": true,
+      "dev": true,
       "engines": {
         "node": ">=0.3.1"
       }
@@ -6988,7 +6984,8 @@
     "node_modules/dlv": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
-      "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA=="
+      "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
+      "dev": true
     },
     "node_modules/doctrine": {
       "version": "3.0.0",
@@ -10496,6 +10493,7 @@
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.0.6.tgz",
       "integrity": "sha512-9JROoBW7pobfsx+Sq2JsASvCo6Pfo6WWoUW79HuB1BCoBXD4PLWJPqDF6fNj67pqBYTbAHkE57M1kS/+L1neOg==",
+      "dev": true,
       "engines": {
         "node": ">=10"
       }
@@ -11299,7 +11297,7 @@
       "version": "1.3.6",
       "resolved": "https://registry.npmjs.org/make-error/-/make-error-1.3.6.tgz",
       "integrity": "sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==",
-      "devOptional": true
+      "dev": true
     },
     "node_modules/map-obj": {
       "version": "4.3.0",
@@ -11445,14 +11443,6 @@
         "node": ">=4"
       }
     },
-    "node_modules/mini-svg-data-uri": {
-      "version": "1.4.4",
-      "resolved": "https://registry.npmjs.org/mini-svg-data-uri/-/mini-svg-data-uri-1.4.4.tgz",
-      "integrity": "sha512-r9deDe9p5FJUPZAk3A59wGH7Ii9YrjjWw0jmw/liSbHl2CHiyXj6FcDXDu2K3TjVAXqiJdaw3xxwlZZr9E6nHg==",
-      "bin": {
-        "mini-svg-data-uri": "cli.js"
-      }
-    },
     "node_modules/minimalistic-assert": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz",
@@ -11479,6 +11469,7 @@
       "version": "1.2.7",
       "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.7.tgz",
       "integrity": "sha512-bzfL1YUZsP41gmu/qjrEk0Q6i2ix/cVeAhbCbqH9u3zYutS1cLg00qhrD0M2MVdCcx4Sc0UpP2eBWo9rotpq6g==",
+      "dev": true,
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
@@ -11994,6 +11985,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
       "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==",
+      "dev": true,
       "engines": {
         "node": ">= 6"
       }
@@ -12458,6 +12450,7 @@
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
       "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
+      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -12716,6 +12709,7 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.0.tgz",
       "integrity": "sha512-77QESFBwgX4irogGVPgQ5s07vLvFqWr228qZY+w6lW599cRlK/HmnlivnnVUxkjHnCu4J16PDMHcH+e+2HbvTQ==",
+      "dev": true,
       "dependencies": {
         "camelcase-css": "^2.0.1"
       },
@@ -12734,6 +12728,7 @@
       "version": "3.1.4",
       "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-3.1.4.tgz",
       "integrity": "sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==",
+      "dev": true,
       "dependencies": {
         "lilconfig": "^2.0.5",
         "yaml": "^1.10.2"
@@ -12860,6 +12855,7 @@
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.0.0.tgz",
       "integrity": "sha512-0DkamqrPcmkBDsLn+vQDIrtkSbNkv5AD/M322ySo9kqFkCIYklym2xEmWkwo+Y3/qZo34tzEPNUw4y7yMCdv5w==",
+      "dev": true,
       "dependencies": {
         "postcss-selector-parser": "^6.0.10"
       },
@@ -13059,6 +13055,7 @@
       "version": "6.0.11",
       "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.11.tgz",
       "integrity": "sha512-zbARubNdogI9j7WY4nQJBiNqQf3sLS3wCP4WfOidu+p28LofJqDH1tcXypGrcmMHhDk2t9wGhCsYe/+szLTy1g==",
+      "dev": true,
       "dependencies": {
         "cssesc": "^3.0.0",
         "util-deprecate": "^1.0.2"
@@ -13153,7 +13150,8 @@
     "node_modules/postcss-value-parser": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
-      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ=="
+      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
+      "dev": true
     },
     "node_modules/postcss/node_modules/nanoid": {
       "version": "3.3.4",
@@ -13798,6 +13796,7 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
       "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
+      "dev": true,
       "dependencies": {
         "pify": "^2.3.0"
       }
@@ -15089,6 +15088,7 @@
       "version": "3.2.4",
       "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.2.4.tgz",
       "integrity": "sha512-AhwtHCKMtR71JgeYDaswmZXhPcW9iuI9Sp2LvZPo9upDZ7231ZJ7eA9RaURbhpXGVlrjX4cFNlB4ieTetEb7hQ==",
+      "dev": true,
       "dependencies": {
         "arg": "^5.0.2",
         "chokidar": "^3.5.3",
@@ -15143,17 +15143,20 @@
     "node_modules/tailwindcss/node_modules/arg": {
       "version": "5.0.2",
       "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
-      "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg=="
+      "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
+      "dev": true
     },
     "node_modules/tailwindcss/node_modules/color-name": {
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true
     },
     "node_modules/tailwindcss/node_modules/glob-parent": {
       "version": "6.0.2",
       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
       "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "dev": true,
       "dependencies": {
         "is-glob": "^4.0.3"
       },
@@ -15165,6 +15168,7 @@
       "version": "14.1.0",
       "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-14.1.0.tgz",
       "integrity": "sha512-flwI+Vgm4SElObFVPpTIT7SU7R3qk2L7PyduMcokiaVKuWv9d/U+Gm/QAd8NDLuykTWTkcrjOeD2Pp1rMeBTGw==",
+      "dev": true,
       "dependencies": {
         "postcss-value-parser": "^4.0.0",
         "read-cache": "^1.0.0",
@@ -15181,6 +15185,7 @@
       "version": "5.1.1",
       "resolved": "https://registry.npmjs.org/quick-lru/-/quick-lru-5.1.1.tgz",
       "integrity": "sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==",
+      "dev": true,
       "engines": {
         "node": ">=10"
       },
@@ -15468,7 +15473,7 @@
       "version": "10.9.1",
       "resolved": "https://registry.npmjs.org/ts-node/-/ts-node-10.9.1.tgz",
       "integrity": "sha512-NtVysVPkxxrwFGUUxGYhfux8k78pQB3JqYBXlLRZgdGUqTO5wU/UyHop5p70iEbGhB7q5KmiZiU0Y3KlJrScEw==",
-      "devOptional": true,
+      "dev": true,
       "dependencies": {
         "@cspotcode/source-map-support": "^0.8.0",
         "@tsconfig/node10": "^1.0.7",
@@ -15891,7 +15896,7 @@
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/v8-compile-cache-lib/-/v8-compile-cache-lib-3.0.1.tgz",
       "integrity": "sha512-wa7YjyUGfNZngI/vtK0UHAN+lgDCxBPCylVXGp0zu59Fz5aiGtNXaq3DhIov063MorB+VfufLh3JlF2KdTK3xg==",
-      "devOptional": true
+      "dev": true
     },
     "node_modules/validate-npm-package-license": {
       "version": "3.0.4",
@@ -16888,6 +16893,7 @@
       "version": "1.10.2",
       "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
       "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==",
+      "dev": true,
       "engines": {
         "node": ">= 6"
       }
@@ -16964,7 +16970,7 @@
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/yn/-/yn-3.1.1.tgz",
       "integrity": "sha512-Ux4ygGWsu2c7isFWe8Yu1YluJmqVhxqK2cLXNQA5AcC3QfbGNpM7fu0Y8b/z16pXLnFxZYvWhd3fhBY9DLmC6Q==",
-      "devOptional": true,
+      "dev": true,
       "engines": {
         "node": ">=6"
       }
@@ -17815,7 +17821,7 @@
       "version": "0.8.1",
       "resolved": "https://registry.npmjs.org/@cspotcode/source-map-support/-/source-map-support-0.8.1.tgz",
       "integrity": "sha512-IchNf6dN4tHoMFIn/7OE8LWZ19Y6q/67Bmf6vnGREv8RSbBVb9LPJxEcnwrcwX6ixSvaiGoomAUvu4YSxXrVgw==",
-      "devOptional": true,
+      "dev": true,
       "requires": {
         "@jridgewell/trace-mapping": "0.3.9"
       },
@@ -17824,7 +17830,7 @@
           "version": "0.3.9",
           "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.9.tgz",
           "integrity": "sha512-3Belt6tdc8bPgAtbcmdtNJlirVoTmEb5e2gC94PnkwEW9jI6CAHUeoG85tjWP5WquqfavoMtMwiG4P926ZKKuQ==",
-          "devOptional": true,
+          "dev": true,
           "requires": {
             "@jridgewell/resolve-uri": "^3.0.3",
             "@jridgewell/sourcemap-codec": "^1.4.10"
@@ -19154,14 +19160,6 @@
         "@stablelib/wipe": "^1.0.1"
       }
     },
-    "@tailwindcss/forms": {
-      "version": "0.5.3",
-      "resolved": "https://registry.npmjs.org/@tailwindcss/forms/-/forms-0.5.3.tgz",
-      "integrity": "sha512-y5mb86JUoiUgBjY/o6FJSFZSEttfb3Q5gllE4xoKjAAD+vBrnIhE4dViwUuow3va8mpH4s9jyUbUbrRGoRdc2Q==",
-      "requires": {
-        "mini-svg-data-uri": "^1.2.3"
-      }
-    },
     "@testing-library/dom": {
       "version": "8.20.0",
       "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-8.20.0.tgz",
@@ -19240,25 +19238,25 @@
       "version": "1.0.9",
       "resolved": "https://registry.npmjs.org/@tsconfig/node10/-/node10-1.0.9.tgz",
       "integrity": "sha512-jNsYVVxU8v5g43Erja32laIDHXeoNvFEpX33OK4d6hljo3jDhCBDhx5dhCCTMWUojscpAagGiRkBKxpdl9fxqA==",
-      "devOptional": true
+      "dev": true
     },
     "@tsconfig/node12": {
       "version": "1.0.11",
       "resolved": "https://registry.npmjs.org/@tsconfig/node12/-/node12-1.0.11.tgz",
       "integrity": "sha512-cqefuRsh12pWyGsIoBKJA9luFu3mRxCA+ORZvA4ktLSzIuCUtWVxGIuXigEwO5/ywWFMZ2QEGKWvkZG1zDMTag==",
-      "devOptional": true
+      "dev": true
     },
     "@tsconfig/node14": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/@tsconfig/node14/-/node14-1.0.3.tgz",
       "integrity": "sha512-ysT8mhdixWK6Hw3i1V2AeRqZ5WfXg1G43mqoYlM2nc6388Fq5jcXyr5mRsqViLx/GJYdoL0bfXD8nmF+Zn/Iow==",
-      "devOptional": true
+      "dev": true
     },
     "@tsconfig/node16": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/@tsconfig/node16/-/node16-1.0.3.tgz",
       "integrity": "sha512-yOlFc+7UtL/89t2ZhjPvvB/DeAr3r+Dq58IgzsFkOAvVC6NMJXmCGjbptdXdR9qsX7pKcTL+s87FtYREi2dEEQ==",
-      "devOptional": true
+      "dev": true
     },
     "@types/aria-query": {
       "version": "5.0.1",
@@ -20656,6 +20654,7 @@
       "version": "1.8.2",
       "resolved": "https://registry.npmjs.org/acorn-node/-/acorn-node-1.8.2.tgz",
       "integrity": "sha512-8mt+fslDufLYntIoPAaIMUe/lrbrehIiwmR3t2k9LljIzoigEPF27eLk2hy8zSGzmR/ogr7zbRKINMo1u0yh5A==",
+      "dev": true,
       "requires": {
         "acorn": "^7.0.0",
         "acorn-walk": "^7.0.0",
@@ -20665,12 +20664,14 @@
         "acorn": {
           "version": "7.4.1",
           "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz",
-          "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A=="
+          "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==",
+          "dev": true
         },
         "acorn-walk": {
           "version": "7.2.0",
           "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-7.2.0.tgz",
-          "integrity": "sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA=="
+          "integrity": "sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==",
+          "dev": true
         }
       }
     },
@@ -20909,7 +20910,7 @@
       "version": "4.1.3",
       "resolved": "https://registry.npmjs.org/arg/-/arg-4.1.3.tgz",
       "integrity": "sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==",
-      "devOptional": true
+      "dev": true
     },
     "argparse": {
       "version": "2.0.1",
@@ -21254,7 +21255,8 @@
     "camelcase-css": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
-      "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA=="
+      "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==",
+      "dev": true
     },
     "camelcase-keys": {
       "version": "6.2.2",
@@ -21854,7 +21856,8 @@
     "cssesc": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
-      "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg=="
+      "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
+      "dev": true
     },
     "cssnano": {
       "version": "5.1.14",
@@ -22147,7 +22150,8 @@
     "defined": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/defined/-/defined-1.0.1.tgz",
-      "integrity": "sha512-hsBd2qSVCRE+5PmNdHt1uzyrFu5d3RwmFDKzyNZMFq/EwDNJF7Ee5+D5oEKF0hU6LhtoUF1macFvOe4AskQC1Q=="
+      "integrity": "sha512-hsBd2qSVCRE+5PmNdHt1uzyrFu5d3RwmFDKzyNZMFq/EwDNJF7Ee5+D5oEKF0hU6LhtoUF1macFvOe4AskQC1Q==",
+      "dev": true
     },
     "defu": {
       "version": "6.1.1",
@@ -22207,6 +22211,7 @@
       "version": "5.2.1",
       "resolved": "https://registry.npmjs.org/detective/-/detective-5.2.1.tgz",
       "integrity": "sha512-v9XE1zRnz1wRtgurGu0Bs8uHKFSTdteYZNbIPFVhUZ39L/S79ppMpdmVOZAnoz1jfEFodc48n6MX483Xo3t1yw==",
+      "dev": true,
       "requires": {
         "acorn-node": "^1.8.2",
         "defined": "^1.0.0",
@@ -22216,13 +22221,14 @@
     "didyoumean": {
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
-      "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw=="
+      "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==",
+      "dev": true
     },
     "diff": {
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/diff/-/diff-4.0.2.tgz",
       "integrity": "sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==",
-      "devOptional": true
+      "dev": true
     },
     "dijkstrajs": {
       "version": "1.0.2",
@@ -22240,7 +22246,8 @@
     "dlv": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
-      "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA=="
+      "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
+      "dev": true
     },
     "doctrine": {
       "version": "3.0.0",
@@ -24861,7 +24868,8 @@
     "lilconfig": {
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.0.6.tgz",
-      "integrity": "sha512-9JROoBW7pobfsx+Sq2JsASvCo6Pfo6WWoUW79HuB1BCoBXD4PLWJPqDF6fNj67pqBYTbAHkE57M1kS/+L1neOg=="
+      "integrity": "sha512-9JROoBW7pobfsx+Sq2JsASvCo6Pfo6WWoUW79HuB1BCoBXD4PLWJPqDF6fNj67pqBYTbAHkE57M1kS/+L1neOg==",
+      "dev": true
     },
     "lines-and-columns": {
       "version": "1.2.4",
@@ -25479,7 +25487,7 @@
       "version": "1.3.6",
       "resolved": "https://registry.npmjs.org/make-error/-/make-error-1.3.6.tgz",
       "integrity": "sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==",
-      "devOptional": true
+      "dev": true
     },
     "map-obj": {
       "version": "4.3.0",
@@ -25588,11 +25596,6 @@
       "integrity": "sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==",
       "dev": true
     },
-    "mini-svg-data-uri": {
-      "version": "1.4.4",
-      "resolved": "https://registry.npmjs.org/mini-svg-data-uri/-/mini-svg-data-uri-1.4.4.tgz",
-      "integrity": "sha512-r9deDe9p5FJUPZAk3A59wGH7Ii9YrjjWw0jmw/liSbHl2CHiyXj6FcDXDu2K3TjVAXqiJdaw3xxwlZZr9E6nHg=="
-    },
     "minimalistic-assert": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz",
@@ -25615,7 +25618,8 @@
     "minimist": {
       "version": "1.2.7",
       "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.7.tgz",
-      "integrity": "sha512-bzfL1YUZsP41gmu/qjrEk0Q6i2ix/cVeAhbCbqH9u3zYutS1cLg00qhrD0M2MVdCcx4Sc0UpP2eBWo9rotpq6g=="
+      "integrity": "sha512-bzfL1YUZsP41gmu/qjrEk0Q6i2ix/cVeAhbCbqH9u3zYutS1cLg00qhrD0M2MVdCcx4Sc0UpP2eBWo9rotpq6g==",
+      "dev": true
     },
     "minimist-options": {
       "version": "4.1.0",
@@ -26020,7 +26024,8 @@
     "object-hash": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
-      "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw=="
+      "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==",
+      "dev": true
     },
     "object-inspect": {
       "version": "1.12.3",
@@ -26355,7 +26360,8 @@
     "pify": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
-      "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog=="
+      "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
+      "dev": true
     },
     "pinia": {
       "version": "2.0.33",
@@ -26537,6 +26543,7 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.0.tgz",
       "integrity": "sha512-77QESFBwgX4irogGVPgQ5s07vLvFqWr228qZY+w6lW599cRlK/HmnlivnnVUxkjHnCu4J16PDMHcH+e+2HbvTQ==",
+      "dev": true,
       "requires": {
         "camelcase-css": "^2.0.1"
       }
@@ -26545,6 +26552,7 @@
       "version": "3.1.4",
       "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-3.1.4.tgz",
       "integrity": "sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==",
+      "dev": true,
       "requires": {
         "lilconfig": "^2.0.5",
         "yaml": "^1.10.2"
@@ -26616,6 +26624,7 @@
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.0.0.tgz",
       "integrity": "sha512-0DkamqrPcmkBDsLn+vQDIrtkSbNkv5AD/M322ySo9kqFkCIYklym2xEmWkwo+Y3/qZo34tzEPNUw4y7yMCdv5w==",
+      "dev": true,
       "requires": {
         "postcss-selector-parser": "^6.0.10"
       }
@@ -26734,6 +26743,7 @@
       "version": "6.0.11",
       "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.11.tgz",
       "integrity": "sha512-zbARubNdogI9j7WY4nQJBiNqQf3sLS3wCP4WfOidu+p28LofJqDH1tcXypGrcmMHhDk2t9wGhCsYe/+szLTy1g==",
+      "dev": true,
       "requires": {
         "cssesc": "^3.0.0",
         "util-deprecate": "^1.0.2"
@@ -26800,7 +26810,8 @@
     "postcss-value-parser": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
-      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ=="
+      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
+      "dev": true
     },
     "preact": {
       "version": "10.14.1",
@@ -27226,6 +27237,7 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
       "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
+      "dev": true,
       "requires": {
         "pify": "^2.3.0"
       }
@@ -28181,6 +28193,7 @@
       "version": "3.2.4",
       "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.2.4.tgz",
       "integrity": "sha512-AhwtHCKMtR71JgeYDaswmZXhPcW9iuI9Sp2LvZPo9upDZ7231ZJ7eA9RaURbhpXGVlrjX4cFNlB4ieTetEb7hQ==",
+      "dev": true,
       "requires": {
         "arg": "^5.0.2",
         "chokidar": "^3.5.3",
@@ -28210,17 +28223,20 @@
         "arg": {
           "version": "5.0.2",
           "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
-          "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg=="
+          "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
+          "dev": true
         },
         "color-name": {
           "version": "1.1.4",
           "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+          "dev": true
         },
         "glob-parent": {
           "version": "6.0.2",
           "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
           "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+          "dev": true,
           "requires": {
             "is-glob": "^4.0.3"
           }
@@ -28229,6 +28245,7 @@
           "version": "14.1.0",
           "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-14.1.0.tgz",
           "integrity": "sha512-flwI+Vgm4SElObFVPpTIT7SU7R3qk2L7PyduMcokiaVKuWv9d/U+Gm/QAd8NDLuykTWTkcrjOeD2Pp1rMeBTGw==",
+          "dev": true,
           "requires": {
             "postcss-value-parser": "^4.0.0",
             "read-cache": "^1.0.0",
@@ -28238,7 +28255,8 @@
         "quick-lru": {
           "version": "5.1.1",
           "resolved": "https://registry.npmjs.org/quick-lru/-/quick-lru-5.1.1.tgz",
-          "integrity": "sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA=="
+          "integrity": "sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==",
+          "dev": true
         }
       }
     },
@@ -28485,7 +28503,7 @@
       "version": "10.9.1",
       "resolved": "https://registry.npmjs.org/ts-node/-/ts-node-10.9.1.tgz",
       "integrity": "sha512-NtVysVPkxxrwFGUUxGYhfux8k78pQB3JqYBXlLRZgdGUqTO5wU/UyHop5p70iEbGhB7q5KmiZiU0Y3KlJrScEw==",
-      "devOptional": true,
+      "dev": true,
       "requires": {
         "@cspotcode/source-map-support": "^0.8.0",
         "@tsconfig/node10": "^1.0.7",
@@ -28818,7 +28836,7 @@
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/v8-compile-cache-lib/-/v8-compile-cache-lib-3.0.1.tgz",
       "integrity": "sha512-wa7YjyUGfNZngI/vtK0UHAN+lgDCxBPCylVXGp0zu59Fz5aiGtNXaq3DhIov063MorB+VfufLh3JlF2KdTK3xg==",
-      "devOptional": true
+      "dev": true
     },
     "validate-npm-package-license": {
       "version": "3.0.4",
@@ -29481,7 +29499,8 @@
     "yaml": {
       "version": "1.10.2",
       "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
-      "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg=="
+      "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==",
+      "dev": true
     },
     "yargs": {
       "version": "17.6.2",
@@ -29542,7 +29561,7 @@
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/yn/-/yn-3.1.1.tgz",
       "integrity": "sha512-Ux4ygGWsu2c7isFWe8Yu1YluJmqVhxqK2cLXNQA5AcC3QfbGNpM7fu0Y8b/z16pXLnFxZYvWhd3fhBY9DLmC6Q==",
-      "devOptional": true
+      "dev": true
     },
     "yocto-queue": {
       "version": "0.1.0",
diff --git a/package.json b/package.json
index 05accb5c..62e5bba4 100644
--- a/package.json
+++ b/package.json
@@ -44,7 +44,6 @@
     "@matterlabs/token-library": "^2.5.2",
     "@metamask/logo": "^3.1.1",
     "@pinia/nuxt": "^0.4.7",
-    "@tailwindcss/forms": "^0.5.3",
     "@vitejs/plugin-vue": "^3.2.0",
     "@vueuse/components": "^9.11.1",
     "@vueuse/core": "^9.13.0",
diff --git a/tailwind.config.js b/tailwind.config.js
index 4f2c499b..13a91d32 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -38,7 +38,6 @@ module.exports = {
     },
   },
   plugins: [
-    require("@tailwindcss/forms"),
     plugin(function ({ addBase, theme }) {
       addBase({
         ".h1": {
diff --git a/utils/zksync/era/mappers.ts b/utils/zksync/era/mappers.ts
index f5302fff..6167f9ca 100644
--- a/utils/zksync/era/mappers.ts
+++ b/utils/zksync/era/mappers.ts
@@ -63,7 +63,7 @@ export function mapApiTransaction(transaction: ApiTransaction, tokens: Token[],
     });
 
   const balanceChangesByToken = sumTokenTransfers(balanceChanges, userAddress);
-  const mainTransfer = balanceChanges[0];
+  const mainTransfer = balanceChanges[0] as ReturnType<typeof mapBalanceChange> | undefined;
 
   return {
     transactionHash: transaction.transactionHash,
@@ -75,10 +75,10 @@ export function mapApiTransaction(transaction: ApiTransaction, tokens: Token[],
     to: mainTransfer?.to as string,
     toNetwork: mainTransfer?.toNetwork ?? "L2",
     token: mainTransfer?.tokenInfo?.address
-      ? getTokenByAddress(checksumAddress(mainTransfer.tokenInfo.address))
+      ? getTokenByAddress(checksumAddress(mainTransfer?.tokenInfo.address))
       : undefined,
     amount:
-      mainTransfer.type === "fee" ? balanceChangesByToken[mainTransfer?.tokenInfo?.address] : mainTransfer?.amount,
+      mainTransfer?.type === "fee" ? balanceChangesByToken[mainTransfer?.tokenInfo?.address] : mainTransfer?.amount,
     feeToken: getTokenByAddress(ETH_ADDRESS),
     feeAmount: transaction.fee,
     receivedAt: transaction.receivedAt,
diff --git a/views/zksync/era/Home.vue b/views/zksync/era/Home.vue
index fd3e6dec..148fd481 100644
--- a/views/zksync/era/Home.vue
+++ b/views/zksync/era/Home.vue
@@ -45,8 +45,8 @@
               <br />
               <span class="mt-1.5 inline-block">
                 Proceed to
-                <NuxtLink class="link" :to="{ name: 'transaction-zksync-add-funds' }">Add funds</NuxtLink> page to add
-                balance to your account
+                <NuxtLink class="link" :to="{ name: 'transaction-zksync-era-add-funds' }">Add funds</NuxtLink> page to
+                add balance to your account
               </span>
             </CommonEmptyBlock>
           </template>