From eb87aa4bcbd3401345c18f9ed86c4cf408ab33cd Mon Sep 17 00:00:00 2001
From: Pascal Precht <pascal.precht@gmail.com>
Date: Tue, 4 May 2021 16:31:59 +0200
Subject: [PATCH] chore: move StatusIcon component to StatusQ

Closes #2
---
 src/StatusQ/Core/StatusIcon.qml             | 31 +++++++++++++++++++++
 src/StatusQ/Core/qmldir                     |  2 ++
 src/assets/img/icons/activity.svg           |  3 ++
 src/assets/img/icons/add-circle.svg         |  4 +++
 src/assets/img/icons/add-contact.svg        |  5 ++++
 src/assets/img/icons/add.svg                |  3 ++
 src/assets/img/icons/address.svg            |  4 +++
 src/assets/img/icons/admin.svg              |  5 ++++
 src/assets/img/icons/airdrop.svg            |  3 ++
 src/assets/img/icons/animals-and-nature.svg |  3 ++
 src/assets/img/icons/appearance.svg         | 11 ++++++++
 src/assets/img/icons/arbitrator.svg         |  5 ++++
 src/assets/img/icons/arrow-down.svg         |  3 ++
 src/assets/img/icons/arrow-right.svg        |  3 ++
 src/assets/img/icons/backspace.svg          |  4 +++
 src/assets/img/icons/bold.svg               |  3 ++
 src/assets/img/icons/browser.svg            |  4 +++
 src/assets/img/icons/camera.svg             |  4 +++
 src/assets/img/icons/cancel.svg             |  3 ++
 src/assets/img/icons/channel-category.svg   |  4 +++
 src/assets/img/icons/channel.svg            |  3 ++
 src/assets/img/icons/chat-commands.svg      |  4 +++
 src/assets/img/icons/chat.svg               |  3 ++
 src/assets/img/icons/chatbot.svg            |  7 +++++
 src/assets/img/icons/checkmark-circle.svg   |  4 +++
 src/assets/img/icons/checkmark.svg          |  3 ++
 src/assets/img/icons/chevron-down.svg       |  3 ++
 src/assets/img/icons/chevron-up.svg         |  3 ++
 src/assets/img/icons/clear.svg              |  3 ++
 src/assets/img/icons/close-circle.svg       |  4 +++
 src/assets/img/icons/close.svg              |  3 ++
 src/assets/img/icons/code.svg               |  5 ++++
 src/assets/img/icons/communities.svg        |  3 ++
 src/assets/img/icons/condition-or.svg       |  5 ++++
 src/assets/img/icons/contact.svg            |  4 +++
 src/assets/img/icons/copy.svg               |  4 +++
 src/assets/img/icons/dapp.svg               |  4 +++
 src/assets/img/icons/delete.svg             |  3 ++
 src/assets/img/icons/desktop.svg            |  3 ++
 src/assets/img/icons/double-checkmark.svg   |  4 +++
 src/assets/img/icons/down.svg               |  3 ++
 src/assets/img/icons/download.svg           |  4 +++
 src/assets/img/icons/edit.svg               |  4 +++
 src/assets/img/icons/emojis.svg             |  6 ++++
 src/assets/img/icons/exchange.svg           |  4 +++
 src/assets/img/icons/external.svg           |  4 +++
 src/assets/img/icons/face-id.svg            | 10 +++++++
 src/assets/img/icons/face-sad.svg           |  6 ++++
 src/assets/img/icons/favourite.svg          |  3 ++
 src/assets/img/icons/file.svg               |  3 ++
 src/assets/img/icons/filled-account.svg     |  3 ++
 src/assets/img/icons/filter.svg             |  5 ++++
 src/assets/img/icons/flags.svg              |  3 ++
 src/assets/img/icons/flash-disable.svg      |  5 ++++
 src/assets/img/icons/flash.svg              |  3 ++
 src/assets/img/icons/food-and-drinks.svg    |  3 ++
 src/assets/img/icons/gallery.svg            |  5 ++++
 src/assets/img/icons/group-chat.svg         |  4 +++
 src/assets/img/icons/group.svg              |  6 ++++
 src/assets/img/icons/help.svg               |  5 ++++
 src/assets/img/icons/hide.svg               |  5 ++++
 src/assets/img/icons/history.svg            |  4 +++
 src/assets/img/icons/image.svg              |  4 +++
 src/assets/img/icons/in-contacts.svg        |  5 ++++
 src/assets/img/icons/info.svg               |  5 ++++
 src/assets/img/icons/italic.svg             |  3 ++
 src/assets/img/icons/keyboard.svg           |  9 ++++++
 src/assets/img/icons/keycard-logo.svg       |  3 ++
 src/assets/img/icons/keycard.svg            |  4 +++
 src/assets/img/icons/language.svg           |  3 ++
 src/assets/img/icons/ledger.svg             |  4 +++
 src/assets/img/icons/left.svg               |  3 ++
 src/assets/img/icons/link.svg               |  4 +++
 src/assets/img/icons/loading.svg            |  3 ++
 src/assets/img/icons/location.svg           |  4 +++
 src/assets/img/icons/logout.svg             |  4 +++
 src/assets/img/icons/max.svg                |  4 +++
 src/assets/img/icons/mobile-sync-off.svg    |  6 ++++
 src/assets/img/icons/mobile-sync.svg        |  5 ++++
 src/assets/img/icons/mobile.svg             |  4 +++
 src/assets/img/icons/more.svg               |  5 ++++
 src/assets/img/icons/network.svg            |  3 ++
 src/assets/img/icons/next.svg               |  3 ++
 src/assets/img/icons/node-offline.svg       |  4 +++
 src/assets/img/icons/node.svg               |  3 ++
 src/assets/img/icons/notification.svg       |  3 ++
 src/assets/img/icons/objects.svg            |  4 +++
 src/assets/img/icons/offline.svg            |  6 ++++
 src/assets/img/icons/password.svg           |  4 +++
 src/assets/img/icons/paste.svg              |  4 +++
 src/assets/img/icons/pause.svg              |  4 +++
 src/assets/img/icons/pin.svg                |  4 +++
 src/assets/img/icons/play.svg               |  3 ++
 src/assets/img/icons/previous.svg           |  3 ++
 src/assets/img/icons/private-chat.svg       |  4 +++
 src/assets/img/icons/profile.svg            |  5 ++++
 src/assets/img/icons/public-chat.svg        |  3 ++
 src/assets/img/icons/qr.svg                 | 11 ++++++++
 src/assets/img/icons/reaction-a.svg         |  6 ++++
 src/assets/img/icons/reaction-b.svg         | 14 ++++++++++
 src/assets/img/icons/receive.svg            |  3 ++
 src/assets/img/icons/refresh.svg            |  3 ++
 src/assets/img/icons/remove-circle.svg      |  4 +++
 src/assets/img/icons/remove-contact.svg     |  5 ++++
 src/assets/img/icons/remove.svg             |  3 ++
 src/assets/img/icons/reply.svg              |  3 ++
 src/assets/img/icons/right.svg              |  3 ++
 src/assets/img/icons/rotate.svg             |  4 +++
 src/assets/img/icons/search.svg             |  3 ++
 src/assets/img/icons/secret.svg             |  6 ++++
 src/assets/img/icons/security.svg           |  4 +++
 src/assets/img/icons/send.svg               |  3 ++
 src/assets/img/icons/settings-advanced.svg  |  4 +++
 src/assets/img/icons/settings.svg           |  4 +++
 src/assets/img/icons/share-android.svg      |  3 ++
 src/assets/img/icons/share-ios.svg          |  4 +++
 src/assets/img/icons/show.svg               |  4 +++
 src/assets/img/icons/smileys-and-people.svg |  6 ++++
 src/assets/img/icons/sound.svg              |  3 ++
 src/assets/img/icons/speech.svg             |  4 +++
 src/assets/img/icons/status-update.svg      |  3 ++
 src/assets/img/icons/status.svg             |  5 ++++
 src/assets/img/icons/stickers.svg           |  4 +++
 src/assets/img/icons/strikethrough.svg      |  3 ++
 src/assets/img/icons/subscription.svg       |  7 +++++
 src/assets/img/icons/swap.svg               |  4 +++
 src/assets/img/icons/symbols.svg            |  3 ++
 src/assets/img/icons/tabs.svg               |  3 ++
 src/assets/img/icons/teller.svg             |  3 ++
 src/assets/img/icons/text.svg               |  5 ++++
 src/assets/img/icons/time.svg               |  4 +++
 src/assets/img/icons/token-sale.svg         |  4 +++
 src/assets/img/icons/token.svg              |  4 +++
 src/assets/img/icons/touch-id.svg           |  3 ++
 src/assets/img/icons/travel-and-places.svg  |  4 +++
 src/assets/img/icons/tributeToTalk.svg      |  5 ++++
 src/assets/img/icons/union.svg              |  3 ++
 src/assets/img/icons/up.svg                 |  3 ++
 src/assets/img/icons/username.svg           |  3 ++
 src/assets/img/icons/wallet.svg             |  4 +++
 src/assets/img/icons/warning.svg            |  5 ++++
 141 files changed, 611 insertions(+)
 create mode 100644 src/StatusQ/Core/StatusIcon.qml
 create mode 100644 src/StatusQ/Core/qmldir
 create mode 100644 src/assets/img/icons/activity.svg
 create mode 100644 src/assets/img/icons/add-circle.svg
 create mode 100644 src/assets/img/icons/add-contact.svg
 create mode 100644 src/assets/img/icons/add.svg
 create mode 100644 src/assets/img/icons/address.svg
 create mode 100644 src/assets/img/icons/admin.svg
 create mode 100644 src/assets/img/icons/airdrop.svg
 create mode 100644 src/assets/img/icons/animals-and-nature.svg
 create mode 100644 src/assets/img/icons/appearance.svg
 create mode 100644 src/assets/img/icons/arbitrator.svg
 create mode 100644 src/assets/img/icons/arrow-down.svg
 create mode 100644 src/assets/img/icons/arrow-right.svg
 create mode 100644 src/assets/img/icons/backspace.svg
 create mode 100644 src/assets/img/icons/bold.svg
 create mode 100644 src/assets/img/icons/browser.svg
 create mode 100644 src/assets/img/icons/camera.svg
 create mode 100644 src/assets/img/icons/cancel.svg
 create mode 100644 src/assets/img/icons/channel-category.svg
 create mode 100644 src/assets/img/icons/channel.svg
 create mode 100644 src/assets/img/icons/chat-commands.svg
 create mode 100644 src/assets/img/icons/chat.svg
 create mode 100644 src/assets/img/icons/chatbot.svg
 create mode 100644 src/assets/img/icons/checkmark-circle.svg
 create mode 100644 src/assets/img/icons/checkmark.svg
 create mode 100644 src/assets/img/icons/chevron-down.svg
 create mode 100644 src/assets/img/icons/chevron-up.svg
 create mode 100644 src/assets/img/icons/clear.svg
 create mode 100644 src/assets/img/icons/close-circle.svg
 create mode 100644 src/assets/img/icons/close.svg
 create mode 100644 src/assets/img/icons/code.svg
 create mode 100644 src/assets/img/icons/communities.svg
 create mode 100644 src/assets/img/icons/condition-or.svg
 create mode 100644 src/assets/img/icons/contact.svg
 create mode 100644 src/assets/img/icons/copy.svg
 create mode 100644 src/assets/img/icons/dapp.svg
 create mode 100644 src/assets/img/icons/delete.svg
 create mode 100644 src/assets/img/icons/desktop.svg
 create mode 100644 src/assets/img/icons/double-checkmark.svg
 create mode 100644 src/assets/img/icons/down.svg
 create mode 100644 src/assets/img/icons/download.svg
 create mode 100644 src/assets/img/icons/edit.svg
 create mode 100644 src/assets/img/icons/emojis.svg
 create mode 100644 src/assets/img/icons/exchange.svg
 create mode 100644 src/assets/img/icons/external.svg
 create mode 100644 src/assets/img/icons/face-id.svg
 create mode 100644 src/assets/img/icons/face-sad.svg
 create mode 100644 src/assets/img/icons/favourite.svg
 create mode 100644 src/assets/img/icons/file.svg
 create mode 100644 src/assets/img/icons/filled-account.svg
 create mode 100644 src/assets/img/icons/filter.svg
 create mode 100644 src/assets/img/icons/flags.svg
 create mode 100644 src/assets/img/icons/flash-disable.svg
 create mode 100644 src/assets/img/icons/flash.svg
 create mode 100644 src/assets/img/icons/food-and-drinks.svg
 create mode 100644 src/assets/img/icons/gallery.svg
 create mode 100644 src/assets/img/icons/group-chat.svg
 create mode 100644 src/assets/img/icons/group.svg
 create mode 100644 src/assets/img/icons/help.svg
 create mode 100644 src/assets/img/icons/hide.svg
 create mode 100644 src/assets/img/icons/history.svg
 create mode 100644 src/assets/img/icons/image.svg
 create mode 100644 src/assets/img/icons/in-contacts.svg
 create mode 100644 src/assets/img/icons/info.svg
 create mode 100644 src/assets/img/icons/italic.svg
 create mode 100644 src/assets/img/icons/keyboard.svg
 create mode 100644 src/assets/img/icons/keycard-logo.svg
 create mode 100644 src/assets/img/icons/keycard.svg
 create mode 100644 src/assets/img/icons/language.svg
 create mode 100644 src/assets/img/icons/ledger.svg
 create mode 100644 src/assets/img/icons/left.svg
 create mode 100644 src/assets/img/icons/link.svg
 create mode 100644 src/assets/img/icons/loading.svg
 create mode 100644 src/assets/img/icons/location.svg
 create mode 100644 src/assets/img/icons/logout.svg
 create mode 100644 src/assets/img/icons/max.svg
 create mode 100644 src/assets/img/icons/mobile-sync-off.svg
 create mode 100644 src/assets/img/icons/mobile-sync.svg
 create mode 100644 src/assets/img/icons/mobile.svg
 create mode 100644 src/assets/img/icons/more.svg
 create mode 100644 src/assets/img/icons/network.svg
 create mode 100644 src/assets/img/icons/next.svg
 create mode 100644 src/assets/img/icons/node-offline.svg
 create mode 100644 src/assets/img/icons/node.svg
 create mode 100644 src/assets/img/icons/notification.svg
 create mode 100644 src/assets/img/icons/objects.svg
 create mode 100644 src/assets/img/icons/offline.svg
 create mode 100644 src/assets/img/icons/password.svg
 create mode 100644 src/assets/img/icons/paste.svg
 create mode 100644 src/assets/img/icons/pause.svg
 create mode 100644 src/assets/img/icons/pin.svg
 create mode 100644 src/assets/img/icons/play.svg
 create mode 100644 src/assets/img/icons/previous.svg
 create mode 100644 src/assets/img/icons/private-chat.svg
 create mode 100644 src/assets/img/icons/profile.svg
 create mode 100644 src/assets/img/icons/public-chat.svg
 create mode 100644 src/assets/img/icons/qr.svg
 create mode 100644 src/assets/img/icons/reaction-a.svg
 create mode 100644 src/assets/img/icons/reaction-b.svg
 create mode 100644 src/assets/img/icons/receive.svg
 create mode 100644 src/assets/img/icons/refresh.svg
 create mode 100644 src/assets/img/icons/remove-circle.svg
 create mode 100644 src/assets/img/icons/remove-contact.svg
 create mode 100644 src/assets/img/icons/remove.svg
 create mode 100644 src/assets/img/icons/reply.svg
 create mode 100644 src/assets/img/icons/right.svg
 create mode 100644 src/assets/img/icons/rotate.svg
 create mode 100644 src/assets/img/icons/search.svg
 create mode 100644 src/assets/img/icons/secret.svg
 create mode 100644 src/assets/img/icons/security.svg
 create mode 100644 src/assets/img/icons/send.svg
 create mode 100644 src/assets/img/icons/settings-advanced.svg
 create mode 100644 src/assets/img/icons/settings.svg
 create mode 100644 src/assets/img/icons/share-android.svg
 create mode 100644 src/assets/img/icons/share-ios.svg
 create mode 100644 src/assets/img/icons/show.svg
 create mode 100644 src/assets/img/icons/smileys-and-people.svg
 create mode 100644 src/assets/img/icons/sound.svg
 create mode 100644 src/assets/img/icons/speech.svg
 create mode 100644 src/assets/img/icons/status-update.svg
 create mode 100644 src/assets/img/icons/status.svg
 create mode 100644 src/assets/img/icons/stickers.svg
 create mode 100644 src/assets/img/icons/strikethrough.svg
 create mode 100644 src/assets/img/icons/subscription.svg
 create mode 100644 src/assets/img/icons/swap.svg
 create mode 100644 src/assets/img/icons/symbols.svg
 create mode 100644 src/assets/img/icons/tabs.svg
 create mode 100644 src/assets/img/icons/teller.svg
 create mode 100644 src/assets/img/icons/text.svg
 create mode 100644 src/assets/img/icons/time.svg
 create mode 100644 src/assets/img/icons/token-sale.svg
 create mode 100644 src/assets/img/icons/token.svg
 create mode 100644 src/assets/img/icons/touch-id.svg
 create mode 100644 src/assets/img/icons/travel-and-places.svg
 create mode 100644 src/assets/img/icons/tributeToTalk.svg
 create mode 100644 src/assets/img/icons/union.svg
 create mode 100644 src/assets/img/icons/up.svg
 create mode 100644 src/assets/img/icons/username.svg
 create mode 100644 src/assets/img/icons/wallet.svg
 create mode 100644 src/assets/img/icons/warning.svg

diff --git a/src/StatusQ/Core/StatusIcon.qml b/src/StatusQ/Core/StatusIcon.qml
new file mode 100644
index 00000000..6e3100b1
--- /dev/null
+++ b/src/StatusQ/Core/StatusIcon.qml
@@ -0,0 +1,31 @@
+import QtQuick 2.13
+import QtGraphicalEffects 1.13
+
+Image {
+    property string icon: ""
+    property color color
+
+    id: statusIcon
+    width: 24
+    height: 24
+    sourceSize.width: width
+    sourceSize.height: height
+    fillMode: Image.PreserveAspectFit
+
+    onIconChanged: {
+        if (icon !== "") {
+            source = "../../assets/img/icons/" + icon + ".svg";
+        }
+    }
+
+    ColorOverlay {
+        visible: statusIcon.color !== undefined
+        anchors.fill: statusIcon
+        source: statusIcon
+        color: statusIcon.color
+        antialiasing: true
+        smooth: true
+        rotation: statusIcon.rotation
+    }
+}
+
diff --git a/src/StatusQ/Core/qmldir b/src/StatusQ/Core/qmldir
new file mode 100644
index 00000000..02db2e8d
--- /dev/null
+++ b/src/StatusQ/Core/qmldir
@@ -0,0 +1,2 @@
+StatusIcon 0.1 StatusIcon.qml
+
diff --git a/src/assets/img/icons/activity.svg b/src/assets/img/icons/activity.svg
new file mode 100644
index 00000000..bbbd9ee9
--- /dev/null
+++ b/src/assets/img/icons/activity.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.75 20.2272C21.2938 17.6039 22.8506 11.7938 20.2272 7.25C17.6039 2.70622 11.7938 1.14941 7.25 3.77276C2.70622 6.39611 1.14941 12.2062 3.77276 16.75C6.39611 21.2938 12.2062 22.8506 16.75 20.2272ZM19.3371 12.9504C19.6256 13.0898 19.9563 12.8989 19.9798 12.5793C20.0933 11.0352 19.7607 9.4419 18.9282 8C18.0957 6.55809 16.8821 5.47338 15.4882 4.79963C15.1997 4.66021 14.869 4.85115 14.8455 5.17068C14.732 6.71478 15.0646 8.30811 15.8971 9.75001C16.7296 11.1919 17.9431 12.2766 19.3371 12.9504ZM19.0845 14.4831C19.3361 14.5907 19.4714 14.8734 19.3647 15.1254C18.7102 16.671 17.5657 18.0243 16 18.9282C14.4343 19.8321 12.6901 20.1467 11.0243 19.9407C10.7527 19.9072 10.5755 19.6486 10.6082 19.3769C10.8449 17.4083 10.4696 15.3493 9.40195 13.5C8.33427 11.6507 6.73871 10.2962 4.9155 9.51687C4.66391 9.40933 4.52857 9.12658 4.63526 8.87464C5.28981 7.32898 6.43433 5.97573 8 5.0718C9.56567 4.16786 11.3099 3.85329 12.9757 4.05927C13.2473 4.09284 13.4245 4.35143 13.3918 4.62307C13.1551 6.59167 13.5304 8.65072 14.598 10.5C15.6657 12.3493 17.2613 13.7038 19.0845 14.4831ZM5.0718 16C4.23931 14.5581 3.90671 12.9648 4.02021 11.4207C4.0437 11.1011 4.37442 10.9102 4.66288 11.0496C6.05686 11.7234 7.27043 12.8081 8.10292 14.25C8.9354 15.6919 9.268 17.2852 9.1545 18.8293C9.13101 19.1488 8.80029 19.3398 8.51183 19.2004C7.11785 18.5266 5.90428 17.4419 5.0718 16Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/add-circle.svg b/src/assets/img/icons/add-circle.svg
new file mode 100644
index 00000000..1907a1f0
--- /dev/null
+++ b/src/assets/img/icons/add-circle.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.9999 7.25C12.4141 7.25 12.7499 7.58579 12.7499 8V10.75C12.7499 11.0261 12.9738 11.25 13.2499 11.25H15.9999C16.4141 11.25 16.7499 11.5858 16.7499 12C16.7499 12.4142 16.4141 12.75 15.9999 12.75H13.2499C12.9738 12.75 12.7499 12.9739 12.7499 13.25V16C12.7499 16.4142 12.4141 16.75 11.9999 16.75C11.5857 16.75 11.2499 16.4142 11.2499 16V13.25C11.2499 12.9739 11.0261 12.75 10.7499 12.75H7.99992C7.58571 12.75 7.24992 12.4142 7.24992 12C7.24992 11.5858 7.58571 11.25 7.99992 11.25H10.7499C11.0261 11.25 11.2499 11.0261 11.2499 10.75V8C11.2499 7.58579 11.5857 7.25 11.9999 7.25Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.9999 22C17.5228 22 21.9999 17.5228 21.9999 12C21.9999 6.47715 17.5228 2 11.9999 2C6.47708 2 1.99992 6.47715 1.99992 12C1.99992 17.5228 6.47708 22 11.9999 22ZM11.9999 20.5C16.6943 20.5 20.4999 16.6944 20.4999 12C20.4999 7.30558 16.6943 3.5 11.9999 3.5C7.3055 3.5 3.49992 7.30558 3.49992 12C3.49992 16.6944 7.3055 20.5 11.9999 20.5Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/add-contact.svg b/src/assets/img/icons/add-contact.svg
new file mode 100644
index 00000000..001cafa2
--- /dev/null
+++ b/src/assets/img/icons/add-contact.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17 8C17 10.7614 14.7614 13 12 13C9.23858 13 7 10.7614 7 8C7 5.23858 9.23858 3 12 3C14.7614 3 17 5.23858 17 8ZM15.5 8C15.5 9.933 13.933 11.5 12 11.5C10.067 11.5 8.5 9.933 8.5 8C8.5 6.067 10.067 4.5 12 4.5C13.933 4.5 15.5 6.067 15.5 8Z" fill="black"/>
+<path d="M12.1099 17.5007C12.5288 17.506 12.8997 17.2015 12.9345 16.7839C12.9685 16.3762 12.6689 16.0138 12.2599 16.0033C12.1735 16.0011 12.0868 16 11.9998 16C8.95932 16 6.23574 17.357 4.40167 19.4984C4.16181 19.7784 4.19319 20.1933 4.45392 20.454C4.77772 20.7779 5.31374 20.7312 5.61624 20.3874C7.17395 18.6171 9.45645 17.5 11.9998 17.5C12.0366 17.5 12.0732 17.5002 12.1099 17.5007Z" fill="black"/>
+<path d="M15.25 16.75C15.25 16.3358 15.5858 16 16 16H17.25C17.5261 16 17.75 15.7761 17.75 15.5V14.25C17.75 13.8358 18.0858 13.5 18.5 13.5C18.9142 13.5 19.25 13.8358 19.25 14.25V15.5C19.25 15.7761 19.4739 16 19.75 16H21C21.4142 16 21.75 16.3358 21.75 16.75C21.75 17.1642 21.4142 17.5 21 17.5H19.75C19.4739 17.5 19.25 17.7239 19.25 18V19.25C19.25 19.6642 18.9142 20 18.5 20C18.0858 20 17.75 19.6642 17.75 19.25V18C17.75 17.7239 17.5261 17.5 17.25 17.5H16C15.5858 17.5 15.25 17.1642 15.25 16.75Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/add.svg b/src/assets/img/icons/add.svg
new file mode 100644
index 00000000..848fd0fd
--- /dev/null
+++ b/src/assets/img/icons/add.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 5.25C12.4142 5.25 12.75 5.58579 12.75 6V10.75C12.75 11.0261 12.9739 11.25 13.25 11.25H18C18.4142 11.25 18.75 11.5858 18.75 12C18.75 12.4142 18.4142 12.75 18 12.75H13.25C12.9739 12.75 12.75 12.9739 12.75 13.25V18C12.75 18.4142 12.4142 18.75 12 18.75C11.5858 18.75 11.25 18.4142 11.25 18V13.25C11.25 12.9739 11.0261 12.75 10.75 12.75H6C5.58579 12.75 5.25 12.4142 5.25 12C5.25 11.5858 5.58579 11.25 6 11.25H10.75C11.0261 11.25 11.25 11.0261 11.25 10.75V6C11.25 5.58579 11.5858 5.25 12 5.25Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/address.svg b/src/assets/img/icons/address.svg
new file mode 100644
index 00000000..5795e018
--- /dev/null
+++ b/src/assets/img/icons/address.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.9697 21.0303C12.6768 20.7374 12.6768 20.2626 12.9697 19.9697L16.0858 16.8536C16.281 16.6583 16.281 16.3417 16.0858 16.1464L12.9697 13.0303C12.6768 12.7374 12.6768 12.2626 12.9697 11.9697C13.2626 11.6768 13.7374 11.6768 14.0303 11.9697L17.1464 15.0858C17.3417 15.281 17.6583 15.281 17.8536 15.0858L20.9697 11.9697C21.2626 11.6768 21.7374 11.6768 22.0303 11.9697C22.3232 12.2626 22.3232 12.7374 22.0303 13.0303L18.9142 16.1464C18.719 16.3417 18.719 16.6583 18.9142 16.8536L22.0303 19.9697C22.3232 20.2626 22.3232 20.7374 22.0303 21.0303C21.7374 21.3232 21.2626 21.3232 20.9697 21.0303L17.8536 17.9142C17.6583 17.719 17.3417 17.719 17.1464 17.9142L14.0303 21.0303C13.7374 21.3232 13.2626 21.3232 12.9697 21.0303Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 3C3.79086 3 2 4.79086 2 7V17C2 19.2091 3.79086 21 6 21H7C9.20914 21 11 19.2091 11 17V7C11 4.79086 9.20914 3 7 3H6ZM7 4.5H6C4.61929 4.5 3.5 5.61929 3.5 7V13.3358C3.5 13.5585 3.76929 13.6701 3.92678 13.5126L9.46967 7.96967C9.48847 7.95087 9.5 7.92577 9.5 7.89918V7C9.5 5.61929 8.38071 4.5 7 4.5ZM3.5 16.1008C3.5 16.0742 3.51153 16.0491 3.53033 16.0303L9.07322 10.4874C9.23071 10.3299 9.5 10.4415 9.5 10.6642V17C9.5 18.3807 8.38071 19.5 7 19.5H6C4.61929 19.5 3.5 18.3807 3.5 17V16.1008Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/admin.svg b/src/assets/img/icons/admin.svg
new file mode 100644
index 00000000..7d0a436d
--- /dev/null
+++ b/src/assets/img/icons/admin.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17 8C17 10.7614 14.7614 13 12 13C9.23858 13 7 10.7614 7 8C7 5.23858 9.23858 3 12 3C14.7614 3 17 5.23858 17 8ZM15.5 8C15.5 9.933 13.933 11.5 12 11.5C10.067 11.5 8.5 9.933 8.5 8C8.5 6.067 10.067 4.5 12 4.5C13.933 4.5 15.5 6.067 15.5 8Z" fill="black"/>
+<path d="M12.1099 17.5007C12.5288 17.506 12.8997 17.2015 12.9345 16.7839C12.9685 16.3762 12.6689 16.0138 12.2599 16.0033C12.1735 16.0011 12.0868 16 11.9998 16C8.95932 16 6.23574 17.357 4.40167 19.4984C4.16181 19.7784 4.19319 20.1933 4.45392 20.454C4.77772 20.7779 5.31374 20.7312 5.61624 20.3874C7.17395 18.6171 9.45645 17.5 11.9998 17.5C12.0366 17.5 12.0732 17.5002 12.1099 17.5007Z" fill="black"/>
+<path d="M17.9983 13.9425C18.2835 13.6858 18.7165 13.6858 19.0017 13.9425L21.5017 16.1925C21.8096 16.4696 21.8346 16.9438 21.5575 17.2517C21.2804 17.5596 20.8062 17.5846 20.4983 17.3075L20.0845 16.9351C19.7627 16.6455 19.25 16.8738 19.25 17.3067V20C19.25 20.4142 18.9142 20.75 18.5 20.75C18.0858 20.75 17.75 20.4142 17.75 20V17.3067C17.75 16.8738 17.2373 16.6455 16.9155 16.9351L16.5017 17.3075C16.1938 17.5846 15.7196 17.5596 15.4425 17.2517C15.1654 16.9438 15.1904 16.4696 15.4983 16.1925L17.9983 13.9425Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/airdrop.svg b/src/assets/img/icons/airdrop.svg
new file mode 100644
index 00000000..d3fe1060
--- /dev/null
+++ b/src/assets/img/icons/airdrop.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.0001 2.25C7.05269 2.25 2.96702 5.93416 2.33487 10.709C2.19776 11.7446 2.63293 12.703 3.27774 13.3836L10.7296 21.2495C11.4199 21.9781 12.5802 21.9781 13.2705 21.2495L20.7224 13.3836C21.3672 12.703 21.8024 11.7446 21.6653 10.709C21.0331 5.93416 16.9474 2.25 12.0001 2.25ZM4.61893 11.1546C4.15593 11.0157 3.86155 10.5553 3.97331 10.085C4.83655 6.45232 8.10325 3.75 12.0001 3.75C15.8969 3.75 19.1636 6.45231 20.0268 10.0849C20.1386 10.5553 19.8442 11.0157 19.3812 11.1546C19.2049 11.2075 19.0521 11.2509 18.9909 11.2621C17.6696 11.5023 15.4657 11.75 12 11.75C8.53432 11.75 6.33051 11.5023 5.0092 11.2621C4.94796 11.2509 4.79523 11.2075 4.61893 11.1546ZM5.48455 12.86C5.24547 12.8247 5.08986 13.1154 5.25607 13.2908L9.76538 18.0506C9.8416 18.1311 9.97264 18.0463 9.93044 17.9438L8.17949 13.6915C8.03501 13.3406 7.70427 13.1029 7.32618 13.0705C6.71053 13.0178 6.09576 12.9504 5.48455 12.86ZM14.0694 17.9441C14.0272 18.0466 14.1582 18.1314 14.2344 18.051L18.7441 13.2908C18.9103 13.1153 18.7547 12.8247 18.5156 12.86C17.9043 12.9504 17.2895 13.0178 16.6738 13.0705C16.2957 13.1029 15.9649 13.3406 15.8205 13.6915L14.0694 17.9441ZM14.2022 13.682C14.2936 13.4599 14.1248 13.2175 13.8847 13.2243C13.2996 13.2409 12.6722 13.25 12 13.25C11.3278 13.25 10.7004 13.2409 10.1152 13.2243C9.87515 13.2175 9.70633 13.4599 9.79778 13.682L11.6948 18.2891C11.807 18.5616 12.1929 18.5616 12.3051 18.2891L14.2022 13.682Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/animals-and-nature.svg b/src/assets/img/icons/animals-and-nature.svg
new file mode 100644
index 00000000..e35f140e
--- /dev/null
+++ b/src/assets/img/icons/animals-and-nature.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.67443 18.3332C4.70882 18.1757 4.66832 18.0118 4.56828 17.8855C3.09923 16.0303 1.99102 12.402 4.44145 9.04837C8.44474 3.56948 18.753 0.830058 20.4044 2.47374C22.0557 4.11742 20.4044 14.1785 13.799 18.3624C10.7755 20.2775 8.40154 20.2887 6.69219 19.5332C6.36815 19.39 5.97367 19.57 5.9362 19.9223C5.89048 20.352 5.86682 20.7944 5.86682 21.2501C5.86682 21.6643 5.53104 22.0001 5.11682 22.0001C4.70261 22.0001 4.36682 21.6643 4.36682 21.2501C4.36682 20.217 4.4749 19.2465 4.67443 18.3332ZM5.65259 9.93332C7.40146 7.53983 10.6577 5.62009 13.8061 4.50387C15.3598 3.95304 16.8022 3.62893 17.9083 3.53132C18.4643 3.48226 18.8858 3.49501 19.1714 3.54074C19.2794 3.55803 19.3657 3.63708 19.392 3.74327C19.3956 3.75769 19.3992 3.77284 19.4028 3.78873C19.468 4.07609 19.5094 4.49165 19.4982 5.03021C19.4758 6.10357 19.2484 7.50264 18.7686 9.0107C17.8012 12.051 15.9016 15.255 12.9964 17.0952C11.1008 18.2959 9.63549 18.5763 8.56703 18.4835C7.83611 18.4201 7.21423 18.1756 6.69662 17.8301C6.52369 17.7147 6.45858 17.495 6.52792 17.299C8.02733 13.0608 11.8596 10.232 15.7575 7.89323C16.1127 7.68012 16.2279 7.21943 16.0148 6.86424C15.8017 6.50906 15.341 6.39388 14.9858 6.60699C11.4884 8.70543 7.68886 11.3879 5.72055 15.3591C5.53508 15.7333 5.00874 15.7586 4.86592 15.3662C4.31118 13.8419 4.26643 11.8304 5.65259 9.93332Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/appearance.svg b/src/assets/img/icons/appearance.svg
new file mode 100644
index 00000000..4a0e0dec
--- /dev/null
+++ b/src/assets/img/icons/appearance.svg
@@ -0,0 +1,11 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 18.25C12.4142 18.25 12.75 18.5858 12.75 19V21C12.75 21.4142 12.4142 21.75 12 21.75C11.5858 21.75 11.25 21.4142 11.25 21V19C11.25 18.5858 11.5858 18.25 12 18.25Z" fill="black"/>
+<path d="M2.25 12C2.25 11.5858 2.58579 11.25 3 11.25H5C5.41421 11.25 5.75 11.5858 5.75 12C5.75 12.4142 5.41421 12.75 5 12.75H3C2.58579 12.75 2.25 12.4142 2.25 12Z" fill="black"/>
+<path d="M18.25 12C18.25 11.5858 18.5858 11.25 19 11.25H21C21.4142 11.25 21.75 11.5858 21.75 12C21.75 12.4142 21.4142 12.75 21 12.75H19C18.5858 12.75 18.25 12.4142 18.25 12Z" fill="black"/>
+<path d="M12.75 3C12.75 2.58579 12.4142 2.25 12 2.25C11.5858 2.25 11.25 2.58579 11.25 3V5C11.25 5.41421 11.5858 5.75 12 5.75C12.4142 5.75 12.75 5.41421 12.75 5V3Z" fill="black"/>
+<path d="M6.16656 5.10566C5.87367 4.81276 5.39879 4.81276 5.1059 5.10566C4.81301 5.39855 4.81301 5.87342 5.1059 6.16632L6.52011 7.58053C6.81301 7.87342 7.28788 7.87342 7.58077 7.58053C7.87367 7.28764 7.87367 6.81276 7.58077 6.51987L6.16656 5.10566Z" fill="black"/>
+<path d="M16.4194 16.4194C16.7123 16.1265 17.1871 16.1265 17.48 16.4194L18.8943 17.8336C19.1871 18.1265 19.1871 18.6014 18.8943 18.8943C18.6014 19.1871 18.1265 19.1871 17.8336 18.8943L16.4194 17.48C16.1265 17.1871 16.1265 16.7123 16.4194 16.4194Z" fill="black"/>
+<path d="M18.8941 6.16632C19.187 5.87342 19.187 5.39855 18.8941 5.10566C18.6012 4.81276 18.1263 4.81276 17.8334 5.10566L16.4192 6.51987C16.1263 6.81276 16.1263 7.28764 16.4192 7.58053C16.7121 7.87342 17.187 7.87342 17.4799 7.58053L18.8941 6.16632Z" fill="black"/>
+<path d="M7.58062 16.4194C7.87352 16.7123 7.87352 17.1871 7.58062 17.48L6.16641 18.8943C5.87352 19.1871 5.39864 19.1871 5.10575 18.8943C4.81286 18.6014 4.81286 18.1265 5.10575 17.8336L6.51996 16.4194C6.81286 16.1265 7.28773 16.1265 7.58062 16.4194Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 8.25C9.92893 8.25 8.25 9.92893 8.25 12C8.25 14.0711 9.92893 15.75 12 15.75C14.0711 15.75 15.75 14.0711 15.75 12C15.75 9.92893 14.0711 8.25 12 8.25ZM9.75 12C9.75 10.7574 10.7574 9.75 12 9.75C13.2426 9.75 14.25 10.7574 14.25 12C14.25 13.2426 13.2426 14.25 12 14.25C10.7574 14.25 9.75 13.2426 9.75 12Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/arbitrator.svg b/src/assets/img/icons/arbitrator.svg
new file mode 100644
index 00000000..601ff2eb
--- /dev/null
+++ b/src/assets/img/icons/arbitrator.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17 8C17 10.7614 14.7614 13 12 13C9.23858 13 7 10.7614 7 8C7 5.23858 9.23858 3 12 3C14.7614 3 17 5.23858 17 8ZM15.5 8C15.5 9.933 13.933 11.5 12 11.5C10.067 11.5 8.5 9.933 8.5 8C8.5 6.067 10.067 4.5 12 4.5C13.933 4.5 15.5 6.067 15.5 8Z" fill="black"/>
+<path d="M12.1099 17.5007C12.5288 17.506 12.8997 17.2015 12.9345 16.7839C12.9685 16.3762 12.6689 16.0138 12.2599 16.0033C12.1735 16.0011 12.0868 16 11.9998 16C8.95932 16 6.23574 17.357 4.40167 19.4984C4.16181 19.7784 4.19319 20.1933 4.45392 20.454C4.77772 20.7779 5.31374 20.7312 5.61624 20.3874C7.17395 18.6171 9.45645 17.5 11.9998 17.5C12.0366 17.5 12.0732 17.5002 12.1099 17.5007Z" fill="black"/>
+<path d="M21 16V15C21 14.4477 20.5523 14 20 14H17C16.4477 14 16 14.4477 16 15V16C16 16.5523 16.4477 17 17 17H17.25C17.5261 17 17.75 17.2239 17.75 17.5V21C17.75 21.4142 18.0858 21.75 18.5 21.75C18.9142 21.75 19.25 21.4142 19.25 21V17.5C19.25 17.2239 19.4739 17 19.75 17H20C20.5523 17 21 16.5523 21 16Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/arrow-down.svg b/src/assets/img/icons/arrow-down.svg
new file mode 100644
index 00000000..dee2d6f9
--- /dev/null
+++ b/src/assets/img/icons/arrow-down.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.875 3.5C8.875 3.01675 8.48325 2.625 8 2.625C7.51675 2.625 7.125 3.01675 7.125 3.5V11.5976L5.06946 9.83567C4.70255 9.52117 4.15016 9.56366 3.83567 9.93057C3.52117 10.2975 3.56366 10.8499 3.93057 11.1644L7.42712 14.1614C7.57031 14.2855 7.75421 14.3639 7.95611 14.3739C7.98615 14.3754 8.01625 14.3754 8.04628 14.3738C8.23907 14.3638 8.41535 14.2913 8.55528 14.1763C8.56004 14.1724 8.56476 14.1684 8.56946 14.1644L12.0695 11.1644C12.4364 10.8499 12.4789 10.2975 12.1644 9.93057C11.8499 9.56366 11.2975 9.52117 10.9306 9.83567L8.875 11.5976V3.5Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/arrow-right.svg b/src/assets/img/icons/arrow-right.svg
new file mode 100644
index 00000000..d5028c29
--- /dev/null
+++ b/src/assets/img/icons/arrow-right.svg
@@ -0,0 +1,3 @@
+<svg width="22" height="16" viewBox="0 0 22 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.7145 1.61872C12.3727 1.27701 12.3727 0.72299 12.7145 0.381282C13.0562 0.0395728 13.6102 0.0395728 13.9519 0.381282L20.9519 7.38128C21.2936 7.72299 21.2936 8.27701 20.9519 8.61872L13.9519 15.6187C13.6102 15.9604 13.0562 15.9604 12.7145 15.6187C12.3727 15.277 12.3727 14.723 12.7145 14.3813L17.2249 9.87081C17.5924 9.50333 17.3321 8.875 16.8124 8.875H1.6665C1.18326 8.875 0.791504 8.48325 0.791504 8C0.791504 7.51675 1.18326 7.125 1.6665 7.125H16.8124C17.3321 7.125 17.5924 6.49667 17.2249 6.12919L12.7145 1.61872Z" fill="#4360DF"/>
+</svg>
diff --git a/src/assets/img/icons/backspace.svg b/src/assets/img/icons/backspace.svg
new file mode 100644
index 00000000..c3de6638
--- /dev/null
+++ b/src/assets/img/icons/backspace.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.5303 15.5303C16.2374 15.8232 15.7626 15.8232 15.4697 15.5303L13.3536 13.4142C13.1583 13.219 12.8417 13.219 12.6464 13.4142L10.5303 15.5303C10.2374 15.8232 9.76256 15.8232 9.46967 15.5303C9.17678 15.2374 9.17678 14.7626 9.46967 14.4697L11.5858 12.3536C11.781 12.1583 11.781 11.8417 11.5858 11.6464L9.46967 9.53033C9.17678 9.23744 9.17678 8.76256 9.46967 8.46967C9.76256 8.17678 10.2374 8.17678 10.5303 8.46967L12.6464 10.5858C12.8417 10.781 13.1583 10.781 13.3536 10.5858L15.4697 8.46967C15.7626 8.17678 16.2374 8.17678 16.5303 8.46967C16.8232 8.76256 16.8232 9.23744 16.5303 9.53033L14.4142 11.6464C14.219 11.8417 14.219 12.1583 14.4142 12.3536L16.5303 14.4697C16.8232 14.7626 16.8232 15.2374 16.5303 15.5303Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.79911 6.56116C7.55629 5.57682 8.72773 5 9.96961 5H17C18.6569 5 20 6.34315 20 8V16C20 17.6569 18.6569 19 17 19H9.96961C8.72773 19 7.5563 18.4232 6.79911 17.4388L3.20738 12.7696C3.07291 12.5948 3 12.3804 3 12.1599V11.8401C3 11.6196 3.07291 11.4052 3.20738 11.2304L6.79911 6.56116ZM9.96961 6.5H17C17.8284 6.5 18.5 7.17157 18.5 8V16C18.5 16.8284 17.8284 17.5 17 17.5H9.96961C9.19343 17.5 8.46129 17.1395 7.98805 16.5243L4.74234 12.3049C4.60409 12.1251 4.60409 11.8749 4.74234 11.6951L7.98805 7.47572C8.46129 6.86051 9.19343 6.5 9.96961 6.5Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/bold.svg b/src/assets/img/icons/bold.svg
new file mode 100644
index 00000000..e5ea61e7
--- /dev/null
+++ b/src/assets/img/icons/bold.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.99909 19.1962C5.99909 19.6381 6.37127 19.9962 6.83037 19.9962H12.6457C16.1399 19.9962 18.0009 18.1221 18.0009 15.5764C18.0009 13.2499 16.4072 11.8293 14.6713 11.7008C14.6217 11.6972 14.5827 11.6578 14.5827 11.61C14.5827 11.5685 14.6124 11.5324 14.6542 11.5221C16.2356 11.1294 17.3932 9.95742 17.3932 8.10332C17.3932 5.706 15.6613 4.00366 12.2279 4.00366H6.83037C6.37127 4.00366 5.99909 4.36183 5.99909 4.80366V19.1962ZM10.1195 17.2319C9.66037 17.2319 9.2882 16.8737 9.2882 16.4319V13.7839C9.2882 13.342 9.66037 12.9839 10.1195 12.9839H12.0456C13.6256 12.9839 14.6055 13.9209 14.6055 15.2406C14.6055 16.4432 13.8079 17.2319 11.9696 17.2319H10.1195ZM10.1195 10.6959C9.66037 10.6959 9.2882 10.3377 9.2882 9.89586V7.53677C9.2882 7.09494 9.66037 6.73677 10.1195 6.73677H11.7873C13.2458 6.73677 14.0737 7.50984 14.0737 8.66556C14.0737 9.93059 13.071 10.6959 11.7265 10.6959H10.1195Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/browser.svg b/src/assets/img/icons/browser.svg
new file mode 100644
index 00000000..2da9aabd
--- /dev/null
+++ b/src/assets/img/icons/browser.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.5684 9.19475L15.6346 7.74725C16.0118 7.63948 16.3605 7.9882 16.2528 8.36537L14.8052 13.4316C14.6154 14.0961 14.0961 14.6154 13.4316 14.8052L8.36537 16.2528C7.9882 16.3605 7.63948 16.0118 7.74725 15.6346L9.19475 10.5684C9.38459 9.90394 9.90394 9.38459 10.5684 9.19475ZM10.9804 10.637L13.4506 9.93128C13.8278 9.82352 14.1765 10.1722 14.0687 10.5494L13.363 13.0196C13.3155 13.1857 13.1857 13.3155 13.0196 13.363L10.5494 14.0687C10.1722 14.1765 9.82352 13.8278 9.93128 13.4506L10.637 10.9804C10.6845 10.8143 10.8143 10.6845 10.9804 10.637Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM20.5 12C20.5 16.6944 16.6944 20.5 12 20.5C7.30558 20.5 3.5 16.6944 3.5 12C3.5 7.30558 7.30558 3.5 12 3.5C16.6944 3.5 20.5 7.30558 20.5 12Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/camera.svg b/src/assets/img/icons/camera.svg
new file mode 100644
index 00000000..6aa14a63
--- /dev/null
+++ b/src/assets/img/icons/camera.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18 12C18 14.7614 15.7614 17 13 17C10.2386 17 8 14.7614 8 12C8 9.23858 10.2386 7 13 7C15.7614 7 18 9.23858 18 12ZM16.5 12C16.5 13.933 14.933 15.5 13 15.5C11.067 15.5 9.5 13.933 9.5 12C9.5 10.067 11.067 8.5 13 8.5C14.933 8.5 16.5 10.067 16.5 12Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2 7C2 4.79086 3.79086 3 6 3H18C20.2091 3 22 4.79086 22 7V17C22 19.2091 20.2091 21 18 21H6C3.79086 21 2 19.2091 2 17V7ZM6 4.5H18C19.3807 4.5 20.5 5.61929 20.5 7V17C20.5 18.3807 19.3807 19.5 18 19.5H6C4.61929 19.5 3.5 18.3807 3.5 17V7C3.5 5.61929 4.61929 4.5 6 4.5Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/cancel.svg b/src/assets/img/icons/cancel.svg
new file mode 100644
index 00000000..a7c4c8a0
--- /dev/null
+++ b/src/assets/img/icons/cancel.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM5.86861 17.0707C5.66111 17.2782 5.31921 17.2639 5.14546 17.0274C4.11104 15.6194 3.5 13.8811 3.5 12C3.5 7.30558 7.30558 3.5 12 3.5C13.8811 3.5 15.6194 4.11104 17.0274 5.14546C17.2639 5.31921 17.2782 5.66111 17.0707 5.86862L5.86861 17.0707ZM6.92928 18.1314C6.72177 18.3389 6.73609 18.6808 6.97258 18.8545C8.38056 19.889 10.1189 20.5 12 20.5C16.6944 20.5 20.5 16.6944 20.5 12C20.5 10.1189 19.889 8.38056 18.8545 6.97258C18.6808 6.73609 18.3389 6.72177 18.1314 6.92928L6.92928 18.1314Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/channel-category.svg b/src/assets/img/icons/channel-category.svg
new file mode 100644
index 00000000..a5af65d7
--- /dev/null
+++ b/src/assets/img/icons/channel-category.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 20.5C16.6944 20.5 20.5 16.6944 20.5 12C20.5 7.30558 16.6944 3.5 12 3.5C7.30558 3.5 3.5 7.30558 3.5 12C3.5 16.6944 7.30558 20.5 12 20.5ZM12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.4898 7.62329C11.5579 7.21472 11.2819 6.8283 10.8733 6.7602C10.4647 6.6921 10.0783 6.96812 10.0102 7.3767L9.76762 8.8322C9.72743 9.07329 9.51884 9.25 9.27442 9.25H8C7.58579 9.25 7.25 9.58579 7.25 10C7.25 10.4142 7.58579 10.75 8 10.75H8.85775C9.16672 10.75 9.40174 11.0274 9.35095 11.3322L9.10095 12.8322C9.06077 13.0733 8.85217 13.25 8.60775 13.25H7.5C7.08579 13.25 6.75 13.5858 6.75 14C6.75 14.4142 7.08579 14.75 7.5 14.75H8.19109C8.50006 14.75 8.73508 15.0274 8.68428 15.3322L8.5102 16.3767C8.4421 16.7853 8.71812 17.1717 9.1267 17.2398C9.53527 17.3079 9.92169 17.0319 9.98979 16.6233L10.2324 15.1678C10.2726 14.9267 10.4811 14.75 10.7256 14.75H12.1911C12.5001 14.75 12.7351 15.0274 12.6843 15.3322L12.5102 16.3767C12.4421 16.7853 12.7181 17.1717 13.1267 17.2398C13.5353 17.3079 13.9217 17.0319 13.9898 16.6233L14.2324 15.1678C14.2726 14.9267 14.4811 14.75 14.7256 14.75H16C16.4142 14.75 16.75 14.4142 16.75 14C16.75 13.5858 16.4142 13.25 16 13.25H15.1422C14.8333 13.25 14.5982 12.9726 14.649 12.6678L14.899 11.1678C14.9392 10.9267 15.1478 10.75 15.3922 10.75H16.5C16.9142 10.75 17.25 10.4142 17.25 10C17.25 9.58579 16.9142 9.25 16.5 9.25H15.8089C15.4999 9.25 15.2649 8.97257 15.3157 8.6678L15.4898 7.62329C15.5579 7.21472 15.2819 6.8283 14.8733 6.7602C14.4647 6.6921 14.0783 6.96812 14.0102 7.3767L13.7676 8.8322C13.7274 9.07329 13.5188 9.25 13.2744 9.25H11.8089C11.4999 9.25 11.2649 8.97257 11.3157 8.6678L11.4898 7.62329ZM12.6078 13.25C12.8522 13.25 13.0608 13.0733 13.1009 12.8322L13.3509 11.3322C13.4017 11.0274 13.1667 10.75 12.8578 10.75H11.3922C11.1478 10.75 10.9392 10.9267 10.899 11.1678L10.649 12.6678C10.5982 12.9726 10.8333 13.25 11.1422 13.25H12.6078Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/channel.svg b/src/assets/img/icons/channel.svg
new file mode 100644
index 00000000..b231e05f
--- /dev/null
+++ b/src/assets/img/icons/channel.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7383 5.13185C10.8111 4.72408 10.5396 4.3345 10.1318 4.26168C9.72408 4.18887 9.33449 4.4604 9.26168 4.86816L8.73137 7.8379C8.68879 8.07636 8.48139 8.25001 8.23915 8.25001H5.5C5.08579 8.25001 4.75 8.58579 4.75 9.00001C4.75 9.41422 5.08579 9.75001 5.5 9.75001H7.79273C8.10404 9.75001 8.33967 10.0314 8.28494 10.3379L7.65994 13.8379C7.61736 14.0764 7.40996 14.25 7.16773 14.25H4.5C4.08579 14.25 3.75 14.5858 3.75 15C3.75 15.4142 4.08579 15.75 4.5 15.75H6.7213C7.03261 15.75 7.26824 16.0314 7.21351 16.3379L6.76168 18.8682C6.68886 19.2759 6.96039 19.6655 7.36816 19.7383C7.77592 19.8111 8.16551 19.5396 8.23832 19.1318L8.76863 16.1621C8.81121 15.9236 9.01861 15.75 9.26084 15.75H13.2213C13.5326 15.75 13.7682 16.0314 13.7135 16.3379L13.2617 18.8682C13.1889 19.2759 13.4604 19.6655 13.8682 19.7383C14.2759 19.8111 14.6655 19.5396 14.7383 19.1318L15.2686 16.1621C15.3112 15.9236 15.5186 15.75 15.7608 15.75H18.5C18.9142 15.75 19.25 15.4142 19.25 15C19.25 14.5858 18.9142 14.25 18.5 14.25H16.2073C15.896 14.25 15.6603 13.9686 15.7151 13.6621L16.3401 10.1621C16.3826 9.92365 16.59 9.75001 16.8323 9.75001H19.5C19.9142 9.75001 20.25 9.41422 20.25 9.00001C20.25 8.58579 19.9142 8.25001 19.5 8.25001H17.2787C16.9674 8.25001 16.7318 7.96858 16.7865 7.66211L17.2383 5.13185C17.3111 4.72408 17.0396 4.3345 16.6318 4.26168C16.2241 4.18887 15.8345 4.4604 15.7617 4.86816L15.2314 7.8379C15.1888 8.07636 14.9814 8.25001 14.7392 8.25001H10.7787C10.4674 8.25001 10.2318 7.96858 10.2865 7.66211L10.7383 5.13185ZM14.7849 10.3379C14.8397 10.0314 14.604 9.75001 14.2927 9.75001H10.3323C10.09 9.75001 9.88264 9.92365 9.84006 10.1621L9.21506 13.6621C9.16033 13.9686 9.39596 14.25 9.70727 14.25H13.6677C13.91 14.25 14.1174 14.0764 14.1599 13.8379L14.7849 10.3379Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/chat-commands.svg b/src/assets/img/icons/chat-commands.svg
new file mode 100644
index 00000000..57c216d9
--- /dev/null
+++ b/src/assets/img/icons/chat-commands.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 7.25C12.4142 7.25 12.75 7.58579 12.75 8V10.75C12.75 11.0261 12.9739 11.25 13.25 11.25H16C16.4142 11.25 16.75 11.5858 16.75 12C16.75 12.4142 16.4142 12.75 16 12.75H13.25C12.9739 12.75 12.75 12.9739 12.75 13.25V16C12.75 16.4142 12.4142 16.75 12 16.75C11.5858 16.75 11.25 16.4142 11.25 16V13.25C11.25 12.9739 11.0261 12.75 10.75 12.75H8C7.58579 12.75 7.25 12.4142 7.25 12C7.25 11.5858 7.58579 11.25 8 11.25H10.75C11.0261 11.25 11.25 11.0261 11.25 10.75V8C11.25 7.58579 11.5858 7.25 12 7.25Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12V18.6667C22 20.5076 20.5076 22 18.6667 22H12C6.47715 22 2 17.5228 2 12ZM20.5 12V18.6667C20.5 19.6792 19.6792 20.5 18.6667 20.5H12C7.30558 20.5 3.5 16.6944 3.5 12C3.5 7.30558 7.30558 3.5 12 3.5C16.6944 3.5 20.5 7.30558 20.5 12Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/chat.svg b/src/assets/img/icons/chat.svg
new file mode 100644
index 00000000..e2bf5bed
--- /dev/null
+++ b/src/assets/img/icons/chat.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20.5 18.6667V12C20.5 7.30558 16.6944 3.5 12 3.5C7.30558 3.5 3.5 7.30558 3.5 12C3.5 16.6944 7.30558 20.5 12 20.5H18.6667C19.6792 20.5 20.5 19.6792 20.5 18.6667ZM12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22H18.6667C20.5076 22 22 20.5076 22 18.6667V12C22 6.47715 17.5228 2 12 2Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/chatbot.svg b/src/assets/img/icons/chatbot.svg
new file mode 100644
index 00000000..5188e51f
--- /dev/null
+++ b/src/assets/img/icons/chatbot.svg
@@ -0,0 +1,7 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8 14C11.0376 14 13.5 11.5376 13.5 8.5C13.5 5.46243 11.0376 3 8 3C4.96243 3 2.5 5.46243 2.5 8.5C2.5 11.5376 4.96243 14 8 14ZM6.44589 6.73914C5.47022 6.88924 4.75 7.72874 4.75 8.71588V10.2842C4.75 11.2713 5.47022 12.1108 6.44589 12.2609L6.78354 12.3129C7.58977 12.4369 8.41023 12.4369 9.21646 12.3129L9.55411 12.2609C10.5298 12.1108 11.25 11.2713 11.25 10.2842V8.71588C11.25 7.72874 10.5298 6.88924 9.55411 6.73914L9.21646 6.68719C8.41023 6.56315 7.58977 6.56315 6.78354 6.68719L6.44589 6.73914Z" fill="black"/>
+<circle cx="6.5" cy="8.5" r="0.75" fill="black"/>
+<circle cx="9.5" cy="8.5" r="0.75" fill="black"/>
+<path d="M8 11.25C8.51765 11.25 8.9618 10.9353 9.15164 10.4869C9.25928 10.2326 9.02614 10 8.75 10H7.25C6.97386 10 6.74072 10.2326 6.84836 10.4869C7.0382 10.9353 7.48235 11.25 8 11.25Z" fill="black"/>
+<path d="M7 2.5C7 1.94772 7.44772 1.5 8 1.5C8.55228 1.5 9 1.94772 9 2.5V4.5C9 5.05228 8.55228 5.5 8 5.5C7.44772 5.5 7 5.05228 7 4.5V2.5Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/checkmark-circle.svg b/src/assets/img/icons/checkmark-circle.svg
new file mode 100644
index 00000000..1f1c1fd6
--- /dev/null
+++ b/src/assets/img/icons/checkmark-circle.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.624 8.41603C16.8538 8.07138 16.7607 7.60573 16.416 7.37596C16.0714 7.1462 15.6057 7.23933 15.376 7.58397L9.88343 15.8228L7.53033 13.4697C7.23744 13.1768 6.76256 13.1768 6.46967 13.4697C6.17678 13.7626 6.17678 14.2374 6.46967 14.5303L9.46967 17.5303C9.62855 17.6892 9.8503 17.7685 10.0739 17.7464C10.2975 17.7242 10.4994 17.603 10.624 17.416L16.624 8.41603Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20.5C7.30558 20.5 3.5 16.6944 3.5 12C3.5 7.30558 7.30558 3.5 12 3.5C16.6944 3.5 20.5 7.30558 20.5 12C20.5 16.6944 16.6944 20.5 12 20.5Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/checkmark.svg b/src/assets/img/icons/checkmark.svg
new file mode 100644
index 00000000..2ebd4e01
--- /dev/null
+++ b/src/assets/img/icons/checkmark.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M21.416 2.37592C21.7607 2.60568 21.8538 3.07134 21.624 3.41598L9.62404 21.416C9.4994 21.6029 9.2975 21.7242 9.0739 21.7463C8.8503 21.7684 8.62855 21.6892 8.46967 21.5303L2.46967 15.5303C2.17678 15.2374 2.17678 14.7625 2.46967 14.4696C2.76256 14.1767 3.23744 14.1767 3.53033 14.4696L8.88343 19.8227L20.376 2.58393C20.6057 2.23929 21.0714 2.14616 21.416 2.37592Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/chevron-down.svg b/src/assets/img/icons/chevron-down.svg
new file mode 100644
index 00000000..66053b77
--- /dev/null
+++ b/src/assets/img/icons/chevron-down.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.46967 9.46967C6.76256 9.17678 7.23744 9.17678 7.53033 9.46967L11.6464 13.5858C11.8417 13.781 12.1583 13.781 12.3536 13.5858L16.4697 9.46967C16.7626 9.17678 17.2374 9.17678 17.5303 9.46967C17.8232 9.76256 17.8232 10.2374 17.5303 10.5303L12.8839 15.1768C12.3957 15.6649 11.6043 15.6649 11.1161 15.1768L6.46967 10.5303C6.17678 10.2374 6.17678 9.76256 6.46967 9.46967Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/chevron-up.svg b/src/assets/img/icons/chevron-up.svg
new file mode 100644
index 00000000..884168f2
--- /dev/null
+++ b/src/assets/img/icons/chevron-up.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.46967 14.5303C6.76256 14.8232 7.23744 14.8232 7.53033 14.5303L11.6464 10.4142C11.8417 10.219 12.1583 10.219 12.3536 10.4142L16.4697 14.5303C16.7626 14.8232 17.2374 14.8232 17.5303 14.5303C17.8232 14.2374 17.8232 13.7626 17.5303 13.4697L12.8839 8.82322C12.3957 8.33507 11.6043 8.33507 11.1161 8.82322L6.46967 13.4697C6.17678 13.7626 6.17678 14.2374 6.46967 14.5303Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/clear.svg b/src/assets/img/icons/clear.svg
new file mode 100644
index 00000000..7ddbfafa
--- /dev/null
+++ b/src/assets/img/icons/clear.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8 15.5C11.866 15.5 15 12.366 15 8.5C15 4.63401 11.866 1.5 8 1.5C4.13401 1.5 1 4.63401 1 8.5C1 12.366 4.13401 15.5 8 15.5ZM11 5.5C11.2441 5.74408 11.2441 6.13981 11 6.38388L8.88393 8.5L11 10.6161C11.2441 10.8602 11.2441 11.2559 11 11.5C10.756 11.7441 10.3602 11.7441 10.1162 11.5L8.00005 9.38389L5.88393 11.5C5.63985 11.7441 5.24412 11.7441 5.00005 11.5C4.75597 11.2559 4.75597 10.8602 5.00005 10.6161L7.11616 8.5L5.00005 6.38389C4.75597 6.13981 4.75597 5.74408 5.00005 5.5C5.24412 5.25593 5.63985 5.25593 5.88393 5.5L8.00005 7.61612L10.1162 5.5C10.3602 5.25592 10.756 5.25592 11 5.5Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/close-circle.svg b/src/assets/img/icons/close-circle.svg
new file mode 100644
index 00000000..91723472
--- /dev/null
+++ b/src/assets/img/icons/close-circle.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.0303 7.96955C16.3232 8.26244 16.3232 8.73731 16.0303 9.03021L13.4142 11.6464C13.2189 11.8416 13.2189 12.1582 13.4142 12.3535L16.0303 14.9697C16.3232 15.2626 16.3232 15.7374 16.0303 16.0303C15.7374 16.3232 15.2626 16.3232 14.9697 16.0303L12.3535 13.4142C12.1582 13.2189 11.8416 13.2189 11.6464 13.4142L9.03033 16.0302C8.73744 16.3231 8.26256 16.3231 7.96967 16.0302C7.67678 15.7373 7.67678 15.2624 7.96967 14.9695L10.5857 12.3535C10.781 12.1582 10.781 11.8416 10.5857 11.6464L7.96967 9.03033C7.67678 8.73744 7.67678 8.26256 7.96967 7.96967C8.26256 7.67678 8.73744 7.67678 9.03033 7.96967L11.6464 10.5857C11.8416 10.781 12.1582 10.781 12.3535 10.5857L14.9697 7.96955C15.2626 7.67665 15.7374 7.67665 16.0303 7.96955Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM12 20.5C16.6944 20.5 20.5 16.6944 20.5 12C20.5 7.30558 16.6944 3.5 12 3.5C7.30558 3.5 3.5 7.30558 3.5 12C3.5 16.6944 7.30558 20.5 12 20.5Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/close.svg b/src/assets/img/icons/close.svg
new file mode 100644
index 00000000..f6fdbd9e
--- /dev/null
+++ b/src/assets/img/icons/close.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.4697 17.5303C16.7626 17.8232 17.2374 17.8232 17.5303 17.5303C17.8232 17.2374 17.8232 16.7626 17.5303 16.4697L13.4142 12.3536C13.219 12.1583 13.219 11.8417 13.4142 11.6464L17.5303 7.53033C17.8232 7.23744 17.8232 6.76256 17.5303 6.46967C17.2374 6.17678 16.7626 6.17678 16.4697 6.46967L12.3536 10.5858C12.1583 10.781 11.8417 10.781 11.6464 10.5858L7.53033 6.46967C7.23744 6.17678 6.76256 6.17678 6.46967 6.46967C6.17678 6.76256 6.17678 7.23744 6.46967 7.53033L10.5858 11.6464C10.781 11.8417 10.781 12.1583 10.5858 12.3536L6.46967 16.4697C6.17678 16.7626 6.17678 17.2374 6.46967 17.5303C6.76256 17.8232 7.23744 17.8232 7.53033 17.5303L11.6464 13.4142C11.8417 13.219 12.1583 13.219 12.3536 13.4142L16.4697 17.5303Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/code.svg b/src/assets/img/icons/code.svg
new file mode 100644
index 00000000..6c12ed71
--- /dev/null
+++ b/src/assets/img/icons/code.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.5771 3.6662C12.6494 3.23234 13.0615 2.93893 13.4977 3.01084C13.9338 3.08275 14.2287 3.49276 14.1564 3.92662L11.4227 20.3342C11.3504 20.7681 10.9383 21.0615 10.5021 20.9896C10.066 20.9176 9.77109 20.5076 9.84337 20.0738L12.5771 3.6662Z" fill="black"/>
+<path d="M7.5274 7.24389C7.82093 7.53589 7.82093 8.00933 7.5274 8.30133L4.37771 11.4347C4.06461 11.7462 4.06461 12.2512 4.37771 12.5627L7.5274 15.696C7.82093 15.988 7.82093 16.4615 7.5274 16.7535C7.23388 17.0455 6.75798 17.0455 6.46445 16.7535L2.21636 12.5274C1.92283 12.2354 1.92283 11.762 2.21636 11.47L6.46445 7.24389C6.75798 6.95188 7.23388 6.95188 7.5274 7.24389Z" fill="black"/>
+<path d="M16.4727 8.30133C16.1792 8.00933 16.1792 7.53589 16.4727 7.24389C16.7662 6.95188 17.2421 6.95188 17.5357 7.24389L21.7838 11.47C22.0773 11.762 22.0773 12.2354 21.7838 12.5274L17.5357 16.7535C17.2421 17.0455 16.7662 17.0455 16.4727 16.7535C16.1792 16.4615 16.1792 15.988 16.4727 15.696L19.6224 12.5627C19.9355 12.2512 19.9355 11.7462 19.6224 11.4347L16.4727 8.30133Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/communities.svg b/src/assets/img/icons/communities.svg
new file mode 100644
index 00000000..bde68df9
--- /dev/null
+++ b/src/assets/img/icons/communities.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.25 18C2.25 9.30152 9.30152 2.25 18 2.25H19C20.5188 2.25 21.75 3.48122 21.75 5V13C21.75 14.5188 20.5188 15.75 19 15.75H18C16.7574 15.75 15.75 16.7574 15.75 18V19C15.75 20.5188 14.5188 21.75 13 21.75H5C3.48122 21.75 2.25 20.5188 2.25 19V18ZM18 3.75C10.1299 3.75 3.75 10.1299 3.75 18V19C3.75 19.6904 4.30964 20.25 5 20.25H5.75C6.02614 20.25 6.25 20.0261 6.25 19.75V18C6.25 11.5107 11.5107 6.25 18 6.25H19.75C20.0261 6.25 20.25 6.02614 20.25 5.75V5C20.25 4.30964 19.6904 3.75 19 3.75H18ZM10.25 19.75C10.25 20.0261 10.0261 20.25 9.75 20.25H8.25C7.97386 20.25 7.75 20.0261 7.75 19.75V18C7.75 12.3391 12.3391 7.75 18 7.75H19.75C20.0261 7.75 20.25 7.97386 20.25 8.25V9.75C20.25 10.0261 20.0261 10.25 19.75 10.25H18C13.7198 10.25 10.25 13.7198 10.25 18V19.75ZM11.75 19.75C11.75 20.0261 11.9739 20.25 12.25 20.25H13C13.6904 20.25 14.25 19.6904 14.25 19V18C14.25 15.9289 15.9289 14.25 18 14.25H19C19.6904 14.25 20.25 13.6904 20.25 13V12.25C20.25 11.9739 20.0261 11.75 19.75 11.75H18C14.5482 11.75 11.75 14.5482 11.75 18V19.75Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/condition-or.svg b/src/assets/img/icons/condition-or.svg
new file mode 100644
index 00000000..0b5b8d59
--- /dev/null
+++ b/src/assets/img/icons/condition-or.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.4977 3.01084C13.0616 2.93893 12.6494 3.23234 12.5771 3.6662L9.84342 20.0738C9.77113 20.5076 10.0661 20.9176 10.5022 20.9896C10.9383 21.0615 11.3504 20.7681 11.4227 20.3342L14.1565 3.92662C14.2288 3.49276 13.9338 3.08275 13.4977 3.01084Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.5 8.25C16.4289 8.25 14.75 9.92893 14.75 12C14.75 14.0711 16.4289 15.75 18.5 15.75C20.5711 15.75 22.25 14.0711 22.25 12C22.25 9.92893 20.5711 8.25 18.5 8.25ZM16.25 12C16.25 13.2426 17.2574 14.25 18.5 14.25C19.7426 14.25 20.75 13.2426 20.75 12C20.75 10.7574 19.7426 9.75 18.5 9.75C17.2574 9.75 16.25 10.7574 16.25 12Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4 8.5C2.89543 8.5 2 9.39543 2 10.5V13.5C2 14.6046 2.89543 15.5 4 15.5H7C8.10457 15.5 9 14.6046 9 13.5V10.5C9 9.39543 8.10457 8.5 7 8.5H4ZM7 10H4C3.72386 10 3.5 10.2239 3.5 10.5V13.5C3.5 13.7761 3.72386 14 4 14H7C7.27614 14 7.5 13.7761 7.5 13.5V10.5C7.5 10.2239 7.27614 10 7 10Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/contact.svg b/src/assets/img/icons/contact.svg
new file mode 100644
index 00000000..cc5e1bb1
--- /dev/null
+++ b/src/assets/img/icons/contact.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17 8C17 10.7614 14.7614 13 12 13C9.23858 13 7 10.7614 7 8C7 5.23858 9.23858 3 12 3C14.7614 3 17 5.23858 17 8ZM15.5 8C15.5 9.933 13.933 11.5 12 11.5C10.067 11.5 8.5 9.933 8.5 8C8.5 6.067 10.067 4.5 12 4.5C13.933 4.5 15.5 6.067 15.5 8Z" fill="black"/>
+<path d="M18.3835 20.3874C18.686 20.7312 19.222 20.7779 19.5458 20.4541C19.8065 20.1933 19.8379 19.7784 19.598 19.4984C17.764 17.357 15.0404 16 11.9998 16C8.95932 16 6.23574 17.357 4.40167 19.4984C4.16181 19.7784 4.19319 20.1933 4.45392 20.454C4.77772 20.7779 5.31374 20.7312 5.61624 20.3874C7.17395 18.6171 9.45645 17.5 11.9998 17.5C14.5433 17.5 16.8258 18.6171 18.3835 20.3874Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/copy.svg b/src/assets/img/icons/copy.svg
new file mode 100644
index 00000000..803dd270
--- /dev/null
+++ b/src/assets/img/icons/copy.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.25 10.5C6.66421 10.5 7 10.1642 7 9.75C7 9.33579 6.66421 9 6.25 9H6C3.79086 9 2 10.7909 2 13V18C2 20.2091 3.79086 22 6 22H11C13.2091 22 15 20.2091 15 18V17.75C15 17.3358 14.6642 17 14.25 17C13.8358 17 13.5 17.3358 13.5 17.75V18C13.5 19.3807 12.3807 20.5 11 20.5H6C4.61929 20.5 3.5 19.3807 3.5 18V13C3.5 11.6193 4.61929 10.5 6 10.5H6.25Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9 6C9 3.79086 10.7909 2 13 2H18C20.2091 2 22 3.79086 22 6V11C22 13.2091 20.2091 15 18 15H13C10.7909 15 9 13.2091 9 11V6ZM13 3.5H18C19.3807 3.5 20.5 4.61929 20.5 6V11C20.5 12.3807 19.3807 13.5 18 13.5H13C11.6193 13.5 10.5 12.3807 10.5 11V6C10.5 4.61929 11.6193 3.5 13 3.5Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/dapp.svg b/src/assets/img/icons/dapp.svg
new file mode 100644
index 00000000..3649100f
--- /dev/null
+++ b/src/assets/img/icons/dapp.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11 4.5H7.69231C6.98275 4.5 6.8299 4.50619 6.72962 4.52457C6.1166 4.63691 5.63691 5.1166 5.52457 5.72962C5.50619 5.8299 5.5 5.98275 5.5 6.69231V8.25C5.5 8.66421 5.16421 9 4.75 9C4.33579 9 4 8.66421 4 8.25V6.69231C4 6.04903 4 5.72738 4.04914 5.45923C4.27382 4.2332 5.2332 3.27382 6.45923 3.04914C6.72738 3 7.04903 3 7.69231 3H11C15.9706 3 20 7.02944 20 12C20 16.9706 15.9706 21 11 21H7.69231C7.04903 21 6.72738 21 6.45923 20.9509C5.2332 20.7262 4.27382 19.7668 4.04914 18.5408C4 18.2726 4 17.951 4 17.3077V15.75C4 15.3358 4.33579 15 4.75 15C5.16421 15 5.5 15.3358 5.5 15.75V17.3077C5.5 18.0172 5.50619 18.1701 5.52457 18.2704C5.63691 18.8834 6.1166 19.3631 6.72962 19.4754C6.8299 19.4938 6.98275 19.5 7.69231 19.5H11C15.1421 19.5 18.5 16.1421 18.5 12C18.5 7.85786 15.1421 4.5 11 4.5Z" fill="black"/>
+<path d="M3 11.25C2.58579 11.25 2.25 11.5858 2.25 12C2.25 12.4142 2.58579 12.75 3 12.75H11C11.4142 12.75 11.75 12.4142 11.75 12C11.75 11.5858 11.4142 11.25 11 11.25H3Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/delete.svg b/src/assets/img/icons/delete.svg
new file mode 100644
index 00000000..36043cae
--- /dev/null
+++ b/src/assets/img/icons/delete.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.39286 2.25C8.20939 2.25 7.25 3.20939 7.25 4.39286C7.25 5.00431 6.75432 5.5 6.14286 5.5H3C2.58579 5.5 2.25 5.83579 2.25 6.25C2.25 6.66421 2.58579 7 3 7H3.73876C3.99164 7 4.2047 7.1888 4.23513 7.43983L5.57349 18.4813C5.81692 20.4896 7.52145 22 9.54443 22H14.4556C16.4786 22 18.1831 20.4896 18.4265 18.4813L19.7649 7.43983C19.7953 7.1888 20.0084 7 20.2612 7H21C21.4142 7 21.75 6.66421 21.75 6.25C21.75 5.83579 21.4142 5.5 21 5.5H17.8571C17.2457 5.5 16.75 5.00432 16.75 4.39286C16.75 3.20939 15.7906 2.25 14.6071 2.25L9.39286 2.25ZM14.7088 5.5C15.0751 5.5 15.3234 5.11087 15.274 4.74786C15.2582 4.63178 15.25 4.51327 15.25 4.39286C15.25 4.03782 14.9622 3.75 14.6071 3.75L9.39286 3.75C9.03782 3.75 8.75 4.03782 8.75 4.39286C8.75 4.51327 8.74184 4.63178 8.72603 4.74786C8.67661 5.11087 8.92485 5.5 9.29121 5.5L14.7088 5.5ZM17.8571 7C18.0964 7 18.2818 7.20925 18.253 7.44679L16.9374 18.3008C16.7853 19.556 15.7199 20.5 14.4556 20.5H9.54443C8.28007 20.5 7.21474 19.556 7.06259 18.3008L5.74695 7.44679C5.71816 7.20925 5.90358 7 6.14286 7L17.8571 7Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/desktop.svg b/src/assets/img/icons/desktop.svg
new file mode 100644
index 00000000..8e85cd51
--- /dev/null
+++ b/src/assets/img/icons/desktop.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19.6846 14.34C19.5452 14.6188 19.6222 14.9775 19.8639 15.1744C20.2506 15.4894 20.5607 15.9023 20.7542 16.3858L21.6284 18.5715C22.2853 20.2137 21.0759 22 19.3072 22H4.69241C2.92375 22 1.71435 20.2137 2.37122 18.5715L3.24549 16.3858C3.43891 15.9023 3.74903 15.4894 4.13577 15.1744C4.37742 14.9775 4.45442 14.6188 4.31501 14.34C4.11331 13.9367 3.99982 13.4816 3.99982 13V5C3.99982 3.34315 5.34297 2 6.99982 2H16.9998C18.6567 2 19.9998 3.34315 19.9998 5V13C19.9998 13.4816 19.8863 13.9367 19.6846 14.34ZM3.76393 19.1286L4.63821 16.9429C4.866 16.3734 5.41757 16 6.03092 16H17.9687C18.5821 16 19.1336 16.3734 19.3614 16.9429L20.2357 19.1286C20.4985 19.7855 20.0147 20.5 19.3072 20.5H4.69241C3.98494 20.5 3.50118 19.7855 3.76393 19.1286ZM16.9998 14.5H6.99982C6.1714 14.5 5.49982 13.8284 5.49982 13V5C5.49982 4.17157 6.1714 3.5 6.99982 3.5H16.9998C17.8283 3.5 18.4998 4.17157 18.4998 5V13C18.4998 13.8284 17.8283 14.5 16.9998 14.5Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/double-checkmark.svg b/src/assets/img/icons/double-checkmark.svg
new file mode 100644
index 00000000..f93144bd
--- /dev/null
+++ b/src/assets/img/icons/double-checkmark.svg
@@ -0,0 +1,4 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.76413 10.1901L8.32479 4.77888C8.70676 4.40717 9.32476 4.40591 9.71111 4.78187C10.0948 5.15523 10.0968 5.75861 9.71418 6.13093L3.45575 12.2211C3.26582 12.406 3.01753 12.4992 2.76838 12.5C2.51183 12.4981 2.26284 12.4063 2.07584 12.2244L0.284232 10.5078C-0.0959013 10.1379 -0.0957078 9.53795 0.290638 9.16199C0.674309 8.78863 1.29863 8.79084 1.67363 9.15576L2.76413 10.1901Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.76413 10.1901L14.3248 4.77888C14.7068 4.40717 15.3248 4.40591 15.7111 4.78187C16.0948 5.15523 16.0968 5.75861 15.7142 6.13093L9.45576 12.2211C9.26582 12.406 9.01753 12.4992 8.76838 12.5C8.51183 12.4981 8.26284 12.4063 8.07584 12.2244L6.28423 10.5078L7.67363 9.15576L8.76413 10.1901Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/down.svg b/src/assets/img/icons/down.svg
new file mode 100644
index 00000000..1a24aa4d
--- /dev/null
+++ b/src/assets/img/icons/down.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.53033 13.4697C6.23744 13.1768 5.76256 13.1768 5.46967 13.4697C5.17678 13.7626 5.17678 14.2374 5.46967 14.5303L11.4697 20.5303C11.7626 20.8232 12.2374 20.8232 12.5303 20.5303L18.5303 14.5303C18.8232 14.2374 18.8232 13.7626 18.5303 13.4697C18.2374 13.1768 17.7626 13.1768 17.4697 13.4697L13.6036 17.3358C13.2886 17.6508 12.75 17.4277 12.75 16.9822L12.75 4C12.75 3.58579 12.4142 3.25 12 3.25C11.5858 3.25 11.25 3.58579 11.25 4L11.25 16.9822C11.25 17.4277 10.7114 17.6508 10.3964 17.3358L6.53033 13.4697Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/download.svg b/src/assets/img/icons/download.svg
new file mode 100644
index 00000000..ced49b88
--- /dev/null
+++ b/src/assets/img/icons/download.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16 13.25C16 12.8358 16.3383 12.5066 16.7469 12.4383C18.8767 12.0825 20.5 10.2308 20.5 8C20.5 5.51472 18.4853 3.5 16 3.5L8 3.5C5.51472 3.5 3.5 5.51472 3.5 8C3.5 10.2308 5.12331 12.0825 7.25314 12.4383C7.66169 12.5066 8 12.8358 8 13.25C8 13.6642 7.66253 14.0049 7.25149 13.9538C4.29104 13.5854 2 11.0602 2 8C2 4.68629 4.68629 2 8 2L16 2C19.3137 2 22 4.68629 22 8C22 11.0602 19.709 13.5854 16.7485 13.9538C16.3375 14.0049 16 13.6642 16 13.25Z" fill="black"/>
+<path d="M12 7.25C12.4142 7.25 12.75 7.58579 12.75 8V17.9822C12.75 18.4277 13.2886 18.6508 13.6036 18.3358L15.4697 16.4697C15.7626 16.1768 16.2374 16.1768 16.5303 16.4697C16.8232 16.7626 16.8232 17.2374 16.5303 17.5303L12.5303 21.5303C12.2374 21.8232 11.7626 21.8232 11.4697 21.5303L7.46967 17.5303C7.17678 17.2374 7.17678 16.7626 7.46967 16.4697C7.76256 16.1768 8.23744 16.1768 8.53033 16.4697L10.3964 18.3358C10.7114 18.6508 11.25 18.4277 11.25 17.9822V8C11.25 7.58579 11.5858 7.25 12 7.25Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/edit.svg b/src/assets/img/icons/edit.svg
new file mode 100644
index 00000000..e16da298
--- /dev/null
+++ b/src/assets/img/icons/edit.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.25 3.49995C11.6642 3.49995 12 3.16416 12 2.74995C12 2.33573 11.6642 1.99995 11.25 1.99995L6 1.99995C3.79086 1.99995 2 3.79081 2 5.99995L2 17.9999C2 20.2091 3.79086 21.9999 6 21.9999H18C20.2091 21.9999 22 20.2091 22 17.9999V12.7499C22 12.3357 21.6642 11.9999 21.25 11.9999C20.8358 11.9999 20.5 12.3357 20.5 12.7499V17.9999C20.5 19.3807 19.3807 20.4999 18 20.4999H6C4.61929 20.4999 3.5 19.3807 3.5 17.9999L3.5 5.99995C3.5 4.61923 4.61929 3.49995 6 3.49995L11.25 3.49995Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M21.2803 2.71962C20.2971 1.73637 18.7029 1.73636 17.7197 2.71961L9.33613 11.1032C9.00567 11.4336 8.76487 11.8429 8.63648 12.2922L7.77886 15.2939C7.70403 15.5558 7.77707 15.8377 7.96967 16.0303C8.16227 16.2229 8.44415 16.2959 8.70604 16.2211L11.7077 15.3635C12.1571 15.2351 12.5663 14.9943 12.8968 14.6638L21.2803 6.28028C22.2636 5.29703 22.2636 3.70287 21.2803 2.71962ZM18.7803 3.78028C19.1778 3.38281 19.8222 3.38281 20.2197 3.78028C20.6171 4.17774 20.6171 4.82215 20.2197 5.21962L11.8361 13.6032C11.6859 13.7534 11.4999 13.8628 11.2956 13.9212C10.5531 14.1333 9.86662 13.4468 10.0788 12.7043C10.1371 12.5 10.2466 12.314 10.3968 12.1638L18.7803 3.78028Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/emojis.svg b/src/assets/img/icons/emojis.svg
new file mode 100644
index 00000000..13762bec
--- /dev/null
+++ b/src/assets/img/icons/emojis.svg
@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 20.5C16.6944 20.5 20.5 16.6944 20.5 12C20.5 7.30558 16.6944 3.5 12 3.5C7.30558 3.5 3.5 7.30558 3.5 12C3.5 16.6944 7.30558 20.5 12 20.5ZM12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" fill="black"/>
+<path d="M9.56858 15.1746C9.22903 14.9373 8.75712 14.9308 8.46422 15.2237C8.17133 15.5166 8.16876 15.996 8.49708 16.2485C9.46695 16.9946 10.6816 17.4381 11.9998 17.4381C13.318 17.4381 14.5326 16.9946 15.5024 16.2485C15.8308 15.996 15.8282 15.5166 15.5353 15.2237C15.2424 14.9308 14.7705 14.9373 14.4309 15.1746C13.742 15.6558 12.9039 15.9381 11.9998 15.9381C11.0956 15.9381 10.2575 15.6558 9.56858 15.1746Z" fill="black"/>
+<path d="M17 10.5C17 11.3284 16.3284 12 15.5 12C14.6716 12 14 11.3284 14 10.5C14 9.67157 14.6716 9 15.5 9C16.3284 9 17 9.67157 17 10.5Z" fill="black"/>
+<path d="M10 10.5C10 11.3284 9.32843 12 8.5 12C7.67157 12 7 11.3284 7 10.5C7 9.67157 7.67157 9 8.5 9C9.32843 9 10 9.67157 10 10.5Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/exchange.svg b/src/assets/img/icons/exchange.svg
new file mode 100644
index 00000000..64343d6d
--- /dev/null
+++ b/src/assets/img/icons/exchange.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.46967 12.4697C6.76256 12.1768 7.23744 12.1768 7.53033 12.4697C7.82322 12.7626 7.82322 13.2374 7.53033 13.5303L5.66421 15.3964C5.34923 15.7114 5.57232 16.25 6.01777 16.25H19C19.4142 16.25 19.75 16.5858 19.75 17C19.75 17.4142 19.4142 17.75 19 17.75H6.01777C5.57231 17.75 5.34923 18.2886 5.66421 18.6036L7.53033 20.4697C7.82322 20.7626 7.82322 21.2374 7.53033 21.5303C7.23744 21.8232 6.76256 21.8232 6.46967 21.5303L2.46967 17.5303C2.17678 17.2374 2.17678 16.7626 2.46967 16.4697L6.46967 12.4697Z" fill="black"/>
+<path d="M17.5303 2.46967C17.2374 2.17678 16.7626 2.17678 16.4697 2.46967C16.1768 2.76256 16.1768 3.23744 16.4697 3.53033L18.3358 5.39645C18.6508 5.71143 18.4277 6.25 17.9822 6.25H5C4.58579 6.25 4.25 6.58579 4.25 7C4.25 7.41421 4.58579 7.75 5 7.75H17.9822C18.4277 7.75 18.6508 8.28857 18.3358 8.60355L16.4697 10.4697C16.1768 10.7626 16.1768 11.2374 16.4697 11.5303C16.7626 11.8232 17.2374 11.8232 17.5303 11.5303L21.5303 7.53033C21.8232 7.23744 21.8232 6.76256 21.5303 6.46967L17.5303 2.46967Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/external.svg b/src/assets/img/icons/external.svg
new file mode 100644
index 00000000..9c3084ff
--- /dev/null
+++ b/src/assets/img/icons/external.svg
@@ -0,0 +1,4 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 6.25C4.08579 6.25 3.75 6.58579 3.75 7V12C3.75 12.4142 4.08579 12.75 4.5 12.75H9.5C9.91421 12.75 10.25 12.4142 10.25 12V9.20711C10.25 9.0745 10.3027 8.94732 10.3964 8.85355L11.3232 7.92678C11.4807 7.76929 11.75 7.88083 11.75 8.10355V12C11.75 13.2426 10.7426 14.25 9.5 14.25H4.5C3.25736 14.25 2.25 13.2426 2.25 12V7C2.25 5.75736 3.25736 4.75 4.5 4.75H8.39645C8.61917 4.75 8.73071 5.01929 8.57322 5.17678L7.64645 6.10355C7.55268 6.19732 7.4255 6.25 7.29289 6.25H4.5Z" fill="black"/>
+<path d="M14.75 2.5C14.75 2.30811 14.6768 2.11621 14.5303 1.96973C14.3838 1.82324 14.1919 1.75 14 1.75H9C8.58569 1.75 8.25 2.08582 8.25 2.5C8.25 2.91418 8.58569 3.25 9 3.25H11.7066C11.8848 3.25 11.974 3.46543 11.848 3.59142L6.46973 8.96973C6.17676 9.26257 6.17676 9.73743 6.46973 10.0303C6.76245 10.3232 7.23755 10.3232 7.53027 10.0303L12.9086 4.65197C13.0346 4.52598 13.25 4.61521 13.25 4.79339V7.5C13.25 7.91418 13.5859 8.25 14 8.25C14.4141 8.25 14.75 7.91418 14.75 7.5V2.5Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/face-id.svg b/src/assets/img/icons/face-id.svg
new file mode 100644
index 00000000..fab874f4
--- /dev/null
+++ b/src/assets/img/icons/face-id.svg
@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6 20.25C4.75736 20.25 3.75 19.2426 3.75 18L3.75 16C3.75 15.5858 3.41421 15.25 3 15.25C2.58579 15.25 2.25 15.5858 2.25 16V18C2.25 20.0711 3.92893 21.75 6 21.75H8C8.41421 21.75 8.75 21.4142 8.75 21C8.75 20.5858 8.41421 20.25 8 20.25H6Z" fill="black"/>
+<path d="M9.8409 15.0381C9.59014 14.7171 9.12737 14.6545 8.8 14.9C8.46863 15.1485 8.40147 15.6186 8.65 15.95C8.87353 16.2474 9.18287 16.4683 9.5029 16.6512C10.0528 16.9654 10.8684 17.25 12 17.25C13.1316 17.25 13.9472 16.9654 14.4971 16.6512C14.7695 16.4955 14.9711 16.3358 15.1103 16.2074C15.1956 16.1286 15.2771 16.0457 15.3476 15.9532C15.5944 15.6269 15.529 15.1468 15.2 14.9C14.8726 14.6545 14.4099 14.7171 14.1591 15.0381C14.0473 15.1657 13.8989 15.2654 13.7529 15.3488C13.4278 15.5346 12.8684 15.75 12 15.75C11.1316 15.75 10.5722 15.5346 10.2471 15.3488C10.082 15.2545 9.97108 15.1642 9.90715 15.1051C9.88406 15.0838 9.86162 15.0618 9.8409 15.0381Z" fill="black"/>
+<path d="M12.75 9.5C12.75 9.08579 12.4142 8.75 12 8.75C11.5858 8.75 11.25 9.08579 11.25 9.5V12.5H11C10.5858 12.5 10.25 12.8358 10.25 13.25C10.25 13.6642 10.5858 14 11 14H11.5C12.1904 14 12.75 13.4404 12.75 12.75V9.5Z" fill="black"/>
+<path d="M8.75 9.5C8.75 9.08579 8.41421 8.75 8 8.75C7.58579 8.75 7.25 9.08579 7.25 9.5V11C7.25 11.4142 7.58579 11.75 8 11.75C8.41421 11.75 8.75 11.4142 8.75 11V9.5Z" fill="black"/>
+<path d="M3.75 6C3.75 4.75736 4.75736 3.75 6 3.75H8C8.41421 3.75 8.75 3.41421 8.75 3C8.75 2.58579 8.41421 2.25 8 2.25H6C3.92893 2.25 2.25 3.92893 2.25 6V8C2.25 8.41421 2.58579 8.75 3 8.75C3.41421 8.75 3.75 8.41421 3.75 8V6Z" fill="black"/>
+<path d="M16 8.75C16.4142 8.75 16.75 9.08579 16.75 9.5V11C16.75 11.4142 16.4142 11.75 16 11.75C15.5858 11.75 15.25 11.4142 15.25 11V9.5C15.25 9.08579 15.5858 8.75 16 8.75Z" fill="black"/>
+<path d="M18 3.75C19.2426 3.75 20.25 4.75736 20.25 6V8C20.25 8.41421 20.5858 8.75 21 8.75C21.4142 8.75 21.75 8.41421 21.75 8V6C21.75 3.92893 20.0711 2.25 18 2.25H16C15.5858 2.25 15.25 2.58579 15.25 3C15.25 3.41421 15.5858 3.75 16 3.75H18Z" fill="black"/>
+<path d="M18 20.25C19.2426 20.25 20.25 19.2426 20.25 18V16C20.25 15.5858 20.5858 15.25 21 15.25C21.4142 15.25 21.75 15.5858 21.75 16V18C21.75 20.0711 20.0711 21.75 18 21.75H16C15.5858 21.75 15.25 21.4142 15.25 21C15.25 20.5858 15.5858 20.25 16 20.25H18Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/face-sad.svg b/src/assets/img/icons/face-sad.svg
new file mode 100644
index 00000000..ae423abd
--- /dev/null
+++ b/src/assets/img/icons/face-sad.svg
@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17 10.5C17 11.3284 16.3284 12 15.5 12C14.6716 12 14 11.3284 14 10.5C14 9.67157 14.6716 9 15.5 9C16.3284 9 17 9.67157 17 10.5Z" fill="black"/>
+<path d="M8.5 12C9.32843 12 10 11.3284 10 10.5C10 9.67157 9.32843 9 8.5 9C7.67157 9 7 9.67157 7 10.5C7 11.3284 7.67157 12 8.5 12Z" fill="black"/>
+<path d="M8.46422 17.2144C8.75712 17.5073 9.22903 17.5008 9.56858 17.2636C10.2575 16.7823 11.0956 16.5 11.9998 16.5C12.9039 16.5 13.742 16.7823 14.4309 17.2636C14.7705 17.5008 15.2424 17.5073 15.5353 17.2144C15.8282 16.9215 15.8308 16.4421 15.5024 16.1896C14.5326 15.4435 13.318 15 11.9998 15C10.6816 15 9.46695 15.4435 8.49708 16.1896C8.16876 16.4421 8.17133 16.9215 8.46422 17.2144Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM12 20.5C16.6944 20.5 20.5 16.6944 20.5 12C20.5 7.30558 16.6944 3.5 12 3.5C7.30558 3.5 3.5 7.30558 3.5 12C3.5 16.6944 7.30558 20.5 12 20.5Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/favourite.svg b/src/assets/img/icons/favourite.svg
new file mode 100644
index 00000000..ff8915ce
--- /dev/null
+++ b/src/assets/img/icons/favourite.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.7773 8.37542L12.4617 2.80798C12.2909 2.39734 11.7091 2.39734 11.5383 2.80799L9.22272 8.37542L3.21222 8.85727C2.76889 8.89282 2.58913 9.44607 2.92689 9.7354L7.50627 13.6581L6.10719 19.5234C6.004 19.956 6.47463 20.2979 6.85418 20.0661L12 16.923L17.1458 20.0661C17.5254 20.2979 17.996 19.956 17.8928 19.5234L16.4938 13.6581L21.0731 9.7354C21.4109 9.44607 21.2311 8.89282 20.7878 8.85727L14.7773 8.37542ZM17.8148 10.5514C17.9837 10.4067 17.8938 10.1301 17.6722 10.1123L14.6574 9.87062C14.0967 9.82567 13.6083 9.47081 13.3923 8.95146L12.2308 6.15894C12.1454 5.95362 11.8546 5.95362 11.7692 6.15894L10.6077 8.95146C10.3917 9.47081 9.90328 9.82567 9.34259 9.87062L6.32783 10.1123C6.10617 10.1301 6.01629 10.4067 6.18517 10.5514L8.4821 12.5189C8.90929 12.8849 9.09584 13.459 8.96533 14.0062L8.26358 16.9481C8.21198 17.1644 8.4473 17.3353 8.63707 17.2194L11.2181 15.6429C11.6982 15.3497 12.3019 15.3497 12.7819 15.6429L15.3629 17.2194C15.5527 17.3353 15.788 17.1644 15.7364 16.9481L15.0347 14.0062C14.9042 13.459 15.0907 12.8849 15.5179 12.5189L17.8148 10.5514Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/file.svg b/src/assets/img/icons/file.svg
new file mode 100644
index 00000000..3abe98b7
--- /dev/null
+++ b/src/assets/img/icons/file.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.7883 6.37753L15.4501 3.13202C14.7034 2.40611 13.7031 2 12.6618 2H8C5.79086 2 4 3.79086 4 6V18C4 20.2091 5.79086 22 8 22H16C18.2091 22 20 20.2091 20 18V9.24551C20 8.16511 19.563 7.13065 18.7883 6.37753ZM16 20.5H8C6.61929 20.5 5.5 19.3807 5.5 18V6C5.5 4.61929 6.61929 3.5 8 3.5H12.6618C12.7755 3.5 12.8885 3.50776 13 3.52298V8C13 9.10457 13.8954 10 15 10H18.5V18C18.5 19.3807 17.3807 20.5 16 20.5ZM18.3863 8.5C18.2633 8.10658 18.0438 7.74579 17.7427 7.45302L14.5 4.3004V8C14.5 8.27614 14.7239 8.5 15 8.5H18.3863Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/filled-account.svg b/src/assets/img/icons/filled-account.svg
new file mode 100644
index 00000000..b9634851
--- /dev/null
+++ b/src/assets/img/icons/filled-account.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 9.81994C3 7.89494 4.371 6.24294 6.263 5.88894L17.816 3.72194C18.431 3.60694 19 4.07894 19 4.70494V6.49994C19 7.05294 18.552 7.49994 18 7.49994H6.618C6.239 7.49994 5.893 7.71394 5.724 8.05294L5.5 8.49994C5.27 8.95994 5.604 9.49994 6.118 9.49994H20C20.552 9.49994 21 9.94794 21 10.4999V20.4999C21 21.0529 20.552 21.4999 20 21.4999H7C4.791 21.4999 3 19.7099 3 17.4999V9.81994ZM16 15.4999C16 16.3289 16.672 16.9999 17.5 16.9999C18.328 16.9999 19 16.3289 19 15.4999C19 14.6719 18.328 13.9999 17.5 13.9999C16.672 13.9999 16 14.6719 16 15.4999Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/filter.svg b/src/assets/img/icons/filter.svg
new file mode 100644
index 00000000..f8742baf
--- /dev/null
+++ b/src/assets/img/icons/filter.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 15.25C9.58579 15.25 9.25 15.5858 9.25 16C9.25 16.4142 9.58579 16.75 10 16.75H14C14.4142 16.75 14.75 16.4142 14.75 16C14.75 15.5858 14.4142 15.25 14 15.25H10Z" fill="black"/>
+<path d="M6.25 12C6.25 11.5858 6.58579 11.25 7 11.25H17C17.4142 11.25 17.75 11.5858 17.75 12C17.75 12.4142 17.4142 12.75 17 12.75H7C6.58579 12.75 6.25 12.4142 6.25 12Z" fill="black"/>
+<path d="M3.25 8C3.25 7.58579 3.58579 7.25 4 7.25H20C20.4142 7.25 20.75 7.58579 20.75 8C20.75 8.41421 20.4142 8.75 20 8.75H4C3.58579 8.75 3.25 8.41421 3.25 8Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/flags.svg b/src/assets/img/icons/flags.svg
new file mode 100644
index 00000000..cd9dddab
--- /dev/null
+++ b/src/assets/img/icons/flags.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.80244 5.38251C5.76996 5.39961 5.75 5.43348 5.75 5.47017V12.1533C5.75 12.5133 6.14262 12.744 6.47817 12.6135C7.81759 12.0927 9.69131 11.9852 11.8975 13.3641C13.6974 14.489 15.3614 14.484 16.5838 14.2062C17.2007 14.066 17.7061 13.8554 18.0552 13.6808C18.1765 13.6202 18.25 13.4946 18.25 13.359V6.83246C18.25 6.48952 17.9121 6.24781 17.5803 6.33426C17.3642 6.39054 17.1316 6.443 16.8842 6.48799C15.39 6.75965 13.3427 6.75996 11.1646 5.6709C9.32372 4.75046 7.87516 4.76833 6.91269 4.98221C6.42478 5.09064 6.04983 5.25231 5.80244 5.38251ZM18.6284 4.34859L18.6274 4.34916L18.6074 4.35995C18.5877 4.37042 18.5555 4.38717 18.5115 4.40877C18.4233 4.45201 18.2883 4.5145 18.1121 4.58497C17.759 4.72622 17.2451 4.89776 16.6158 5.01218C15.36 5.24052 13.6573 5.24021 11.8354 4.32926C9.67627 3.24968 7.87483 3.23181 6.5873 3.51793C5.95021 3.65951 5.45017 3.87285 5.10381 4.05514C4.9305 4.14636 4.79499 4.23016 4.69921 4.29401C4.65128 4.32596 4.6132 4.35299 4.58519 4.37355C4.57119 4.38383 4.55969 4.39251 4.55073 4.39938L4.53919 4.40832L4.53486 4.41174L4.53305 4.41318L4.53223 4.41383C4.53223 4.41383 4.54177 4.40626 4.55073 4.39938L4.53223 4.41383L4.43765 4.48949C4.31904 4.58438 4.25 4.72803 4.25 4.87992V20.5C4.25 20.7762 4.47386 21 4.75 21H5.25C5.52614 21 5.75 20.7762 5.75 20.5V15.0239C5.75 14.8845 5.80713 14.7502 5.91474 14.6617C5.91887 14.6583 5.92302 14.6549 5.92722 14.6515C6.17885 14.4462 6.54916 14.1954 7.02183 14.0116C7.93241 13.6574 9.30869 13.5149 11.1025 14.6361C13.3026 16.0112 15.3886 16.0161 16.9162 15.6689C17.6743 15.4966 18.2939 15.2385 18.726 15.0225C18.9427 14.9141 19.1139 14.8155 19.2339 14.742C19.2939 14.7052 19.3412 14.6746 19.3751 14.652C19.3888 14.6429 19.4003 14.6351 19.4096 14.6287C19.4137 14.6259 19.4178 14.623 19.4219 14.6201C19.4241 14.6186 19.4265 14.6169 19.4285 14.6157C19.4405 14.608 19.4644 14.5911 19.4781 14.5815C19.4849 14.5766 19.4918 14.572 19.4988 14.5675L19.543 14.5391L19.6012 14.4945C19.6292 14.4731 19.6551 14.449 19.6756 14.4204C19.707 14.3766 19.75 14.3071 19.75 14.2549V4.56929C19.75 4.18537 19.3353 3.94469 19.0019 4.13517L18.6301 4.34765L18.6284 4.34859Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/flash-disable.svg b/src/assets/img/icons/flash-disable.svg
new file mode 100644
index 00000000..f27c4f26
--- /dev/null
+++ b/src/assets/img/icons/flash-disable.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.46967 2.46971C2.76256 2.17681 3.23744 2.17681 3.53033 2.46971L21.5303 20.4697C21.8232 20.7626 21.8232 21.2375 21.5303 21.5304C21.2374 21.8233 20.7626 21.8233 20.4697 21.5304L15.7149 16.7756C15.5111 16.5718 15.1778 16.582 14.9868 16.7978L10.546 21.818C10.2226 22.1836 9.62063 21.9166 9.67453 21.4314L10.3769 15.1105C10.4427 14.5181 9.97898 14.0001 9.38297 14.0001H4.66504C4.01875 14.0001 3.67508 13.2372 4.10329 12.7532L7.35393 9.07852C7.52903 8.88058 7.51985 8.58055 7.33298 8.39368L2.46967 3.53037C2.17678 3.23747 2.17678 2.7626 2.46967 2.46971ZM13.9438 15.0045C14.1307 15.1914 14.1399 15.4914 13.9648 15.6893L12.5597 17.2777C12.2363 17.6433 11.6343 17.3763 11.6882 16.8912L11.8677 15.2762C12.0322 13.7952 10.873 12.5001 9.38297 12.5001H7.43971C7.00885 12.5001 6.77973 11.9915 7.06521 11.6688L8.37601 10.187C8.56694 9.97119 8.9003 9.961 9.10406 10.1648L13.9438 15.0045Z" fill="black"/>
+<path d="M17.8484 13.5626C17.6575 13.7784 17.3241 13.7886 17.1204 13.5849L16.7661 13.2306C16.5793 13.0438 16.5701 12.7438 16.7452 12.5458L16.9349 12.3314C17.2204 12.0087 16.9913 11.5001 16.5604 11.5001H15.2427C15.1101 11.5001 14.9829 11.4474 14.8891 11.3536L14.3891 10.8536C14.0741 10.5386 14.2972 10.0001 14.7427 10.0001L19.3351 10.0001C19.9814 10.0001 20.325 10.7629 19.8968 11.247L17.8484 13.5626Z" fill="black"/>
+<path d="M12.1717 8.3708C12.1549 8.52176 12.2077 8.67216 12.3151 8.77957L12.7678 9.23234C13.0643 9.52879 13.572 9.35069 13.6183 8.934L14.3256 2.56871C14.3795 2.08358 13.7776 1.81661 13.4541 2.18221L10.1344 5.93499C9.95927 6.13293 9.96845 6.43295 10.1553 6.61983L10.5095 6.97404C10.7133 7.1778 11.0467 7.16761 11.2376 6.95178L11.4404 6.72247C11.7639 6.35687 12.3658 6.62383 12.3119 7.10897L12.1717 8.3708Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/flash.svg b/src/assets/img/icons/flash.svg
new file mode 100644
index 00000000..a11eed08
--- /dev/null
+++ b/src/assets/img/icons/flash.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.3821 11.0003C12.0975 10.6824 11.9618 10.2584 12.0089 9.83431L12.3118 7.10885C12.3657 6.62371 11.7637 6.35675 11.4403 6.72235L7.06472 11.6687C6.77925 11.9914 7.00836 12.5 7.43922 12.5H9.38248C10.8725 12.5 12.0317 13.7951 11.8672 15.276L11.6877 16.8911C11.6338 17.3762 12.2358 17.6432 12.5592 17.2776L16.9348 12.3312C17.2203 12.0085 16.9911 11.5 16.5603 11.5H13.4997C13.0731 11.5 12.6666 11.3183 12.3821 11.0003ZM10.5455 21.8178C10.2221 22.1834 9.62014 21.9165 9.67404 21.4313L10.3764 15.1104C10.4422 14.518 9.9785 14 9.38248 14H4.66455C4.01826 14 3.67459 13.2371 4.1028 12.753L13.454 2.18209C13.7774 1.81649 14.3794 2.08345 14.3255 2.56859L13.5614 9.44474C13.5285 9.74092 13.7604 9.99995 14.0584 9.99995H19.3349C19.9812 9.99995 20.3249 10.7628 19.8967 11.2469L10.5455 21.8178Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/food-and-drinks.svg b/src/assets/img/icons/food-and-drinks.svg
new file mode 100644
index 00000000..11fcb2cb
--- /dev/null
+++ b/src/assets/img/icons/food-and-drinks.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.7177 6.32837C12.8062 6.40701 12.9467 6.356 12.9647 6.23899C13.0668 5.57187 13.1919 4.84236 13.3321 4.20604C13.4496 3.67235 13.5893 3.14809 13.7547 2.77967C13.8264 2.62007 13.9567 2.36088 14.1859 2.18709C14.3199 2.0855 14.5319 1.9807 14.8001 2.00207C15.0649 2.02316 15.2564 2.15718 15.3728 2.27366C15.8487 2.74951 16.215 3.56146 16.4431 4.13854C16.5083 4.30333 16.6962 4.38338 16.8612 4.31867C16.9331 4.29043 17.007 4.26265 17.0821 4.23582C17.4357 4.10963 17.8577 3.99018 18.2674 3.96241C18.6553 3.93611 19.2023 3.98181 19.6083 4.38781C20.0143 4.79382 20.06 5.34077 20.0337 5.72874C20.0059 6.1384 19.8865 6.56043 19.7603 6.91398C19.7335 6.98913 19.7057 7.06298 19.6775 7.13496C19.6127 7.29991 19.6928 7.48785 19.8576 7.55299C20.4347 7.78109 21.2466 8.14744 21.7225 8.62329C21.8361 8.73695 21.9669 8.92222 21.9925 9.17883C22.0187 9.4411 21.9227 9.65315 21.823 9.79136C21.6537 10.026 21.3971 10.1581 21.2434 10.2291C20.8871 10.3936 20.3804 10.5315 19.8652 10.6473C19.3024 10.7738 18.6605 10.8884 18.0508 10.9855C18.019 10.9906 18.0074 11.0303 18.0315 11.0517C19.0201 11.9305 18.9023 13.5023 17.7796 14.2018C13.2579 17.019 3.30454 23.0047 2.14985 21.8501C0.978356 20.6787 7.03373 10.9377 9.74241 6.72691C10.3998 5.70497 11.8095 5.52107 12.7177 6.32837ZM15.4868 6.00811C15.5763 6.31918 15.9334 6.46447 16.2147 6.3043L16.4905 6.14723L16.4933 6.14566L16.5082 6.1374C16.522 6.12976 16.5434 6.118 16.5717 6.10291C16.6282 6.07267 16.7112 6.02933 16.8135 5.97903C17.0201 5.8775 17.2962 5.75209 17.5864 5.64854C17.8842 5.54223 18.1577 5.47329 18.3688 5.45898C18.467 5.45232 18.5438 5.52908 18.5371 5.62729C18.5228 5.83847 18.4539 6.11192 18.3476 6.40976C18.244 6.69988 18.1186 6.97604 18.0171 7.18259C17.9668 7.28491 17.9234 7.36795 17.8932 7.42446C17.8781 7.45267 17.8664 7.47414 17.8587 7.48795L17.8505 7.50278L17.8487 7.50591L17.6918 7.78143C17.5317 8.06274 17.6769 8.41978 17.988 8.50932L18.2934 8.59723L18.2963 8.59808L18.3102 8.60218C18.323 8.60596 18.3427 8.61184 18.3684 8.61968C18.4198 8.6354 18.4953 8.65896 18.5885 8.68952C18.7757 8.75086 19.0313 8.83932 19.3062 8.94796C19.3885 8.98049 19.4697 9.01376 19.549 9.04755C19.6143 9.07533 19.6055 9.16824 19.5363 9.18379C18.6689 9.37869 17.5761 9.54795 16.7329 9.66458C16.5887 9.68454 16.4432 9.63991 16.3343 9.54315L14.4693 7.88533C14.3455 7.77526 14.2841 7.61111 14.3063 7.44692C14.4199 6.60669 14.5938 5.45112 14.797 4.52861C14.8172 4.43675 14.9397 4.42524 14.9759 4.51206C15.0004 4.57058 15.0245 4.62996 15.0482 4.68994C15.1568 4.96479 15.2453 5.22039 15.3066 5.40757C15.3372 5.50084 15.3607 5.57633 15.3764 5.62776C15.3843 5.65345 15.3902 5.67309 15.3939 5.68587L15.398 5.6998L15.399 5.70312L15.4868 6.00811ZM17.035 12.1729L11.7212 7.44949C11.4915 7.24531 11.1562 7.30173 11.004 7.53844C10.5276 8.27903 9.94922 9.18832 9.32638 10.1895C9.21938 10.3615 9.2743 10.5874 9.44571 10.6953C9.75815 10.892 10.1684 11.1638 10.4805 11.4242C10.8281 11.7143 11.2271 12.1147 11.5268 12.4275C11.6795 12.5869 11.8119 12.7293 11.9062 12.8319C11.9534 12.8833 11.9912 12.9249 12.0174 12.9539L12.0478 12.9876L12.056 12.9967L12.0592 13.0003C12.3352 13.3092 12.3086 13.7833 11.9997 14.0593C11.6909 14.3353 11.2168 14.3087 10.9408 13.9999L10.939 13.9978L10.9323 13.9904L10.9051 13.9603C10.8812 13.9338 10.8459 13.895 10.8015 13.8467C10.7126 13.7499 10.5876 13.6154 10.4437 13.4652C10.1503 13.159 9.79926 12.8094 9.51948 12.5759C9.28799 12.3828 8.94824 12.1546 8.64657 11.9647C8.4823 11.8613 8.26612 11.9148 8.16567 12.0809C7.99097 12.3698 7.81557 12.6619 7.64055 12.9559C7.61088 13.0057 7.61613 13.0681 7.64569 13.118C7.65223 13.1291 7.6598 13.1393 7.66895 13.1483C7.71875 13.1972 7.81316 13.2845 7.98057 13.4242C8.32816 13.7143 8.72716 14.1147 9.02689 14.4275C9.1796 14.5869 9.31195 14.7293 9.40624 14.8319C9.45344 14.8833 9.49125 14.9249 9.51747 14.9539L9.54787 14.9876L9.55606 14.9967L9.55918 15.0002C9.83518 15.309 9.80867 15.7833 9.49981 16.0593C9.19097 16.3353 8.71688 16.3087 8.44087 15.9999L8.43903 15.9978L8.43236 15.9904L8.40522 15.9603C8.38127 15.9338 8.346 15.895 8.30159 15.8467C8.21265 15.7499 8.08763 15.6154 7.94376 15.4652C7.65033 15.159 7.29933 14.8094 7.01956 14.5759C6.90494 14.4803 6.73024 14.5087 6.65592 14.6382C6.36351 15.1475 6.07835 15.6539 5.80602 16.1501L4.47393 18.8767C4.26632 19.3017 4.71015 19.7506 5.13748 19.5479L7.99665 18.1917C11.1485 16.512 14.7325 14.333 16.9864 12.9287C17.24 12.7707 17.2912 12.4006 17.035 12.1729Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/gallery.svg b/src/assets/img/icons/gallery.svg
new file mode 100644
index 00000000..1c181412
--- /dev/null
+++ b/src/assets/img/icons/gallery.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.5668 13.9999C17.6713 13.9999 18.4399 14.6594 18.2834 15.4729C18.1269 16.2864 17.1046 16.9459 16 16.9459C14.8954 16.9459 14.1269 16.2864 14.2834 15.4729C14.4399 14.6594 15.4622 13.9999 16.5668 13.9999Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.51675 14.445L2.989 17.5934C3.28272 19.5514 4.96476 21 6.94475 21H17.0553C19.0352 21 20.7173 19.5514 21.011 17.5934L21.4832 14.445C21.7553 12.6312 20.3505 11 18.5164 11H5.48356C3.64946 11 2.24468 12.6312 2.51675 14.445ZM4.88662 15.7182C4.58269 15.8701 4.21896 15.6812 4.16855 15.3451L4.00016 14.2225C3.86412 13.3156 4.56651 12.5 5.48356 12.5H18.5164C19.4335 12.5 20.1359 13.3156 19.9998 14.2225L19.5276 17.3709C19.344 18.5947 18.2927 19.5 17.0553 19.5H16.0246C15.9235 19.5 15.8247 19.4693 15.7413 19.412L8.91101 14.7162C8.38614 14.3553 7.70666 14.3081 7.13696 14.593L4.88662 15.7182ZM4.63557 17.9589C4.54655 17.7443 4.6603 17.5084 4.8681 17.4045L7.80778 15.9346C7.88916 15.8939 7.98623 15.9007 8.06121 15.9522L11.895 18.588C12.2997 18.8662 12.1028 19.5 11.6118 19.5H6.94475C5.91552 19.5 5.0151 18.8737 4.63557 17.9589Z" fill="black"/>
+<path d="M4.36256 8.63874C4.43057 9.0922 4.07938 9.5 3.62085 9.5C3.24961 9.5 2.93422 9.2284 2.87915 8.86126L2.51672 6.44502C2.24464 4.63121 3.64942 3 5.48353 3H18.5164C20.3505 3 21.7553 4.63121 21.4832 6.44502L21.1208 8.86126C21.0657 9.2284 20.7503 9.5 20.3791 9.5C19.9205 9.5 19.5694 9.0922 19.6374 8.63875L19.9998 6.22251C20.1358 5.31561 19.4335 4.5 18.5164 4.5H5.48353C4.56647 4.5 3.86409 5.3156 4.00012 6.22251L4.36256 8.63874Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/group-chat.svg b/src/assets/img/icons/group-chat.svg
new file mode 100644
index 00000000..bfec1e2a
--- /dev/null
+++ b/src/assets/img/icons/group-chat.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.2516 12.4656C14.4937 12.3433 14.7935 12.407 14.9707 12.6123C15.7042 13.4621 16.7893 14 18 14C20.2091 14 22 12.2091 22 10C22 7.79086 20.2091 6 18 6C17.7062 6 17.4199 6.03167 17.1441 6.09177C16.8792 6.14951 16.6011 6.02089 16.4804 5.77808C15.6623 4.13156 13.9633 3 12 3C10.0367 3 8.33769 4.13156 7.51958 5.77808C7.39894 6.02089 7.12078 6.14952 6.85587 6.09177C6.58013 6.03167 6.29376 6 6 6C3.79086 6 2 7.79086 2 10C2 12.2091 3.79086 14 6 14C7.21068 14 8.29574 13.4621 9.02925 12.6123C9.20647 12.407 9.50633 12.3433 9.74842 12.4656C10.4251 12.8074 11.1901 13 12 13C12.8099 13 13.5749 12.8074 14.2516 12.4656ZM15.5 8C15.5 9.933 13.933 11.5 12 11.5C10.067 11.5 8.5 9.933 8.5 8C8.5 6.067 10.067 4.5 12 4.5C13.933 4.5 15.5 6.067 15.5 8ZM16.0355 10.9526C15.912 11.1212 15.8848 11.3495 16.0116 11.5156C16.4684 12.114 17.1891 12.5 18 12.5C19.3807 12.5 20.5 11.3807 20.5 10C20.5 8.61929 19.3807 7.5 18 7.5C17.7431 7.5 17.4953 7.53875 17.262 7.61071C17.0961 7.66188 17 7.82644 17 8C17 9.10444 16.6419 10.1252 16.0355 10.9526ZM6.73802 7.61072C6.50475 7.53875 6.2569 7.5 6 7.5C4.61929 7.5 3.5 8.61929 3.5 10C3.5 11.3807 4.61929 12.5 6 12.5C6.81088 12.5 7.53159 12.1139 7.98837 11.5156C8.11515 11.3495 8.08799 11.1212 7.96448 10.9526C7.35808 10.1252 7 9.10443 7 8C7 7.82644 6.90387 7.66189 6.73802 7.61072Z" fill="black"/>
+<path d="M5.14735 21.0368C5.53098 21.1327 5.91944 20.9141 6.08362 20.5543C7.1079 18.3099 9.37181 16.75 12 16.75C14.6684 16.75 16.9613 18.3579 17.9625 20.6577C18.1289 21.0398 18.5478 21.2663 18.9456 21.142C19.3386 21.0192 19.5622 20.6006 19.4061 20.2196C18.2119 17.3039 15.3458 15.25 12 15.25C8.70404 15.25 5.8736 17.2432 4.64834 20.0901C4.47629 20.4898 4.72515 20.9313 5.14735 21.0368Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/group.svg b/src/assets/img/icons/group.svg
new file mode 100644
index 00000000..6a3db6c4
--- /dev/null
+++ b/src/assets/img/icons/group.svg
@@ -0,0 +1,6 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 8C9.24265 8 10.25 6.99264 10.25 5.75C10.25 4.50736 9.24265 3.5 8 3.5C6.75736 3.5 5.75 4.50736 5.75 5.75C5.75 6.99264 6.75736 8 8 8Z" fill="black"/>
+<path d="M4.12343 12.5101C4.56395 10.7798 6.13252 9.5 8 9.5C9.86749 9.5 11.4361 10.7798 11.8766 12.5101C12.0128 13.0453 11.5523 13.5 11 13.5H5C4.44772 13.5 3.98718 13.0453 4.12343 12.5101Z" fill="black"/>
+<path d="M4.5 7.75C4.5 8.7165 3.7165 9.5 2.75 9.5C1.7835 9.5 1 8.7165 1 7.75C1 6.7835 1.7835 6 2.75 6C3.7165 6 4.5 6.7835 4.5 7.75Z" fill="black"/>
+<path d="M13.25 9.5C14.2165 9.5 15 8.7165 15 7.75C15 6.7835 14.2165 6 13.25 6C12.2835 6 11.5 6.7835 11.5 7.75C11.5 8.7165 12.2835 9.5 13.25 9.5Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/help.svg b/src/assets/img/icons/help.svg
new file mode 100644
index 00000000..0f3e8dc8
--- /dev/null
+++ b/src/assets/img/icons/help.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.25 9C8.25 6.92579 9.92579 5.25 12 5.25C14.0742 5.25 15.75 6.92579 15.75 9C15.75 9.7486 15.3603 10.3772 14.9449 10.8426C14.5214 11.3171 13.9927 11.7108 13.5401 12.0028C13.0428 12.3237 12.75 12.8155 12.75 13.2971V14C12.75 14.4142 12.4142 14.75 12 14.75C11.5858 14.75 11.25 14.4142 11.25 14V13.2971C11.25 12.2007 11.8981 11.2771 12.7269 10.7424C13.124 10.4862 13.5285 10.1769 13.8258 9.84374C14.1313 9.50148 14.25 9.21784 14.25 9C14.25 7.75421 13.2458 6.75 12 6.75C10.7542 6.75 9.75 7.75421 9.75 9C9.75 9.41421 9.41421 9.75 9 9.75C8.58579 9.75 8.25 9.41421 8.25 9Z" fill="black"/>
+<path d="M12 18.75C12.6904 18.75 13.25 18.1904 13.25 17.5C13.25 16.8096 12.6904 16.25 12 16.25C11.3096 16.25 10.75 16.8096 10.75 17.5C10.75 18.1904 11.3096 18.75 12 18.75Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12ZM3.5 12C3.5 16.6944 7.30558 20.5 12 20.5C16.6944 20.5 20.5 16.6944 20.5 12C20.5 7.30558 16.6944 3.5 12 3.5C7.30558 3.5 3.5 7.30558 3.5 12Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/hide.svg b/src/assets/img/icons/hide.svg
new file mode 100644
index 00000000..64980bd0
--- /dev/null
+++ b/src/assets/img/icons/hide.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.96615 7.47938C5.21271 7.67115 5.22468 8.03942 4.99932 8.25572C3.67944 9.52258 2.74818 10.8323 2.30102 11.5167C2.10734 11.8131 2.10734 12.1868 2.30102 12.4832C3.33585 14.067 6.96324 19 12 19C13.9068 19 15.6116 18.293 17.0502 17.3284C17.2338 17.2053 17.4762 17.2094 17.6507 17.3452L20.5396 19.592C20.8665 19.8464 21.3377 19.7874 21.592 19.4605C21.8464 19.1335 21.7875 18.6623 21.4605 18.408L3.46049 4.40802C3.13353 4.15372 2.66232 4.21262 2.40802 4.53958C2.15372 4.86654 2.21262 5.33775 2.53958 5.59205L4.96615 7.47938ZM15.5613 15.72C15.8321 15.9307 15.8149 16.3454 15.5155 16.5128C14.4347 17.1172 13.2536 17.5 12 17.5C9.98279 17.5 8.15324 16.5088 6.62731 15.1978C5.82428 14.5078 5.14469 13.7624 4.61201 13.1051C4.08841 12.459 4.08841 11.5409 4.61201 10.8948C5.14469 10.2375 5.82428 9.49209 6.62731 8.80216C6.63825 8.79276 6.6543 8.79238 6.66568 8.80124L8.11069 9.92514C8.30026 10.0726 8.35491 10.3329 8.26824 10.5568C8.09501 11.0045 8 11.4912 8 12C8 14.2091 9.79086 16 12 16C12.8635 16 13.6631 15.7264 14.3168 15.2611C14.5124 15.1219 14.7781 15.1109 14.9676 15.2583L15.5613 15.72ZM9.50867 11.7902C9.53662 11.4537 9.92769 11.3384 10.1942 11.5457L12.8848 13.6384C13.1513 13.8456 13.136 14.2532 12.817 14.3634C12.561 14.4519 12.2861 14.5 12 14.5C10.6193 14.5 9.5 13.3807 9.5 12C9.5 11.9293 9.50293 11.8594 9.50867 11.7902Z" fill="black"/>
+<path d="M8.85704 6.41675C8.56596 6.19035 8.6129 5.73908 8.95557 5.60284C9.89718 5.22846 10.9159 5 11.9998 5C17.0366 5 20.664 9.93293 21.6988 11.5167C21.8925 11.8132 21.8925 12.1868 21.6988 12.4833C21.3892 12.9571 20.8476 13.7307 20.1056 14.5822C19.9344 14.7787 19.6397 14.8032 19.4339 14.6432L19.0407 14.3374C18.8092 14.1573 18.7822 13.8179 18.9749 13.5967C19.1209 13.429 19.2587 13.2645 19.3878 13.1052C19.9114 12.459 19.9114 11.541 19.3878 10.8948C18.8552 10.2375 18.1756 9.49212 17.3725 8.80219C15.8466 7.49116 14.0171 6.5 11.9998 6.5C11.2512 6.5 10.5285 6.63648 9.83756 6.87515C9.67151 6.93251 9.48682 6.90658 9.34814 6.79872L8.85704 6.41675Z" fill="black"/>
+<path d="M15.8613 10.9529C15.9704 11.3561 15.5153 11.5954 15.1857 11.339L13.7839 10.2487C13.6274 10.0894 13.4498 9.95089 13.2556 9.83783L11.8052 8.70975C11.4959 8.46923 11.608 8 11.9998 8C13.8466 8 15.4011 9.25163 15.8613 10.9529Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/history.svg b/src/assets/img/icons/history.svg
new file mode 100644
index 00000000..319e1d36
--- /dev/null
+++ b/src/assets/img/icons/history.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.75 7C12.75 6.58579 12.4142 6.25 12 6.25C11.5858 6.25 11.25 6.58579 11.25 7V11.1716C11.25 11.9009 11.5397 12.6004 12.0555 13.1161L14.4697 15.5303C14.7626 15.8232 15.2374 15.8232 15.5303 15.5303C15.8232 15.2374 15.8232 14.7626 15.5303 14.4697L13.1161 12.0555C12.8817 11.821 12.75 11.5031 12.75 11.1716V7Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM20.5 12C20.5 16.6944 16.6944 20.5 12 20.5C7.30558 20.5 3.5 16.6944 3.5 12C3.5 7.30558 7.30558 3.5 12 3.5C16.6944 3.5 20.5 7.30558 20.5 12Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/image.svg b/src/assets/img/icons/image.svg
new file mode 100644
index 00000000..cbcd2b71
--- /dev/null
+++ b/src/assets/img/icons/image.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.5 9.5C18.5 11.1569 17.1569 12.5 15.5 12.5C13.8431 12.5 12.5 11.1569 12.5 9.5C12.5 7.84315 13.8431 6.5 15.5 6.5C17.1569 6.5 18.5 7.84315 18.5 9.5ZM17 9.5C17 10.3284 16.3284 11 15.5 11C14.6716 11 14 10.3284 14 9.5C14 8.67157 14.6716 8 15.5 8C16.3284 8 17 8.67157 17 9.5Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 3C3.79086 3 2 4.79086 2 7V17C2 19.2091 3.79086 21 6 21H18C20.2091 21 22 19.2091 22 17V7C22 4.79086 20.2091 3 18 3H6ZM18 4.5H6C4.61929 4.5 3.5 5.61929 3.5 7V10.2322C3.5 10.6777 4.03857 10.9008 4.35355 10.5858L5.76256 9.17678C6.44598 8.49336 7.55402 8.49336 8.23744 9.17678L18.3181 19.2575C18.4372 19.3765 18.6094 19.4311 18.7695 19.3793C19.7737 19.0548 20.5 18.1122 20.5 17V7C20.5 5.61929 19.3807 4.5 18 4.5ZM3.53033 13.5303C3.51153 13.5491 3.5 13.5742 3.5 13.6008V17C3.5 18.3807 4.61929 19.5 6 19.5H15.2322C15.6777 19.5 15.9008 18.9614 15.5858 18.6464L7.17678 10.2374C7.07914 10.1398 6.92085 10.1398 6.82322 10.2374L3.53033 13.5303Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/in-contacts.svg b/src/assets/img/icons/in-contacts.svg
new file mode 100644
index 00000000..257eedc5
--- /dev/null
+++ b/src/assets/img/icons/in-contacts.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 13C14.7614 13 17 10.7614 17 8C17 5.23858 14.7614 3 12 3C9.23858 3 7 5.23858 7 8C7 10.7614 9.23858 13 12 13ZM12 11.5C13.933 11.5 15.5 9.933 15.5 8C15.5 6.067 13.933 4.5 12 4.5C10.067 4.5 8.5 6.067 8.5 8C8.5 9.933 10.067 11.5 12 11.5Z" fill="black"/>
+<path d="M12.9345 16.7839C12.8997 17.2015 12.5288 17.506 12.1099 17.5007C12.0732 17.5002 12.0366 17.5 11.9998 17.5C9.45645 17.5 7.17395 18.6171 5.61624 20.3874C5.31374 20.7312 4.77772 20.7779 4.45392 20.454C4.19319 20.1933 4.16181 19.7784 4.40167 19.4984C6.23574 17.357 8.95932 16 11.9998 16C12.0868 16 12.1735 16.0011 12.2599 16.0033C12.6689 16.0138 12.9685 16.3762 12.9345 16.7839Z" fill="black"/>
+<path d="M21.6708 13.3354C21.8561 12.9649 21.7059 12.5144 21.3354 12.3292C20.9649 12.1439 20.5144 12.2941 20.3292 12.6646L18.1048 17.1134C17.9522 17.4186 17.5453 17.4847 17.304 17.2433L16.5303 16.4697C16.2374 16.1768 15.7626 16.1768 15.4697 16.4697C15.1768 16.7626 15.1768 17.2374 15.4697 17.5303L16.9791 19.0398C17.5824 19.6431 18.5995 19.4781 18.9811 18.7149L21.6708 13.3354Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/info.svg b/src/assets/img/icons/info.svg
new file mode 100644
index 00000000..a70d413a
--- /dev/null
+++ b/src/assets/img/icons/info.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.25 10C9.25 9.58579 9.58579 9.25 10 9.25H12.5C12.9142 9.25 13.25 9.58579 13.25 10V17.5C13.25 17.9142 12.9142 18.25 12.5 18.25C12.0858 18.25 11.75 17.9142 11.75 17.5V10.75H10C9.58579 10.75 9.25 10.4142 9.25 10Z" fill="black"/>
+<path d="M12 7.75C12.6904 7.75 13.25 7.19036 13.25 6.5C13.25 5.80964 12.6904 5.25 12 5.25C11.3096 5.25 10.75 5.80964 10.75 6.5C10.75 7.19036 11.3096 7.75 12 7.75Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12ZM3.5 12C3.5 16.6944 7.30558 20.5 12 20.5C16.6944 20.5 20.5 16.6944 20.5 12C20.5 7.30558 16.6944 3.5 12 3.5C7.30558 3.5 3.5 7.30558 3.5 12Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/italic.svg b/src/assets/img/icons/italic.svg
new file mode 100644
index 00000000..9715d586
--- /dev/null
+++ b/src/assets/img/icons/italic.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.53098 4.75C8.53098 4.33579 8.86676 4 9.28098 4H17.2511C17.6653 4 18.0011 4.33579 18.0011 4.75C18.0011 5.16421 17.6653 5.5 17.2511 5.5H14.9826C14.5034 5.5 14.0916 5.83991 14.0007 6.3104L11.8766 17.3104C11.7575 17.9273 12.2301 18.5 12.8585 18.5H14.7189C15.1331 18.5 15.4689 18.8358 15.4689 19.25C15.4689 19.6642 15.1331 20 14.7189 20H6.74879C6.33458 20 5.99879 19.6642 5.99879 19.25C5.99879 18.8358 6.33458 18.5 6.74879 18.5H9.1225C9.60168 18.5 10.0135 18.1601 10.1044 17.6896L12.2285 6.6896C12.3476 6.07266 11.875 5.5 11.2466 5.5H9.28097C8.86676 5.5 8.53098 5.16421 8.53098 4.75Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/keyboard.svg b/src/assets/img/icons/keyboard.svg
new file mode 100644
index 00000000..da1e055b
--- /dev/null
+++ b/src/assets/img/icons/keyboard.svg
@@ -0,0 +1,9 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7 16.5C7 15.9477 7.44772 15.5 8 15.5H16C16.5523 15.5 17 15.9477 17 16.5C17 17.0523 16.5523 17.5 16 17.5H8C7.44772 17.5 7 17.0523 7 16.5Z" fill="black"/>
+<path d="M7 7C6.44772 7 6 7.44772 6 8V8.5C6 9.05228 6.44772 9.5 7 9.5H7.5C8.05228 9.5 8.5 9.05228 8.5 8.5V8C8.5 7.44772 8.05228 7 7.5 7H7Z" fill="black"/>
+<path d="M8.25 12C8.25 11.4477 8.69772 11 9.25 11H9.75C10.3023 11 10.75 11.4477 10.75 12V12.5C10.75 13.0523 10.3023 13.5 9.75 13.5H9.25C8.69772 13.5 8.25 13.0523 8.25 12.5V12Z" fill="black"/>
+<path d="M14.25 11C13.6977 11 13.25 11.4477 13.25 12V12.5C13.25 13.0523 13.6977 13.5 14.25 13.5H14.75C15.3023 13.5 15.75 13.0523 15.75 12.5V12C15.75 11.4477 15.3023 11 14.75 11H14.25Z" fill="black"/>
+<path d="M10.75 8C10.75 7.44772 11.1977 7 11.75 7H12.25C12.8023 7 13.25 7.44772 13.25 8V8.5C13.25 9.05228 12.8023 9.5 12.25 9.5H11.75C11.1977 9.5 10.75 9.05228 10.75 8.5V8Z" fill="black"/>
+<path d="M16.5 7C15.9477 7 15.5 7.44772 15.5 8V8.5C15.5 9.05228 15.9477 9.5 16.5 9.5H17C17.5523 9.5 18 9.05228 18 8.5V8C18 7.44772 17.5523 7 17 7H16.5Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 3C3.79086 3 2 4.79086 2 7V17C2 19.2091 3.79086 21 6 21H18C20.2091 21 22 19.2091 22 17V7C22 4.79086 20.2091 3 18 3H6ZM18 4.5H6C4.61929 4.5 3.5 5.61929 3.5 7V17C3.5 18.3807 4.61929 19.5 6 19.5H18C19.3807 19.5 20.5 18.3807 20.5 17V7C20.5 5.61929 19.3807 4.5 18 4.5Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/keycard-logo.svg b/src/assets/img/icons/keycard-logo.svg
new file mode 100644
index 00000000..156979d5
--- /dev/null
+++ b/src/assets/img/icons/keycard-logo.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.25 21.25C9.25 21.6642 9.58579 22 10 22C10.4142 22 10.75 21.6642 10.75 21.25V19.5179C10.75 19.3853 10.8027 19.2581 10.8964 19.1643L11.2066 18.8542C11.4238 18.6369 11.7838 18.6652 11.9645 18.9137L13.9096 21.5882C14.0978 21.8469 14.3984 22 14.7183 22H15.082C15.4906 22 15.7267 21.5364 15.4864 21.2059L12.9454 17.7122C12.8007 17.5132 12.8223 17.2385 12.9963 17.0645L15.2072 14.8536C15.5222 14.5386 15.2991 14 14.8537 14H14.3537C14.0885 14 13.8341 14.1054 13.6466 14.2929L11.6036 16.3359C11.2886 16.6509 10.75 16.4278 10.75 15.9823V11.3609C10.75 11.1167 10.9275 10.9111 11.1634 10.8482C13.0848 10.3354 14.5 8.58296 14.5 6.5C14.5 4.01472 12.4853 2 10 2C7.51472 2 5.5 4.01472 5.5 6.5C5.5 8.58296 6.91522 10.3354 8.83657 10.8482C9.07253 10.9111 9.25 11.1167 9.25 11.3609V21.25ZM13 6.5C13 8.15685 11.6569 9.5 10 9.5C8.34315 9.5 7 8.15685 7 6.5C7 4.84315 8.34315 3.5 10 3.5C11.6569 3.5 13 4.84315 13 6.5Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/keycard.svg b/src/assets/img/icons/keycard.svg
new file mode 100644
index 00000000..e3f44101
--- /dev/null
+++ b/src/assets/img/icons/keycard.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7 10C6.44772 10 6 10.4477 6 11V13C6 13.5523 6.44772 14 7 14H8C8.55228 14 9 13.5523 9 13V11C9 10.4477 8.55228 10 8 10H7Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2 8C2 5.79086 3.79086 4 6 4H18C20.2091 4 22 5.79086 22 8V16C22 18.2091 20.2091 20 18 20H6C3.79086 20 2 18.2091 2 16V8ZM6 5.5H18C19.3807 5.5 20.5 6.61929 20.5 8V16C20.5 17.3807 19.3807 18.5 18 18.5H6C4.61929 18.5 3.5 17.3807 3.5 16V8C3.5 6.61929 4.61929 5.5 6 5.5Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/language.svg b/src/assets/img/icons/language.svg
new file mode 100644
index 00000000..d328f9b1
--- /dev/null
+++ b/src/assets/img/icons/language.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM4.07825 11.25C3.78493 11.25 3.55332 10.9981 3.59754 10.7082C3.98299 8.18024 5.48199 6.01851 7.57835 4.73915C7.99205 4.48668 8.42979 4.97431 8.23555 5.41833C7.59347 6.88611 7.16253 8.73273 7.03753 10.7686C7.02105 11.037 6.80098 11.25 6.53204 11.25H4.07825ZM3.59754 13.2918C3.55332 13.0019 3.78493 12.75 4.07825 12.75H6.53204C6.80098 12.75 7.02105 12.963 7.03753 13.2314C7.16253 15.2673 7.59347 17.1139 8.23555 18.5817C8.42979 19.0257 7.99205 19.5133 7.57835 19.2608C5.48198 17.9815 3.98299 15.8198 3.59754 13.2918ZM9.03537 11.25C8.75138 11.25 8.52372 11.0135 8.54316 10.7301C8.68368 8.68182 9.15682 6.89832 9.80611 5.59975C10.6312 3.94957 11.4935 3.5 12 3.5C12.5065 3.5 13.3688 3.94957 14.1939 5.59975C14.8432 6.89832 15.3163 8.68182 15.4568 10.7301C15.4763 11.0135 15.2486 11.25 14.9646 11.25H9.03537ZM15.4568 13.2699C15.4763 12.9865 15.2486 12.75 14.9646 12.75H9.03537C8.75138 12.75 8.52372 12.9865 8.54316 13.2699C8.68368 15.3182 9.15682 17.1017 9.80611 18.4002C10.6312 20.0504 11.4935 20.5 12 20.5C12.5065 20.5 13.3688 20.0504 14.1939 18.4002C14.8432 17.1017 15.3163 15.3182 15.4568 13.2699ZM17.468 11.25C17.199 11.25 16.9789 11.037 16.9625 10.7686C16.8375 8.73273 16.4065 6.88611 15.7645 5.41833C15.5702 4.9743 16.0079 4.48668 16.4216 4.73915C18.518 6.01851 20.017 8.18024 20.4025 10.7082C20.4467 10.9981 20.2151 11.25 19.9217 11.25H17.468ZM20.4025 13.2918C20.4467 13.0019 20.2151 12.75 19.9217 12.75H17.468C17.199 12.75 16.9789 12.963 16.9625 13.2314C16.8375 15.2673 16.4065 17.1139 15.7645 18.5817C15.5702 19.0257 16.0079 19.5133 16.4216 19.2608C18.518 17.9815 20.017 15.8198 20.4025 13.2918Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/ledger.svg b/src/assets/img/icons/ledger.svg
new file mode 100644
index 00000000..f0745c80
--- /dev/null
+++ b/src/assets/img/icons/ledger.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 11.5C12.8284 11.5 13.5 10.8284 13.5 10C13.5 9.17157 12.8284 8.5 12 8.5C11.1716 8.5 10.5 9.17157 10.5 10C10.5 10.8284 11.1716 11.5 12 11.5Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7 20V4C7 2.89543 7.89543 2 9 2H15C16.1046 2 17 2.89543 17 4V20C17 21.1046 16.1046 22 15 22H9C7.89543 22 7 21.1046 7 20ZM9 3.5C8.72386 3.5 8.5 3.72386 8.5 4V10C8.5 11.933 10.067 13.5 12 13.5C13.933 13.5 15.5 11.933 15.5 10V4C15.5 3.72386 15.2761 3.5 15 3.5H9ZM12 15C11.0646 15 10.1891 14.7431 9.44035 14.296C9.05995 14.0689 8.5 14.318 8.5 14.7611V20C8.5 20.2761 8.72386 20.5 9 20.5H15C15.2761 20.5 15.5 20.2761 15.5 20V14.7611C15.5 14.318 14.9401 14.0689 14.5596 14.296C13.8109 14.7431 12.9354 15 12 15Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/left.svg b/src/assets/img/icons/left.svg
new file mode 100644
index 00000000..736e4bb8
--- /dev/null
+++ b/src/assets/img/icons/left.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.5303 6.53033C10.8232 6.23744 10.8232 5.76256 10.5303 5.46967C10.2374 5.17678 9.76256 5.17678 9.46967 5.46967L3.46967 11.4697C3.17678 11.7626 3.17678 12.2374 3.46967 12.5303L9.46967 18.5303C9.76256 18.8232 10.2374 18.8232 10.5303 18.5303C10.8232 18.2374 10.8232 17.7626 10.5303 17.4697L6.66421 13.6036C6.34923 13.2886 6.57232 12.75 7.01777 12.75H20C20.4142 12.75 20.75 12.4142 20.75 12C20.75 11.5858 20.4142 11.25 20 11.25H7.01777C6.57231 11.25 6.34923 10.7114 6.66421 10.3964L10.5303 6.53033Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/link.svg b/src/assets/img/icons/link.svg
new file mode 100644
index 00000000..d2fccb8b
--- /dev/null
+++ b/src/assets/img/icons/link.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.03022 11.0303C10.118 9.94252 11.8817 9.94252 12.9696 11.0303C13.2625 11.3232 13.7373 11.3232 14.0302 11.0303C14.3231 10.7374 14.3231 10.2626 14.0302 9.96968C12.3566 8.29608 9.64317 8.29607 7.96956 9.96968L3.96956 13.9697C2.29595 15.6433 2.29595 18.3567 3.96956 20.0303C5.64317 21.7039 8.35661 21.7039 10.0302 20.0303L12.0302 18.0303C12.3231 17.7374 12.3231 17.2626 12.0302 16.9697C11.7373 16.6768 11.2625 16.6768 10.9696 16.9697L8.96956 18.9697C7.88174 20.0575 6.11804 20.0575 5.03022 18.9697C3.9424 17.8819 3.9424 16.1182 5.03022 15.0303L9.03022 11.0303Z" fill="black"/>
+<path d="M15.0302 5.03034C16.118 3.94252 17.8817 3.94252 18.9696 5.03034C20.0574 6.11816 20.0574 7.88186 18.9696 8.96968L14.9696 12.9697C13.8817 14.0575 12.118 14.0575 11.0302 12.9697C10.7373 12.6768 10.2625 12.6768 9.96956 12.9697C9.67667 13.2626 9.67667 13.7374 9.96956 14.0303C11.6432 15.7039 14.3566 15.704 16.0302 14.0303L20.0302 10.0303C21.7038 8.35674 21.7038 5.64329 20.0302 3.96968C18.3566 2.29608 15.6432 2.29608 13.9696 3.96968L11.9696 5.96968C11.6767 6.26258 11.6767 6.73745 11.9696 7.03034C12.2625 7.32324 12.7373 7.32324 13.0302 7.03034L15.0302 5.03034Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/loading.svg b/src/assets/img/icons/loading.svg
new file mode 100644
index 00000000..9cae8212
--- /dev/null
+++ b/src/assets/img/icons/loading.svg
@@ -0,0 +1,3 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.4026 7.61613C15.1003 6.27604 14.3668 5.06612 13.3089 4.16834C12.2508 3.27037 10.9252 2.73329 9.52966 2.6397C8.13414 2.54611 6.74648 2.90125 5.5742 3.65036C4.40214 4.39934 3.50926 5.50117 3.02621 6.78932C2.54323 8.07728 2.49501 9.48441 2.88849 10.8014C3.28202 12.1185 4.09701 13.277 5.21455 14.1023C6.3323 14.9278 7.6921 15.375 9.09086 15.375L9.09086 17.625C7.21319 17.625 5.38448 17.0249 3.87789 15.9123C2.3711 14.7995 1.26676 13.2331 0.732658 11.4455C0.198503 9.65769 0.264129 7.74689 0.919466 5.9993C1.57473 4.2519 2.78355 2.76349 4.36265 1.75441C5.94153 0.745467 7.80684 0.269103 9.68023 0.394746C11.5536 0.520391 13.3374 1.24153 14.7648 2.45282C16.1923 3.66429 17.187 5.30147 17.5974 7.12107L15.4026 7.61613Z" fill="#939BA1"/>
+</svg>
diff --git a/src/assets/img/icons/location.svg b/src/assets/img/icons/location.svg
new file mode 100644
index 00000000..c1ad8165
--- /dev/null
+++ b/src/assets/img/icons/location.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15 10C15 11.6569 13.6569 13 12 13C10.3431 13 9 11.6569 9 10C9 8.34315 10.3431 7 12 7C13.6569 7 15 8.34315 15 10ZM13.5 10C13.5 10.8284 12.8284 11.5 12 11.5C11.1716 11.5 10.5 10.8284 10.5 10C10.5 9.17157 11.1716 8.5 12 8.5C12.8284 8.5 13.5 9.17157 13.5 10Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.2346 21.7791C9.90167 20.6448 4 15.3224 4 10C4 5.58172 7.58172 2 12 2C16.4183 2 20 5.58172 20 10C20 15.3224 14.0983 20.6448 12.7654 21.7791C12.5924 21.9262 12.3763 22 12.1492 22H11.8508C11.6237 22 11.4076 21.9262 11.2346 21.7791ZM15.693 16.5463C14.4697 18.1389 13.1411 19.4311 12.3262 20.1683C12.1406 20.3361 11.8594 20.3361 11.6738 20.1683C10.8589 19.4311 9.53034 18.1389 8.30702 16.5463C6.72141 14.4821 5.5 12.1532 5.5 10C5.5 6.41015 8.41015 3.5 12 3.5C15.5899 3.5 18.5 6.41015 18.5 10C18.5 12.1532 17.2786 14.4821 15.693 16.5463Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/logout.svg b/src/assets/img/icons/logout.svg
new file mode 100644
index 00000000..b80727a4
--- /dev/null
+++ b/src/assets/img/icons/logout.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 20.5C16.6944 20.5 20.5 16.6944 20.5 12C20.5 9.20669 19.1526 6.72807 17.0723 5.17865C16.7521 4.94015 16.6341 4.50408 16.8253 4.15357C17.0315 3.77566 17.5137 3.64502 17.8623 3.89765C20.3693 5.71473 22 8.66693 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 8.66693 3.63066 5.71473 6.13772 3.89765C6.48627 3.64502 6.96854 3.77566 7.17467 4.15357C7.36586 4.50408 7.24793 4.94016 6.92772 5.17865C4.8474 6.72807 3.5 9.20669 3.5 12C3.5 16.6944 7.30558 20.5 12 20.5Z" fill="black"/>
+<path d="M12.75 3C12.75 2.58579 12.4142 2.25 12 2.25C11.5858 2.25 11.25 2.58579 11.25 3V12C11.25 12.4142 11.5858 12.75 12 12.75C12.4142 12.75 12.75 12.4142 12.75 12V3Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/max.svg b/src/assets/img/icons/max.svg
new file mode 100644
index 00000000..1638800b
--- /dev/null
+++ b/src/assets/img/icons/max.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 19.25C12.5563 19.25 16.25 15.5563 16.25 11C16.25 10.5611 15.7194 10.3413 15.409 10.6516L14.5303 11.5303C14.2374 11.8232 13.7626 11.8232 13.4697 11.5303C13.1768 11.2374 13.1768 10.7626 13.4697 10.4697L16.4697 7.46967C16.7626 7.17678 17.2374 7.17678 17.5303 7.46967L20.5303 10.4697C20.8232 10.7626 20.8232 11.2374 20.5303 11.5303C20.2374 11.8232 19.7626 11.8232 19.4697 11.5303L18.591 10.6516C18.2806 10.3413 17.75 10.5611 17.75 11C17.75 16.3848 13.3848 20.75 8 20.75H4C3.58579 20.75 3.25 20.4142 3.25 20C3.25 19.5858 3.58579 19.25 4 19.25H8Z" fill="black"/>
+<path d="M3.25 4C3.25 3.58579 3.58579 3.25 4 3.25H20C20.4142 3.25 20.75 3.58579 20.75 4C20.75 4.41421 20.4142 4.75 20 4.75H4C3.58579 4.75 3.25 4.41421 3.25 4Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/mobile-sync-off.svg b/src/assets/img/icons/mobile-sync-off.svg
new file mode 100644
index 00000000..d6a5b3e9
--- /dev/null
+++ b/src/assets/img/icons/mobile-sync-off.svg
@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.53033 2.46967C3.23744 2.17678 2.76256 2.17678 2.46967 2.46967C2.17678 2.76256 2.17678 3.23744 2.46967 3.53033L20.4697 21.5303C20.7626 21.8232 21.2374 21.8232 21.5303 21.5303C21.8232 21.2374 21.8232 20.7626 21.5303 20.4697L18.0429 16.9822C17.8554 16.7947 17.75 16.5403 17.75 16.2751V12C17.75 11.5858 17.4142 11.25 17 11.25C16.5858 11.25 16.25 11.5858 16.25 12V14.2237C16.25 14.58 15.8191 14.7585 15.5672 14.5065L8.51287 7.45221C8.31285 7.25219 8.31829 6.9041 8.59223 6.83361C8.59923 6.83181 8.60627 6.83009 8.61335 6.82844C8.69727 6.80891 8.80346 6.79225 8.94174 6.77984C9.2664 6.75071 9.68958 6.75 10.32 6.75H11C11.4142 6.75 11.75 6.41421 11.75 6C11.75 5.58579 11.4142 5.25 11 5.25L10.2864 5.25C9.69824 5.24999 9.20735 5.24998 8.80767 5.28585C8.39026 5.3233 8.00005 5.40447 7.63749 5.61126C7.57969 5.64423 7.52322 5.67922 7.46819 5.71613C7.24138 5.86825 6.93106 5.8704 6.73794 5.67728L3.53033 2.46967Z" fill="black"/>
+<path d="M19.1972 8.25211C19.2556 8.66217 19.5858 8.99988 20 8.99988C20.4142 8.99988 20.7544 8.6628 20.7089 8.25108C20.3635 5.12141 17.8785 2.63635 14.7488 2.29095C14.3371 2.24551 14 2.58567 14 2.99988C14 3.4141 14.3377 3.74426 14.7478 3.80273C17.0488 4.13087 18.869 5.95105 19.1972 8.25211Z" fill="black"/>
+<path d="M7.75 15.75V11.2427C7.75 11.0438 7.67098 10.853 7.53033 10.7124L7.10355 10.2856C6.78857 9.97059 6.25 10.1937 6.25 10.6391V17.7136C6.24999 18.3017 6.24998 18.7927 6.28585 19.1923C6.32331 19.6097 6.40447 20 6.61127 20.3625C6.85528 20.7903 7.20969 21.1447 7.63749 21.3887C8.00005 21.5955 8.39026 21.6767 8.80767 21.7142C9.20734 21.75 9.69823 21.75 10.2864 21.75H13.7136C14.3018 21.75 14.7927 21.75 15.1923 21.7142C15.6097 21.6767 16 21.5955 16.3625 21.3887C16.6039 21.251 16.822 21.0782 17.01 20.8768C17.2045 20.6685 17.1661 20.3481 16.9646 20.1466L16.6067 19.7887C16.4218 19.6038 16.0703 19.6966 15.8858 19.8819C15.8069 19.9612 15.7174 20.0299 15.6193 20.0858C15.5213 20.1417 15.3728 20.1919 15.0583 20.2202C14.7336 20.2493 14.3104 20.25 13.68 20.25H10.32C9.68958 20.25 9.2664 20.2493 8.94174 20.2202C8.62723 20.1919 8.47875 20.1417 8.38068 20.0858C8.18623 19.9749 8.02513 19.8138 7.91421 19.6193C7.85828 19.5213 7.80807 19.3728 7.77984 19.0583C7.76051 18.8428 7.75369 18.584 7.7513 18.2501C7.74931 17.9739 7.97391 17.75 8.25008 17.75H13.3609C13.8063 17.75 14.0294 17.2114 13.7144 16.8964L13.2876 16.4697C13.147 16.329 12.9562 16.25 12.7573 16.25H8.25C7.97386 16.25 7.75 16.0261 7.75 15.75Z" fill="black"/>
+<path d="M16.1267 8.2637C16.2622 8.65512 16.5858 9.00012 17 9.00012C17.4142 9.00012 17.7578 8.66095 17.676 8.25491C17.3789 6.78169 16.2184 5.6212 14.7452 5.32416C14.3392 5.24229 14 5.5859 14 6.00012C14 6.41433 14.345 6.73788 14.7364 6.8734C15.3867 7.09852 15.9016 7.61345 16.1267 8.2637Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/mobile-sync.svg b/src/assets/img/icons/mobile-sync.svg
new file mode 100644
index 00000000..57f33419
--- /dev/null
+++ b/src/assets/img/icons/mobile-sync.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20 8.99988C19.5858 8.99988 19.2556 8.66217 19.1972 8.25211C18.869 5.95105 17.0488 4.13087 14.7478 3.80273C14.3377 3.74426 14 3.4141 14 2.99988C14 2.58567 14.3371 2.24551 14.7488 2.29095C17.8785 2.63635 20.3635 5.12141 20.7089 8.25108C20.7544 8.6628 20.4142 8.99988 20 8.99988Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11 5.25L10.2864 5.25C9.69824 5.24999 9.20735 5.24998 8.80767 5.28585C8.39026 5.3233 8.00005 5.40446 7.63749 5.61126C7.20969 5.85528 6.85528 6.20969 6.61127 6.63749C6.40447 7.00005 6.32331 7.39026 6.28585 7.80767C6.24998 8.20734 6.24999 8.69822 6.25 9.28639V17.7136C6.24999 18.3017 6.24998 18.7927 6.28585 19.1923C6.32331 19.6097 6.40447 20 6.61127 20.3625C6.85528 20.7903 7.20969 21.1447 7.63749 21.3887C8.00005 21.5955 8.39026 21.6767 8.80767 21.7142C9.20734 21.75 9.69823 21.75 10.2864 21.75H13.7136C14.3018 21.75 14.7927 21.75 15.1923 21.7142C15.6097 21.6767 16 21.5955 16.3625 21.3887C16.7903 21.1447 17.1447 20.7903 17.3887 20.3625C17.5955 20 17.6767 19.6097 17.7142 19.1923C17.75 18.7927 17.75 18.3018 17.75 17.7136V12C17.75 11.5858 17.4142 11.25 17 11.25C16.5858 11.25 16.25 11.5858 16.25 12V15.75C16.25 16.0261 16.0261 16.25 15.75 16.25H8.25C7.97386 16.25 7.75 16.0261 7.75 15.75V9.32C7.75 8.68958 7.75071 8.2664 7.77984 7.94174C7.80807 7.62723 7.85827 7.47875 7.91421 7.38068C8.02513 7.18622 8.18623 7.02513 8.38068 6.91421C8.47875 6.85827 8.62723 6.80807 8.94174 6.77984C9.2664 6.75071 9.68958 6.75 10.32 6.75H11C11.4142 6.75 11.75 6.41421 11.75 6C11.75 5.58579 11.4142 5.25 11 5.25ZM8.25008 17.75C7.97391 17.75 7.74931 17.9739 7.7513 18.2501C7.75369 18.584 7.76051 18.8428 7.77984 19.0583C7.80807 19.3728 7.85827 19.5213 7.91421 19.6193C8.02513 19.8138 8.18623 19.9749 8.38068 20.0858C8.47875 20.1417 8.62723 20.1919 8.94174 20.2202C9.2664 20.2493 9.68958 20.25 10.32 20.25H13.68C14.3104 20.25 14.7336 20.2493 15.0583 20.2202C15.3728 20.1919 15.5213 20.1417 15.6193 20.0858C15.8138 19.9749 15.9749 19.8138 16.0858 19.6193C16.1417 19.5213 16.1919 19.3728 16.2202 19.0583C16.2395 18.8428 16.2463 18.584 16.2487 18.2501C16.2507 17.9739 16.0261 17.75 15.7499 17.75H8.25008Z" fill="black"/>
+<path d="M16.1267 8.2637C16.2622 8.65512 16.5858 9.00012 17 9.00012C17.4142 9.00012 17.7578 8.66095 17.676 8.25491C17.3789 6.78169 16.2184 5.6212 14.7452 5.32416C14.3392 5.24229 14 5.5859 14 6.00012C14 6.41433 14.345 6.73788 14.7364 6.8734C15.3867 7.09852 15.9016 7.61345 16.1267 8.2637Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/mobile.svg b/src/assets/img/icons/mobile.svg
new file mode 100644
index 00000000..17a2f270
--- /dev/null
+++ b/src/assets/img/icons/mobile.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 18.5C12.8284 18.5 13.5 17.8284 13.5 17C13.5 16.1716 12.8284 15.5 12 15.5C11.1716 15.5 10.5 16.1716 10.5 17C10.5 17.8284 11.1716 18.5 12 18.5Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5 6C5 3.79086 6.79086 2 9 2H15C17.2091 2 19 3.79086 19 6V18C19 20.2091 17.2091 22 15 22H9C6.79086 22 5 20.2091 5 18V6ZM6.5 6C6.5 4.61929 7.61929 3.5 9 3.5H15C16.3807 3.5 17.5 4.61929 17.5 6V18C17.5 19.3807 16.3807 20.5 15 20.5H9C7.61929 20.5 6.5 19.3807 6.5 18V6Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/more.svg b/src/assets/img/icons/more.svg
new file mode 100644
index 00000000..a5f0ae7a
--- /dev/null
+++ b/src/assets/img/icons/more.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7 12C7 13.1046 6.10457 14 5 14C3.89543 14 3 13.1046 3 12C3 10.8954 3.89543 10 5 10C6.10457 10 7 10.8954 7 12Z" fill="black"/>
+<path d="M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z" fill="black"/>
+<path d="M19 14C20.1046 14 21 13.1046 21 12C21 10.8954 20.1046 10 19 10C17.8954 10 17 10.8954 17 12C17 13.1046 17.8954 14 19 14Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/network.svg b/src/assets/img/icons/network.svg
new file mode 100644
index 00000000..e04f1787
--- /dev/null
+++ b/src/assets/img/icons/network.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.81097 18.6376C8.88733 18.4153 9.08702 18.25 9.32207 18.25H14.6779C14.913 18.25 15.1127 18.4153 15.189 18.6376C15.6612 20.0122 16.9652 21 18.5 21C20.433 21 22 19.433 22 17.5C22 15.567 20.433 14 18.5 14C18.3036 14 18.111 14.0162 17.9234 14.0473C17.6919 14.0856 17.4521 13.9887 17.3402 13.7824L14.4788 8.50304C14.3669 8.29655 14.4168 8.04246 14.5758 7.86965C15.1496 7.24626 15.5 6.41405 15.5 5.5C15.5 3.567 13.933 2 12 2C10.067 2 8.5 3.567 8.5 5.5C8.5 6.41406 8.85039 7.24628 9.42419 7.86967C9.58324 8.04247 9.63314 8.29656 9.52122 8.50305L6.65991 13.7824C6.54808 13.9888 6.30822 14.0857 6.07669 14.0473C5.88908 14.0162 5.69643 14 5.5 14C3.567 14 2 15.567 2 17.5C2 19.433 3.567 21 5.5 21C7.03476 21 8.3388 20.0122 8.81097 18.6376ZM10.8401 9.21757C10.9519 9.01124 11.1918 8.91433 11.4233 8.95272C11.6109 8.98382 11.8036 9 12 9C12.1964 9 12.3891 8.98382 12.5767 8.95271C12.8082 8.91433 13.0481 9.01123 13.1599 9.21756L16.0213 14.4968C16.1332 14.7033 16.0833 14.9574 15.9243 15.1303C15.6004 15.4821 15.3477 15.9004 15.189 16.3625C15.1126 16.5848 14.913 16.75 14.6779 16.75H9.32207C9.08702 16.75 8.88735 16.5848 8.811 16.3625C8.65231 15.9005 8.39964 15.4822 8.07582 15.1304C7.91676 14.9575 7.86688 14.7035 7.97879 14.497L10.8401 9.21757ZM7.5 17.5C7.5 18.6046 6.60457 19.5 5.5 19.5C4.39543 19.5 3.5 18.6046 3.5 17.5C3.5 16.3954 4.39543 15.5 5.5 15.5C6.60457 15.5 7.5 16.3954 7.5 17.5ZM20.5 17.5C20.5 18.6046 19.6046 19.5 18.5 19.5C17.3954 19.5 16.5 18.6046 16.5 17.5C16.5 16.3954 17.3954 15.5 18.5 15.5C19.6046 15.5 20.5 16.3954 20.5 17.5ZM14 5.5C14 6.60457 13.1046 7.5 12 7.5C10.8954 7.5 10 6.60457 10 5.5C10 4.39543 10.8954 3.5 12 3.5C13.1046 3.5 14 4.39543 14 5.5Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/next.svg b/src/assets/img/icons/next.svg
new file mode 100644
index 00000000..73b5cfa5
--- /dev/null
+++ b/src/assets/img/icons/next.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.46967 5.46967C9.76256 5.17678 10.2374 5.17678 10.5303 5.46967L16.1768 11.1161C16.6649 11.6043 16.6649 12.3957 16.1768 12.8839L10.5303 18.5303C10.2374 18.8232 9.76256 18.8232 9.46967 18.5303C9.17678 18.2374 9.17678 17.7626 9.46967 17.4697L14.5858 12.3536C14.781 12.1583 14.781 11.8417 14.5858 11.6464L9.46967 6.53033C9.17678 6.23744 9.17678 5.76256 9.46967 5.46967Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/node-offline.svg b/src/assets/img/icons/node-offline.svg
new file mode 100644
index 00000000..0e23f7f3
--- /dev/null
+++ b/src/assets/img/icons/node-offline.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.53033 2.46967C3.23744 2.17678 2.76256 2.17678 2.46967 2.46967C2.17678 2.76256 2.17678 3.23744 2.46967 3.53033L20.4697 21.5303C20.7626 21.8232 21.2374 21.8232 21.5303 21.5303C21.8232 21.2374 21.8232 20.7626 21.5303 20.4697L20.4124 19.3517C20.1952 19.1345 20.2253 18.7756 20.4466 18.5627C21.2501 17.7895 21.75 16.7031 21.75 15.5C21.75 13.4669 20.3224 11.7673 18.415 11.3488C18.6316 10.7732 18.75 10.1499 18.75 9.5C18.75 6.6005 16.3995 4.25 13.5 4.25C11.5561 4.25 9.85898 5.30647 8.95145 6.87656C8.77164 7.18766 8.33714 7.27648 8.08306 7.0224L3.53033 2.46967ZM9.88436 8.50164C9.83997 8.66274 9.89357 8.83291 10.0117 8.95107L18.641 17.5803C18.8035 17.7428 19.0592 17.7772 19.2372 17.6319C19.8553 17.1276 20.25 16.3599 20.25 15.5C20.25 13.9812 19.0188 12.75 17.5 12.75C16.8219 12.75 16.3762 12.0053 16.7312 11.4045C17.0607 10.8469 17.25 10.1967 17.25 9.5C17.25 7.42893 15.5711 5.75 13.5 5.75C11.7746 5.75 10.3214 6.91521 9.88436 8.50164Z" fill="black"/>
+<path d="M14.7574 18.25C14.9564 18.25 15.1471 18.329 15.2878 18.4697C15.7602 18.9421 15.4256 19.75 14.7574 19.75H7.5C4.6005 19.75 2.25 17.3995 2.25 14.5C2.25 12.2391 3.6792 10.3119 5.68345 9.57277C6.01291 9.45126 6.3761 9.558 6.6244 9.8063L6.82608 10.008C7.0969 10.2788 6.89942 10.778 6.5294 10.8768C4.92882 11.3045 3.75 12.7646 3.75 14.5C3.75 16.5711 5.42893 18.25 7.5 18.25H14.7574Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/node.svg b/src/assets/img/icons/node.svg
new file mode 100644
index 00000000..ee6c854f
--- /dev/null
+++ b/src/assets/img/icons/node.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.32207 12.75C9.08702 12.75 8.88733 12.9153 8.81097 13.1376C8.3388 14.5122 7.03476 15.5 5.5 15.5C3.567 15.5 2 13.933 2 12C2 10.067 3.567 8.5 5.5 8.5C7.03476 8.5 8.3388 9.48785 8.81097 10.8624C8.88733 11.0847 9.08702 11.25 9.32207 11.25H14.6779C14.913 11.25 15.1127 11.0847 15.189 10.8624C15.6612 9.48785 16.9652 8.5 18.5 8.5C20.433 8.5 22 10.067 22 12C22 13.933 20.433 15.5 18.5 15.5C16.9652 15.5 15.6612 14.5122 15.189 13.1376C15.1127 12.9153 14.913 12.75 14.6779 12.75H9.32207ZM5.5 14C6.60457 14 7.5 13.1046 7.5 12C7.5 10.8954 6.60457 10 5.5 10C4.39543 10 3.5 10.8954 3.5 12C3.5 13.1046 4.39543 14 5.5 14ZM18.5 14C19.6046 14 20.5 13.1046 20.5 12C20.5 10.8954 19.6046 10 18.5 10C17.3954 10 16.5 10.8954 16.5 12C16.5 13.1046 17.3954 14 18.5 14Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/notification.svg b/src/assets/img/icons/notification.svg
new file mode 100644
index 00000000..fab9bf0d
--- /dev/null
+++ b/src/assets/img/icons/notification.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.281 19C14.9447 19 14.7031 19.3279 14.7344 19.6628C14.7444 19.7703 14.7499 19.8827 14.7499 20C14.7499 21.3889 13.5436 22.75 11.9999 22.75C10.4563 22.75 9.24992 21.3889 9.24992 20C9.24992 19.8827 9.25542 19.7703 9.26547 19.6628C9.29677 19.3279 9.05515 19 8.71885 19H5.52103C3.78474 19 2.87319 16.9394 4.04115 15.6547L5.218 14.3601C5.72872 13.7983 6.069 13.1028 6.19909 12.3548L7.31456 5.94085C7.71072 3.66293 9.68781 2 11.9999 2C14.312 2 16.2891 3.66293 16.6853 5.94085L17.8008 12.3548C17.9308 13.1028 18.2711 13.7983 18.7818 14.3601L19.9587 15.6547C21.1266 16.9394 20.2151 19 18.4788 19H15.281ZM11.0322 19.0283L11.0313 19.0293L11.039 19.0214L11.0415 19.0188C11.0427 19.0175 11.0433 19.0168 11.0434 19.0167C11.0438 19.0163 11.0434 19.0167 11.0434 19.0167L11.0415 19.0188C11.0525 19.0073 11.0681 19 11.084 19H12.9159C12.9318 19 12.9469 19.0068 12.9579 19.0183C12.9608 19.0217 12.9679 19.0302 12.978 19.0438C13.001 19.0744 13.0389 19.13 13.0791 19.2104C13.1582 19.3687 13.2499 19.6296 13.2499 20C13.2499 20.6111 12.6654 21.25 11.9999 21.25C11.3344 21.25 10.7499 20.6111 10.7499 20C10.7499 19.6296 10.8416 19.3687 10.9207 19.2104C10.9609 19.13 10.9988 19.0744 11.0218 19.0438C11.032 19.0302 11.0386 19.0222 11.0415 19.0188L11.039 19.0214L11.0372 19.0233L11.034 19.0265L11.0322 19.0283ZM5.15106 16.6637L6.32791 15.3691C7.03015 14.5967 7.49804 13.6403 7.67691 12.6118L8.79238 6.19786C9.06358 4.63842 10.4171 3.5 11.9999 3.5C13.5828 3.5 14.9363 4.63842 15.2075 6.19786L16.3229 12.6118C16.5018 13.6403 16.9697 14.5967 17.6719 15.3691L18.8488 16.6637C19.1408 16.9849 18.9129 17.5 18.4788 17.5H5.52103C5.08696 17.5 4.85907 16.9849 5.15106 16.6637Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/objects.svg b/src/assets/img/icons/objects.svg
new file mode 100644
index 00000000..09ef9e34
--- /dev/null
+++ b/src/assets/img/icons/objects.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.35614 16.8391C9.35614 18.0317 8.3846 18.9985 7.18614 18.9985C5.98768 18.9985 5.01614 18.0317 5.01614 16.8391C5.01614 15.6465 5.98768 14.6797 7.18614 14.6797C8.3846 14.6797 9.35614 15.6465 9.35614 16.8391ZM7.84807 16.8391C7.84807 17.2029 7.55172 17.4978 7.18614 17.4978C6.82057 17.4978 6.52421 17.2029 6.52421 16.8391C6.52421 16.4753 6.82057 16.1804 7.18614 16.1804C7.55172 16.1804 7.84807 16.4753 7.84807 16.8391Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17.1478 11.0812C17.1005 11.273 16.9442 11.4192 16.7489 11.4543L15.7802 11.6282C15.5611 11.6675 15.3941 11.8456 15.3698 12.0658L15.2137 13.4777C15.2007 13.5955 15.1461 13.7049 15.0596 13.7863L14.152 14.6412C14.0267 14.7592 13.9725 14.9326 13.998 15.1023C14.0419 15.3942 14.0646 15.693 14.0646 15.9971C14.0646 19.3124 11.3638 22 8.03229 22C4.70075 22 2 19.3124 2 15.9971C2 12.6817 4.70075 9.99414 8.03229 9.99414C8.72826 9.99414 9.39671 10.1114 10.0188 10.3272C10.209 10.3932 10.4224 10.3534 10.5661 10.2129L18.8142 2.14352C18.9083 2.05154 19.0348 2 19.1667 2H21.4971C21.8164 2 22.0547 2.29229 21.9891 2.60318L21.1655 6.50062C21.1295 6.67113 21.0069 6.8107 20.8419 6.86904L19.9524 7.18361C19.8038 7.23618 19.6886 7.35511 19.6413 7.50485L19.2408 8.77166C19.1902 8.93162 19.0624 9.05573 18.9005 9.10219L17.8191 9.41248C17.6462 9.46211 17.5131 9.59996 17.4702 9.77391L17.1478 11.0812ZM12.5565 15.9971C12.5565 15.6498 12.517 15.3117 12.4422 14.9871L12.4329 14.9595C12.3759 14.7914 12.3116 14.6264 12.2404 14.4649C12.2279 14.4366 12.2343 14.4035 12.2567 14.382L13.7095 12.9916C13.7389 12.9639 13.7574 12.9268 13.7618 12.8868L13.9939 10.7878C14.0182 10.5676 14.1852 10.3896 14.4043 10.3502L15.5176 10.1504C15.7129 10.1153 15.8693 9.96912 15.9166 9.77729L16.2137 8.5726C16.2566 8.39864 16.3896 8.26079 16.5626 8.21116L17.7049 7.88339C17.8668 7.83693 17.9946 7.71282 18.0451 7.55285L18.4282 6.34117C18.4755 6.19143 18.5908 6.07249 18.7394 6.01993L19.5401 5.73675C19.7051 5.6784 19.8277 5.53883 19.8637 5.36832L20.1533 3.99802C20.2074 3.74171 20.0109 3.50073 19.7477 3.50073C19.639 3.50073 19.5347 3.54323 19.4572 3.61905L11.6873 11.2212L10.5987 12.2834C10.5968 12.2852 10.5938 12.2855 10.5916 12.284C9.86375 11.7862 8.9822 11.4949 8.03229 11.4949C5.53363 11.4949 3.50807 13.5106 3.50807 15.9971C3.50807 18.4836 5.53363 20.4993 8.03229 20.4993C10.5309 20.4993 12.5565 18.4836 12.5565 15.9971Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/offline.svg b/src/assets/img/icons/offline.svg
new file mode 100644
index 00000000..7084de65
--- /dev/null
+++ b/src/assets/img/icons/offline.svg
@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.53033 3.46967C4.23744 3.17678 3.76256 3.17678 3.46967 3.46967C3.17678 3.76256 3.17678 4.23744 3.46967 4.53033L18.4697 19.5303C18.7626 19.8232 19.2374 19.8232 19.5303 19.5303C19.8232 19.2374 19.8232 18.7626 19.5303 18.4697L13.4003 12.3397C13.2306 12.17 13.372 11.8977 13.604 11.9593C13.8717 12.0304 14.1349 12.1193 14.3918 12.2258C15.1501 12.5398 15.8391 13.0002 16.4195 13.5806C16.7124 13.8735 17.1872 13.8735 17.4801 13.5806C17.773 13.2877 17.773 12.8128 17.4801 12.5199C16.7605 11.8003 15.9061 11.2294 14.9658 10.8399C14.0256 10.4505 13.0178 10.25 12 10.25C11.8956 10.25 11.7913 10.2521 11.6871 10.2563C11.466 10.2653 11.2486 10.188 11.0922 10.0316L8.97126 7.9106C8.70903 7.64837 8.8145 7.20402 9.17346 7.11085C10.0945 6.87178 11.0442 6.75 11.9999 6.75C13.4773 6.75 14.9402 7.04099 16.3051 7.60635C17.67 8.17172 18.9102 9.00039 19.9549 10.045C20.2478 10.3379 20.7227 10.3379 21.0155 10.045C21.3084 9.75215 21.3084 9.27728 21.0155 8.98439C19.8316 7.80044 18.426 6.86128 16.8791 6.22054C15.3322 5.57979 13.6743 5.25 11.9999 5.25C10.4769 5.25 8.9675 5.52286 7.54287 6.05441C7.35504 6.12449 7.14263 6.08197 7.00087 5.94021L4.53033 3.46967Z" fill="black"/>
+<path d="M7.6416 11.5917C7.91324 11.4069 8.27483 11.4569 8.50712 11.6891C8.85751 12.0395 8.75965 12.6327 8.35701 12.9215C8.08136 13.1193 7.82163 13.3396 7.58062 13.5806C7.28773 13.8735 6.81286 13.8735 6.51996 13.5806C6.22707 13.2877 6.22707 12.8128 6.51996 12.5199C6.86472 12.1752 7.24038 11.8646 7.6416 11.5917Z" fill="black"/>
+<path d="M4.87178 9.29644C5.2295 9.00347 5.27924 8.46126 4.95229 8.13431C4.69419 7.87621 4.28515 7.84235 4.00091 8.07135C3.64664 8.35676 3.30724 8.66147 2.98432 8.98439C2.69142 9.27728 2.69143 9.75216 2.98432 10.0451C3.27721 10.3379 3.75209 10.3379 4.04498 10.0451C4.30852 9.78151 4.5845 9.53172 4.87178 9.29644Z" fill="black"/>
+<path d="M13.4089 17.6516C13.7018 17.3587 13.7018 16.8839 13.4089 16.591L12.2808 15.4628C12.1447 15.3267 11.9611 15.2436 11.7694 15.2597C11.5812 15.2756 11.3955 15.3107 11.2162 15.364C10.7817 15.4932 10.3817 15.7291 10.0554 16.0555C9.91471 16.1961 9.83569 16.3869 9.83569 16.5858C9.83569 16.7847 9.91471 16.9755 10.0554 17.1161L11.4696 18.5303C11.6102 18.671 11.801 18.75 11.9999 18.75C12.1988 18.75 12.3896 18.671 12.5302 18.5303L13.4089 17.6516Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/password.svg b/src/assets/img/icons/password.svg
new file mode 100644
index 00000000..e68db976
--- /dev/null
+++ b/src/assets/img/icons/password.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 19.25C3.58579 19.25 3.25 19.5858 3.25 20C3.25 20.4142 3.58579 20.75 4 20.75H20C20.4142 20.75 20.75 20.4142 20.75 20C20.75 19.5858 20.4142 19.25 20 19.25H4Z" fill="black"/>
+<path d="M12.75 4C12.75 3.58579 12.4142 3.25 12 3.25C11.5858 3.25 11.25 3.58579 11.25 4V8.52442C11.25 8.83339 10.9726 9.06842 10.6678 9.01762L6.1233 8.2602C5.71472 8.19211 5.3283 8.46812 5.2602 8.8767C5.19211 9.28528 5.46812 9.6717 5.8767 9.7398L10.0788 10.4401C10.4252 10.4979 10.6057 10.8854 10.427 11.1877L8.10431 15.1185C7.89358 15.4751 8.01185 15.935 8.36845 16.1457C8.72506 16.3564 9.18497 16.2382 9.39569 15.8815L11.5695 12.2027C11.7631 11.8752 12.2369 11.8752 12.4305 12.2027L14.6043 15.8815C14.815 16.2382 15.2749 16.3564 15.6315 16.1457C15.9882 15.935 16.1064 15.4751 15.8957 15.1185L13.573 11.1877C13.3943 10.8854 13.5748 10.4979 13.9212 10.4401L18.1233 9.7398C18.5319 9.6717 18.8079 9.28528 18.7398 8.8767C18.6717 8.46812 18.2853 8.19211 17.8767 8.2602L13.3322 9.01762C13.0274 9.06842 12.75 8.83339 12.75 8.52442V4Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/paste.svg b/src/assets/img/icons/paste.svg
new file mode 100644
index 00000000..6130043f
--- /dev/null
+++ b/src/assets/img/icons/paste.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13 9C10.7909 9 9 10.7909 9 13V18C9 20.2091 10.7909 22 13 22H18C20.2091 22 22 20.2091 22 18V13C22 10.7909 20.2091 9 18 9H13ZM18 10.5H13C11.6193 10.5 10.5 11.6193 10.5 13V18C10.5 19.3807 11.6193 20.5 13 20.5H18C19.3807 20.5 20.5 19.3807 20.5 18V13C20.5 11.6193 19.3807 10.5 18 10.5Z" fill="black"/>
+<path d="M14.25 7C13.8358 7 13.5 6.66421 13.5 6.25V6C13.5 4.61929 12.3807 3.5 11 3.5H6C4.61929 3.5 3.5 4.61929 3.5 6L3.5 11C3.5 12.3807 4.61929 13.5 6 13.5H6.25C6.66421 13.5 7 13.8358 7 14.25C7 14.6642 6.66421 15 6.25 15H6C3.79086 15 2 13.2091 2 11V6C2 3.79086 3.79086 2 6 2H11C13.2091 2 15 3.79086 15 6V6.25C15 6.66421 14.6642 7 14.25 7Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/pause.svg b/src/assets/img/icons/pause.svg
new file mode 100644
index 00000000..24926484
--- /dev/null
+++ b/src/assets/img/icons/pause.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.25 5.25C6.73122 5.25 5.5 6.48122 5.5 8V16C5.5 17.5188 6.73122 18.75 8.25 18.75C9.76878 18.75 11 17.5188 11 16V8C11 6.48122 9.76878 5.25 8.25 5.25ZM7 8C7 7.30964 7.55964 6.75 8.25 6.75C8.94036 6.75 9.5 7.30964 9.5 8V16C9.5 16.6904 8.94036 17.25 8.25 17.25C7.55964 17.25 7 16.6904 7 16V8Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.75 5.25C14.2312 5.25 13 6.48122 13 8V16C13 17.5188 14.2312 18.75 15.75 18.75C17.2688 18.75 18.5 17.5188 18.5 16V8C18.5 6.48122 17.2688 5.25 15.75 5.25ZM14.5 8C14.5 7.30964 15.0596 6.75 15.75 6.75C16.4404 6.75 17 7.30964 17 8V16C17 16.6904 16.4404 17.25 15.75 17.25C15.0596 17.25 14.5 16.6904 14.5 16V8Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/pin.svg b/src/assets/img/icons/pin.svg
new file mode 100644
index 00000000..2ff86b94
--- /dev/null
+++ b/src/assets/img/icons/pin.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.8956 7.28455C14.8956 6.45612 14.2474 5.60892 13.4478 5.39227C12.6482 5.17563 12 5.67157 12 6.5C12 7.32843 12.6482 8.17563 13.4478 8.39227C14.2474 8.60892 14.8956 8.11297 14.8956 7.28455Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C8.68629 2 6 4.68629 6 8C6 10.9077 8.06835 13.3323 10.814 13.8828C11.0613 13.9324 11.25 14.1429 11.25 14.3951L11.25 21C11.25 21.4142 11.5858 21.75 12 21.75C12.4142 21.75 12.75 21.4142 12.75 21L12.75 14.3951C12.75 14.1429 12.9387 13.9324 13.186 13.8828C15.9317 13.3323 18 10.9077 18 8C18 4.68629 15.3137 2 12 2ZM7.5 8C7.5 10.4853 9.51472 12.5 12 12.5C14.4853 12.5 16.5 10.4853 16.5 8C16.5 5.51472 14.4853 3.5 12 3.5C9.51472 3.5 7.5 5.51472 7.5 8Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/play.svg b/src/assets/img/icons/play.svg
new file mode 100644
index 00000000..2fb437eb
--- /dev/null
+++ b/src/assets/img/icons/play.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7 6.84444C7 5.45528 8.54081 4.61992 9.70493 5.37795L18.2658 10.9525C19.023 11.4455 19.023 12.5544 18.2658 13.0475L9.70493 18.622C8.54081 19.38 7 18.5446 7 17.1555V6.84444ZM8.88642 6.63494C8.72012 6.52665 8.5 6.64599 8.5 6.84444V17.1555C8.5 17.3539 8.72012 17.4733 8.88642 17.365L16.8038 12.2095C16.9553 12.1108 16.9553 11.8891 16.8038 11.7905L8.88642 6.63494Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/previous.svg b/src/assets/img/icons/previous.svg
new file mode 100644
index 00000000..79e2839b
--- /dev/null
+++ b/src/assets/img/icons/previous.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.5332 5.46967C14.2403 5.17678 13.7654 5.17678 13.4725 5.46967L7.82608 11.1161C7.33792 11.6043 7.33792 12.3957 7.82608 12.8839L13.4725 18.5303C13.7654 18.8232 14.2403 18.8232 14.5332 18.5303C14.8261 18.2374 14.8261 17.7626 14.5332 17.4697L9.41707 12.3536C9.22181 12.1583 9.22181 11.8417 9.41707 11.6464L14.5332 6.53033C14.8261 6.23744 14.8261 5.76256 14.5332 5.46967Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/private-chat.svg b/src/assets/img/icons/private-chat.svg
new file mode 100644
index 00000000..3408a208
--- /dev/null
+++ b/src/assets/img/icons/private-chat.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22 6.5C22 4.01472 19.9853 2 17.5 2H12C8.68629 2 6 4.68629 6 8V9C6 10.1046 6.89543 11 8 11H17.5C19.9853 11 22 8.98528 22 6.5ZM17.5 3.5H12C9.51472 3.5 7.5 5.51472 7.5 8V9C7.5 9.27614 7.72386 9.5 8 9.5H17.5C19.1569 9.5 20.5 8.15685 20.5 6.5C20.5 4.84315 19.1569 3.5 17.5 3.5Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2 17.5C2 19.9853 4.01472 22 6.5 22L12 22C15.3137 22 18 19.3137 18 16L18 15C18 13.8954 17.1046 13 16 13L6.5 13C4.01472 13 2 15.0147 2 17.5ZM6.5 20.5L12 20.5C14.4853 20.5 16.5 18.4853 16.5 16L16.5 15C16.5 14.7239 16.2761 14.5 16 14.5L6.5 14.5C4.84315 14.5 3.5 15.8431 3.5 17.5C3.5 19.1569 4.84315 20.5 6.5 20.5Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/profile.svg b/src/assets/img/icons/profile.svg
new file mode 100644
index 00000000..a876eb50
--- /dev/null
+++ b/src/assets/img/icons/profile.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 13C13.933 13 15.5 11.433 15.5 9.5C15.5 7.567 13.933 6 12 6C10.067 6 8.5 7.567 8.5 9.5C8.5 11.433 10.067 13 12 13ZM12 11.5C13.1046 11.5 14 10.6046 14 9.5C14 8.39543 13.1046 7.5 12 7.5C10.8954 7.5 10 8.39543 10 9.5C10 10.6046 10.8954 11.5 12 11.5Z" fill="black"/>
+<path d="M16.4465 16.2731C16.8119 16.5572 16.822 17.0954 16.4657 17.3909C16.1611 17.6435 15.723 17.6 15.4043 17.3655C14.4513 16.6643 13.2741 16.25 12.0002 16.25C10.7262 16.25 9.54901 16.6643 8.59597 17.3655C8.27728 17.6 7.83919 17.6435 7.53463 17.3909C7.17828 17.0954 7.18836 16.5572 7.55383 16.2731C8.78161 15.3185 10.3245 14.75 12.0002 14.75C13.6758 14.75 15.2187 15.3185 16.4465 16.2731Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM12 20.5C16.6944 20.5 20.5 16.6944 20.5 12C20.5 7.30558 16.6944 3.5 12 3.5C7.30558 3.5 3.5 7.30558 3.5 12C3.5 16.6944 7.30558 20.5 12 20.5Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/public-chat.svg b/src/assets/img/icons/public-chat.svg
new file mode 100644
index 00000000..d1305748
--- /dev/null
+++ b/src/assets/img/icons/public-chat.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2 10.7149C2 9.17362 3.16788 7.88312 4.70149 7.72976L8.33775 7.36613C10.7589 7.12402 13.1156 6.44212 15.292 5.35393L19.1056 3.44712C20.4354 2.78222 22 3.74921 22 5.23598V16.7638C22 18.2506 20.4354 19.2176 19.1056 18.5527L15.292 16.6459C14.6768 16.3383 14.0473 16.0632 13.406 15.8213C13.0859 15.7006 12.75 15.9414 12.75 16.2836V18.5C12.75 19.7426 11.7426 20.75 10.5 20.75H10C7.92893 20.75 6.25 19.0711 6.25 17V14.8774C6.25 14.6205 6.05535 14.4054 5.79975 14.3799L4.70149 14.2701C3.16789 14.1167 2 12.8262 2 11.2849V10.7149ZM20.5 5.23598V16.7638C20.5 17.1355 20.1088 17.3773 19.7764 17.2111L15.9628 15.3042C13.6232 14.1345 11.0898 13.4014 8.48701 13.1411L4.85075 12.7775C4.08394 12.7008 3.5 12.0556 3.5 11.2849V10.7149C3.5 9.94424 4.08394 9.299 4.85074 9.22232L8.48701 8.85869C11.0898 8.59841 13.6232 7.86537 15.9628 6.69558L19.7764 4.78877C20.1088 4.62254 20.5 4.86429 20.5 5.23598ZM8.29975 14.6299C8.00541 14.6005 7.75 14.8316 7.75 15.1274V17C7.75 18.2426 8.75736 19.25 10 19.25H10.5C10.9142 19.25 11.25 18.9142 11.25 18.5V15.5339C11.25 15.3049 11.0947 15.1046 10.8717 15.0528C10.0384 14.8593 9.19211 14.7191 8.33775 14.6337L8.29975 14.6299Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/qr.svg b/src/assets/img/icons/qr.svg
new file mode 100644
index 00000000..89c339f5
--- /dev/null
+++ b/src/assets/img/icons/qr.svg
@@ -0,0 +1,11 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4 2C2.89543 2 2 2.89543 2 4V9C2 10.1046 2.89543 11 4 11H9C10.1046 11 11 10.1046 11 9V4C11 2.89543 10.1046 2 9 2H4ZM9 3.5H4C3.72386 3.5 3.5 3.72386 3.5 4V9C3.5 9.27614 3.72386 9.5 4 9.5H9C9.27614 9.5 9.5 9.27614 9.5 9V4C9.5 3.72386 9.27614 3.5 9 3.5Z" fill="black"/>
+<path d="M6.5 16C5.67157 16 5 16.6716 5 17.5C5 18.3284 5.67157 19 6.5 19C7.32843 19 8 18.3284 8 17.5C8 16.6716 7.32843 16 6.5 16Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.5 13C4.01472 13 2 15.0147 2 17.5C2 19.9853 4.01472 22 6.5 22C8.98528 22 11 19.9853 11 17.5C11 15.0147 8.98528 13 6.5 13ZM3.5 17.5C3.5 19.1569 4.84315 20.5 6.5 20.5C8.15685 20.5 9.5 19.1569 9.5 17.5C9.5 15.8431 8.15685 14.5 6.5 14.5C4.84315 14.5 3.5 15.8431 3.5 17.5Z" fill="black"/>
+<path d="M14 13C13.4477 13 13 13.4477 13 14V15.5C13 16.0523 13.4477 16.5 14 16.5H15.5C16.0523 16.5 16.5 16.0523 16.5 15.5V14C16.5 13.4477 16.0523 13 15.5 13H14Z" fill="black"/>
+<path d="M18.5 14C18.5 13.4477 18.9477 13 19.5 13H21C21.5523 13 22 13.4477 22 14V15.5C22 16.0523 21.5523 16.5 21 16.5H19.5C18.9477 16.5 18.5 16.0523 18.5 15.5V14Z" fill="black"/>
+<path d="M19.5 18.5C18.9477 18.5 18.5 18.9477 18.5 19.5V21C18.5 21.5523 18.9477 22 19.5 22H21C21.5523 22 22 21.5523 22 21V19.5C22 18.9477 21.5523 18.5 21 18.5H19.5Z" fill="black"/>
+<path d="M13 19.5C13 18.9477 13.4477 18.5 14 18.5H15.5C16.0523 18.5 16.5 18.9477 16.5 19.5V21C16.5 21.5523 16.0523 22 15.5 22H14C13.4477 22 13 21.5523 13 21V19.5Z" fill="black"/>
+<path d="M16 6C16 5.44772 16.4477 5 17 5H18C18.5523 5 19 5.44772 19 6V7C19 7.55228 18.5523 8 18 8H17C16.4477 8 16 7.55228 16 7V6Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13 4C13 2.89543 13.8954 2 15 2H20C21.1046 2 22 2.89543 22 4V9C22 10.1046 21.1046 11 20 11H15C13.8954 11 13 10.1046 13 9V4ZM15 3.5H20C20.2761 3.5 20.5 3.72386 20.5 4V9C20.5 9.27614 20.2761 9.5 20 9.5H15C14.7239 9.5 14.5 9.27614 14.5 9V4C14.5 3.72386 14.7239 3.5 15 3.5Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/reaction-a.svg b/src/assets/img/icons/reaction-a.svg
new file mode 100644
index 00000000..cdd9194d
--- /dev/null
+++ b/src/assets/img/icons/reaction-a.svg
@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.04129 12.9109C6.5964 12.8409 6.16779 13.0082 5.89453 13.3219C5.61181 13.6465 5.50149 14.1281 5.70897 14.5885C6.34276 15.9948 8.10896 18.7468 12.1015 18.7468C16.094 18.7468 17.8602 15.9948 18.494 14.5885C18.7015 14.1281 18.5912 13.6465 18.3084 13.3219C18.0352 13.0082 17.6066 12.8409 17.1617 12.9109C16.267 13.0518 14.5804 13.2468 12.1015 13.2468C9.62263 13.2468 7.93601 13.0518 7.04129 12.9109ZM7.8804 15.2948C7.62333 14.9735 7.90688 14.5406 8.31652 14.5798C9.28502 14.6725 10.5467 14.7468 12.1015 14.7468C13.6563 14.7468 14.918 14.6725 15.8865 14.5798C16.2961 14.5406 16.5796 14.9735 16.3226 15.2948C15.533 16.2818 14.2217 17.2468 12.1015 17.2468C9.98131 17.2468 8.66997 16.2818 7.8804 15.2948Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM20.5 12C20.5 16.6944 16.6944 20.5 12 20.5C7.30558 20.5 3.5 16.6944 3.5 12C3.5 7.30558 7.30558 3.5 12 3.5C16.6944 3.5 20.5 7.30558 20.5 12Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.09479 7.5112C7.37617 7.17354 7.87799 7.12792 8.21564 7.4093L10.9442 9.6831C11.2016 9.8976 11.2971 10.2503 11.183 10.5654C11.069 10.8804 10.7698 11.0903 10.4347 11.0903C9.17293 11.0903 7.33497 11.4989 6.30903 12.1403C5.93635 12.3733 5.44535 12.2601 5.21233 11.8874C4.97932 11.5148 5.09254 11.0237 5.46522 10.7907C6.16626 10.3524 7.08555 10.0205 8.01278 9.80292C8.19944 9.75912 8.2605 9.51856 8.11321 9.39582L7.19668 8.63205C6.85903 8.35067 6.81341 7.84885 7.09479 7.5112Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.9052 7.5112C16.6238 7.17354 16.122 7.12792 15.7844 7.4093L13.0558 9.6831C12.7984 9.8976 12.7029 10.2503 12.817 10.5654C12.931 10.8804 13.2302 11.0903 13.5653 11.0903C14.8271 11.0903 16.665 11.4989 17.691 12.1403C18.0636 12.3733 18.5547 12.2601 18.7877 11.8874C19.0207 11.5148 18.9075 11.0237 18.5348 10.7907C17.8337 10.3524 16.9145 10.0205 15.9872 9.80292C15.8006 9.75912 15.7395 9.51856 15.8868 9.39582L16.8033 8.63205C17.141 8.35067 17.1866 7.84885 16.9052 7.5112Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/reaction-b.svg b/src/assets/img/icons/reaction-b.svg
new file mode 100644
index 00000000..be4957ef
--- /dev/null
+++ b/src/assets/img/icons/reaction-b.svg
@@ -0,0 +1,14 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M20.0466 0C20.4608 0 20.7966 0.335786 20.7966 0.75V2.65C20.7966 2.98137 21.0652 3.25 21.3966 3.25H23.25C23.6642 3.25 24 3.58579 24 4C24 4.41421 23.6642 4.75 23.25 4.75H21.3966C21.0652 4.75 20.7966 5.01863 20.7966 5.35V7.25C20.7966 7.66421 20.4608 8 20.0466 8C19.6324 8 19.2966 7.66421 19.2966 7.25V5.35C19.2966 5.01863 19.028 4.75 18.6966 4.75H16.7476C16.3333 4.75 15.9976 4.41421 15.9976 4C15.9976 3.58579 16.3333 3.25 16.7476 3.25H18.6966C19.028 3.25 19.2966 2.98137 19.2966 2.65V0.749999C19.2966 0.335786 19.6324 0 20.0466 0Z" fill="black"/>
+<path d="M14.2815 2.94644C14.385 2.62575 14.2369 2.24528 13.906 2.18143C13.289 2.06236 12.6518 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 11.4303 21.9524 10.8718 21.8609 10.3281C21.8026 9.98225 21.3991 9.82954 21.0686 9.94686C21.005 9.96944 20.9403 9.98975 20.8746 10.0077C20.5746 10.0896 20.3514 10.3791 20.3991 10.6864C20.4655 11.1145 20.5 11.5532 20.5 12C20.5 16.6944 16.6944 20.5 12 20.5C7.30558 20.5 3.5 16.6944 3.5 12C3.5 7.30558 7.30558 3.5 12 3.5C12.5194 3.5 13.0279 3.54659 13.5216 3.63581C13.8424 3.69379 14.1501 3.45426 14.2274 3.13755C14.2432 3.07292 14.2612 3.00919 14.2815 2.94644Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.89453 13.3219C6.16779 13.0082 6.5964 12.8409 7.04129 12.9109C7.93601 13.0518 9.62263 13.2468 12.1015 13.2468C14.5804 13.2468 16.267 13.0518 17.1617 12.9109C17.6066 12.8409 18.0352 13.0082 18.3084 13.3219C18.5912 13.6465 18.7015 14.1281 18.494 14.5885C17.8602 15.9948 16.094 18.7468 12.1015 18.7468C8.10896 18.7468 6.34276 15.9948 5.70897 14.5885C5.50149 14.1281 5.61181 13.6465 5.89453 13.3219ZM8.31652 14.5798C7.90688 14.5406 7.62333 14.9735 7.8804 15.2948C8.66997 16.2818 9.98131 17.2468 12.1015 17.2468C14.2217 17.2468 15.533 16.2818 16.3226 15.2948C16.5796 14.9735 16.2961 14.5406 15.8865 14.5798C14.918 14.6725 13.6563 14.7468 12.1015 14.7468C10.5467 14.7468 9.28502 14.6725 8.31652 14.5798Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.09479 7.0389C7.37617 6.70125 7.87799 6.65563 8.21564 6.93701L10.9442 9.21081C11.2016 9.42531 11.2971 9.77805 11.183 10.0931C11.069 10.4081 10.7698 10.618 10.4347 10.618C9.17293 10.618 7.33497 11.0266 6.30903 11.668C5.93635 11.901 5.44535 11.7878 5.21233 11.4151C4.97932 11.0425 5.09254 10.5515 5.46522 10.3184C6.16626 9.88012 7.08555 9.54823 8.01278 9.33063C8.19944 9.28683 8.2605 9.04627 8.11321 8.92353L7.19668 8.15975C6.85903 7.87838 6.81341 7.37655 7.09479 7.0389Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.9052 7.0389C16.6238 6.70125 16.122 6.65563 15.7844 6.93701L13.0558 9.21081C12.7984 9.42531 12.7029 9.77805 12.817 10.0931C12.931 10.4081 13.2302 10.618 13.5653 10.618C14.8271 10.618 16.665 11.0266 17.691 11.668C18.0636 11.901 18.5547 11.7878 18.7877 11.4151C19.0207 11.0425 18.9075 10.5515 18.5348 10.3184C17.8337 9.88012 16.9145 9.54823 15.9872 9.33063C15.8006 9.28683 15.7395 9.04627 15.8868 8.92353L16.8033 8.15975C17.141 7.87838 17.1866 7.37655 16.9052 7.0389Z" fill="black"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/assets/img/icons/receive.svg b/src/assets/img/icons/receive.svg
new file mode 100644
index 00000000..b704e4c2
--- /dev/null
+++ b/src/assets/img/icons/receive.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.6192 6.84322L5.00164 4.11833C4.45399 3.89283 3.90948 4.44697 4.14456 4.99058L11.3015 21.5411C11.422 21.8196 11.6965 22 12 22C12.3035 22 12.578 21.8196 12.6984 21.5411L19.8554 4.99058C20.0905 4.44697 19.546 3.89283 18.9983 4.11833L12.3807 6.84322C12.1368 6.94365 11.8631 6.94365 11.6192 6.84322ZM11.25 8.51818C11.25 8.39035 11.1663 8.27891 11.0481 8.23024L7.47933 6.76074C7.06444 6.5899 6.65194 7.00971 6.83002 7.42153L10.7705 16.5339C10.8782 16.783 11.25 16.7061 11.25 16.4347V8.51818ZM12.75 8.51819C12.75 8.39035 12.8337 8.27891 12.9519 8.23024L16.5206 6.76074C16.9355 6.5899 17.348 7.00971 17.1699 7.42153L13.2294 16.5339C13.1217 16.783 12.75 16.7061 12.75 16.4347V8.51819Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/refresh.svg b/src/assets/img/icons/refresh.svg
new file mode 100644
index 00000000..f5dd772f
--- /dev/null
+++ b/src/assets/img/icons/refresh.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 6.25C16.2802 6.25 19.75 9.71979 19.75 14C19.75 18.2802 16.2802 21.75 12 21.75C7.71979 21.75 4.25 18.2802 4.25 14C4.25 13.5858 4.58579 13.25 5 13.25C5.41421 13.25 5.75 13.5858 5.75 14C5.75 17.4518 8.54822 20.25 12 20.25C15.4518 20.25 18.25 17.4518 18.25 14C18.25 10.5482 15.4518 7.75 12 7.75H11.0178C10.5723 7.75 10.3492 8.28857 10.6642 8.60355L12.5303 10.4697C12.8232 10.7626 12.8232 11.2374 12.5303 11.5303C12.2374 11.8232 11.7626 11.8232 11.4697 11.5303L7.46967 7.53033C7.17678 7.23744 7.17678 6.76256 7.46967 6.46967L11.4697 2.46967C11.7626 2.17678 12.2374 2.17678 12.5303 2.46967C12.8232 2.76256 12.8232 3.23744 12.5303 3.53033L10.6642 5.39645C10.3492 5.71143 10.5723 6.25 11.0178 6.25H12Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/remove-circle.svg b/src/assets/img/icons/remove-circle.svg
new file mode 100644
index 00000000..7b7f5b9b
--- /dev/null
+++ b/src/assets/img/icons/remove-circle.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16 12.7499C16.4142 12.7499 16.75 12.4141 16.75 11.9999C16.75 11.5857 16.4142 11.2499 16 11.2499L8.00003 11.2499C7.58582 11.2499 7.25003 11.5857 7.25003 11.9999C7.25003 12.4141 7.58582 12.7499 8.00003 12.7499L16 12.7499Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22 11.9999C22 17.5227 17.5229 21.9999 12 21.9999C6.47718 21.9999 2.00003 17.5227 2.00003 11.9999C2.00003 6.47703 6.47718 1.99988 12 1.99988C17.5229 1.99988 22 6.47703 22 11.9999ZM20.5 11.9999C20.5 16.6943 16.6945 20.4999 12 20.4999C7.30561 20.4999 3.50003 16.6943 3.50003 11.9999C3.50003 7.30546 7.30561 3.49988 12 3.49988C16.6945 3.49988 20.5 7.30546 20.5 11.9999Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/remove-contact.svg b/src/assets/img/icons/remove-contact.svg
new file mode 100644
index 00000000..beb15d5a
--- /dev/null
+++ b/src/assets/img/icons/remove-contact.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 13C14.7614 13 17 10.7614 17 8C17 5.23858 14.7614 3 12 3C9.23858 3 7 5.23858 7 8C7 10.7614 9.23858 13 12 13ZM12 11.5C13.933 11.5 15.5 9.933 15.5 8C15.5 6.067 13.933 4.5 12 4.5C10.067 4.5 8.5 6.067 8.5 8C8.5 9.933 10.067 11.5 12 11.5Z" fill="black"/>
+<path d="M12.9345 16.7839C12.8997 17.2015 12.5288 17.506 12.1099 17.5007C12.0732 17.5002 12.0366 17.5 11.9998 17.5C9.45645 17.5 7.17395 18.6171 5.61624 20.3874C5.31374 20.7312 4.77772 20.7779 4.45392 20.454C4.19319 20.1933 4.16181 19.7784 4.40167 19.4984C6.23574 17.357 8.95932 16 11.9998 16C12.0868 16 12.1735 16.0011 12.2599 16.0033C12.6689 16.0138 12.9685 16.3762 12.9345 16.7839Z" fill="black"/>
+<path d="M16 16C15.5858 16 15.25 16.3358 15.25 16.75C15.25 17.1642 15.5858 17.5 16 17.5H21C21.4142 17.5 21.75 17.1642 21.75 16.75C21.75 16.3358 21.4142 16 21 16H16Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/remove.svg b/src/assets/img/icons/remove.svg
new file mode 100644
index 00000000..ae9c774c
--- /dev/null
+++ b/src/assets/img/icons/remove.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18 11.25C18.4142 11.25 18.75 11.5858 18.75 12C18.75 12.4142 18.4142 12.75 18 12.75C14 12.75 10 12.75 6 12.75C5.58579 12.75 5.25 12.4142 5.25 12C5.25 11.5858 5.58579 11.25 6 11.25C10 11.25 14 11.25 18 11.25Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/reply.svg b/src/assets/img/icons/reply.svg
new file mode 100644
index 00000000..551b01d7
--- /dev/null
+++ b/src/assets/img/icons/reply.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.5303 12.4697C15.2374 12.1768 14.7626 12.1768 14.4697 12.4697C14.1768 12.7626 14.1768 13.2374 14.4697 13.5303L16.3358 15.3964C16.6508 15.7114 16.4277 16.25 15.9822 16.25L12 16.25C8.54822 16.25 5.75 13.4518 5.75 10C5.75 6.54822 8.54822 3.75 12 3.75C12.4142 3.75 12.75 3.41421 12.75 3C12.75 2.58579 12.4142 2.25 12 2.25C7.71979 2.25 4.25 5.71979 4.25 10C4.25 14.2802 7.71979 17.75 12 17.75H15.9822C16.4277 17.75 16.6508 18.2886 16.3358 18.6036L14.4697 20.4697C14.1768 20.7626 14.1768 21.2374 14.4697 21.5303C14.7626 21.8232 15.2374 21.8232 15.5303 21.5303L19.5303 17.5303C19.8232 17.2374 19.8232 16.7626 19.5303 16.4697L15.5303 12.4697Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/right.svg b/src/assets/img/icons/right.svg
new file mode 100644
index 00000000..4ead878e
--- /dev/null
+++ b/src/assets/img/icons/right.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.4697 6.53033C13.1768 6.23744 13.1768 5.76256 13.4697 5.46967C13.7626 5.17678 14.2374 5.17678 14.5303 5.46967L20.5303 11.4697C20.8232 11.7626 20.8232 12.2374 20.5303 12.5303L14.5303 18.5303C14.2374 18.8232 13.7626 18.8232 13.4697 18.5303C13.1768 18.2374 13.1768 17.7626 13.4697 17.4697L17.3358 13.6036C17.6508 13.2886 17.4277 12.75 16.9822 12.75H4C3.58579 12.75 3.25 12.4142 3.25 12C3.25 11.5858 3.58579 11.25 4 11.25H16.9822C17.4277 11.25 17.6508 10.7114 17.3358 10.3964L13.4697 6.53033Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/rotate.svg b/src/assets/img/icons/rotate.svg
new file mode 100644
index 00000000..fee08d3a
--- /dev/null
+++ b/src/assets/img/icons/rotate.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.85365 18.7033C8.52223 18.4548 8.05005 18.4497 7.75716 18.7426C7.46426 19.0355 7.46194 19.5142 7.78534 19.773C8.94028 20.6973 10.4055 21.25 11.9998 21.25C15.7277 21.25 18.7498 18.2279 18.7498 14.5V14.0176C18.7498 13.5721 19.2884 13.349 19.6034 13.664L20.4697 14.5303C20.7626 14.8232 21.2374 14.8232 21.5303 14.5303C21.8232 14.2374 21.8232 13.7626 21.5303 13.4697L18.5303 10.4697C18.2374 10.1768 17.7626 10.1768 17.4697 10.4697L14.4697 13.4697C14.1768 13.7626 14.1768 14.2374 14.4697 14.5303C14.7626 14.8232 15.2374 14.8232 15.5303 14.5303L16.3962 13.6644C16.7112 13.3494 17.2498 13.5725 17.2498 14.018V14.5C17.2498 17.3995 14.8993 19.75 11.9998 19.75C10.8196 19.75 9.73043 19.3606 8.85365 18.7033Z" fill="black"/>
+<path d="M6.53033 13.5303L9.53033 10.5303C9.82322 10.2374 9.82322 9.76256 9.53033 9.46967C9.23744 9.17678 8.76256 9.17678 8.46967 9.46967L7.60278 10.3366C7.30293 10.6364 6.79024 10.424 6.79024 10C6.79024 7.1005 9.14075 4.75 12.0402 4.75C13.2204 4.75 14.3096 5.1394 15.1864 5.79673C15.5178 6.04519 15.99 6.05025 16.2829 5.75736C16.5758 5.46447 16.5781 4.98584 16.2547 4.72703C15.0998 3.80273 13.6345 3.25 12.0402 3.25C8.31232 3.25 5.29024 6.27208 5.29024 10V10.0225C5.29024 10.4679 4.75167 10.691 4.43669 10.376L3.53033 9.46967C3.23744 9.17678 2.76256 9.17678 2.46967 9.46967C2.17678 9.76256 2.17678 10.2374 2.46967 10.5303L5.46967 13.5303C5.76256 13.8232 6.23744 13.8232 6.53033 13.5303Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/search.svg b/src/assets/img/icons/search.svg
new file mode 100644
index 00000000..e2c3cbf3
--- /dev/null
+++ b/src/assets/img/icons/search.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.8504 15.9111C14.6709 15.7315 14.3863 15.7169 14.177 15.8607C13.1313 16.5794 11.8648 17 10.5 17C6.91015 17 4 14.0899 4 10.5C4 6.91015 6.91015 4 10.5 4C14.0899 4 17 6.91015 17 10.5C17 11.8648 16.5794 13.1313 15.8607 14.177C15.7169 14.3863 15.7315 14.6709 15.9111 14.8504L20.5303 19.4698C20.8232 19.7627 20.8232 20.2376 20.5303 20.5305C20.2374 20.8233 19.7626 20.8233 19.4697 20.5304L14.8504 15.9111ZM15.5 10.5C15.5 13.2614 13.2614 15.5 10.5 15.5C7.73858 15.5 5.5 13.2614 5.5 10.5C5.5 7.73858 7.73858 5.5 10.5 5.5C13.2614 5.5 15.5 7.73858 15.5 10.5Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/secret.svg b/src/assets/img/icons/secret.svg
new file mode 100644
index 00000000..13c082e5
--- /dev/null
+++ b/src/assets/img/icons/secret.svg
@@ -0,0 +1,6 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.00003 4.5L5.31626 3.55132C5.05006 3.46258 4.75883 3.48977 4.51365 3.62625C4.26848 3.76273 4.09193 3.99593 4.02709 4.26893L5.00003 4.5ZM19 4.5L19.9703 4.25798C19.9029 3.98763 19.7257 3.75767 19.4815 3.62352C19.2373 3.48937 18.9481 3.4632 18.6838 3.55132L19 4.5ZM20 10.5L19.0035 10.583L20 10.5ZM4.00003 10.5L3.00453 10.4052L4.00003 10.5ZM19 4.5C18.0298 4.74202 18.0297 4.74195 18.0297 4.7419C18.0297 4.7419 18.0297 4.74186 18.0297 4.74186C18.0297 4.74185 18.0297 4.74189 18.0297 4.74197C18.0298 4.74214 18.0299 4.74249 18.03 4.74302C18.0303 4.74408 18.0307 4.74586 18.0313 4.74835C18.0326 4.75332 18.0345 4.76113 18.037 4.77168C18.0422 4.79278 18.05 4.82484 18.06 4.86712C18.0802 4.95168 18.1096 5.07707 18.1458 5.23738C18.2183 5.55814 18.3178 6.0179 18.425 6.56964C18.6401 7.67684 18.8831 9.13795 19.0035 10.583L20.9966 10.417C20.8679 8.87241 20.6108 7.33353 20.3882 6.18814C20.2766 5.61358 20.1728 5.13389 20.0967 4.79679C20.0586 4.62816 20.0274 4.495 20.0055 4.40326C19.9946 4.35739 19.986 4.32185 19.98 4.29739C19.977 4.28516 19.9747 4.2757 19.9731 4.26911C19.9722 4.26581 19.9716 4.26322 19.9711 4.26136C19.9709 4.26044 19.9707 4.25969 19.9706 4.25913C19.9705 4.25884 19.9705 4.25861 19.9704 4.25842C19.9704 4.25832 19.9704 4.25821 19.9703 4.25817C19.9703 4.25807 19.9703 4.25798 19 4.5ZM4.99553 10.5948C5.13363 9.14406 5.37767 7.67735 5.58901 6.56705C5.69437 6.0135 5.79094 5.55204 5.86095 5.22989C5.89594 5.06888 5.92426 4.94284 5.94368 4.85769C5.95339 4.81513 5.96087 4.7828 5.96585 4.76144C5.96833 4.75076 5.97019 4.74283 5.97139 4.73774C5.97199 4.73519 5.97242 4.73335 5.97269 4.73224C5.97282 4.73168 5.97291 4.7313 5.97296 4.73111C5.97298 4.73101 5.97299 4.73096 5.97299 4.73095C5.97299 4.73095 5.97299 4.73098 5.97299 4.73097C5.97298 4.73101 5.97297 4.73107 5.00003 4.5C4.02709 4.26893 4.02707 4.26901 4.02705 4.2691C4.02704 4.26914 4.02702 4.26924 4.027 4.26933C4.02696 4.2695 4.0269 4.26972 4.02684 4.26999C4.02671 4.27053 4.02654 4.27125 4.02633 4.27215C4.0259 4.27396 4.0253 4.27649 4.02454 4.27973C4.02301 4.28623 4.02082 4.29558 4.018 4.3077C4.01235 4.33195 4.00418 4.36728 3.99376 4.41294C3.97293 4.50427 3.94312 4.63699 3.90657 4.80516C3.8335 5.14136 3.73338 5.61994 3.62428 6.19307C3.4067 7.33615 3.15073 8.86945 3.00453 10.4052L4.99553 10.5948ZM19.0035 10.583C19.2308 13.3104 18.321 15.8148 16.8995 17.6344C15.4593 19.4778 13.5974 20.5 12 20.5V22.5C14.4026 22.5 16.7907 21.0222 18.4755 18.8656C20.179 16.6852 21.2693 13.6896 20.9966 10.417L19.0035 10.583ZM12 20.5C10.4002 20.5 8.52026 19.4753 7.07215 17.6322C5.64326 15.8136 4.73662 13.3144 4.99553 10.5948L3.00453 10.4052C2.69224 13.6856 3.7856 16.6864 5.49951 18.8678C7.1942 21.0247 9.59985 22.5 12 22.5V20.5ZM5.00003 4.5C4.6838 5.44868 4.684 5.44875 4.68421 5.44882C4.68429 5.44885 4.68451 5.44892 4.68468 5.44898C4.68502 5.44909 4.6854 5.44922 4.68584 5.44936C4.6867 5.44965 4.68775 5.44999 4.68897 5.4504C4.69143 5.45121 4.69462 5.45226 4.69854 5.45353C4.70637 5.45609 4.71709 5.45956 4.73066 5.46389C4.75778 5.47255 4.79625 5.48463 4.84559 5.49964C4.94424 5.52967 5.08641 5.57145 5.26816 5.62101C5.63152 5.72011 6.15396 5.85059 6.80391 5.98058C8.10183 6.24016 9.91912 6.5 12 6.5V4.5C10.0809 4.5 8.39823 4.25984 7.19614 4.01942C6.59609 3.89941 6.11854 3.77989 5.7944 3.69149C5.6324 3.6473 5.50894 3.61096 5.42791 3.58629C5.3874 3.57397 5.35751 3.56456 5.33874 3.55857C5.32935 3.55558 5.32274 3.55343 5.31897 3.5522C5.31709 3.55159 5.31592 3.5512 5.31546 3.55105C5.31523 3.55098 5.31518 3.55096 5.31532 3.551C5.31538 3.55103 5.31549 3.55106 5.31565 3.55112C5.31573 3.55114 5.31588 3.55119 5.31592 3.5512C5.31608 3.55126 5.31626 3.55132 5.00003 4.5ZM12 6.5C14.0809 6.5 15.8982 6.24016 17.1961 5.98058C17.8461 5.85059 18.3685 5.72011 18.7319 5.62101C18.9136 5.57145 19.0558 5.52967 19.1545 5.49964C19.2038 5.48463 19.2423 5.47255 19.2694 5.46389C19.283 5.45956 19.2937 5.45609 19.3015 5.45353C19.3054 5.45226 19.3086 5.45121 19.3111 5.4504C19.3123 5.44999 19.3134 5.44965 19.3142 5.44936C19.3147 5.44922 19.315 5.44909 19.3154 5.44898C19.3155 5.44892 19.3158 5.44885 19.3159 5.44882C19.3161 5.44875 19.3163 5.44868 19 4.5C18.6838 3.55132 18.684 3.55126 18.6841 3.5512C18.6842 3.55119 18.6843 3.55114 18.6844 3.55112C18.6846 3.55106 18.6847 3.55103 18.6847 3.551C18.6849 3.55096 18.6848 3.55098 18.6846 3.55105C18.6841 3.5512 18.683 3.55159 18.6811 3.5522C18.6773 3.55343 18.6707 3.55558 18.6613 3.55857C18.6425 3.56456 18.6127 3.57397 18.5721 3.58629C18.4911 3.61096 18.3677 3.6473 18.2057 3.69149C17.8815 3.77989 17.404 3.89941 16.8039 4.01942C15.6018 4.25984 13.9191 4.5 12 4.5V6.5Z" fill="black"/>
+<path d="M12 18.5C13.7553 18.5 15.0075 17.3682 15.8198 16.2399C16.2565 15.6333 15.5064 14.9926 14.8262 15.3023C13.989 15.6835 12.9945 16 12 16C11.0055 16 10.011 15.6835 9.17383 15.3023C8.49364 14.9926 7.74353 15.6333 8.18019 16.2399C8.99249 17.3682 10.2447 18.5 12 18.5Z" fill="black"/>
+<path d="M15.5002 9.5C14.1994 9.5 13.3216 10.1346 12.8669 10.5782C12.619 10.8201 12.5958 11.1912 12.7507 11.5009C12.8939 11.7873 13.226 11.9254 13.5345 11.8399C14.0621 11.6936 14.878 11.5 15.5002 11.5C16.0765 11.5 16.6528 11.8321 17.0377 12.1136C17.2175 12.245 17.4825 12.12 17.4528 11.8993C17.3351 11.0236 16.9256 9.5 15.5002 9.5Z" fill="black"/>
+<path d="M8.50024 9.5C9.80109 9.5 10.6789 10.1346 11.1336 10.5782C11.3815 10.8201 11.4047 11.1912 11.2498 11.5009C11.1066 11.7873 10.7745 11.9254 10.466 11.8399C9.93837 11.6936 9.12251 11.5 8.50024 11.5C7.92394 11.5 7.34764 11.8321 6.96274 12.1136C6.78295 12.245 6.51803 12.12 6.54769 11.8993C6.66538 11.0236 7.07493 9.5 8.50024 9.5Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/security.svg b/src/assets/img/icons/security.svg
new file mode 100644
index 00000000..3f306f9d
--- /dev/null
+++ b/src/assets/img/icons/security.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.0157 16.1319C11.1503 16.2491 11.25 16.4092 11.25 16.5877V18C11.25 18.4142 11.5858 18.75 12 18.75C12.4142 18.75 12.75 18.4142 12.75 18V16.5877C12.75 16.4092 12.8497 16.2491 12.9843 16.1319C13.3003 15.8569 13.5 15.4518 13.5 15C13.5 14.1716 12.8284 13.5 12 13.5C11.1716 13.5 10.5 14.1716 10.5 15C10.5 15.4518 10.6997 15.8569 11.0157 16.1319Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.50099 10.0308C7.77502 9.99672 8 9.77614 8 9.5V6C8 3.79086 9.79086 2 12 2C14.2091 2 16 3.79086 16 6V9.5C16 9.77614 16.225 9.99672 16.499 10.0308C18.4726 10.2764 20 11.9598 20 14V18C20 20.2091 18.2091 22 16 22H8C5.79086 22 4 20.2091 4 18V14C4 11.9598 5.52736 10.2764 7.50099 10.0308ZM5.5 14C5.5 12.6193 6.61929 11.5 8 11.5H16C17.3807 11.5 18.5 12.6193 18.5 14V18C18.5 19.3807 17.3807 20.5 16 20.5H8C6.61929 20.5 5.5 19.3807 5.5 18V14ZM10 10C9.72386 10 9.5 9.77614 9.5 9.5V6C9.5 4.61929 10.6193 3.5 12 3.5C13.3807 3.5 14.5 4.61929 14.5 6V9.5C14.5 9.77614 14.2761 10 14 10H10Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/send.svg b/src/assets/img/icons/send.svg
new file mode 100644
index 00000000..36831724
--- /dev/null
+++ b/src/assets/img/icons/send.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.6192 17.1568L5.00164 19.8817C4.45399 20.1072 3.90948 19.553 4.14456 19.0094L11.3015 2.45893C11.422 2.18035 11.6965 2 12 2C12.3035 2 12.578 2.18035 12.6984 2.45893L19.8554 19.0094C20.0905 19.553 19.546 20.1072 18.9983 19.8817L12.3807 17.1568C12.1368 17.0563 11.8631 17.0564 11.6192 17.1568ZM11.25 15.4818C11.25 15.6096 11.1663 15.7211 11.0481 15.7698L7.47933 17.2393C7.06444 17.4101 6.65194 16.9903 6.83002 16.5785L10.7705 7.46607C10.8782 7.21695 11.25 7.29388 11.25 7.5653V15.4818ZM12.75 15.4818C12.75 15.6096 12.8337 15.7211 12.9519 15.7698L16.5206 17.2393C16.9355 17.4101 17.348 16.9903 17.1699 16.5785L13.2294 7.46607C13.1217 7.21695 12.75 7.29388 12.75 7.5653V15.4818Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/settings-advanced.svg b/src/assets/img/icons/settings-advanced.svg
new file mode 100644
index 00000000..6976c9e5
--- /dev/null
+++ b/src/assets/img/icons/settings-advanced.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.3077 19.25C10.1529 19.25 10.0081 19.3229 9.9069 19.44C9.08172 20.3954 7.86147 21 6.5 21C4.01472 21 2 18.9853 2 16.5C2 14.0147 4.01472 12 6.5 12C7.86147 12 9.08172 12.6046 9.9069 13.56C10.0081 13.6771 10.1529 13.75 10.3077 13.75H19C20.5188 13.75 21.75 14.9812 21.75 16.5C21.75 18.0188 20.5188 19.25 19 19.25H10.3077ZM9.5 16.5C9.5 18.1569 8.15685 19.5 6.5 19.5C4.84315 19.5 3.5 18.1569 3.5 16.5C3.5 14.8431 4.84315 13.5 6.5 13.5C8.15685 13.5 9.5 14.8431 9.5 16.5ZM11.4888 17.75C11.1561 17.75 10.9164 17.4299 10.9603 17.1C10.9865 16.9038 11 16.7035 11 16.5C11 16.2965 10.9865 16.0962 10.9603 15.9C10.9164 15.5701 11.1561 15.25 11.4888 15.25H19C19.6904 15.25 20.25 15.8096 20.25 16.5C20.25 17.1904 19.6904 17.75 19 17.75H11.4888Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22 7.5C22 9.98528 19.9853 12 17.5 12C16.1385 12 14.9183 11.3954 14.0931 10.44C13.9919 10.3229 13.8471 10.25 13.6923 10.25H5C3.48122 10.25 2.25 9.01878 2.25 7.5C2.25 5.98122 3.48122 4.75 5 4.75H13.6923C13.8471 4.75 13.9919 4.67714 14.0931 4.55998C14.9183 3.60461 16.1385 3 17.5 3C19.9853 3 22 5.01472 22 7.5ZM20.5 7.5C20.5 9.15685 19.1569 10.5 17.5 10.5C15.8431 10.5 14.5 9.15685 14.5 7.5C14.5 5.84315 15.8431 4.5 17.5 4.5C19.1569 4.5 20.5 5.84315 20.5 7.5ZM12.5112 6.25C12.8439 6.25 13.0836 6.57013 13.0397 6.89995C13.0135 7.09625 13 7.29655 13 7.5C13 7.70345 13.0135 7.90375 13.0397 8.10005C13.0836 8.42987 12.8439 8.75 12.5112 8.75H5C4.30964 8.75 3.75 8.19036 3.75 7.5C3.75 6.80964 4.30964 6.25 5 6.25H12.5112Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/settings.svg b/src/assets/img/icons/settings.svg
new file mode 100644
index 00000000..bdb156bf
--- /dev/null
+++ b/src/assets/img/icons/settings.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15 12C15 13.6569 13.6569 15 12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12ZM13.5 12C13.5 12.8284 12.8284 13.5 12 13.5C11.1716 13.5 10.5 12.8284 10.5 12C10.5 11.1716 11.1716 10.5 12 10.5C12.8284 10.5 13.5 11.1716 13.5 12Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.2457 21.75H11.7543C10.973 21.75 10.2863 21.232 10.0716 20.4808L9.63013 18.9355C9.54412 18.6345 9.20578 18.4856 8.92576 18.6256L7.48008 19.3485C6.80635 19.6854 5.99265 19.5533 5.46002 19.0207L4.97932 18.54C4.44669 18.0074 4.31465 17.1937 4.65151 16.5199L5.37436 15.0742C5.51436 14.7942 5.36553 14.4559 5.0645 14.3699L3.51924 13.9284C2.76796 13.7137 2.25 13.027 2.25 12.2457V11.7543C2.25 10.973 2.76796 10.2863 3.51924 10.0716L5.0645 9.63013C5.36553 9.54412 5.51436 9.20578 5.37436 8.92576L4.65151 7.48008C4.31465 6.80635 4.44669 5.99265 4.97932 5.46002L5.46002 4.97932C5.99265 4.44669 6.80635 4.31465 7.48008 4.65151L8.92576 5.37436C9.20578 5.51436 9.54412 5.36553 9.63013 5.0645L10.0716 3.51924C10.2863 2.76796 10.973 2.25 11.7543 2.25H12.2457C13.027 2.25 13.7137 2.76796 13.9284 3.51924L14.3699 5.0645C14.4559 5.36553 14.7942 5.51436 15.0742 5.37436L16.5199 4.65151C17.1937 4.31465 18.0074 4.44669 18.54 4.97932L19.0207 5.46002C19.5533 5.99265 19.6854 6.80635 19.3485 7.48008L18.6256 8.92576C18.4856 9.20578 18.6345 9.54412 18.9355 9.63013L20.4808 10.0716C21.232 10.2863 21.75 10.973 21.75 11.7543V12.2457C21.75 13.027 21.232 13.7137 20.4808 13.9284L18.9355 14.3699C18.6345 14.4559 18.4856 14.7942 18.6256 15.0742L19.3485 16.5199C19.6854 17.1937 19.5533 18.0074 19.0207 18.54L18.54 19.0207C18.0074 19.5533 17.1937 19.6854 16.5199 19.3485L15.0742 18.6256C14.7942 18.4856 14.4559 18.6345 14.3699 18.9355L13.9284 20.4808C13.7137 21.232 13.027 21.75 12.2457 21.75ZM11.7543 20.25H12.2457C12.3573 20.25 12.4554 20.176 12.4861 20.0687L13.1742 17.6601C13.3282 17.1214 13.8205 16.75 14.3808 16.75C14.5756 16.75 14.7678 16.7954 14.942 16.8825L17.1907 18.0068C17.287 18.055 17.4032 18.0361 17.4793 17.96L17.96 17.4793C18.0361 17.4032 18.055 17.287 18.0068 17.1907L16.8825 14.942C16.7954 14.7678 16.75 14.5756 16.75 14.3808C16.75 13.8205 17.1214 13.3282 17.6601 13.1742L20.0687 12.4861C20.176 12.4554 20.25 12.3573 20.25 12.2457V11.7543C20.25 11.6427 20.176 11.5446 20.0687 11.5139L17.6601 10.8258C17.1214 10.6718 16.75 10.1795 16.75 9.61918C16.75 9.42437 16.7954 9.23223 16.8825 9.05799L18.0068 6.80926C18.055 6.71301 18.0361 6.59677 17.96 6.52068L17.4793 6.03998C17.4032 5.96389 17.287 5.94503 17.1907 5.99315L14.942 7.11752C14.7678 7.20464 14.5756 7.25 14.3808 7.25C13.8205 7.25 13.3282 6.87859 13.1742 6.33988L12.4861 3.93132C12.4554 3.82399 12.3573 3.75 12.2457 3.75H11.7543C11.6427 3.75 11.5446 3.82399 11.5139 3.93132L10.8258 6.33988C10.6718 6.87859 10.1795 7.25 9.61918 7.25C9.42437 7.25 9.23223 7.20464 9.05799 7.11752L6.80926 5.99315C6.71301 5.94503 6.59677 5.96389 6.52068 6.03998L6.03998 6.52068C5.96389 6.59677 5.94503 6.71301 5.99315 6.80926L7.11752 9.05799C7.20464 9.23223 7.25 9.42437 7.25 9.61918C7.25 10.1795 6.87859 10.6718 6.33988 10.8258L3.93132 11.5139C3.82399 11.5446 3.75 11.6427 3.75 11.7543V12.2457C3.75 12.3573 3.82399 12.4554 3.93132 12.4861L6.33988 13.1742C6.87859 13.3282 7.25 13.8205 7.25 14.3808C7.25 14.5756 7.20464 14.7678 7.11752 14.942L5.99315 17.1907C5.94503 17.287 5.96389 17.4032 6.03998 17.4793L6.52068 17.96C6.59677 18.0361 6.71301 18.055 6.80926 18.0068L9.05799 16.8825C9.23223 16.7954 9.42437 16.75 9.61918 16.75C10.1795 16.75 10.6718 17.1214 10.8258 17.6601L11.5139 20.0687C11.5446 20.176 11.6427 20.25 11.7543 20.25Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/share-android.svg b/src/assets/img/icons/share-android.svg
new file mode 100644
index 00000000..d350be1d
--- /dev/null
+++ b/src/assets/img/icons/share-android.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.25363 13.0377C9.04363 12.9328 8.93879 12.6962 8.96958 12.4635C8.98965 12.3118 9 12.1571 9 12C9 11.8425 8.9896 11.6874 8.96944 11.5354C8.93853 11.3024 9.04361 11.0655 9.25401 10.9606L15.4253 7.88574C15.6348 7.7814 15.886 7.83914 16.0533 8.00271C16.6843 8.61971 17.5477 9 18.5 9C20.433 9 22 7.433 22 5.5C22 3.567 20.433 2 18.5 2C16.567 2 15 3.567 15 5.5C15 5.65999 15.0107 5.81747 15.0315 5.97176C15.063 6.20516 14.9579 6.44275 14.7471 6.54778L8.58071 9.62023C8.3709 9.72477 8.11918 9.6666 7.95191 9.50238C7.32044 8.88239 6.45487 8.5 5.5 8.5C3.567 8.5 2 10.067 2 12C2 13.933 3.567 15.5 5.5 15.5C6.45527 15.5 7.32116 15.1173 7.9527 14.4969C8.12014 14.3324 8.37227 14.2742 8.58223 14.3791L14.7468 17.4594C14.9569 17.5644 15.0617 17.8013 15.0307 18.0341C15.0105 18.1865 15 18.342 15 18.5C15 20.433 16.567 22 18.5 22C20.433 22 22 20.433 22 18.5C22 16.567 20.433 15 18.5 15C17.5456 15 16.6804 15.382 16.049 16.0014C15.8816 16.1657 15.6296 16.2238 15.4198 16.1189L9.25363 13.0377ZM5.5 14C6.60457 14 7.5 13.1046 7.5 12C7.5 10.8954 6.60457 10 5.5 10C4.39543 10 3.5 10.8954 3.5 12C3.5 13.1046 4.39543 14 5.5 14ZM18.5 7.5C19.6046 7.5 20.5 6.60457 20.5 5.5C20.5 4.39543 19.6046 3.5 18.5 3.5C17.3954 3.5 16.5 4.39543 16.5 5.5C16.5 6.60457 17.3954 7.5 18.5 7.5ZM20.5 18.5C20.5 19.6046 19.6046 20.5 18.5 20.5C17.3954 20.5 16.5 19.6046 16.5 18.5C16.5 17.3954 17.3954 16.5 18.5 16.5C19.6046 16.5 20.5 17.3954 20.5 18.5Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/share-ios.svg b/src/assets/img/icons/share-ios.svg
new file mode 100644
index 00000000..870f61d9
--- /dev/null
+++ b/src/assets/img/icons/share-ios.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16 10.75C16 11.1642 16.3383 11.4934 16.7469 11.5617C18.8767 11.9175 20.5 13.7692 20.5 16C20.5 18.4853 18.4853 20.5 16 20.5H8C5.51472 20.5 3.5 18.4853 3.5 16C3.5 13.7692 5.12331 11.9175 7.25314 11.5617C7.66169 11.4934 8 11.1642 8 10.75C8 10.3358 7.66253 9.99508 7.25149 10.0462C4.29103 10.4146 2 12.9398 2 16C2 19.3137 4.68629 22 8 22H16C19.3137 22 22 19.3137 22 16C22 12.9398 19.709 10.4146 16.7485 10.0462C16.3375 9.99508 16 10.3358 16 10.75Z" fill="black"/>
+<path d="M12.75 6.01777C12.75 5.57232 13.2886 5.34923 13.6036 5.66421L15.4697 7.53033C15.7626 7.82322 16.2374 7.82322 16.5303 7.53033C16.8232 7.23744 16.8232 6.76256 16.5303 6.46967L12.5303 2.46967C12.2374 2.17678 11.7626 2.17678 11.4697 2.46967L7.46967 6.46967C7.17678 6.76256 7.17678 7.23744 7.46967 7.53033C7.76256 7.82322 8.23744 7.82322 8.53033 7.53033L10.3964 5.66421C10.7114 5.34923 11.25 5.57232 11.25 6.01777V16C11.25 16.4142 11.5858 16.75 12 16.75C12.4142 16.75 12.75 16.4142 12.75 16V6.01777Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/show.svg b/src/assets/img/icons/show.svg
new file mode 100644
index 00000000..61069080
--- /dev/null
+++ b/src/assets/img/icons/show.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16 12C16 14.2091 14.2091 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8C14.2091 8 16 9.79086 16 12ZM14.5 12C14.5 13.3807 13.3807 14.5 12 14.5C10.6193 14.5 9.5 13.3807 9.5 12C9.5 10.6193 10.6193 9.5 12 9.5C13.3807 9.5 14.5 10.6193 14.5 12Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.30102 12.4833C3.33585 14.0671 6.96324 19 12 19C17.0368 19 20.6642 14.0671 21.6991 12.4833C21.8927 12.1868 21.8927 11.8132 21.6991 11.5167C20.6642 9.93293 17.0368 5 12 5C6.96324 5 3.33585 9.93293 2.30102 11.5167C2.10734 11.8132 2.10734 12.1868 2.30102 12.4833ZM12 17.5C9.9828 17.5 8.15324 16.5088 6.62731 15.1978C5.82428 14.5079 5.14469 13.7625 4.61201 13.1052C4.08841 12.459 4.08841 11.541 4.61201 10.8948C5.14469 10.2375 5.82428 9.49212 6.62731 8.80219C8.15323 7.49115 9.9828 6.5 12 6.5C14.0173 6.5 15.8469 7.49116 17.3728 8.80219C18.1758 9.49212 18.8554 10.2375 19.3881 10.8948C19.9117 11.541 19.9117 12.459 19.3881 13.1052C18.8554 13.7625 18.1758 14.5079 17.3728 15.1978C15.8469 16.5088 14.0173 17.5 12 17.5Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/smileys-and-people.svg b/src/assets/img/icons/smileys-and-people.svg
new file mode 100644
index 00000000..a73f6058
--- /dev/null
+++ b/src/assets/img/icons/smileys-and-people.svg
@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 20.5C16.6944 20.5 20.5 16.6944 20.5 12C20.5 7.30558 16.6944 3.5 12 3.5C7.30558 3.5 3.5 7.30558 3.5 12C3.5 16.6944 7.30558 20.5 12 20.5ZM12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" fill="black"/>
+<path d="M10 9.5C10 10.6046 9.32843 11.5 8.5 11.5C7.67157 11.5 7 10.6046 7 9.5C7 8.39543 7.67157 7.5 8.5 7.5C9.32843 7.5 10 8.39543 10 9.5Z" fill="black"/>
+<path d="M17 9.5C17 10.6046 16.3284 11.5 15.5 11.5C14.6716 11.5 14 10.6046 14 9.5C14 8.39543 14.6716 7.5 15.5 7.5C16.3284 7.5 17 8.39543 17 9.5Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.21503 14.583C7.8054 14.5438 7.52184 14.9767 7.77891 15.298C8.56848 16.2849 9.87982 17.25 12 17.25C14.1202 17.25 15.4315 16.2849 16.2211 15.298C16.4782 14.9767 16.1946 14.5438 15.785 14.583C14.8165 14.6756 13.5548 14.75 12 14.75C10.4452 14.75 9.18353 14.6756 8.21503 14.583ZM5.79304 13.3251C6.0663 13.0114 6.49491 12.8441 6.9398 12.9141C7.83452 13.0549 9.52114 13.25 12 13.25C14.4789 13.25 16.1655 13.0549 17.0602 12.9141C17.5051 12.8441 17.9337 13.0114 18.207 13.3251C18.4897 13.6497 18.6 14.1312 18.3925 14.5916C17.7587 15.998 15.9925 18.75 12 18.75C8.00747 18.75 6.24127 15.998 5.60749 14.5916C5.4 14.1312 5.51032 13.6497 5.79304 13.3251Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/sound.svg b/src/assets/img/icons/sound.svg
new file mode 100644
index 00000000..3cd78dcd
--- /dev/null
+++ b/src/assets/img/icons/sound.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.25 9.01308C8.24983 9.00376 8.24983 8.99446 8.25 8.98519V7.50373C8.25 5.6914 9.54609 4.13841 11.3292 3.81421L17.5081 2.69078C19.1961 2.38386 20.75 3.68069 20.75 5.39642V6.98686C20.7502 6.99622 20.7502 7.00555 20.75 7.01485V16.3604C20.75 17.6713 19.8247 18.7999 18.5393 19.057L17.4929 19.2663C15.8152 19.6018 14.25 18.3186 14.25 16.6078C14.25 15.3154 15.1622 14.2027 16.4295 13.9493L18.2451 13.5861C18.8294 13.4693 19.25 12.9562 19.25 12.3604V8.49776C19.25 8.18581 18.9675 7.95002 18.6606 8.00583L10.1606 9.55128C9.92281 9.59451 9.75 9.80157 9.75 10.0432V18.3604C9.75 19.6713 8.82474 20.7999 7.53932 21.057L6.49286 21.2663C4.81522 21.6018 3.25 20.3186 3.25 18.6078C3.25 17.3154 4.1622 16.2027 5.42946 15.9493L7.24514 15.5861C7.82942 15.4693 8.25 14.9562 8.25 14.3604V9.01308ZM17.7764 4.16658C18.5437 4.02707 19.25 4.61654 19.25 5.39642V5.95678C19.25 6.19842 19.0772 6.40548 18.8394 6.44871L10.338 7.99443C10.0318 8.0501 9.75 7.8149 9.75 7.50373C9.75 6.41633 10.5277 5.48454 11.5975 5.29002L17.7764 4.16658ZM18.5393 15.057C18.8778 14.9893 19.25 15.2197 19.25 15.5649V16.3604C19.25 16.9562 18.8294 17.4693 18.2451 17.5861L17.1987 17.7954C16.4492 17.9453 15.75 17.3721 15.75 16.6078C15.75 16.0304 16.1575 15.5333 16.7236 15.4201L18.5393 15.057ZM7.53932 17.057C7.87784 16.9893 8.25 17.2197 8.25 17.5649V18.3604C8.25 18.9562 7.82943 19.4693 7.24515 19.5861L6.19869 19.7954C5.44923 19.9453 4.75 19.3721 4.75 18.6078C4.75 18.0304 5.15751 17.5333 5.72363 17.4201L7.53932 17.057Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/speech.svg b/src/assets/img/icons/speech.svg
new file mode 100644
index 00000000..c461d8bb
--- /dev/null
+++ b/src/assets/img/icons/speech.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.7977 17.9103C11.053 17.9488 11.25 18.1628 11.25 18.421V21C11.25 21.4142 11.5858 21.75 12 21.75C12.4142 21.75 12.75 21.4142 12.75 21V18.4209C12.75 18.1627 12.947 17.9487 13.2023 17.9102C14.6713 17.6888 16.0094 17.0679 17.1024 16.1617C17.4213 15.8974 17.4192 15.4194 17.1263 15.1265C16.8334 14.8336 16.3609 14.8376 16.0364 15.095C14.9277 15.9746 13.5251 16.5 11.9998 16.5C10.4745 16.5 9.07195 15.9746 7.96317 15.095C7.63867 14.8376 7.16618 14.8336 6.87328 15.1265C6.58039 15.4194 6.57834 15.8974 6.89722 16.1617C7.99034 17.068 9.32857 17.6889 10.7977 17.9103Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C9.79086 2 8 3.79086 8 6V10C8 12.2091 9.79086 14 12 14C14.2091 14 16 12.2091 16 10V6C16 3.79086 14.2091 2 12 2ZM14.5 10V6C14.5 4.61929 13.3807 3.5 12 3.5C10.6193 3.5 9.5 4.61929 9.5 6V10C9.5 11.3807 10.6193 12.5 12 12.5C13.3807 12.5 14.5 11.3807 14.5 10Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/status-update.svg b/src/assets/img/icons/status-update.svg
new file mode 100644
index 00000000..580e5a0c
--- /dev/null
+++ b/src/assets/img/icons/status-update.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM12 20.5C13.3807 20.5 14.5 19.3807 14.5 18C14.5 16.6193 13.3807 15.5 12 15.5C10.6193 15.5 9.5 16.6193 9.5 18C9.5 19.3807 10.6193 20.5 12 20.5ZM20.5 12C20.5 13.8106 19.9339 15.4889 18.9691 16.8677C18.7804 17.1373 18.3583 16.8961 18.4121 16.5715C18.4699 16.2229 18.5 15.865 18.5 15.5C18.5 11.9101 15.5899 9 12 9C8.41015 9 5.5 11.9101 5.5 15.5C5.5 15.865 5.53008 16.2229 5.5879 16.5715C5.64173 16.896 5.21955 17.1372 5.03094 16.8677C4.06609 15.4889 3.5 13.8106 3.5 12C3.5 7.30558 7.30558 3.5 12 3.5C16.6944 3.5 20.5 7.30558 20.5 12ZM16 18C16 18.1504 16.1963 18.2238 16.2745 18.0954C16.7349 17.3388 17 16.4504 17 15.5C17 12.7386 14.7614 10.5 12 10.5C9.23858 10.5 7 12.7386 7 15.5C7 16.4504 7.26515 17.3388 7.7255 18.0954C7.80367 18.2238 8 18.1504 8 18C8 15.7909 9.79086 14 12 14C14.2091 14 16 15.7909 16 18Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/status.svg b/src/assets/img/icons/status.svg
new file mode 100644
index 00000000..9550b5b3
--- /dev/null
+++ b/src/assets/img/icons/status.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.0604 11.7829C12.612 11.8423 13.1636 11.9017 13.8417 11.8627C15.6794 11.7567 16.7926 10.7799 16.7135 9.32012C16.6332 7.83491 15.1521 6.92001 13.6703 7.00551C11.2556 7.14503 9.47991 9.33989 9.27965 11.8489C9.60756 11.7709 9.94173 11.7221 10.2782 11.7032C10.9568 11.664 11.5086 11.7235 12.0604 11.7829Z" fill="black"/>
+<path d="M7.28357 14.8287C7.36061 16.2185 8.77926 17.075 10.1988 16.9948C12.5122 16.8645 14.2132 14.8102 14.4047 12.4621C14.0904 12.5352 13.7703 12.5808 13.4482 12.5985C12.7983 12.6352 12.2697 12.5796 11.7411 12.5239C11.2127 12.4683 10.6843 12.4127 10.0347 12.4493C8.27431 12.5485 7.20781 13.4625 7.28357 14.8287Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM20.5 12C20.5 16.6944 16.6944 20.5 12 20.5C7.30558 20.5 3.5 16.6944 3.5 12C3.5 7.30558 7.30558 3.5 12 3.5C16.6944 3.5 20.5 7.30558 20.5 12Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/stickers.svg b/src/assets/img/icons/stickers.svg
new file mode 100644
index 00000000..43554d11
--- /dev/null
+++ b/src/assets/img/icons/stickers.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.56858 15.4864C9.22903 15.2492 8.75712 15.2427 8.46422 15.5356C8.17133 15.8285 8.16876 16.3079 8.49708 16.5604C9.46695 17.3065 10.6816 17.75 11.9998 17.75C13.318 17.75 14.5326 17.3065 15.5024 16.5604C15.8308 16.3079 15.8282 15.8285 15.5353 15.5356C15.2424 15.2427 14.7705 15.2492 14.4309 15.4864C13.742 15.9677 12.9039 16.25 11.9998 16.25C11.0956 16.25 10.2575 15.9677 9.56858 15.4864Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M21.8645 13.65C21.9401 13.1947 21.8959 12.7436 21.7602 12.3175C21.5838 11.7642 21.253 11.253 20.8292 10.8292L13.1708 3.17081C12.747 2.74702 12.2358 2.41617 11.6825 2.23984C11.6292 2.22286 11.5756 2.20732 11.5216 2.19327C11.1435 2.09488 10.7484 2.06934 10.35 2.13548C10.289 2.14561 10.2282 2.15629 10.1675 2.16752C5.51984 3.02825 2 7.10307 2 12C2 17.5228 6.47715 22 12 22C16.8969 22 20.9717 18.4802 21.8325 13.8325C21.8437 13.7718 21.8544 13.711 21.8645 13.65ZM3.5 12C3.5 8.08637 6.14622 4.78828 9.74701 3.80142C9.87574 3.76614 10 3.86653 10 4C10 9.52285 14.4772 14 20 14C20.1335 14 20.2339 14.1243 20.1986 14.253C19.2117 17.8538 15.9136 20.5 12 20.5C7.30558 20.5 3.5 16.6944 3.5 12ZM20 12.5C20.1011 12.5 20.1641 12.3936 20.1094 12.3086C20.0185 12.1674 19.9054 12.0267 19.7685 11.8898L12.1101 4.23147C11.9733 4.0946 11.8326 3.98147 11.6914 3.89064C11.6064 3.83594 11.5 3.89892 11.5 4C11.5 8.69442 15.3056 12.5 20 12.5Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/strikethrough.svg b/src/assets/img/icons/strikethrough.svg
new file mode 100644
index 00000000..8fabe4a6
--- /dev/null
+++ b/src/assets/img/icons/strikethrough.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.7503 7.19344C17.7808 7.41937 17.5972 7.61039 17.3692 7.61039H16.6065C16.4011 7.61039 16.2317 7.45413 16.1908 7.25286C15.8385 5.51665 14.2501 4.43102 12.0852 4.43102C9.64738 4.43102 7.9682 5.80335 7.9682 7.67858C7.9682 9.51972 9.74967 10.3806 11.4459 10.858L12.7581 11.2346C12.794 11.2449 12.8312 11.2501 12.8685 11.2501H21.2693C21.6728 11.2501 22 11.5859 22 12.0001C22 12.4144 21.6728 12.7501 21.2693 12.7501H17.5374C17.1521 12.7501 16.9603 13.2812 17.1992 13.5835C17.7084 14.2277 18.0263 15.0373 18.0263 16.066C18.0263 18.8618 15.7589 21.0013 11.9744 21.0013C8.59769 21.0013 6.40001 19.294 6.01985 16.7646C5.98542 16.5356 6.17013 16.3387 6.40171 16.3387H7.24177C7.44996 16.3387 7.62066 16.4993 7.65915 16.7039C8.00505 18.5429 9.76397 19.5437 11.9744 19.5437C14.5827 19.5437 16.4835 18.1373 16.4835 16.0404C16.4835 14.2589 15.0003 13.4492 12.8353 12.8184L12.6581 12.7664C12.6215 12.7556 12.5835 12.7501 12.5454 12.7501H2.73074C2.32716 12.7501 2 12.4144 2 12.0001C2 11.5859 2.32716 11.2501 2.73074 11.2501H7.09893C7.50213 11.2501 7.68953 10.6616 7.41735 10.3641C6.77078 9.65745 6.42539 8.7931 6.42539 7.74677C6.42539 4.93392 8.90581 2.99902 12.1278 2.99902C15.2026 2.99902 17.4216 4.75649 17.7503 7.19344Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/subscription.svg b/src/assets/img/icons/subscription.svg
new file mode 100644
index 00000000..fd441055
--- /dev/null
+++ b/src/assets/img/icons/subscription.svg
@@ -0,0 +1,7 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.9509 21.8079C12.0111 22.1937 10.0004 21.9957 8.17313 21.2388C6.34587 20.4819 4.78408 19.2002 3.68527 17.5557C3.45514 17.2113 3.54778 16.7455 3.89219 16.5154C4.2366 16.2853 4.70235 16.3779 4.93247 16.7223C5.86646 18.1202 7.19398 19.2096 8.74715 19.853C10.3003 20.4963 12.0094 20.6646 13.6582 20.3367C15.3071 20.0087 16.8216 19.1992 18.0104 18.0104C19.1991 16.8217 20.0087 15.3071 20.3366 13.6583C20.6646 12.0094 20.4963 10.3004 19.8529 8.74719C19.2096 7.19402 18.1201 5.8665 16.7223 4.93251C15.3245 3.99852 13.6811 3.5 12 3.5C11.5857 3.5 11.25 3.16421 11.25 2.75C11.25 2.33579 11.5857 2 12 2C13.9778 2 15.9112 2.58649 17.5557 3.6853C19.2002 4.78412 20.4819 6.3459 21.2388 8.17317C21.9956 10.0004 22.1937 12.0111 21.8078 13.9509C21.422 15.8907 20.4696 17.6725 19.071 19.0711C17.6725 20.4696 15.8907 21.422 13.9509 21.8079Z" fill="black"/>
+<path d="M2.92432 13.9383C2.51358 13.9918 2.13724 13.7022 2.08375 13.2915C2.05298 13.0553 2.0306 12.8175 2.01676 12.5786C2.00291 12.3397 1.99767 12.101 2.00094 11.8628C2.00662 11.4486 2.34698 11.1175 2.76116 11.1231C3.17533 11.1288 3.50648 11.4692 3.5008 11.8834C3.49802 12.0858 3.50248 12.2888 3.51425 12.4918C3.52601 12.6949 3.54504 12.897 3.57119 13.0978C3.62468 13.5085 3.33507 13.8848 2.92432 13.9383Z" fill="black"/>
+<path d="M3.32278 8.70895C2.94862 8.53124 2.78938 8.08386 2.96709 7.70971C3.06929 7.49453 3.17937 7.28261 3.29723 7.07436C3.4151 6.86612 3.54012 6.66264 3.67199 6.46426C3.90128 6.1193 4.36681 6.02554 4.71177 6.25483C5.05673 6.48413 5.15049 6.94965 4.9212 7.29461C4.80911 7.46323 4.70284 7.63619 4.60265 7.8132C4.50246 7.99022 4.40889 8.17036 4.32202 8.35326C4.14431 8.72741 3.69693 8.88666 3.32278 8.70895Z" fill="black"/>
+<path d="M6.49243 4.53059C6.27436 4.17843 6.38306 3.71617 6.73522 3.4981C6.93774 3.37269 7.14513 3.25427 7.35706 3.14318C7.569 3.03208 7.78436 2.92887 8.00271 2.83365C8.38239 2.66808 8.82441 2.84164 8.98998 3.22132C9.15556 3.601 8.98199 4.04302 8.60231 4.2086C8.41672 4.28953 8.23366 4.37726 8.05351 4.4717C7.87335 4.56614 7.69707 4.66679 7.52493 4.77338C7.17277 4.99146 6.7105 4.88276 6.49243 4.53059Z" fill="black"/>
+<path d="M13 6.5C13 6.08579 12.6642 5.75 12.25 5.75C11.8358 5.75 11.5 6.08579 11.5 6.5V10.5C11.5 10.8934 11.3148 11.2639 11 11.5L7.8 13.9C7.46863 14.1485 7.40147 14.6186 7.65 14.95C7.89853 15.2814 8.36863 15.3485 8.7 15.1L11.9 12.7C12.5925 12.1807 13 11.3656 13 10.5V6.5Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/swap.svg b/src/assets/img/icons/swap.svg
new file mode 100644
index 00000000..70789c14
--- /dev/null
+++ b/src/assets/img/icons/swap.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.46967 12.4697C6.76256 12.1768 7.23744 12.1768 7.53033 12.4697C7.82322 12.7626 7.82322 13.2374 7.53033 13.5303L5.66421 15.3964C5.34923 15.7114 5.57232 16.25 6.01777 16.25H17C18.7949 16.25 20.25 14.7949 20.25 13V12C20.25 11.5858 20.5858 11.25 21 11.25C21.4142 11.25 21.75 11.5858 21.75 12V13C21.75 15.6234 19.6234 17.75 17 17.75H6.01777C5.57231 17.75 5.34923 18.2886 5.66421 18.6036L7.53033 20.4697C7.82322 20.7626 7.82322 21.2374 7.53033 21.5303C7.23744 21.8232 6.76256 21.8232 6.46967 21.5303L2.46967 17.5303C2.17678 17.2374 2.17678 16.7626 2.46967 16.4697L6.46967 12.4697Z" fill="black"/>
+<path d="M16.4697 2.46967C16.1768 2.76256 16.1768 3.23744 16.4697 3.53033L18.3358 5.39645C18.6508 5.71143 18.4277 6.25 17.9822 6.25H7C4.37665 6.25 2.25 8.37665 2.25 11V12C2.25 12.4142 2.58579 12.75 3 12.75C3.41421 12.75 3.75 12.4142 3.75 12V11C3.75 9.20507 5.20507 7.75 7 7.75H17.9822C18.4277 7.75 18.6508 8.28857 18.3358 8.60355L16.4697 10.4697C16.1768 10.7626 16.1768 11.2374 16.4697 11.5303C16.7626 11.8232 17.2374 11.8232 17.5303 11.5303L21.5303 7.53033C21.8232 7.23744 21.8232 6.76256 21.5303 6.46967L17.5303 2.46967C17.2374 2.17678 16.7626 2.17678 16.4697 2.46967Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/symbols.svg b/src/assets/img/icons/symbols.svg
new file mode 100644
index 00000000..4b3a64bb
--- /dev/null
+++ b/src/assets/img/icons/symbols.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.3664 8.56842C12.1666 8.80609 11.8008 8.80609 11.601 8.56842L10.1734 6.87029C8.3915 4.75071 5.0539 5.23373 3.92088 7.77515C3.17513 9.44792 3.45061 11.3889 4.62657 12.7238C5.31889 13.5097 6.0066 14.2696 6.52052 14.7936C7.21037 15.497 8.74607 16.7084 10.2022 17.8037C10.7455 18.2123 11.2609 18.5924 11.6902 18.9059C11.8651 19.0336 12.1023 19.0336 12.2772 18.9059C12.7065 18.5924 13.222 18.2123 13.7652 17.8037C15.2214 16.7084 16.7571 15.497 17.4469 14.7936C18.133 14.0942 18.8065 13.3625 19.415 12.6785C20.5584 11.3933 20.816 9.50105 20.0771 7.84364C18.9299 5.27029 15.5503 4.78121 13.746 6.92742L12.3664 8.56842ZM10.9767 5.50089C8.41431 2.96323 4.06856 3.73182 2.54934 7.13952C1.5647 9.34811 1.91573 11.9453 3.50572 13.7502C4.20127 14.5398 4.91128 15.3252 5.4552 15.8798C6.79717 17.248 10.6197 20.0216 11.6976 20.7954C11.8703 20.9194 12.0972 20.9194 12.2699 20.7954C13.3478 20.0216 17.1703 17.248 18.5123 15.8798C19.22 15.1582 19.9108 14.4075 20.5309 13.7106C22.106 11.9401 22.4188 9.38413 21.4487 7.20801C19.9256 3.79163 15.5867 3.00427 12.9953 5.50629C12.8592 5.63768 12.7279 5.77813 12.6021 5.92775L12.3664 6.20811C12.1666 6.44578 11.8008 6.44578 11.601 6.20811L11.3173 5.87063C11.2078 5.7404 11.0941 5.61717 10.9767 5.50089Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/tabs.svg b/src/assets/img/icons/tabs.svg
new file mode 100644
index 00000000..fdec2039
--- /dev/null
+++ b/src/assets/img/icons/tabs.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2 6C2 3.79086 3.79086 2 6 2H12C14.2091 2 16 3.79086 16 6V7.5C16 7.77614 16.2239 8 16.5 8H18C20.2091 8 22 9.79086 22 12V18C22 20.2091 20.2091 22 18 22H12C9.79086 22 8 20.2091 8 18V16.5C8 16.2239 7.77614 16 7.5 16H6C3.79086 16 2 14.2091 2 12V6ZM6 3.5H12C13.3807 3.5 14.5 4.61929 14.5 6V12C14.5 13.3807 13.3807 14.5 12 14.5H6C4.61929 14.5 3.5 13.3807 3.5 12V6C3.5 4.61929 4.61929 3.5 6 3.5ZM10 16C9.72386 16 9.5 16.2239 9.5 16.5V18C9.5 19.3807 10.6193 20.5 12 20.5H18C19.3807 20.5 20.5 19.3807 20.5 18V12C20.5 10.6193 19.3807 9.5 18 9.5H16.5C16.2239 9.5 16 9.72386 16 10V12C16 14.2091 14.2091 16 12 16H10Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/teller.svg b/src/assets/img/icons/teller.svg
new file mode 100644
index 00000000..17e73a0d
--- /dev/null
+++ b/src/assets/img/icons/teller.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.48535 3.98458C10.4264 2.00514 13.5736 2.00514 15.5146 3.98458L20.5442 9.11354C22.4853 11.093 22.4853 14.3023 20.5442 16.2817L15.5146 21.0154C13.5736 22.9949 10.4264 22.9949 8.48535 21.0154L3.45581 16.2817C1.51473 14.3023 1.51473 11.093 3.45581 9.11354L8.48535 3.98458ZM8.62923 9.38427C8.30466 9.38417 8.02781 9.4996 7.7983 9.73045C7.56908 9.96121 7.45455 10.2402 7.45455 10.5668C7.45455 10.8931 7.56908 11.172 7.7983 11.4028C8.02781 11.6337 8.30466 11.749 8.62923 11.749H15.2127C15.5374 11.749 15.8141 11.6337 16.0437 11.4028C16.273 11.172 16.3876 10.8931 16.3874 10.5668C16.3875 10.2402 16.2728 9.96121 16.0437 9.73045L13.2885 6.95685C13.059 6.7261 12.7822 6.61067 12.4577 6.61067C12.1333 6.61067 11.8565 6.7261 11.627 6.95685C11.3977 7.18775 11.2831 7.46658 11.2831 7.79316C11.2831 8.11974 11.3977 8.39848 11.627 8.62938L12.3769 9.38427H8.62923ZM10.7137 18.043C10.9435 18.2739 11.2204 18.3893 11.5451 18.3893C11.8698 18.3893 12.1468 18.2739 12.3762 18.043C12.6059 17.8122 12.7206 17.5336 12.7206 17.207C12.7206 16.8804 12.6059 16.6017 12.3762 16.3708L11.626 15.616H15.37C15.6946 15.616 15.9718 15.5007 16.2013 15.2696C16.4308 15.0388 16.5455 14.7599 16.5455 14.4333C16.5455 14.1069 16.4308 13.8282 16.2013 13.5973C15.9717 13.3664 15.6945 13.2508 15.37 13.251H8.78806C8.46338 13.2508 8.18615 13.3664 7.95679 13.5973C7.72728 13.8282 7.61251 14.1069 7.61265 14.4333C7.61251 14.7599 7.72728 15.0388 7.95679 15.2696L10.7137 18.043Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/text.svg b/src/assets/img/icons/text.svg
new file mode 100644
index 00000000..19815ecc
--- /dev/null
+++ b/src/assets/img/icons/text.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 15.25C3.58579 15.25 3.25 15.5858 3.25 16C3.25 16.4142 3.58579 16.75 4 16.75H12C12.4142 16.75 12.75 16.4142 12.75 16C12.75 15.5858 12.4142 15.25 12 15.25H4Z" fill="black"/>
+<path d="M3.25 12C3.25 11.5858 3.58579 11.25 4 11.25H16C16.4142 11.25 16.75 11.5858 16.75 12C16.75 12.4142 16.4142 12.75 16 12.75H4C3.58579 12.75 3.25 12.4142 3.25 12Z" fill="black"/>
+<path d="M3.25 8C3.25 7.58579 3.58579 7.25 4 7.25H20C20.4142 7.25 20.75 7.58579 20.75 8C20.75 8.41421 20.4142 8.75 20 8.75H4C3.58579 8.75 3.25 8.41421 3.25 8Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/time.svg b/src/assets/img/icons/time.svg
new file mode 100644
index 00000000..81d81c08
--- /dev/null
+++ b/src/assets/img/icons/time.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.75 7.5C12.75 7.08579 12.4142 6.75 12 6.75C11.5858 6.75 11.25 7.08579 11.25 7.5V11.6716C11.25 12.4009 11.5397 13.1004 12.0555 13.6161L14.4697 16.0303C14.7626 16.3232 15.2374 16.3232 15.5303 16.0303C15.8232 15.7374 15.8232 15.2626 15.5303 14.9697L13.1161 12.5555C12.8817 12.321 12.75 12.0031 12.75 11.6716V7.5Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22 12.5C22 18.0228 17.5228 22.5 12 22.5C6.47715 22.5 2 18.0228 2 12.5C2 6.97715 6.47715 2.5 12 2.5C17.5228 2.5 22 6.97715 22 12.5ZM20.5 12.5C20.5 17.1944 16.6944 21 12 21C7.30558 21 3.5 17.1944 3.5 12.5C3.5 7.80558 7.30558 4 12 4C16.6944 4 20.5 7.80558 20.5 12.5Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/token-sale.svg b/src/assets/img/icons/token-sale.svg
new file mode 100644
index 00000000..5500dad9
--- /dev/null
+++ b/src/assets/img/icons/token-sale.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.14203 5.91248C7.90999 5.77852 7.62411 5.77852 7.39208 5.91248L6.84303 6.22944C6.67635 6.32567 6.67635 6.56624 6.84303 6.66247L7.39006 6.97827C7.5047 7.04445 7.54574 7.18801 7.50239 7.31309C7.43366 7.51142 7.40413 7.71474 7.41572 7.91919C7.44708 8.47215 7.77768 9.00556 8.36109 9.44449C8.9445 9.88341 9.75141 10.2058 10.6685 10.3664C11.4016 10.4948 12.1758 10.5146 12.9204 10.4266C13.1509 10.3993 13.3856 10.4394 13.5866 10.5554L14.0269 10.8096C14.259 10.9436 14.5449 10.9436 14.7769 10.8096L15.3259 10.4927C15.4926 10.3964 15.4926 10.1559 15.3259 10.0596L15.129 9.94595C15.0597 9.90593 15.0629 9.80426 15.1334 9.76622C15.1986 9.73098 15.2622 9.69461 15.3239 9.65715C15.4321 9.59141 15.5679 9.58538 15.6776 9.64872L15.8578 9.75274C16.0898 9.8867 16.3757 9.8867 16.6077 9.75274L17.1568 9.43577C17.3234 9.33955 17.3234 9.09898 17.1568 9.00275L16.6098 8.68698C16.4951 8.6208 16.4541 8.47723 16.4974 8.35215C16.5195 8.2886 16.5375 8.22453 16.5514 8.16004C16.5899 7.98189 16.4389 7.83255 16.2566 7.83255H15.0795C14.8972 7.83255 14.7536 7.98433 14.6918 8.15579C14.6142 8.37128 14.4593 8.57629 14.2349 8.75712C13.9003 9.0267 13.4278 9.22901 12.8837 9.33561C12.3397 9.44222 11.7516 9.44778 11.2018 9.3515C10.652 9.25523 10.1683 9.06196 9.8186 8.79884C9.46887 8.53572 9.27069 8.21597 9.25189 7.88449C9.2331 7.55301 9.39463 7.22646 9.7138 6.9507C10.033 6.67494 10.4938 6.46382 11.0314 6.34699C11.4497 6.25611 11.8982 6.22584 12.338 6.25729C12.5601 6.27318 12.7761 6.16026 12.8699 5.95823L13.0023 5.67287C13.0948 5.47365 12.9704 5.24145 12.7518 5.22047C12.1963 5.16719 11.6293 5.17349 11.0792 5.23856C10.8488 5.26582 10.614 5.22575 10.4131 5.10973L9.97284 4.85559C9.7408 4.72164 9.45493 4.72164 9.22289 4.85559L8.67384 5.17256C8.50716 5.26878 8.50716 5.50936 8.67384 5.60558L8.87071 5.71924C8.94004 5.75926 8.93678 5.86092 8.86635 5.89896C8.80108 5.93422 8.73756 5.97059 8.67588 6.00804C8.5676 6.07379 8.43188 6.07981 8.32217 6.01648L8.14203 5.91248Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2 7.75C2 4.57436 6.47715 2 12 2C17.5228 2 22 4.57436 22 7.75V16.25C22 19.4256 17.5228 22 12 22C6.47715 22 2 19.4256 2 16.25V7.75ZM18.3234 10.5155C19.9078 9.60445 20.5 8.57196 20.5 7.75C20.5 6.92804 19.9078 5.89555 18.3234 4.9845C16.7796 4.09684 14.5472 3.5 12 3.5C9.4528 3.5 7.22038 4.09684 5.67664 4.9845C4.0922 5.89555 3.5 6.92804 3.5 7.75C3.5 8.57196 4.0922 9.60445 5.67664 10.5155C7.22038 11.4032 9.4528 12 12 12C14.5472 12 16.7796 11.4032 18.3234 10.5155ZM12 13.5C15.3101 13.5 18.2446 12.5752 20.0647 11.1505C20.2364 11.0161 20.5 11.1344 20.5 11.3525V12C20.5 12.822 19.9078 13.8545 18.3234 14.7655C16.7796 15.6532 14.5472 16.25 12 16.25C9.4528 16.25 7.22038 15.6532 5.67664 14.7655C4.0922 13.8545 3.5 12.822 3.5 12V11.3525C3.5 11.1344 3.7636 11.0161 3.93533 11.1505C5.75539 12.5752 8.68988 13.5 12 13.5ZM20.0647 15.4005C20.2364 15.2661 20.5 15.3844 20.5 15.6025V16C20.5 16.822 19.9078 18.1045 18.3234 19.0155C16.7796 19.9032 14.5472 20.5 12 20.5C9.4528 20.5 7.22038 19.9032 5.67664 19.0155C4.0922 18.1045 3.5 17.072 3.5 16.25V15.6025C3.5 15.3844 3.7636 15.2661 3.93533 15.4005C5.75539 16.8252 8.68988 17.75 12 17.75C15.3101 17.75 18.2446 16.8252 20.0647 15.4005Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/token.svg b/src/assets/img/icons/token.svg
new file mode 100644
index 00000000..7efd2587
--- /dev/null
+++ b/src/assets/img/icons/token.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.0938 15.3807C12.2449 15.6891 13.4157 15.3863 14.2617 14.6713C14.4724 14.4931 14.7863 14.471 14.9928 14.6541L15.3671 14.9861C15.5739 15.1694 15.5943 15.4877 15.3911 15.6749C14.8023 16.2172 14.0897 16.6125 13.3164 16.8243C13.1344 16.8742 12.9865 17.0114 12.9377 17.1936L12.6204 18.3779C12.5489 18.6447 12.2747 18.8029 12.008 18.7315L11.525 18.6021C11.2583 18.5306 11.1 18.2564 11.1715 17.9897L11.2944 17.5309C11.3736 17.2355 11.1705 16.9405 10.8726 16.8714C10.8169 16.8584 10.7613 16.8445 10.7056 16.8296C10.6501 16.8147 10.595 16.799 10.5404 16.7823C10.2479 16.6933 9.92451 16.8473 9.84537 17.1426L9.72243 17.6014C9.65096 17.8682 9.37679 18.0265 9.11006 17.955L8.6271 17.8256C8.36036 17.7541 8.20207 17.4799 8.27354 17.2132L8.59082 16.0291C8.63966 15.8468 8.58014 15.654 8.44745 15.5199C7.23912 14.2981 6.69324 12.4855 7.17007 10.7059C7.64692 8.92625 9.02609 7.62935 10.6835 7.1755C10.8655 7.12566 11.0134 6.98846 11.0623 6.80618L11.3795 5.6221C11.451 5.35537 11.7252 5.19708 11.9919 5.26855L12.4749 5.39796C12.7416 5.46943 12.8999 5.7436 12.8284 6.01033L12.7055 6.46923C12.6263 6.76457 12.8294 7.05959 13.1272 7.12872C13.1828 7.14161 13.2383 7.15549 13.2938 7.17036C13.3494 7.18525 13.4045 7.20101 13.4591 7.21764C13.7516 7.30671 14.0749 7.15274 14.1541 6.85739L14.277 6.39859C14.3485 6.13186 14.6226 5.97357 14.8894 6.04504L15.3723 6.17445C15.6391 6.24592 15.7974 6.52009 15.7259 6.78682L15.4086 7.97091C15.3598 8.15318 15.4193 8.34594 15.552 8.48011C16.1158 9.05022 16.5354 9.74901 16.7742 10.5131C16.8566 10.7768 16.6797 11.0423 16.409 11.0977L15.9189 11.198C15.6485 11.2533 15.3877 11.0773 15.2943 10.8176C14.9191 9.77531 14.0566 8.92767 12.9056 8.61925C11.0384 8.11895 9.11926 9.22699 8.61896 11.0941C8.11866 12.9613 9.2267 14.8804 11.0938 15.3807Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM20.5 12C20.5 16.6944 16.6944 20.5 12 20.5C7.30558 20.5 3.5 16.6944 3.5 12C3.5 7.30558 7.30558 3.5 12 3.5C16.6944 3.5 20.5 7.30558 20.5 12Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/touch-id.svg b/src/assets/img/icons/touch-id.svg
new file mode 100644
index 00000000..328a6596
--- /dev/null
+++ b/src/assets/img/icons/touch-id.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.0894 21.5921C11.4056 21.8229 11.8465 21.7119 12.0379 21.3704C12.2174 21.0501 12.1084 20.6472 11.8088 20.4351C9.05407 18.485 7.77 15.2581 7.77 13.0671C7.77 11.4207 8.865 10.1707 10.305 10.1707C11.82 10.1707 12.93 11.2226 12.93 12.6555C12.93 14.8963 14.7 16.6646 16.95 16.6646C19.26 16.6646 21 14.6829 21 12.0305C21 6.35976 16.35 2 10.29 2C8.03747 2 5.96051 2.63042 4.22454 3.81772C3.85317 4.07171 3.82155 4.59559 4.13264 4.92064C4.40846 5.20884 4.8568 5.23514 5.18802 5.01283C6.64563 4.03449 8.39778 3.52439 10.29 3.52439C15.51 3.52439 19.5 7.19817 19.5 12.0305C19.5 13.8293 18.435 15.125 16.95 15.125C15.525 15.125 14.415 14.0427 14.415 12.6555C14.415 10.2927 12.795 8.66158 10.455 8.66158C8.01 8.66158 6.285 10.4909 6.285 13.0671C6.285 15.7389 7.93668 19.2907 11.0894 21.5921ZM5.22496 20.2787C5.45553 20.6483 5.95659 20.7167 6.29545 20.4429C6.60261 20.1948 6.6647 19.7529 6.4586 19.4162C5.26471 17.4651 4.5 15.0799 4.5 13.1585C4.5 9.46951 6.885 6.87805 10.29 6.87805C13.68 6.87805 16.29 9.28659 16.29 12.4421C16.29 13.4939 17.775 13.4634 17.775 12.4421C17.775 8.44817 14.505 5.33841 10.29 5.33841C6.06 5.33841 3 8.60061 3 13.1585C3 15.3939 3.86032 18.0914 5.22496 20.2787ZM16.1453 19.9442C16.5709 19.9804 16.9132 19.6244 16.9049 19.1973C16.8967 18.7744 16.5468 18.4428 16.1261 18.3994C13.2019 18.0977 11.1 15.8282 11.1 12.8079C11.1 12.2896 10.845 12 10.395 12C9.915 12 9.615 12.3049 9.615 12.8079C9.615 16.6638 12.3797 19.6233 16.1453 19.9442Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/travel-and-places.svg b/src/assets/img/icons/travel-and-places.svg
new file mode 100644
index 00000000..b1bf9a3b
--- /dev/null
+++ b/src/assets/img/icons/travel-and-places.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.2468 8.03149C11.7544 8.03149 10.5447 9.24127 10.5447 10.7336C10.5447 12.2259 11.7544 13.4357 13.2468 13.4357C14.7391 13.4357 15.9489 12.2259 15.9489 10.7336C15.9489 9.24127 14.7391 8.03149 13.2468 8.03149ZM12.0447 10.7336C12.0447 10.0697 12.5829 9.53149 13.2468 9.53149C13.9107 9.53149 14.4489 10.0697 14.4489 10.7336C14.4489 11.3975 13.9107 11.9357 13.2468 11.9357C12.5829 11.9357 12.0447 11.3975 12.0447 10.7336Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.03269 18.7958C8.78081 18.828 8.58311 19.0306 8.53466 19.2794C8.4155 19.8912 8.11852 20.4754 7.64372 20.9493C7.25901 21.3332 6.70968 21.5486 6.21778 21.6816C5.70447 21.8205 5.14223 21.8981 4.63589 21.9422C4.12583 21.9866 3.6511 21.9987 3.30524 21.9999C3.13171 22.0005 2.98915 21.9984 2.88904 21.996C2.83895 21.9949 2.79939 21.9937 2.77178 21.9927L2.73949 21.9915L2.73039 21.9911L2.72765 21.991L2.49728 21.9808C2.23816 21.9693 2.03071 21.7623 2.01921 21.5037L2.00898 21.2738L2.00887 21.271L2.0085 21.2619L2.00731 21.2297C2.00636 21.2022 2.00514 21.1627 2.00397 21.1127C2.00164 21.0128 1.9995 20.8705 2.0001 20.6973C2.00132 20.3521 2.01347 19.8783 2.05796 19.3692C2.10213 18.8638 2.17989 18.3027 2.31899 17.7903C2.45228 17.2994 2.66804 16.7511 3.05275 16.3671C3.522 15.8988 4.09916 15.6038 4.70435 15.4822C4.95483 15.4318 5.15736 15.231 5.18657 14.9777C5.19034 14.945 5.19443 14.9113 5.19888 14.8766C5.26232 14.3816 5.39734 13.685 5.6823 12.8436C5.74718 12.652 5.81976 12.4531 5.90095 12.2476C6.00509 11.9839 5.8328 11.6881 5.55018 11.6605C5.08118 11.6146 4.61597 11.5701 4.26791 11.537L3.407 11.4559C3.10703 11.4278 2.89966 11.1435 2.96493 10.85L3.0264 10.5735C3.39281 8.92554 4.05783 7.79327 4.92247 7.07023C5.7886 6.34596 6.77893 6.09597 7.675 6.0716C8.40169 6.05183 9.08247 6.17916 9.62557 6.33106C9.80433 6.38105 9.99718 6.33625 10.1327 6.20961C12.4774 4.01874 15.1901 2.96845 17.3318 2.46522C18.4567 2.20093 19.433 2.08531 20.1313 2.03573C20.4807 2.01092 20.7616 2.00258 20.9577 2.00055C21.0558 1.99953 21.1328 2.00009 21.1867 2.00096C21.2137 2.0014 21.2349 2.00191 21.2501 2.00234L21.2684 2.00292L21.2741 2.00319L21.276 2.0032L21.2774 2.00464L21.2774 2.00325L21.509 2.01265C21.7704 2.02326 21.9795 2.23287 21.9891 2.49379L21.9976 2.72496L21.9977 2.72832L21.9979 2.73398L21.9984 2.75215C21.9987 2.76726 21.9992 2.78835 21.9995 2.81517C22.0001 2.8688 22.0004 2.94538 21.999 3.04292C21.9961 3.23795 21.9867 3.51716 21.9605 3.86466C21.9081 4.55899 21.7887 5.52994 21.5204 6.64906C21.0098 8.77894 19.9516 11.4771 17.7591 13.8149C17.6321 13.9503 17.5873 14.143 17.6376 14.3215C17.7909 14.865 17.92 15.5479 17.9001 16.2771C17.8756 17.1714 17.6252 18.1598 16.8995 19.0243C16.1738 19.8888 15.0406 20.551 13.3895 20.9167L13.1125 20.9781C12.8183 21.0432 12.5336 20.8363 12.5054 20.5369L12.4241 19.6776C12.391 19.3302 12.3463 18.8659 12.3004 18.3978C12.2736 18.1244 11.9854 17.9585 11.7302 18.0614C11.527 18.1434 11.3304 18.2169 11.1411 18.2827C10.3052 18.5737 9.61429 18.7151 9.12332 18.7837C9.09231 18.788 9.06209 18.792 9.03269 18.7958ZM6.53758 10.2516C6.73351 10.2715 6.92244 10.1751 7.02494 10.0072C7.35491 9.46694 7.74232 8.90447 8.19704 8.32711C8.43467 8.02539 8.2733 7.57534 7.88882 7.56946C7.83138 7.56858 7.77372 7.56888 7.71592 7.57045C7.07001 7.58802 6.43317 7.76308 5.88728 8.21956C5.55658 8.4961 5.23155 8.89909 4.95657 9.48725C4.8199 9.77957 5.03036 10.1035 5.35206 10.1347L5.6966 10.1682C5.98345 10.1962 6.27244 10.2248 6.53758 10.2516ZM13.7123 17.4156C13.739 17.6793 13.7676 17.9666 13.7956 18.2517L13.8291 18.5955C13.8604 18.9166 14.1849 19.1267 14.4778 18.9903C15.0671 18.7158 15.4709 18.3914 15.7479 18.0614C16.2053 17.5165 16.3807 16.8809 16.3983 16.2362C16.4 16.176 16.4002 16.1159 16.3992 16.056C16.3926 15.6722 15.9413 15.5119 15.6396 15.75C15.0599 16.2075 14.4959 16.5978 13.9548 16.9307C13.788 17.0333 13.6925 17.221 13.7123 17.4156ZM8.85219 17.3072C8.70515 17.3263 8.55907 17.2723 8.45422 17.1677L6.81988 15.5365C6.71673 15.4335 6.66263 15.2907 6.67938 15.146C6.68233 15.1205 6.68554 15.0941 6.68904 15.0669C6.74093 14.6619 6.85508 14.0632 7.1055 13.3237C7.60512 11.8484 8.65261 9.79642 10.8578 7.59551C12.3938 6.06246 14.1454 5.09984 15.7735 4.49662C16.0296 4.40175 16.3084 4.54034 16.4239 4.78737C16.6725 5.31889 17.0167 5.81691 17.4563 6.25571C17.9718 6.7702 18.5689 7.15365 19.206 7.40606C19.4702 7.51075 19.6262 7.79785 19.5288 8.06445C18.9234 9.72172 17.9451 11.5198 16.3674 13.0945C14.16 15.2975 12.1141 16.3562 10.6464 16.8669C9.91091 17.1229 9.31666 17.2427 8.9153 17.2987C8.8937 17.3017 8.87267 17.3045 8.85219 17.3072ZM20.2093 5.61056C20.353 4.87455 20.4259 4.23653 20.4624 3.75218C20.4719 3.6265 20.3678 3.52217 20.2418 3.53108L20.2379 3.53136C19.7245 3.56781 19.0396 3.64409 18.249 3.80074C17.9509 3.85979 17.7828 4.1767 17.9352 4.43907C18.0923 4.70941 18.2867 4.96404 18.5186 5.19547C18.8417 5.51797 19.21 5.76795 19.6031 5.94544C19.8651 6.06374 20.1543 5.89229 20.2093 5.61056ZM6.58143 17.4274C5.90036 16.7476 4.79611 16.7476 4.11504 17.4274C4.01253 17.5297 3.88163 17.7676 3.76899 18.1825C3.66216 18.576 3.59472 19.0402 3.55458 19.4995C3.5401 19.6652 3.52939 19.8275 3.52158 19.9822C3.50734 20.2644 3.73898 20.4956 4.02165 20.4813C4.1767 20.4736 4.33933 20.4629 4.50534 20.4484C4.96547 20.4084 5.4306 20.341 5.82486 20.2344C6.24052 20.122 6.47893 19.9913 6.58143 19.889C7.26251 19.2093 7.26251 18.1072 6.58143 17.4274Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/tributeToTalk.svg b/src/assets/img/icons/tributeToTalk.svg
new file mode 100644
index 00000000..da160877
--- /dev/null
+++ b/src/assets/img/icons/tributeToTalk.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.8417 12.3627C13.1636 12.4017 12.612 12.3423 12.0604 12.2829C11.5086 12.2235 10.9568 12.164 10.2782 12.2032C9.94173 12.2221 9.60756 12.2709 9.27965 12.3489C9.47991 9.83989 11.2556 7.64503 13.6703 7.50551C15.1521 7.42001 16.6332 8.33491 16.7135 9.82012C16.7926 11.2799 15.6794 12.2567 13.8417 12.3627Z" fill="black"/>
+<path d="M10.1988 17.4948C8.77926 17.575 7.36061 16.7185 7.28357 15.3287C7.20781 13.9625 8.27431 13.0485 10.0347 12.9493C10.6843 12.9127 11.2127 12.9683 11.7411 13.0239C12.2697 13.0796 12.7983 13.1352 13.4482 13.0985C13.7703 13.0808 14.0904 13.0352 14.4047 12.9621C14.2132 15.3102 12.5122 17.3645 10.1988 17.4948Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2 12.5C2 6.97715 6.47715 2.5 12 2.5C17.5228 2.5 22 6.97715 22 12.5V19.1667C22 21.0076 20.5076 22.5 18.6667 22.5H12C6.47715 22.5 2 18.0228 2 12.5ZM20.5 12.5V19.1667C20.5 20.1792 19.6792 21 18.6667 21H12C7.30558 21 3.5 17.1944 3.5 12.5C3.5 7.80558 7.30558 4 12 4C16.6944 4 20.5 7.80558 20.5 12.5Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/union.svg b/src/assets/img/icons/union.svg
new file mode 100644
index 00000000..dd2929dd
--- /dev/null
+++ b/src/assets/img/icons/union.svg
@@ -0,0 +1,3 @@
+<svg width="14" height="13" viewBox="0 0 14 13" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.61568 0.749741C5.20786 0.677243 4.81849 0.949075 4.74599 1.35689L4.41792 3.20237C4.36277 3.5126 4.09305 3.7386 3.77795 3.7386H2.0807C1.66649 3.7386 1.3307 4.07438 1.3307 4.4886C1.3307 4.90281 1.66649 5.2386 2.0807 5.2386H3.2802C3.6847 5.2386 3.99096 5.60411 3.92016 6.00236L3.62381 7.66942C3.56866 7.97966 3.29894 8.20566 2.98384 8.20566H1.3491C0.934885 8.20566 0.599098 8.54144 0.599098 8.95566C0.599098 9.36987 0.934884 9.70566 1.3491 9.70566H2.48608C2.89059 9.70566 3.19685 10.0712 3.12605 10.4694L2.86988 11.9104C2.79738 12.3183 3.06921 12.7076 3.47703 12.7801C3.88485 12.8526 4.27423 12.5808 4.34673 12.173L4.69002 10.2419C4.74517 9.93165 5.01489 9.70566 5.32998 9.70566L7.30498 9.70566C7.70948 9.70566 8.01575 10.0712 7.94495 10.4694L7.68878 11.9104C7.61628 12.3183 7.88811 12.7076 8.29593 12.7801C8.70375 12.8526 9.09313 12.5808 9.16562 12.173L9.50891 10.2419C9.56406 9.93166 9.83378 9.70566 10.1489 9.70566H11.9166C12.3308 9.70566 12.6666 9.36987 12.6666 8.95566C12.6666 8.54144 12.3308 8.20566 11.9166 8.20566H10.6466C10.2421 8.20566 9.93587 7.84015 10.0067 7.44189L10.303 5.77483C10.3582 5.4646 10.6279 5.2386 10.943 5.2386H12.6509C13.0651 5.2386 13.4009 4.90281 13.4009 4.4886C13.4009 4.07439 13.0651 3.7386 12.6509 3.7386H11.4408C11.0362 3.7386 10.73 3.37309 10.8008 2.97483L11.0417 1.61943C11.1142 1.21161 10.8424 0.822239 10.4346 0.749741C10.0268 0.677243 9.63739 0.949075 9.56489 1.35689L9.23682 3.20237C9.18167 3.5126 8.91195 3.7386 8.59685 3.7386H6.62185C6.21735 3.7386 5.91109 3.37309 5.98189 2.97483L6.22284 1.61943C6.29533 1.21161 6.0235 0.822239 5.61568 0.749741ZM7.80274 8.20566C8.11784 8.20566 8.38756 7.97966 8.44271 7.66942L8.73906 6.00237C8.80986 5.60411 8.5036 5.2386 8.09909 5.2386L6.12409 5.2386C5.809 5.2386 5.53928 5.4646 5.48413 5.77483L5.18777 7.44189C5.11698 7.84015 5.42324 8.20566 5.82774 8.20566L7.80274 8.20566Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/up.svg b/src/assets/img/icons/up.svg
new file mode 100644
index 00000000..c07c2428
--- /dev/null
+++ b/src/assets/img/icons/up.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.53033 10.5303C6.23744 10.8232 5.76256 10.8232 5.46967 10.5303C5.17678 10.2374 5.17678 9.76256 5.46967 9.46967L11.4697 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967L18.5303 9.46967C18.8232 9.76256 18.8232 10.2374 18.5303 10.5303C18.2374 10.8232 17.7626 10.8232 17.4697 10.5303L13.6036 6.66421C13.2886 6.34923 12.75 6.57232 12.75 7.01777L12.75 20C12.75 20.4142 12.4142 20.75 12 20.75C11.5858 20.75 11.25 20.4142 11.25 20L11.25 7.01777C11.25 6.57231 10.7114 6.34923 10.3964 6.66421L6.53033 10.5303Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/username.svg b/src/assets/img/icons/username.svg
new file mode 100644
index 00000000..17d47937
--- /dev/null
+++ b/src/assets/img/icons/username.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C12.4142 22 12.75 21.6642 12.75 21.25C12.75 20.8358 12.4142 20.5 12 20.5C7.30558 20.5 3.5 16.6944 3.5 12C3.5 7.30558 7.30558 3.5 12 3.5C16.6944 3.5 20.5 7.30558 20.5 12V14.375C20.5 15.4105 19.6605 16.25 18.625 16.25C17.5895 16.25 16.75 15.4105 16.75 14.375V8C16.75 7.58579 16.4142 7.25 16 7.25C15.5858 7.25 15.25 7.58579 15.25 8C15.25 8.1176 15.107 8.17946 15.0171 8.10367C14.1792 7.39741 13.1144 7 12 7C9.23858 7 7 9.23858 7 12C7 14.7614 9.23858 17 12 17C13.031 17 14.0194 16.6599 14.8251 16.0497C15.1255 15.8223 15.6002 15.9204 15.8081 16.2346C16.4121 17.1477 17.4482 17.75 18.625 17.75C20.489 17.75 22 16.239 22 14.375V12C22 6.47715 17.5228 2 12 2ZM15.25 12C15.25 14.1716 13.6716 15.5 12 15.5C10.067 15.5 8.5 13.933 8.5 12C8.5 10.067 10.067 8.5 12 8.5C13.6716 8.5 15.25 9.82843 15.25 12Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/wallet.svg b/src/assets/img/icons/wallet.svg
new file mode 100644
index 00000000..5963ca65
--- /dev/null
+++ b/src/assets/img/icons/wallet.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6 5.25C5.58579 5.25 5.25 5.58579 5.25 6C5.25 6.41421 5.58579 6.75 6 6.75H18C18.4142 6.75 18.75 6.41421 18.75 6C18.75 5.58579 18.4142 5.25 18 5.25H6Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 2C3.79086 2 2 3.79086 2 6V18C2 20.2091 3.79086 22 6 22H18C20.2091 22 22 20.2091 22 18V6C22 3.79086 20.2091 2 18 2H6ZM6 3.5C4.61929 3.5 3.5 4.61929 3.5 6C3.5 7.38071 4.61929 8.5 6 8.5H18C19.3807 8.5 20.5 7.38071 20.5 6C20.5 4.61929 19.3807 3.5 18 3.5H6ZM20.5 18V10.1643C20.5 9.74484 19.996 9.49259 19.6122 9.66182C19.119 9.87926 18.5736 10 18 10H6C5.4264 10 4.881 9.87926 4.38782 9.66182C4.00399 9.49259 3.5 9.74484 3.5 10.1643V18C3.5 19.3807 4.61929 20.5 6 20.5H18C19.3807 20.5 20.5 19.3807 20.5 18Z" fill="black"/>
+</svg>
diff --git a/src/assets/img/icons/warning.svg b/src/assets/img/icons/warning.svg
new file mode 100644
index 00000000..75d43568
--- /dev/null
+++ b/src/assets/img/icons/warning.svg
@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 6.25C12.4142 6.25 12.75 6.58579 12.75 7V14C12.75 14.4142 12.4142 14.75 12 14.75C11.5858 14.75 11.25 14.4142 11.25 14V7C11.25 6.58579 11.5858 6.25 12 6.25Z" fill="black"/>
+<path d="M12 18.75C12.6904 18.75 13.25 18.1904 13.25 17.5C13.25 16.8096 12.6904 16.25 12 16.25C11.3096 16.25 10.75 16.8096 10.75 17.5C10.75 18.1904 11.3096 18.75 12 18.75Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12ZM3.5 12C3.5 16.6944 7.30558 20.5 12 20.5C16.6944 20.5 20.5 16.6944 20.5 12C20.5 7.30558 16.6944 3.5 12 3.5C7.30558 3.5 3.5 7.30558 3.5 12Z" fill="black"/>
+</svg>