From 0e6ae7fdf93be61ae7c05f54284a15da98815399 Mon Sep 17 00:00:00 2001
From: Alex Kurilin <alexander.kurilin@virtoworks.com>
Date: Tue, 10 Feb 2026 18:25:44 +0200
Subject: [PATCH] feat(VCST-4400): add new icons

---
 client-app/ui-kit/icons/barcode.svg           |  6 ++++-
 client-app/ui-kit/icons/cancel.svg            |  7 ++++++
 client-app/ui-kit/icons/case-outlines.svg     | 12 ++++++++++
 client-app/ui-kit/icons/case.svg              | 17 +++++++++++---
 client-app/ui-kit/icons/checkmark.svg         |  7 ++++++
 client-app/ui-kit/icons/cloud-2.svg           |  5 +++++
 client-app/ui-kit/icons/contract-outline.svg  | 14 ++++++++++++
 client-app/ui-kit/icons/create-date.svg       |  5 +++++
 .../ui-kit/icons/credit-card-outline.svg      |  9 ++++++++
 client-app/ui-kit/icons/database.svg          | 22 ++++++++++++++++---
 client-app/ui-kit/icons/edit.svg              | 15 ++++++++++---
 client-app/ui-kit/icons/external-link.svg     | 11 +++++++---
 client-app/ui-kit/icons/lock.svg              |  5 +++++
 client-app/ui-kit/icons/mini-outline.svg      |  5 +++++
 .../ui-kit/icons/notification-non-active.svg  |  8 ++++---
 client-app/ui-kit/icons/order-outline-v2.svg  | 14 ++++++++++++
 client-app/ui-kit/icons/order-outline.svg     |  5 +++++
 client-app/ui-kit/icons/outline-order.svg     |  3 ---
 client-app/ui-kit/icons/outline-v1.svg        | 18 +++++++++++++++
 client-app/ui-kit/icons/outline.svg           | 12 ++++++++++
 client-app/ui-kit/icons/process.svg           | 10 ++++++---
 .../ui-kit/icons/purchased-before-1.svg       |  5 +++++
 .../ui-kit/icons/purchased-before-2.svg       |  5 +++++
 client-app/ui-kit/icons/reports.svg           | 10 +++++++++
 client-app/ui-kit/icons/round-delete.svg      |  5 +++++
 client-app/ui-kit/icons/save-date.svg         |  5 +++++
 client-app/ui-kit/icons/select-all.svg        | 12 ++++++++++
 client-app/ui-kit/icons/settings-outline.svg  |  5 +++++
 .../ui-kit/icons/storefront-outline.svg       | 12 ++++++++++
 client-app/ui-kit/icons/t-shirt.svg           |  5 +++++
 client-app/ui-kit/icons/thin-outline.svg      |  5 +++++
 client-app/ui-kit/icons/trash.svg             | 15 ++++++++++---
 client-app/ui-kit/icons/upload.svg            | 11 +++++++---
 client-app/ui-kit/icons/user-secure-v2.svg    | 12 ++++++++++
 client-app/ui-kit/icons/users.svg             |  8 ++++---
 client-app/ui-kit/icons/whishlist-outline.svg |  5 +++++
 36 files changed, 299 insertions(+), 31 deletions(-)
 create mode 100644 client-app/ui-kit/icons/cancel.svg
 create mode 100644 client-app/ui-kit/icons/case-outlines.svg
 create mode 100644 client-app/ui-kit/icons/checkmark.svg
 create mode 100644 client-app/ui-kit/icons/cloud-2.svg
 create mode 100644 client-app/ui-kit/icons/contract-outline.svg
 create mode 100644 client-app/ui-kit/icons/create-date.svg
 create mode 100644 client-app/ui-kit/icons/credit-card-outline.svg
 create mode 100644 client-app/ui-kit/icons/lock.svg
 create mode 100644 client-app/ui-kit/icons/mini-outline.svg
 create mode 100644 client-app/ui-kit/icons/order-outline-v2.svg
 create mode 100644 client-app/ui-kit/icons/order-outline.svg
 delete mode 100644 client-app/ui-kit/icons/outline-order.svg
 create mode 100644 client-app/ui-kit/icons/outline-v1.svg
 create mode 100644 client-app/ui-kit/icons/outline.svg
 create mode 100644 client-app/ui-kit/icons/purchased-before-1.svg
 create mode 100644 client-app/ui-kit/icons/purchased-before-2.svg
 create mode 100644 client-app/ui-kit/icons/reports.svg
 create mode 100644 client-app/ui-kit/icons/round-delete.svg
 create mode 100644 client-app/ui-kit/icons/save-date.svg
 create mode 100644 client-app/ui-kit/icons/select-all.svg
 create mode 100644 client-app/ui-kit/icons/settings-outline.svg
 create mode 100644 client-app/ui-kit/icons/storefront-outline.svg
 create mode 100644 client-app/ui-kit/icons/t-shirt.svg
 create mode 100644 client-app/ui-kit/icons/thin-outline.svg
 create mode 100644 client-app/ui-kit/icons/user-secure-v2.svg
 create mode 100644 client-app/ui-kit/icons/whishlist-outline.svg

diff --git a/client-app/ui-kit/icons/barcode.svg b/client-app/ui-kit/icons/barcode.svg
index 1caefdd34d..28f83f3c78 100644
--- a/client-app/ui-kit/icons/barcode.svg
+++ b/client-app/ui-kit/icons/barcode.svg
@@ -1 +1,5 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="currentColor" fill-rule="evenodd" d="M4.545 2H2.727A2.728 2.728 0 0 0 0 4.727v1.818a.91.91 0 0 0 1.818 0V4.727a.91.91 0 0 1 .91-.909h1.817a.91.91 0 0 0 0-1.818Zm0 14.727H2.727a.91.91 0 0 1-.909-.91V14A.91.91 0 0 0 0 14v1.818a2.728 2.728 0 0 0 2.727 2.727h1.818a.91.91 0 0 0 0-1.818Zm10.91-12.91h1.818a.91.91 0 0 1 .909.91v1.818a.91.91 0 0 0 1.818 0V4.727A2.728 2.728 0 0 0 17.273 2h-1.818a.91.91 0 0 0 0 1.818Zm0 14.728h1.818A2.728 2.728 0 0 0 20 15.818V14a.91.91 0 0 0-1.818 0v1.818a.91.91 0 0 1-.91.91h-1.817a.91.91 0 0 0 0 1.817Zm-8.182-12V14a.91.91 0 0 0 1.818 0V6.545a.91.91 0 0 0-1.818 0Zm-3.637 0V14a.91.91 0 0 0 1.819 0V6.545a.91.91 0 0 0-1.819 0Zm7.273 0V14a.91.91 0 0 0 1.818 0V6.545a.91.91 0 0 0-1.818 0Zm3.636 0V14a.91.91 0 0 0 1.818 0V6.545a.91.91 0 0 0-1.818 0Z" clip-rule="evenodd"/></svg>
\ No newline at end of file
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" id="icon">
+  <path fill-rule="evenodd" clip-rule="evenodd"
+    d="M4.54526 1.5H2.72737C1.22189 1.5 0 2.72168 0 4.22716V6.04526C0 6.54716 0.407368 6.95453 0.909053 6.95453C1.41074 6.95453 1.81811 6.54716 1.81811 6.04526V4.22737C1.81822 3.98627 1.91406 3.75508 2.08456 3.58462C2.25506 3.41416 2.48627 3.31837 2.72737 3.31832H4.54547C5.04737 3.31832 5.45453 2.91095 5.45453 2.40926C5.45453 1.90758 5.04716 1.5 4.54526 1.5ZM4.54526 16.2274H2.72737C2.4862 16.2273 2.25492 16.1315 2.08441 15.9609C1.9139 15.7904 1.81811 15.5591 1.81811 15.3179V13.5C1.81811 12.9981 1.41095 12.5907 0.909053 12.5907C0.407158 12.5907 0 12.9981 0 13.5V15.3181C0 16.8234 1.22189 18.0453 2.72737 18.0453H4.54547C5.04737 18.0453 5.45453 17.6381 5.45453 17.1362C5.45453 16.6343 5.04716 16.2274 4.54526 16.2274ZM15.4547 3.31789H17.2726C17.5138 3.31795 17.7451 3.41379 17.9156 3.58435C18.0861 3.7549 18.1819 3.9862 18.1819 4.22737V6.04526C18.1819 6.54716 18.5891 6.95453 19.0909 6.95453C19.5928 6.95453 20 6.54716 20 6.04526V4.22737C20 2.72211 18.7781 1.50021 17.2726 1.50021H15.4547C14.9528 1.50021 14.5457 1.90737 14.5457 2.40926C14.5457 2.91116 14.9528 3.31789 15.4547 3.31789ZM15.4547 18.0453H17.2726C18.7781 18.0453 20 16.8236 20 15.3181V13.5C20 12.9981 19.5926 12.5907 19.0909 12.5907C18.5893 12.5907 18.1819 12.9981 18.1819 13.5V15.3181C18.1818 15.5592 18.0859 15.7904 17.9154 15.9609C17.7449 16.1313 17.5137 16.2271 17.2726 16.2272H15.4547C14.9528 16.2272 14.5457 16.6345 14.5457 17.1362C14.5457 17.6379 14.9528 18.0453 15.4547 18.0453ZM7.27263 6.04526V13.5C7.27982 13.7363 7.37875 13.9605 7.54845 14.1251C7.71814 14.2897 7.94527 14.3818 8.18168 14.3818C8.4181 14.3818 8.64522 14.2897 8.81492 14.1251C8.98462 13.9605 9.08354 13.7363 9.09074 13.5V6.04526C9.09074 5.54358 8.68358 5.13621 8.18189 5.13621C7.68021 5.13621 7.27263 5.54358 7.27263 6.04526ZM3.63642 6.04526V13.5C3.63642 14.0017 4.04358 14.4091 4.54547 14.4091C5.04737 14.4091 5.45453 14.0017 5.45453 13.5V6.04526C5.45453 5.54358 5.04737 5.13621 4.54547 5.13621C4.04358 5.13621 3.63642 5.54358 3.63642 6.04526ZM10.9091 6.04526V13.5C10.9091 14.0017 11.3164 14.4091 11.8181 14.4091C12.3198 14.4091 12.7274 14.0017 12.7274 13.5V6.04526C12.7202 5.80896 12.6212 5.58474 12.4516 5.42013C12.2819 5.25552 12.0547 5.16346 11.8183 5.16346C11.5819 5.16346 11.3548 5.25552 11.1851 5.42013C11.0154 5.58474 10.9162 5.80896 10.9091 6.04526ZM14.5453 6.04526V13.5C14.5504 13.7377 14.6484 13.964 14.8183 14.1303C14.9882 14.2966 15.2166 14.3897 15.4543 14.3897C15.6921 14.3897 15.9204 14.2966 16.0903 14.1303C16.2602 13.964 16.3583 13.7377 16.3634 13.5V6.04526C16.3636 5.54358 15.9564 5.13621 15.4545 5.13621C14.9526 5.13621 14.5453 5.54358 14.5453 6.04526Z"
+    fill="currentColor" />
+</svg>
\ No newline at end of file
diff --git a/client-app/ui-kit/icons/cancel.svg b/client-app/ui-kit/icons/cancel.svg
new file mode 100644
index 0000000000..d85e407e94
--- /dev/null
+++ b/client-app/ui-kit/icons/cancel.svg
@@ -0,0 +1,7 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" id="icon">
+  <path
+    d="M18.3333 9.99999C18.3333 5.39761 14.6023 1.66666 9.99996 1.66666C5.39758 1.66666 1.66663 5.39761 1.66663 9.99999C1.66663 14.6023 5.39758 18.3333 9.99996 18.3333C14.6023 18.3333 18.3333 14.6023 18.3333 9.99999Z"
+    stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" />
+  <path d="M12.4995 12.5L7.5 7.5M7.50053 12.5L12.5 7.5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"
+    stroke-linejoin="round" />
+</svg>
\ No newline at end of file
diff --git a/client-app/ui-kit/icons/case-outlines.svg b/client-app/ui-kit/icons/case-outlines.svg
new file mode 100644
index 0000000000..a1c81441da
--- /dev/null
+++ b/client-app/ui-kit/icons/case-outlines.svg
@@ -0,0 +1,12 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" id="icon">
+  <g clip-path="url(#clip0_3483_288)">
+    <path
+      d="M11.8271 1C13.058 1 14.0557 1.99782 14.0557 3.22852V4.2002H17.3125C18.7954 4.20023 19.9977 5.40185 19.998 6.88477L20 16.4844C19.9998 17.9674 18.7974 19.1699 17.3145 19.1699H2.68555C1.20257 19.1697 -0.000104019 17.9675 0 16.4844V6.88574C0 5.40273 1.20268 4.20045 2.68555 4.2002H5.94238V3.22852C5.94238 1.9978 6.94019 1.00001 8.1709 1H11.8271ZM2.68555 5.91406C2.14933 5.91432 1.71484 6.34943 1.71484 6.88574V16.4844L1.71875 16.584C1.76849 17.0737 2.18286 17.4558 2.68555 17.4561H17.3145C17.8508 17.4561 18.286 17.0208 18.2861 16.4844L18.2842 6.88477C18.2839 6.34854 17.8488 5.91409 17.3125 5.91406H2.68555ZM15.4854 7.85645C15.9585 7.85666 16.3418 8.24064 16.3418 8.71387C16.3417 9.18703 15.9585 9.57108 15.4854 9.57129H4.51465C4.04134 9.57129 3.6573 9.18716 3.65723 8.71387C3.65723 8.24051 4.0413 7.85645 4.51465 7.85645H15.4854ZM8.1709 2.71387C7.8869 2.71388 7.65625 2.94451 7.65625 3.22852V4.2002H12.3418V3.22852C12.3418 2.94448 12.1112 2.71387 11.8271 2.71387H8.1709Z"
+      fill="currentColor" />
+  </g>
+  <defs>
+    <clipPath id="clip0_3483_288">
+      <rect width="20" height="20" fill="white" />
+    </clipPath>
+  </defs>
+</svg>
\ No newline at end of file
diff --git a/client-app/ui-kit/icons/case.svg b/client-app/ui-kit/icons/case.svg
index 8d5268327f..053f866230 100644
--- a/client-app/ui-kit/icons/case.svg
+++ b/client-app/ui-kit/icons/case.svg
@@ -1,3 +1,14 @@
-<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" id="icon">
-  <path fill-rule="evenodd" d="M5.5 4.375V5.5H3.25C2.65326 5.5 2.08097 5.73705 1.65901 6.15901C1.23705 6.58097 1 7.15327 1 7.75V11.7663C3.88041 12.8336 6.92818 13.3784 10 13.375C13.0718 13.3784 16.1196 12.8336 19 11.7663V7.75C19 7.15327 18.7629 6.58097 18.341 6.15901C17.919 5.73705 17.3467 5.5 16.75 5.5H14.5V4.375C14.5 3.4799 14.1444 2.62145 13.5115 1.98852C12.8785 1.35558 12.0201 1 11.125 1H8.875C7.97989 1 7.12145 1.35558 6.48851 1.98852C5.85558 2.62145 5.5 3.4799 5.5 4.375ZM8.0795 3.57951C7.86852 3.79048 7.75 4.07663 7.75 4.375V5.5H12.25V4.375C12.25 4.07663 12.1315 3.79048 11.9205 3.57951C11.7095 3.36853 11.4234 3.25 11.125 3.25H8.875C8.57663 3.25 8.29048 3.36853 8.0795 3.57951ZM9.2045 9.20451C8.99352 9.41549 8.875 9.70164 8.875 10C8.875 10.2984 8.99352 10.5845 9.2045 10.7955C9.41548 11.0065 9.70163 11.125 10 11.125H10.0112C10.3096 11.125 10.5958 11.0065 10.8067 10.7955C11.0177 10.5845 11.1362 10.2984 11.1362 10C11.1362 9.70164 11.0177 9.41549 10.8067 9.20451C10.5958 8.99353 10.3096 8.875 10.0112 8.875H10C9.70163 8.875 9.41548 8.99353 9.2045 9.20451ZM1.00001 16.75V14.1535C3.82713 15.1075 6.8545 15.625 10 15.625C13.0601 15.6279 16.1002 15.1309 19 14.1535V16.75C19 17.3468 18.7629 17.9191 18.341 18.341C17.919 18.763 17.3467 19 16.75 19H3.25001C2.65327 19 2.08097 18.763 1.65902 18.341C1.23706 17.9191 1.00001 17.3468 1.00001 16.75Z"/>
-</svg>
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" id="icon">
+  <path
+    d="M1.66765 7.08334L1.66585 11.6642C1.66477 14.4149 1.66423 15.7903 2.51855 16.645C3.37287 17.4997 4.74826 17.4997 7.49905 17.4998L12.4999 17.4998C15.2494 17.4999 16.6241 17.5 17.4783 16.6459C18.3326 15.7918 18.3329 14.4171 18.3334 11.6677L18.3343 7.08334"
+    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+  <path
+    d="M7.08203 5.41667C7.08203 4.24628 7.08203 3.66109 7.36291 3.24072C7.48451 3.05873 7.64076 2.90248 7.82275 2.78088C8.24311 2.5 8.82831 2.5 9.99872 2.5C11.1691 2.5 11.7543 2.5 12.1746 2.78088C12.3566 2.90248 12.5129 3.05873 12.6345 3.24072C12.9154 3.66109 12.9154 4.24628 12.9154 5.41667"
+    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+  <path
+    d="M16.665 5.41679L3.33235 5.41666C2.41198 5.41671 1.66561 6.16306 1.66553 7.08343C1.66561 8.92424 3.15835 10.417 4.99915 10.4172H14.9981C16.839 10.4171 18.3316 8.92441 18.3317 7.08357C18.3316 6.16317 17.5853 5.41685 16.665 5.41679Z"
+    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+  <path
+    d="M8.33203 10.4167V11.25C8.33203 11.6375 8.33203 11.8312 8.37464 11.9902C8.49022 12.4216 8.82714 12.7585 9.25847 12.8741C9.41747 12.9167 9.61122 12.9167 9.99872 12.9167C10.3862 12.9167 10.5799 12.9167 10.7389 12.8741C11.1702 12.7585 11.5072 12.4216 11.6228 11.9902C11.6654 11.8312 11.6654 11.6375 11.6654 11.25V10.4167"
+    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+</svg>
\ No newline at end of file
diff --git a/client-app/ui-kit/icons/checkmark.svg b/client-app/ui-kit/icons/checkmark.svg
new file mode 100644
index 0000000000..fe7bbcfbd1
--- /dev/null
+++ b/client-app/ui-kit/icons/checkmark.svg
@@ -0,0 +1,7 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" id="icon">
+  <path
+    d="M18.3333 9.99999C18.3333 5.39761 14.6023 1.66666 9.99996 1.66666C5.39758 1.66666 1.66663 5.39761 1.66663 9.99999C1.66663 14.6023 5.39758 18.3333 9.99996 18.3333C14.6023 18.3333 18.3333 14.6023 18.3333 9.99999Z"
+    stroke="currentColor" stroke-width="1.8" />
+  <path d="M6.66663 10.4167L8.74996 12.5L13.3333 7.5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"
+    stroke-linejoin="round" />
+</svg>
\ No newline at end of file
diff --git a/client-app/ui-kit/icons/cloud-2.svg b/client-app/ui-kit/icons/cloud-2.svg
new file mode 100644
index 0000000000..18f80bad5d
--- /dev/null
+++ b/client-app/ui-kit/icons/cloud-2.svg
@@ -0,0 +1,5 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" id="icon">
+  <path
+    d="M14.8886 8.24473C14.8952 8.24464 14.9019 8.24464 14.9086 8.24464C17.1266 8.24464 18.9246 10.0427 18.9246 12.2607C18.9246 14.4787 17.1266 16.2767 14.9086 16.2767H5.53792C3.0735 16.2767 1.07568 14.2788 1.07568 11.8144C1.07568 9.49434 2.84628 7.58786 5.10992 7.37245M14.8886 8.24473C14.9018 8.09771 14.9086 7.94885 14.9086 7.79842C14.9086 5.08754 12.7111 2.88995 10.0002 2.88995C7.4328 2.88995 5.32582 4.86103 5.10992 7.37245M14.8886 8.24473C14.7973 9.25712 14.3987 10.1809 13.7866 10.922M5.10992 7.37245C5.25079 7.35905 5.39355 7.35219 5.53792 7.35219C6.54266 7.35219 7.46984 7.68426 8.21571 8.24464"
+    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+</svg>
\ No newline at end of file
diff --git a/client-app/ui-kit/icons/contract-outline.svg b/client-app/ui-kit/icons/contract-outline.svg
new file mode 100644
index 0000000000..ab9faa96b8
--- /dev/null
+++ b/client-app/ui-kit/icons/contract-outline.svg
@@ -0,0 +1,14 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" id="icon">
+  <path
+    d="M15 4.99999V3.33332C15 2.41285 14.2538 1.66666 13.3333 1.66666H3.33329C2.41282 1.66666 1.66663 2.41285 1.66663 3.33332V16.6667C1.66663 17.5872 2.41282 18.3333 3.33329 18.3333H13.3333C14.2538 18.3333 15 17.5872 15 16.6667V15"
+    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+  <path
+    d="M18.0892 7.39889L17.601 6.91073C17.2755 6.5853 16.748 6.5853 16.4225 6.91073L10.7734 12.5598C10.5407 12.7925 10.3821 13.0888 10.3176 13.4115L9.99988 15L11.5885 14.6823C11.911 14.6177 12.2074 14.4592 12.44 14.2265L18.0892 8.57741C18.4146 8.25197 18.4146 7.72432 18.0892 7.39889Z"
+    stroke="currentColor" stroke-width="1.5" stroke-linejoin="round" />
+  <path d="M15 8.33334L16.6667 10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
+    stroke-linejoin="round" />
+  <path d="M4.16663 15.8333H4.99996L6.04163 13.75L7.08329 15.8333H7.91663" stroke="currentColor" stroke-width="1.5"
+    stroke-linecap="round" stroke-linejoin="round" />
+  <path d="M5 5H11.6667" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+  <path d="M5 8.33334H10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+</svg>
\ No newline at end of file
diff --git a/client-app/ui-kit/icons/create-date.svg b/client-app/ui-kit/icons/create-date.svg
new file mode 100644
index 0000000000..433a7318fc
--- /dev/null
+++ b/client-app/ui-kit/icons/create-date.svg
@@ -0,0 +1,5 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" id="icon">
+  <path
+    d="M13.333 0.867188C13.7748 0.867188 14.1328 1.22516 14.1328 1.66699V2.5332H15.833C16.4871 2.5332 17.1146 2.79336 17.5771 3.25586C18.0397 3.71838 18.2997 4.3459 18.2998 5V10.833C18.2998 11.2748 17.9418 11.6328 17.5 11.6328C17.0582 11.6328 16.7002 11.2748 16.7002 10.833V9.13281H3.2998V16.666C3.2998 16.8958 3.39127 17.1168 3.55371 17.2793C3.71624 17.4418 3.93714 17.5332 4.16699 17.5332H10.833C11.2747 17.5332 11.6336 17.8913 11.6338 18.333C11.6338 18.7748 11.2748 19.1328 10.833 19.1328H4.16699C3.51279 19.1328 2.88544 18.8727 2.42285 18.4102C1.96035 17.9476 1.7002 17.3201 1.7002 16.666V5C1.70027 4.3459 1.96033 3.71838 2.42285 3.25586C2.88543 2.79336 3.51286 2.5332 4.16699 2.5332H5.86719V1.66699C5.86719 1.22516 6.22516 0.867188 6.66699 0.867188C7.10865 0.867385 7.4668 1.22529 7.4668 1.66699V2.5332H12.5332V1.66699C12.5332 1.22529 12.8913 0.867385 13.333 0.867188ZM15.833 12.5332C16.2747 12.5332 16.6327 12.8913 16.6328 13.333V15.0332H18.333C18.7747 15.0332 19.1327 15.3913 19.1328 15.833C19.1328 16.2748 18.7748 16.6328 18.333 16.6328H16.6328V18.333C16.6328 18.7748 16.2748 19.1328 15.833 19.1328C15.3913 19.1326 15.0332 18.7747 15.0332 18.333V16.6328H13.333C12.8913 16.6326 12.5332 16.2747 12.5332 15.833C12.5334 15.3914 12.8914 15.0334 13.333 15.0332H15.0332V13.333C15.0334 12.8914 15.3914 12.5334 15.833 12.5332ZM4.16699 4.13281C3.93721 4.13281 3.71623 4.22428 3.55371 4.38672C3.39125 4.54918 3.29988 4.77025 3.2998 5V7.5332H16.7002V5C16.7001 4.77025 16.6088 4.54918 16.4463 4.38672C16.2838 4.22428 16.0628 4.13281 15.833 4.13281H14.1328V5C14.1327 5.44169 13.7747 5.80078 13.333 5.80078C12.8914 5.80058 12.5334 5.44157 12.5332 5V4.13281H7.4668V5C7.46664 5.44157 7.10855 5.80058 6.66699 5.80078C6.22526 5.80078 5.86734 5.44169 5.86719 5V4.13281H4.16699Z"
+    fill="currentColor" />
+</svg>
\ No newline at end of file
diff --git a/client-app/ui-kit/icons/credit-card-outline.svg b/client-app/ui-kit/icons/credit-card-outline.svg
new file mode 100644
index 0000000000..ffe9ec8ce3
--- /dev/null
+++ b/client-app/ui-kit/icons/credit-card-outline.svg
@@ -0,0 +1,9 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" id="icon">
+  <path
+    d="M16.6667 3.33334H3.33341C2.41294 3.33334 1.66675 4.07954 1.66675 5.00001V15C1.66675 15.9205 2.41294 16.6667 3.33341 16.6667H16.6667C17.5872 16.6667 18.3334 15.9205 18.3334 15V5.00001C18.3334 4.07954 17.5872 3.33334 16.6667 3.33334Z"
+    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+  <path d="M8.33325 13.3333H9.58325M12.0833 13.3333H14.9999" stroke="currentColor" stroke-width="1.5"
+    stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" />
+  <path d="M1.66675 7.5H18.3334" stroke="currentColor" stroke-width="1.5" stroke-linecap="square"
+    stroke-linejoin="round" />
+</svg>
\ No newline at end of file
diff --git a/client-app/ui-kit/icons/database.svg b/client-app/ui-kit/icons/database.svg
index f45f1959cf..a597723392 100644
--- a/client-app/ui-kit/icons/database.svg
+++ b/client-app/ui-kit/icons/database.svg
@@ -1,3 +1,19 @@
-<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" id="icon">
-  <path fill-rule="evenodd" d="M10 7.71429C14.4183 7.71429 18 6.17943 18 4.28572C18 2.392 14.4183 0.857147 10 0.857147C5.58171 0.857147 2 2.392 2 4.28572C2 6.17943 5.58171 7.71429 10 7.71429ZM2 6.57143V10C2 11.8937 5.58171 13.4286 10 13.4286C14.4183 13.4286 18 11.8937 18 10V6.57143C18 8.46515 14.4183 10 10 10C5.58171 10 2 8.46515 2 6.57143ZM2 12.2857V15.7143C2 17.608 5.58171 19.1429 10 19.1429C14.4183 19.1429 18 17.608 18 15.7143V12.2857C18 14.1794 14.4183 15.7143 10 15.7143C5.58171 15.7143 2 14.1794 2 12.2857Z"/>
-</svg>
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" id="icon">
+  <path
+    d="M12.9167 10.8333C15.9082 10.8333 18.3333 10.0871 18.3333 9.16667C18.3333 8.24619 15.9082 7.5 12.9167 7.5C9.92512 7.5 7.5 8.24619 7.5 9.16667C7.5 10.0871 9.92512 10.8333 12.9167 10.8333Z"
+    stroke="currentColor" stroke-width="1.5" />
+  <path d="M18.3333 12.9167C18.3333 13.8372 15.9082 14.5833 12.9167 14.5833C9.92508 14.5833 7.5 13.8372 7.5 12.9167"
+    stroke="currentColor" stroke-width="1.5" />
+  <path
+    d="M18.3333 9.16666V16.5C18.3333 17.5125 15.9082 18.3333 12.9167 18.3333C9.92508 18.3333 7.5 17.5125 7.5 16.5V9.16666"
+    stroke="currentColor" stroke-width="1.5" />
+  <path
+    d="M7.08341 4.99999C10.075 4.99999 12.5001 4.2538 12.5001 3.33332C12.5001 2.41285 10.075 1.66666 7.08341 1.66666C4.09187 1.66666 1.66675 2.41285 1.66675 3.33332C1.66675 4.2538 4.09187 4.99999 7.08341 4.99999Z"
+    stroke="currentColor" stroke-width="1.5" />
+  <path
+    d="M5.00008 9.16667C3.42357 8.97483 1.97501 8.47875 1.66675 7.5M5.00008 13.3333C3.42357 13.1415 1.97501 12.6454 1.66675 11.6667"
+    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+  <path d="M5.00008 17.5C3.42357 17.3082 1.97501 16.8121 1.66675 15.8333V3.33334" stroke="currentColor"
+    stroke-width="1.5" stroke-linecap="round" />
+  <path d="M12.5 5.00001V3.33334" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+</svg>
\ No newline at end of file
diff --git a/client-app/ui-kit/icons/edit.svg b/client-app/ui-kit/icons/edit.svg
index 4b9ce00a5e..4d1da76c69 100644
--- a/client-app/ui-kit/icons/edit.svg
+++ b/client-app/ui-kit/icons/edit.svg
@@ -1,3 +1,12 @@
-<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" id="icon">
-  <path d="M19.4492 5.54807L17.6483 7.34893C17.4647 7.53253 17.1678 7.53253 16.9842 7.34893L12.6481 3.01282C12.4645 2.82921 12.4645 2.53233 12.6481 2.34873L14.449 0.547873C15.1795 -0.182624 16.367 -0.182624 17.1014 0.547873L19.4492 2.89562C20.1836 3.62612 20.1836 4.81367 19.4492 5.54807ZM11.1012 3.89566L0.842864 14.1539L0.0147001 18.9002C-0.0985864 19.5408 0.460033 20.0955 1.10069 19.9861L5.847 19.1541L16.1053 8.89586C16.2889 8.71226 16.2889 8.41537 16.1053 8.23177L11.7692 3.89566C11.5816 3.71206 11.2848 3.71206 11.1012 3.89566ZM4.84696 13.2749C4.6321 13.0601 4.6321 12.7163 4.84696 12.5015L10.8629 6.48561C11.0777 6.27076 11.4215 6.27076 11.6363 6.48561C11.8512 6.70046 11.8512 7.04423 11.6363 7.25908L5.62043 13.2749C5.40557 13.4898 5.06181 13.4898 4.84696 13.2749ZM3.43673 16.5602H5.31182V17.9783L2.79217 18.4197L1.57727 17.2048L2.0187 14.6852H3.43673V16.5602Z"/>
-</svg>
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" id="icon">
+  <g clip-path="url(#clip0_3274_28)">
+    <path
+      d="M12.8711 0.767578C14.0413 -0.289686 15.8477 -0.254602 16.9756 0.873047L19.127 3.02441L19.2324 3.13574C20.2555 4.26827 20.2556 5.99651 19.2324 7.12891L19.127 7.24023L8.54785 17.8184C7.86236 18.5039 6.99244 18.9729 6.0459 19.1689L5.85547 19.2051L1.16406 19.9863C0.845632 20.0393 0.521251 19.9353 0.292969 19.707C0.0646845 19.4787 -0.0392992 19.1544 0.0136719 18.8359L0.795898 14.1445L0.831055 13.9541C1.02711 13.0076 1.49611 12.1376 2.18164 11.4521L12.7598 0.873047L12.8711 0.767578ZM3.5957 12.8662C3.21365 13.2482 2.94473 13.7265 2.81543 14.248L2.76855 14.4736L2.21582 17.7832L5.52637 17.2314L5.75293 17.1846C6.27418 17.0552 6.75195 16.7862 7.13379 16.4043L15.0615 8.47559L11.5234 4.9375L3.5957 12.8662ZM15.5615 2.28711C15.2023 1.92805 14.6334 1.90538 14.248 2.21973L14.1738 2.28711L12.9375 3.52344L16.4756 7.06152L17.7129 5.82617L17.7803 5.75098C18.0733 5.39136 18.0735 4.8722 17.7803 4.5127L17.7129 4.43848L15.5615 2.28711Z"
+      fill="currentColor" />
+  </g>
+  <defs>
+    <clipPath id="clip0_3274_28">
+      <rect width="20" height="20" fill="white" />
+    </clipPath>
+  </defs>
+</svg>
\ No newline at end of file
diff --git a/client-app/ui-kit/icons/external-link.svg b/client-app/ui-kit/icons/external-link.svg
index 750186618c..25d30abc29 100644
--- a/client-app/ui-kit/icons/external-link.svg
+++ b/client-app/ui-kit/icons/external-link.svg
@@ -1,3 +1,8 @@
-<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" id="icon">
-  <path fill-rule="evenodd" d="M10.3767 1.37666C10.6178 1.13555 10.9448 1.00009 11.2858 1.00009H17.7143C18.0553 1.00009 18.3823 1.13555 18.6234 1.37666C18.8645 1.61778 19 1.9448 19 2.28579V8.7143C19 9.05529 18.8645 9.38231 18.6234 9.62343C18.3823 9.86454 18.0553 10 17.7143 10C17.3733 10 17.0463 9.86454 16.8052 9.62343C16.5641 9.38231 16.4286 9.05529 16.4286 8.7143V5.38948L8.33768 13.4804C8.21908 13.6032 8.07721 13.7011 7.92035 13.7685C7.76349 13.8359 7.59478 13.8714 7.42406 13.8729C7.25335 13.8743 7.08405 13.8418 6.92604 13.7772C6.76803 13.7125 6.62448 13.617 6.50376 13.4963C6.38305 13.3756 6.28758 13.2321 6.22293 13.0741C6.15829 12.916 6.12576 12.7467 6.12724 12.576C6.12872 12.4053 6.16419 12.2366 6.23157 12.0797C6.29895 11.9229 6.3969 11.781 6.5197 11.6624L14.6106 3.57149H11.2858C10.9448 3.57149 10.6178 3.43604 10.3767 3.19492C10.1356 2.9538 10.0001 2.62678 10.0001 2.28579C10.0001 1.9448 10.1356 1.61778 10.3767 1.37666ZM1.75323 4.32464C2.23546 3.84241 2.8895 3.57149 3.57148 3.57149H7.42859C7.76958 3.57149 8.0966 3.70695 8.33771 3.94807C8.57883 4.18918 8.71429 4.51621 8.71429 4.85719C8.71429 5.19818 8.57883 5.52521 8.33771 5.76632C8.0966 6.00744 7.76958 6.1429 7.42859 6.1429H3.57148V16.4285H13.8571V12.5714C13.8571 12.2304 13.9925 11.9034 14.2337 11.6623C14.4748 11.4212 14.8018 11.2857 15.1428 11.2857C15.4838 11.2857 15.8108 11.4212 16.0519 11.6623C16.293 11.9034 16.4285 12.2304 16.4285 12.5714V16.4285C16.4285 17.1105 16.1576 17.7645 15.6753 18.2468C15.1931 18.729 14.5391 18.9999 13.8571 18.9999H3.57148C2.8895 18.9999 2.23546 18.729 1.75323 18.2468C1.27099 17.7645 1.00008 17.1105 1.00008 16.4285V6.1429C1.00008 5.46092 1.27099 4.80687 1.75323 4.32464Z"/>
-</svg>
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" id="icon">
+  <path
+    d="M1.66541 9.99999C1.66559 5.39747 5.3975 1.66666 10.0004 1.66666C10.4605 1.66683 10.8337 2.03986 10.8337 2.49999C10.8337 2.96012 10.4605 3.33315 10.0004 3.33332C6.31777 3.33332 3.33225 6.31815 3.33207 9.99999C3.33207 13.682 6.31765 16.6675 10.0004 16.6675C13.683 16.6673 16.6678 13.6819 16.6678 9.99999C16.668 9.53997 17.0411 9.16676 17.5012 9.16666C17.9613 9.16666 18.3343 9.53991 18.3345 9.99999C18.3345 14.6026 14.6033 18.334 10.0004 18.3341C5.3974 18.3341 1.66541 14.6027 1.66541 9.99999Z"
+    fill="currentColor" />
+  <path
+    d="M13.5343 1.70474C13.8235 1.70063 14.6424 1.68503 15.4435 1.72427C15.8418 1.74379 16.26 1.77758 16.6178 1.83902C16.7958 1.8696 16.9803 1.91061 17.1492 1.96841C17.2795 2.013 17.4729 2.09099 17.6448 2.23534L17.7172 2.30207L17.7823 2.37287C17.9257 2.54294 18.0041 2.73407 18.0493 2.86441C18.1074 3.03216 18.1487 3.21486 18.1795 3.39094C18.2412 3.74464 18.2746 4.15745 18.2942 4.54979C18.3335 5.33845 18.3187 6.14468 18.3146 6.43374C18.308 6.89393 17.9292 7.26221 17.469 7.25568C17.0089 7.24902 16.6414 6.87025 16.6479 6.41014C16.6521 6.1112 16.6662 5.35899 16.63 4.6328C16.6293 4.61926 16.6274 4.60556 16.6267 4.59211L10.3076 11.0423C9.98542 11.3707 9.4578 11.3757 9.12917 11.0537C8.80073 10.7316 8.79577 10.2039 9.11777 9.87531L15.4654 3.39582C15.4313 3.39391 15.3968 3.39101 15.3621 3.38931C14.6225 3.35308 13.8563 3.36716 13.5579 3.3714C13.0977 3.37793 12.7197 3.00964 12.7132 2.54946C12.7068 2.08943 13.0742 1.71128 13.5343 1.70474Z"
+    fill="currentColor" />
+</svg>
\ No newline at end of file
diff --git a/client-app/ui-kit/icons/lock.svg b/client-app/ui-kit/icons/lock.svg
new file mode 100644
index 0000000000..21e08ffeae
--- /dev/null
+++ b/client-app/ui-kit/icons/lock.svg
@@ -0,0 +1,5 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" id="icon">
+  <path
+    d="M10 0.865234C12.5129 0.865234 14.5498 2.90215 14.5498 5.41504V6.7002H14.999C16.3614 6.7002 17.4658 7.8047 17.4658 9.16699V16.667C17.4656 18.0292 16.3612 19.1338 14.999 19.1338H5C3.63816 19.1334 2.53435 18.0289 2.53418 16.667L2.5332 9.16699C2.53308 7.80471 3.63777 6.70039 5 6.7002H5.4502V5.41504C5.4502 2.90214 7.48711 0.865234 10 0.865234ZM5 8.2998C4.5215 8.3 4.13277 8.68842 4.13281 9.16699L4.13379 16.667C4.13396 17.1452 4.52179 17.5328 5 17.5332H14.999C15.4776 17.5332 15.866 17.1455 15.8662 16.667V9.16699C15.8662 8.68834 15.4777 8.2998 14.999 8.2998H5ZM6.44434 12.0762C6.94113 12.0764 7.34458 12.4798 7.34473 12.9766V12.9854C7.34448 13.4821 6.94107 13.8846 6.44434 13.8848C5.94743 13.8848 5.54419 13.4822 5.54395 12.9854V12.9766C5.54409 12.4796 5.94737 12.0762 6.44434 12.0762ZM10 12.0078C10.497 12.0078 10.9003 12.4112 10.9004 12.9082V12.917C10.9001 13.4138 10.4969 13.8164 10 13.8164C9.5031 13.8164 9.09986 13.4138 9.09961 12.917V12.9082C9.09968 12.4112 9.50299 12.0078 10 12.0078ZM13.333 12.0078C13.83 12.0078 14.2333 12.4112 14.2334 12.9082V12.917C14.2332 13.4138 13.8299 13.8164 13.333 13.8164C12.8363 13.8162 12.4329 13.4137 12.4326 12.917V12.9082C12.4327 12.4113 12.8362 12.008 13.333 12.0078ZM10 2.46484C8.37076 2.46484 7.04981 3.7858 7.0498 5.41504V6.7002H12.9502V5.41504C12.9502 3.7858 11.6293 2.46484 10 2.46484Z"
+    fill="currentColor" />
+</svg>
\ No newline at end of file
diff --git a/client-app/ui-kit/icons/mini-outline.svg b/client-app/ui-kit/icons/mini-outline.svg
new file mode 100644
index 0000000000..89ca8c0630
--- /dev/null
+++ b/client-app/ui-kit/icons/mini-outline.svg
@@ -0,0 +1,5 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" id="icon">
+  <path
+    d="M5.21509 1.75H14.8733C15.7926 1.75004 16.5383 2.49571 16.5383 3.41504V18.1885L10.3967 14.9141L10.0442 14.7256L9.69067 14.9141L3.55005 18.1885V3.41504C3.55005 2.49569 4.29574 1.75 5.21509 1.75Z"
+    stroke="currentColor" stroke-width="1.5" />
+</svg>
\ No newline at end of file
diff --git a/client-app/ui-kit/icons/notification-non-active.svg b/client-app/ui-kit/icons/notification-non-active.svg
index 11c5e32399..4f6322cfda 100644
--- a/client-app/ui-kit/icons/notification-non-active.svg
+++ b/client-app/ui-kit/icons/notification-non-active.svg
@@ -1,3 +1,5 @@
-<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" id="icon">
-  <path fill-rule="evenodd" d="M16.5602 16.4272C17.1963 16.4272 17.7524 16.0674 18.016 15.4897C18.14 15.2191 18.1874 14.917 18.1526 14.619C18.1178 14.321 18.0023 14.0397 17.8197 13.8085C17.7828 13.7619 17.7463 13.7154 17.7102 13.6693C17.677 13.627 17.6441 13.585 17.6115 13.5438L17.61 13.5419C16.6742 12.3551 16.1081 11.6371 16.1081 8.27589C16.1081 6.53482 15.7108 5.10625 14.9278 4.03482C14.3504 3.2433 13.57 2.64286 12.5413 2.19911C12.5281 2.19139 12.5163 2.18126 12.5064 2.1692C12.1364 0.870089 11.1239 0 9.98197 0C8.84004 0 7.82797 0.870089 7.45796 2.16786C7.44809 2.17948 7.43643 2.18928 7.42348 2.19688C5.02295 3.23304 3.85632 5.22098 3.85632 8.27455C3.85632 11.6388 3.29046 12.3558 2.3529 13.5424L2.32751 13.5745C2.26755 13.6503 2.20661 13.7274 2.14469 13.8071C1.96212 14.038 1.84644 14.3189 1.81136 14.6165C1.77627 14.9141 1.82324 15.2161 1.9467 15.4866C2.20941 16.067 2.76931 16.4272 3.4084 16.4272H16.5602ZM12.8304 17.8571H7.13437C7.10496 17.857 7.07603 17.8649 7.05038 17.88C7.02474 17.8951 7.00326 17.9169 6.98804 17.9433C6.97282 17.9697 6.96438 17.9998 6.96354 18.0306C6.96269 18.0614 6.96947 18.0919 6.98322 18.1192C7.02947 18.2093 7.07927 18.2971 7.13244 18.3823C7.13309 18.3834 7.13373 18.3844 7.13437 18.3854C7.14313 18.3994 7.15197 18.4134 7.16091 18.4272C7.34458 18.7122 7.56637 18.9676 7.81922 19.1858C7.94926 19.298 8.08753 19.4003 8.23304 19.4917C8.23379 19.4922 8.23452 19.4927 8.23527 19.4931C8.48578 19.6502 8.75332 19.7722 9.03105 19.8571C9.33862 19.9512 9.65869 19.9997 9.98197 20C10.3054 19.9997 10.6256 19.9512 10.9333 19.8571C11.211 19.7723 11.4785 19.6503 11.7289 19.4932C11.7297 19.4927 11.7305 19.4922 11.7313 19.4917C11.8746 19.4017 12.0108 19.3012 12.139 19.191C12.3944 18.9717 12.6183 18.7145 12.8035 18.4272C12.8125 18.4131 12.8215 18.399 12.8304 18.3848C12.8306 18.3845 12.8308 18.3842 12.831 18.3839C12.8845 18.2982 12.9346 18.2099 12.9811 18.1192C12.9949 18.092 13.0017 18.0615 13.0008 18.0307C13 17.9999 12.9916 17.9699 12.9764 17.9435C12.9613 17.9171 12.9398 17.8953 12.9143 17.8802C12.8887 17.865 12.8598 17.8571 12.8304 17.8571ZM15.763 14.4272H4.20076C4.60064 13.9075 5.03814 13.2702 5.3464 12.3787C5.71274 11.3191 5.85632 10.0381 5.85632 8.27455C5.85632 6.99448 6.10122 6.1106 6.46456 5.49153C6.81427 4.89569 7.35474 4.4049 8.21607 4.03312L8.32869 3.98451L8.43452 3.9225C8.64445 3.79951 8.82877 3.64326 8.98193 3.46305L9.26253 3.13289L9.38132 2.71622C9.46794 2.4124 9.61282 2.21824 9.73381 2.11429C9.85025 2.01425 9.93603 2 9.98197 2C10.0279 2 10.1137 2.01426 10.2302 2.11433C10.3512 2.21829 10.4962 2.41261 10.5829 2.71703L10.6961 3.11451L10.9576 3.43456C11.1162 3.62866 11.3104 3.79648 11.5337 3.92672L11.6381 3.98764L11.7491 4.03553C12.4972 4.35822 12.9741 4.75022 13.312 5.21344L13.313 5.21489C13.7776 5.85053 14.1081 6.82681 14.1081 8.27589C14.1081 10.0392 14.2519 11.3198 14.6184 12.3792C14.9266 13.2702 15.3638 13.9076 15.763 14.4272Z"/>
-</svg>
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" id="icon">
+  <path fill-rule="evenodd" clip-rule="evenodd"
+    d="M16.5602 16.4272C17.1963 16.4272 17.7524 16.0674 18.016 15.4897C18.14 15.2191 18.1874 14.917 18.1526 14.619C18.1178 14.321 18.0023 14.0397 17.8197 13.8085C17.7828 13.7619 17.7463 13.7154 17.7102 13.6693C17.677 13.627 17.6441 13.585 17.6115 13.5438L17.61 13.5419C16.6742 12.3551 16.1081 11.6371 16.1081 8.27589C16.1081 6.53482 15.7108 5.10625 14.9278 4.03482C14.3504 3.2433 13.57 2.64286 12.5413 2.19911C12.5281 2.19139 12.5163 2.18126 12.5064 2.1692C12.1364 0.870089 11.1239 0 9.98197 0C8.84004 0 7.82797 0.870089 7.45796 2.16786C7.44809 2.17948 7.43643 2.18928 7.42348 2.19688C5.02295 3.23304 3.85632 5.22098 3.85632 8.27455C3.85632 11.6388 3.29046 12.3558 2.3529 13.5424L2.32751 13.5745C2.26755 13.6503 2.20661 13.7274 2.14469 13.8071C1.96212 14.038 1.84644 14.3189 1.81136 14.6165C1.77627 14.9141 1.82324 15.2161 1.9467 15.4866C2.20941 16.067 2.76931 16.4272 3.4084 16.4272H16.5602ZM12.8304 17.8571H7.13437C7.10496 17.857 7.07603 17.8649 7.05038 17.88C7.02474 17.8951 7.00326 17.9169 6.98804 17.9433C6.97282 17.9697 6.96438 17.9998 6.96354 18.0306C6.96269 18.0614 6.96947 18.0919 6.98322 18.1192C7.02947 18.2093 7.07927 18.2971 7.13244 18.3823C7.13309 18.3834 7.13373 18.3844 7.13437 18.3854C7.14313 18.3994 7.15197 18.4134 7.16091 18.4272C7.34458 18.7122 7.56637 18.9676 7.81922 19.1858C7.94926 19.298 8.08753 19.4003 8.23304 19.4917C8.23379 19.4922 8.23452 19.4927 8.23527 19.4931C8.48578 19.6502 8.75332 19.7722 9.03105 19.8571C9.33862 19.9512 9.65869 19.9997 9.98197 20C10.3054 19.9997 10.6256 19.9512 10.9333 19.8571C11.211 19.7723 11.4785 19.6503 11.7289 19.4932C11.7297 19.4927 11.7305 19.4922 11.7313 19.4917C11.8746 19.4017 12.0108 19.3012 12.139 19.191C12.3944 18.9717 12.6183 18.7145 12.8035 18.4272C12.8125 18.4131 12.8215 18.399 12.8304 18.3848C12.8306 18.3845 12.8308 18.3842 12.831 18.3839C12.8845 18.2982 12.9346 18.2099 12.9811 18.1192C12.9949 18.092 13.0017 18.0615 13.0008 18.0307C13 17.9999 12.9916 17.9699 12.9764 17.9435C12.9613 17.9171 12.9398 17.8953 12.9143 17.8802C12.8887 17.865 12.8598 17.8571 12.8304 17.8571ZM15.763 14.4272H4.20076C4.60064 13.9075 5.03814 13.2702 5.3464 12.3787C5.71274 11.3191 5.85632 10.0381 5.85632 8.27455C5.85632 6.99448 6.10122 6.1106 6.46456 5.49153C6.81427 4.89569 7.35474 4.4049 8.21607 4.03312L8.32869 3.98451L8.43452 3.9225C8.64445 3.79951 8.82877 3.64326 8.98193 3.46305L9.26253 3.13289L9.38132 2.71622C9.46794 2.4124 9.61282 2.21824 9.73381 2.11429C9.85025 2.01425 9.93603 2 9.98197 2C10.0279 2 10.1137 2.01426 10.2302 2.11433C10.3512 2.21829 10.4962 2.41261 10.5829 2.71703L10.6961 3.11451L10.9576 3.43456C11.1162 3.62866 11.3104 3.79648 11.5337 3.92672L11.6381 3.98764L11.7491 4.03553C12.4972 4.35822 12.9741 4.75022 13.312 5.21344L13.313 5.21489C13.7776 5.85053 14.1081 6.82681 14.1081 8.27589C14.1081 10.0392 14.2519 11.3198 14.6184 12.3792C14.9266 13.2702 15.3638 13.9076 15.763 14.4272Z"
+    fill="currentColor" />
+</svg>
\ No newline at end of file
diff --git a/client-app/ui-kit/icons/order-outline-v2.svg b/client-app/ui-kit/icons/order-outline-v2.svg
new file mode 100644
index 0000000000..3d0e5a5b36
--- /dev/null
+++ b/client-app/ui-kit/icons/order-outline-v2.svg
@@ -0,0 +1,14 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" id="icon">
+  <path
+    d="M13.3334 5.05209C13.7648 5.05219 14.1146 5.40193 14.1146 5.83334C14.1146 6.26476 13.7648 6.6145 13.3334 6.61459H6.6665C6.23503 6.61459 5.88525 6.26482 5.88525 5.83334C5.88525 5.40187 6.23503 5.05209 6.6665 5.05209H13.3334Z"
+    fill="currentColor" />
+  <path
+    d="M9.99963 8.38541C10.4311 8.38541 10.7809 8.73518 10.7809 9.16666C10.7809 9.59813 10.4311 9.94791 9.99963 9.94791H6.6665C6.23503 9.94791 5.88525 9.59813 5.88525 9.16666C5.88525 8.73518 6.23503 8.38541 6.6665 8.38541H9.99963Z"
+    fill="currentColor" />
+  <path
+    d="M15.8827 3.33353C15.8827 2.84454 15.486 2.44791 14.9971 2.44791H5.02088C4.53249 2.44791 4.13615 2.84335 4.13526 3.3317L4.1145 16.6667C4.11381 17.1561 4.51061 17.5535 5.00012 17.5535H10.5067L15.8827 12.1879V3.33353ZM17.4452 12.512C17.4452 12.7195 17.3626 12.9184 17.2157 13.065L11.3814 18.8877C11.2349 19.0338 11.0364 19.116 10.8296 19.116H5.00012C3.64673 19.116 2.54996 18.0176 2.552 16.6642L2.57276 3.32925C2.575 1.97891 3.67051 0.885406 5.02088 0.885406H14.9971C16.3489 0.885406 17.4452 1.98156 17.4452 3.33353V12.512Z"
+    fill="currentColor" />
+  <path
+    d="M10.052 14.1669C10.052 12.8149 11.1481 11.7188 12.5001 11.7188H16.6664V13.2812H12.5001C12.0111 13.2812 11.6145 13.6778 11.6145 14.1669V18.3331H10.052V14.1669Z"
+    fill="currentColor" />
+</svg>
\ No newline at end of file
diff --git a/client-app/ui-kit/icons/order-outline.svg b/client-app/ui-kit/icons/order-outline.svg
new file mode 100644
index 0000000000..5477caaaa7
--- /dev/null
+++ b/client-app/ui-kit/icons/order-outline.svg
@@ -0,0 +1,5 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" id="icon">
+  <path fill-rule="evenodd" clip-rule="evenodd"
+    d="M5.53567 2.70832C5.28608 2.70832 5.04482 2.80849 4.86549 2.98982C4.68584 3.17145 4.58329 3.41974 4.58329 3.68055V16.3194C4.58329 16.5802 4.68584 16.8285 4.86549 17.0102C5.04482 17.1915 5.28608 17.2917 5.53567 17.2917H14.4642C14.7138 17.2917 14.9551 17.1915 15.1344 17.0102C15.3141 16.8285 15.4166 16.5802 15.4166 16.3194V7.66558C15.4166 7.64421 15.4081 7.62555 15.3959 7.61322L10.5619 2.72549C10.55 2.71347 10.5358 2.70833 10.523 2.70832H5.53567ZM3.68048 1.81783C4.17092 1.32194 4.83807 1.04166 5.53567 1.04166H10.5232C10.9839 1.04176 11.424 1.22696 11.7469 1.55351M11.7469 1.55351L16.5808 6.44106C16.5807 6.44103 16.5808 6.44109 16.5808 6.44106C16.9034 6.76725 17.0832 7.20782 17.0833 7.66523V16.3194C17.0833 17.0164 16.8096 17.6866 16.3194 18.1821C15.829 18.678 15.1619 18.9583 14.4642 18.9583H5.53567C4.83807 18.9583 4.17092 18.678 3.68048 18.1821C3.19035 17.6866 2.91663 17.0164 2.91663 16.3194V3.68055C2.91663 2.98362 3.19035 2.31341 3.68048 1.81783M6.48805 9.99999C6.48805 9.53975 6.86115 9.16666 7.32139 9.16666H12.6785C13.1388 9.16666 13.5119 9.53975 13.5119 9.99999C13.5119 10.4602 13.1388 10.8333 12.6785 10.8333H7.32139C6.86115 10.8333 6.48805 10.4602 6.48805 9.99999ZM6.48805 13.6111C6.48805 13.1509 6.86115 12.7778 7.32139 12.7778H12.6785C13.1388 12.7778 13.5119 13.1509 13.5119 13.6111C13.5119 14.0713 13.1388 14.4444 12.6785 14.4444H7.32139C6.86115 14.4444 6.48805 14.0713 6.48805 13.6111Z"
+    fill="currentColor" />
+</svg>
\ No newline at end of file
diff --git a/client-app/ui-kit/icons/outline-order.svg b/client-app/ui-kit/icons/outline-order.svg
deleted file mode 100644
index 295775647b..0000000000
--- a/client-app/ui-kit/icons/outline-order.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg viewBox="0 0 56 56" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M43.727 52.102C43.2139 52.102 42.7986 52.5177 42.7986 53.0304V54.2H3.99222V1.75542H33.032V10.7329C33.032 10.9791 33.1298 11.2149 33.3039 11.3894C33.478 11.5635 33.7142 11.6613 33.9604 11.6613H42.8451V27.8703C42.9412 28.2927 43.3167 28.5923 43.7502 28.5923C44.1833 28.5923 44.5588 28.2927 44.6554 27.8703V10.8157V10.7324C44.6525 10.4431 44.5149 10.172 44.284 9.99878L34.5729 0.222975C34.5017 0.150446 34.4163 0.0936594 34.3222 0.0559512H34.2389C34.161 0.0273538 34.0797 0.00870345 33.9973 0H3.09118C2.5785 0 2.1628 0.415703 2.1628 0.928382V55.0716C2.1628 55.3178 2.26061 55.554 2.43468 55.7281C2.60875 55.9022 2.84499 56 3.09118 56H43.7267C43.9729 56 44.2087 55.9022 44.3832 55.7281C44.5573 55.554 44.6551 55.3178 44.6551 55.0716V53.0292C44.6551 52.783 44.5573 52.5467 44.3832 52.3727C44.2087 52.1986 43.9729 52.1008 43.7267 52.1008L43.727 52.102ZM34.8327 9.83255V3.04581L41.6008 9.83255H34.8327ZM43.2448 31.0367H43.7367L43.7923 31.0091C47.1588 31.0091 50.2698 32.8053 51.9529 35.7206C53.6364 38.6362 53.6364 42.2283 51.9529 45.1436C50.2698 48.0593 47.1588 49.8551 43.7923 49.8551H43.2725C42.8626 49.7341 42.5887 49.3487 42.6086 48.9218C42.6285 48.4953 42.9368 48.1368 43.3563 48.0543H43.7923C46.5157 48.0543 49.0318 46.6013 50.3933 44.243C51.7548 41.8847 51.7548 38.9794 50.3933 36.6211C49.0318 34.2628 46.5157 32.8102 43.7923 32.8102H43.319C42.8374 32.8123 42.4341 32.445 42.3906 31.9651C42.3889 31.4802 42.7611 31.0757 43.2448 31.0367ZM35.8073 35.3263C36.0891 34.9197 36.6403 34.8053 37.0606 35.0664L37.0607 35.0664C37.4623 35.3474 37.5758 35.892 37.3209 36.3106C37.1755 36.5319 37.042 36.7615 36.9214 36.9974C36.7622 37.2966 36.4526 37.4852 36.114 37.4893C35.9723 37.4901 35.8326 37.4582 35.7054 37.3965C35.2731 37.1594 35.1015 36.6252 35.3154 36.1805C35.4637 35.8924 35.6308 35.6048 35.8073 35.3263ZM38.5653 48.3886C38.8439 48.5652 39.1315 48.7322 39.4195 48.8806C39.5468 48.9423 39.6864 48.9742 39.8282 48.9734C40.1647 48.9709 40.4739 48.7861 40.6356 48.4906C40.8494 48.0463 40.6782 47.512 40.246 47.2745C40.0056 47.156 39.7731 47.023 39.5497 46.8754C39.1311 46.6201 38.5865 46.7341 38.3054 47.1353C38.0443 47.5555 38.1587 48.1068 38.5653 48.3885L38.5653 48.3886ZM39.066 34.2121C38.7609 34.2166 38.4762 34.0616 38.3137 33.8038L38.3137 33.8039C38.0588 33.3852 38.1724 32.8406 38.574 32.5596C38.85 32.3814 39.1352 32.2169 39.4278 32.0677C39.6437 31.8803 39.9338 31.8032 40.214 31.858C40.4946 31.9127 40.7341 32.0938 40.8635 32.3483C40.9932 32.6027 40.9982 32.9028 40.8771 33.1618C40.7565 33.4205 40.5232 33.6095 40.2451 33.6737C40.0089 33.7943 39.7797 33.9273 39.5579 34.0728C39.4104 34.1644 39.2396 34.2129 39.066 34.2121ZM35.2508 39.1048C34.7659 39.1031 34.3614 39.4753 34.3225 39.959V40.4509V40.9429C34.3614 41.4265 34.7659 41.7987 35.2508 41.7971C35.7345 41.7581 36.1067 41.3536 36.105 40.8687V40.4696V40.0705C36.1266 39.571 35.749 39.1441 35.2508 39.1048ZM36.5601 46.0119C36.2551 46.0165 35.9703 45.8615 35.8079 45.6032L35.8079 45.6032C35.6263 45.3292 35.4618 45.0437 35.3159 44.749C35.1228 44.5347 35.0399 44.243 35.0921 43.959C35.1443 43.6751 35.3254 43.4319 35.5824 43.3005C35.8389 43.1691 36.1427 43.1645 36.403 43.2885C36.6637 43.412 36.8523 43.6499 36.9128 43.9321C37.0429 44.1733 37.1731 44.4054 37.3214 44.6284C37.5747 45.0491 37.4566 45.5941 37.0521 45.8726C36.9045 45.9642 36.7337 46.0123 36.5601 46.0119ZM16.4854 14.2684C16.3109 14.4425 16.075 14.5403 15.8289 14.5403L9.54366 14.5681C9.29747 14.5681 9.06123 14.4703 8.88716 14.2962C8.71309 14.1222 8.61528 13.8859 8.61528 13.6397V7.2339C8.61528 6.72122 9.03098 6.30552 9.54366 6.30552H15.8289C16.075 6.30552 16.3109 6.40333 16.4854 6.5774C16.6594 6.75147 16.7572 6.98771 16.7572 7.2339V13.6119C16.7572 13.8581 16.6594 14.094 16.4854 14.2684ZM14.9283 8.13448H10.4442V12.7764H14.9283V8.13448ZM32.0939 42.1687C32.0939 41.9226 31.9961 41.6863 31.822 41.5122C31.6479 41.3382 31.4117 41.2404 31.1655 41.2404H8.88434C8.47155 41.344 8.18184 41.7149 8.18184 42.141C8.18184 42.5666 8.47155 42.938 8.88434 43.0416H31.1655C31.6575 43.0424 32.0645 42.6595 32.0939 42.1687ZM8.23781 48.6948C8.23781 48.2692 8.52751 47.8978 8.94072 47.7942L17.9182 47.7942C18.1955 47.725 18.4893 47.7872 18.7148 47.9629C18.9403 48.139 19.0721 48.4089 19.0721 48.6948C19.0721 48.9808 18.9403 49.251 18.7148 49.4268C18.4893 49.6029 18.1955 49.6651 17.9182 49.5954H8.94072C8.52751 49.4918 8.23781 49.1209 8.23781 48.6948ZM21.743 8.13408H29.0031C29.5158 8.13408 29.9315 7.71838 29.9315 7.2057C29.9315 6.6926 29.5158 6.27731 29.0031 6.27731H21.743C21.2304 6.27731 20.8146 6.6926 20.8146 7.2057C20.8146 7.71838 21.2304 8.13408 21.743 8.13408ZM29.0028 14.2792H21.7427C21.3299 14.176 21.0402 13.8046 21.0402 13.379C21.0402 12.9529 21.3299 12.582 21.7427 12.4784H29.0028C29.416 12.582 29.7057 12.9529 29.7057 13.379C29.7057 13.8046 29.416 14.176 29.0028 14.2792ZM38.9089 29.1715C38.9089 28.9253 38.8111 28.6891 38.637 28.515C38.4629 28.3409 38.2267 28.2431 37.9805 28.2431H8.94072C8.52751 28.3467 8.23781 28.7177 8.23781 29.1437C8.23781 29.5694 8.52751 29.9407 8.94072 30.0443H38.0081C38.4893 30.0307 38.8801 29.6518 38.9087 29.1715H38.9089ZM8.31209 23.8481C8.13802 23.674 8.04021 23.4377 8.04021 23.1916H8.04038C8.06898 22.7116 8.45981 22.3328 8.941 22.3191H37.8874C38.3006 22.4227 38.5899 22.7937 38.5899 23.2197C38.5899 23.6454 38.3006 24.0167 37.8874 24.1199H8.96859C8.7224 24.1199 8.48616 24.0221 8.31209 23.8481ZM32.9288 35.5768C32.9288 35.3306 32.831 35.0943 32.6569 34.9203C32.4829 34.7462 32.2466 34.6484 32.0004 34.6484H8.93944C8.52623 34.752 8.23653 35.1229 8.23653 35.549C8.23653 35.9746 8.52623 36.346 8.93944 36.4496H32.028C32.5088 36.4359 32.8996 36.0571 32.9282 35.5768H32.9288ZM41.2253 37.6375C41.883 36.6452 42.7207 36.0888 44.014 36.0888C45.3894 36.0888 46.8575 37.2161 46.8575 38.7022C46.8575 39.9294 46.0724 40.4052 45.4787 40.7649C45.1178 40.9836 44.8277 41.1594 44.8277 41.4351V41.5333C44.8277 41.7588 44.6536 41.9416 44.4388 41.9416H43.2645C43.0497 41.9416 42.8756 41.7588 42.8756 41.5333V41.3667C42.8756 40.34 43.5993 39.9148 44.1676 39.5808C44.1816 39.5726 44.1954 39.5645 44.2092 39.5564C44.7014 39.2666 45.003 39.0696 45.003 38.6859C45.003 38.1783 44.3865 37.8415 43.888 37.8415C43.254 37.8415 42.9529 38.1489 42.547 38.6828C42.4154 38.8559 42.1763 38.8872 42.0082 38.7534L41.3092 38.1968C41.1427 38.0643 41.106 37.8175 41.2253 37.6375ZM42.7292 43.6214C42.7292 42.9715 43.2327 42.4428 43.8517 42.4428C44.4706 42.4428 44.9741 42.9715 44.9741 43.6214C44.9741 44.2712 44.4706 44.7999 43.8517 44.7999C43.2327 44.7999 42.7292 44.2712 42.7292 43.6214Z"/>
-</svg>
diff --git a/client-app/ui-kit/icons/outline-v1.svg b/client-app/ui-kit/icons/outline-v1.svg
new file mode 100644
index 0000000000..5eb786c314
--- /dev/null
+++ b/client-app/ui-kit/icons/outline-v1.svg
@@ -0,0 +1,18 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" id="icon">
+  <g clip-path="url(#clip0_3419_107)">
+    <path
+      d="M11.8 1H8.2C4.80588 1 3.10884 1 2.05441 2.17157C1 3.34315 1 5.22876 1 9V11C1 14.7712 1 16.6569 2.05441 17.8284C3.10884 19 4.80588 19 8.2 19H11.8C15.1941 19 16.8912 19 17.9456 17.8284C19 16.6569 19 14.7712 19 11V9C19 5.22876 19 3.34315 17.9456 2.17157C16.8912 1 15.1941 1 11.8 1Z"
+      stroke="currentColor" stroke-width="1.44" stroke-linecap="round" stroke-linejoin="round" />
+    <path
+      d="M7 6.66992C7.73454 6.66992 8.33008 7.26546 8.33008 8C8.33008 8.73454 7.73454 9.33008 7 9.33008C6.26546 9.33008 5.66992 8.73454 5.66992 8C5.66992 7.26546 6.26546 6.66992 7 6.66992Z"
+      stroke="currentColor" stroke-width="1.34" stroke-linecap="round" stroke-linejoin="round" />
+    <path
+      d="M18.5 15L13.9543 10.3142C13.7526 10.114 13.4678 10 13.1694 10C12.8869 10 12.6161 10.1021 12.4165 10.2838L8.18094 14.1379L6.21582 12.3498C6.01825 12.1699 5.75029 12.069 5.47088 12.069C5.16996 12.069 4.8834 12.1861 4.68348 12.3907L1.5 15.5"
+      stroke="currentColor" stroke-width="1.44" stroke-linecap="round" stroke-linejoin="round" />
+  </g>
+  <defs>
+    <clipPath id="clip0_3419_107">
+      <rect width="20" height="20" fill="white" />
+    </clipPath>
+  </defs>
+</svg>
\ No newline at end of file
diff --git a/client-app/ui-kit/icons/outline.svg b/client-app/ui-kit/icons/outline.svg
new file mode 100644
index 0000000000..463c91ed28
--- /dev/null
+++ b/client-app/ui-kit/icons/outline.svg
@@ -0,0 +1,12 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" id="icon">
+  <g clip-path="url(#clip0_3233_183)">
+    <path
+      d="M2.37057 1.25H17.6294C17.9382 1.25 18.1971 1.35445 18.406 1.56335C18.6149 1.77225 18.7193 2.03111 18.7193 2.33992C18.7193 2.64873 18.6149 2.90758 18.406 3.11648C18.1971 3.32539 17.9382 3.42984 17.6294 3.42984H2.37057C2.06176 3.42984 1.80291 3.32539 1.59401 3.11648C1.3851 2.90758 1.28065 2.64873 1.28065 2.33992C1.28065 2.03111 1.3851 1.77225 1.59401 1.56335C1.80291 1.35445 2.06176 1.25 2.37057 1.25ZM2.37057 18.6887C2.06176 18.6887 1.80291 18.5842 1.59401 18.3753C1.3851 18.1664 1.28065 17.9076 1.28065 17.5988V12.1492H1.08992C0.744777 12.1492 0.463215 12.0175 0.245232 11.7541C0.027248 11.4907 -0.0454133 11.1864 0.027248 10.8413L1.11717 5.39169C1.17166 5.13738 1.29882 4.92847 1.49864 4.76499C1.69846 4.6015 1.92552 4.51975 2.17984 4.51975H17.8202C18.0745 4.51975 18.3015 4.6015 18.5014 4.76499C18.7012 4.92847 18.8283 5.13738 18.8828 5.39169L19.9728 10.8413C20.0454 11.1864 19.9728 11.4907 19.7548 11.7541C19.5368 12.0175 19.2552 12.1492 18.9101 12.1492H18.7193V17.5988C18.7193 17.9076 18.6149 18.1664 18.406 18.3753C18.1971 18.5842 17.9382 18.6887 17.6294 18.6887C17.3206 18.6887 17.0618 18.5842 16.8529 18.3753C16.644 18.1664 16.5395 17.9076 16.5395 17.5988V12.1492H12.1798V17.5988C12.1798 17.9076 12.0754 18.1664 11.8665 18.3753C11.6576 18.5842 11.3987 18.6887 11.0899 18.6887H2.37057ZM3.46049 16.5089H10V12.1492H3.46049V16.5089ZM2.42507 9.96935H17.5749L16.921 6.69959H3.07902L2.42507 9.96935Z"
+      fill="currentColor" />
+  </g>
+  <defs>
+    <clipPath id="clip0_3233_183">
+      <rect width="20" height="20" fill="white" />
+    </clipPath>
+  </defs>
+</svg>
\ No newline at end of file
diff --git a/client-app/ui-kit/icons/process.svg b/client-app/ui-kit/icons/process.svg
index d821e1199f..df056251be 100644
--- a/client-app/ui-kit/icons/process.svg
+++ b/client-app/ui-kit/icons/process.svg
@@ -1,3 +1,7 @@
-<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
-<path d="M1 10C1 7.61305 1.94821 5.32387 3.63604 3.63604C5.32387 1.94821 7.61305 1 10 1V10H19C19 12.3869 18.0518 14.6761 16.364 16.364C14.6761 18.0518 12.3869 19 10 19C7.61305 19 5.32387 18.0518 3.63604 16.364C1.94821 14.6761 1 12.3869 1 10Z"/>
-</svg>
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" id="icon">
+  <path
+    d="M18.3333 9.99999C18.3333 5.39761 14.6023 1.66666 9.99996 1.66666C5.39758 1.66666 1.66663 5.39761 1.66663 9.99999C1.66663 14.6023 5.39758 18.3333 9.99996 18.3333C14.6023 18.3333 18.3333 14.6023 18.3333 9.99999Z"
+    stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" />
+  <path d="M6.46476 10.0004L6.59042 10.0004M9.84081 10.0004L9.96646 10.0004M13.2846 10.0004L13.4103 10.0004"
+    stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" />
+</svg>
\ No newline at end of file
diff --git a/client-app/ui-kit/icons/purchased-before-1.svg b/client-app/ui-kit/icons/purchased-before-1.svg
new file mode 100644
index 0000000000..b338de152e
--- /dev/null
+++ b/client-app/ui-kit/icons/purchased-before-1.svg
@@ -0,0 +1,5 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" id="icon">
+  <path
+    d="M4.13281 0.203918C4.58347 0.244833 4.95603 0.586564 5.0293 1.04083L6.7998 12.0203L16.0195 10.4158L17.2666 3.76544L17.291 3.66583C17.4344 3.18005 17.925 2.87251 18.4336 2.96759C18.9764 3.06937 19.3342 3.59176 19.2324 4.13458L17.8574 11.4676C17.7805 11.8777 17.457 12.1969 17.0459 12.2684L7.1709 13.9861C7.31537 14.2404 7.58745 14.408 7.89453 14.408H15.5L15.6025 14.4139H15.6055C15.6466 14.4119 15.6879 14.408 15.7295 14.408C17.1675 14.4082 18.3328 15.5745 18.333 17.0125C18.3328 18.4505 17.1675 19.6159 15.7295 19.616C14.2914 19.616 13.1252 18.4506 13.125 17.0125C13.125 16.8042 13.152 16.6022 13.1982 16.408H10.0098C10.056 16.6022 10.083 16.8042 10.083 17.0125C10.0828 18.4505 8.91748 19.6159 7.47949 19.616C6.04136 19.616 4.87518 18.4506 4.875 17.0125C4.87508 16.318 5.14857 15.6884 5.5918 15.2215C5.39185 14.9421 5.2389 14.6251 5.15039 14.2791L5.09766 14.0262L3.19043 2.20001H1.75C1.19772 2.20001 0.75 1.7523 0.75 1.20001C0.75 0.647727 1.19772 0.200012 1.75 0.200012H4.04199L4.13281 0.203918ZM7.47949 16.408C7.14592 16.408 6.87516 16.679 6.875 17.0125C6.87518 17.346 7.14593 17.616 7.47949 17.616C7.81291 17.6159 8.08283 17.3459 8.08301 17.0125C8.08284 16.6791 7.81291 16.4082 7.47949 16.408ZM15.7295 16.408C15.3959 16.408 15.1252 16.679 15.125 17.0125C15.1252 17.346 15.3959 17.616 15.7295 17.616C16.0629 17.6159 16.3328 17.3459 16.333 17.0125C16.3328 16.6791 16.0629 16.4082 15.7295 16.408ZM13.8848 1.40118C14.2468 1.04681 14.8259 1.01728 15.2236 1.34845C15.6476 1.70206 15.705 2.33345 15.3516 2.75763L10.7686 8.25763C10.5888 8.47314 10.3262 8.60318 10.0459 8.61603C9.76536 8.62875 9.49161 8.52252 9.29297 8.32404L7.45996 6.49103L7.3916 6.41486C7.07115 6.02216 7.09401 5.44315 7.45996 5.07697C7.82598 4.71095 8.40508 4.68755 8.79785 5.00763L8.87402 5.07697L9.93262 6.13556L13.8154 1.47638L13.8848 1.40118Z"
+    fill="currentColor" />
+</svg>
\ No newline at end of file
diff --git a/client-app/ui-kit/icons/purchased-before-2.svg b/client-app/ui-kit/icons/purchased-before-2.svg
new file mode 100644
index 0000000000..26a53a094d
--- /dev/null
+++ b/client-app/ui-kit/icons/purchased-before-2.svg
@@ -0,0 +1,5 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" id="icon">
+  <path
+    d="M2.11987 0.422485C3.20193 0.422485 4.15426 1.1128 4.49976 2.1217L4.5603 2.32776L4.56421 2.34143L4.56714 2.35608L4.99487 4.39514H5.70581L5.78198 4.39905C6.16013 4.4375 6.45581 4.75685 6.45581 5.14514C6.45566 5.53332 6.16006 5.85282 5.78198 5.89124L5.70581 5.89514H5.3103L6.75562 12.7809H12.5583C13.4724 12.7808 14.1386 12.6368 14.6384 12.4049C15.1295 12.177 15.4988 11.8472 15.7986 11.4098C16.4323 10.4849 16.7443 9.12148 17.1179 7.26526L17.2488 6.59045C17.2811 6.408 17.3019 6.26267 17.3103 6.14026C17.317 6.04232 17.3118 5.98431 17.3074 5.95276C17.2877 5.947 17.2576 5.93652 17.2126 5.92932C17.0107 5.89725 16.7161 5.89514 16.2048 5.89514H15.8572C15.4431 5.89505 15.1073 5.55916 15.1072 5.14514C15.1072 4.73099 15.443 4.39524 15.8572 4.39514H16.2048C16.6647 4.39514 17.101 4.39279 17.448 4.44788C17.7788 4.50052 18.1323 4.62036 18.4089 4.91565L18.5232 5.05334L18.616 5.19788C18.8077 5.54095 18.8302 5.91141 18.8074 6.2428C18.7948 6.42572 18.7652 6.63021 18.7263 6.8512L18.5886 7.56116C18.2317 9.33418 17.8763 11.0308 17.0359 12.2574C16.5987 12.8954 16.0285 13.4143 15.2703 13.7662C14.5204 14.1142 13.6245 14.2808 12.5583 14.2809H6.5603C5.91301 14.2811 5.33403 14.7535 5.17554 15.4293H14.5339C15.6792 15.4296 16.6082 16.3582 16.6082 17.5035C16.6081 18.6488 15.6791 19.5774 14.5339 19.5778C13.3885 19.5778 12.4598 18.649 12.4597 17.5035C12.4597 17.3042 12.4892 17.1118 12.5417 16.9293H10.3455C10.398 17.1118 10.4285 17.3042 10.4285 17.5035C10.4284 18.6488 9.49944 19.5774 8.35425 19.5778C7.20879 19.5778 6.28011 18.649 6.28003 17.5035C6.28003 17.3042 6.30954 17.1118 6.36206 16.9293H4.74487C4.10145 16.9293 3.63159 16.3944 3.63159 15.8004C3.63179 14.6201 4.2982 13.5757 5.28589 13.0826L3.66284 5.35022C3.65002 5.30527 3.63777 5.25951 3.63354 5.21155L3.10522 2.69202L3.04956 2.52893C2.88974 2.16536 2.52762 1.92249 2.11987 1.92249H1.29175C0.877534 1.92249 0.541748 1.5867 0.541748 1.17249C0.541748 0.758272 0.877534 0.422485 1.29175 0.422485H2.11987ZM8.35425 16.9293C8.03717 16.9293 7.78003 17.1865 7.78003 17.5035C7.78011 17.8206 8.03722 18.0778 8.35425 18.0778C8.67101 18.0774 8.92838 17.8204 8.92847 17.5035C8.92847 17.1867 8.67106 16.9296 8.35425 16.9293ZM14.5339 16.9293C14.2169 16.9293 13.9597 17.1865 13.9597 17.5035C13.9598 17.8206 14.2169 18.0778 14.5339 18.0778C14.8507 18.0774 15.1081 17.8204 15.1082 17.5035C15.1082 17.1867 14.8507 16.9296 14.5339 16.9293ZM14.9119 1.20374C15.2703 1.07747 15.6731 1.24144 15.8386 1.59241C16.0149 1.96725 15.8541 2.4142 15.4792 2.59045L15.281 2.69202C14.283 3.23897 13.2012 4.39017 12.3093 5.52698C11.8471 6.11618 11.4578 6.6721 11.1843 7.08069C11.0479 7.28449 10.9414 7.45144 10.8689 7.56604C10.8328 7.62313 10.8051 7.66742 10.7869 7.6969C10.7778 7.71153 10.7707 7.723 10.7664 7.7301C10.7643 7.73343 10.7624 7.73636 10.7615 7.73792L10.7605 7.73889C10.628 7.95834 10.3928 8.09514 10.1365 8.1012C9.91223 8.10637 9.69877 8.01099 9.55347 7.84436L9.49585 7.76917C8.98079 7.00039 8.60929 6.62224 8.39819 6.44592C8.29397 6.35894 8.23146 6.32341 8.21362 6.31409C7.85587 6.19331 7.63848 5.82026 7.72144 5.44299C7.81054 5.03876 8.21069 4.78298 8.61499 4.8717L8.4646 5.55432C8.60983 4.89432 8.61598 4.87226 8.61694 4.8717L8.61792 4.87268C8.61891 4.8729 8.62073 4.87257 8.62183 4.87268L8.64233 4.87854C8.6518 4.88098 8.66225 4.88332 8.67261 4.88635C8.69347 4.8925 8.71666 4.89984 8.74097 4.90881C8.79008 4.92699 8.84666 4.95246 8.90894 4.98499C9.03351 5.05012 9.18445 5.14789 9.36011 5.29456C9.56314 5.46414 9.80329 5.70351 10.0808 6.03967C10.3562 5.63623 10.7133 5.13186 11.1296 4.6012C12.0857 3.38254 13.4401 1.89203 14.8416 1.23303L14.9119 1.20374ZM8.26831 6.33069C8.27182 6.33159 8.2762 6.3327 8.28003 6.33362C8.2818 6.33404 8.28405 6.33508 8.28589 6.33557H8.28882L8.24878 6.32483C8.25458 6.32654 8.26127 6.32885 8.26831 6.33069Z"
+    fill="currentColor" />
+</svg>
\ No newline at end of file
diff --git a/client-app/ui-kit/icons/reports.svg b/client-app/ui-kit/icons/reports.svg
new file mode 100644
index 0000000000..b987d0c0c9
--- /dev/null
+++ b/client-app/ui-kit/icons/reports.svg
@@ -0,0 +1,10 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" id="icon">
+  <path d="M5.83325 15V10M9.99992 15V7.5M14.1666 15V11.6667" stroke="currentColor" stroke-width="1.5"
+    stroke-linecap="round" stroke-linejoin="round" />
+  <path
+    d="M17.9167 4.58334C17.9167 5.96405 16.7975 7.08334 15.4167 7.08334C14.036 7.08334 12.9167 5.96405 12.9167 4.58334C12.9167 3.20264 14.036 2.08334 15.4167 2.08334C16.7975 2.08334 17.9167 3.20264 17.9167 4.58334Z"
+    stroke="currentColor" stroke-width="1.5" stroke-linejoin="round" />
+  <path
+    d="M10.7894 2.08334H3.74992C2.82944 2.08334 2.08325 2.82954 2.08325 3.75001V16.25C2.08325 17.1705 2.82944 17.9167 3.74992 17.9167H16.2499C17.1704 17.9167 17.9166 17.1705 17.9166 16.25V9.21051"
+    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+</svg>
\ No newline at end of file
diff --git a/client-app/ui-kit/icons/round-delete.svg b/client-app/ui-kit/icons/round-delete.svg
new file mode 100644
index 0000000000..622b169627
--- /dev/null
+++ b/client-app/ui-kit/icons/round-delete.svg
@@ -0,0 +1,5 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" id="icon">
+  <path
+    d="M12.6941 7.30613L10.0002 10M10.0002 10L7.30627 12.6939M10.0002 10L12.6941 12.6939M10.0002 10L7.30627 7.30613M18.9798 10C18.9798 14.9594 14.9595 18.9797 10.0002 18.9797C5.04084 18.9797 1.02051 14.9594 1.02051 10C1.02051 5.0407 5.04084 1.02037 10.0002 1.02037C14.9595 1.02037 18.9798 5.0407 18.9798 10Z"
+    stroke="currentColor" stroke-width="1.8" stroke-linecap="round" />
+</svg>
\ No newline at end of file
diff --git a/client-app/ui-kit/icons/save-date.svg b/client-app/ui-kit/icons/save-date.svg
new file mode 100644
index 0000000000..3226bd9b98
--- /dev/null
+++ b/client-app/ui-kit/icons/save-date.svg
@@ -0,0 +1,5 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" id="icon">
+  <path
+    d="M12.7554 1.45752C13.4224 1.46702 14.0586 1.7395 14.5269 2.21436L14.5278 2.21338L17.7866 5.47217H17.7856C18.2605 5.94035 18.5329 6.57665 18.5425 7.24365V16.0034C18.5424 16.6766 18.2744 17.3223 17.7983 17.7983C17.3223 18.2744 16.6766 18.5424 16.0034 18.5425H3.99658C3.32339 18.5425 2.67774 18.2743 2.20166 17.7983C1.72562 17.3223 1.45759 16.6766 1.45752 16.0034V3.99658C1.45752 3.32327 1.72556 2.67776 2.20166 2.20166C2.67776 1.72556 3.32327 1.45752 3.99658 1.45752H12.7554ZM3.99658 3.104C3.76001 3.104 3.53202 3.19747 3.36475 3.36475C3.19747 3.53202 3.104 3.76001 3.104 3.99658V16.0034C3.10408 16.2398 3.19768 16.4671 3.36475 16.6343C3.53203 16.8016 3.76001 16.896 3.99658 16.896H4.88818V11.7144C4.88837 11.2689 5.06544 10.8419 5.38037 10.5269C5.69555 10.2117 6.12313 10.0348 6.56885 10.0347H13.4302C13.876 10.0347 14.3044 10.2116 14.6196 10.5269C14.9344 10.8419 15.1116 11.269 15.1118 11.7144V16.896H16.0034C16.2399 16.8959 16.4671 16.8015 16.6343 16.6343C16.8015 16.4671 16.8959 16.2399 16.896 16.0034V7.26709L16.8892 7.1792C16.8662 6.97668 16.7751 6.78706 16.6284 6.64307L13.3569 3.37158C13.2128 3.22467 13.0226 3.13277 12.8198 3.10986L12.7329 3.104H6.53467V5.71143C6.53477 5.72011 6.53845 5.72858 6.54443 5.73486C6.55079 5.74122 6.55987 5.74552 6.56885 5.74561H12.5728C13.0273 5.74579 13.396 6.1152 13.396 6.56982C13.3956 7.02409 13.0271 7.39191 12.5728 7.39209H6.56885C6.12321 7.392 5.69553 7.21497 5.38037 6.8999C5.06537 6.58476 4.88828 6.157 4.88818 5.71143V3.104H3.99658ZM6.54443 11.6909C6.53833 11.6972 6.53485 11.7056 6.53467 11.7144V16.896H13.4644V11.7144C13.4642 11.7056 13.4608 11.6972 13.4546 11.6909C13.4482 11.6846 13.4392 11.6802 13.4302 11.6802H6.56885C6.55987 11.6803 6.55079 11.6846 6.54443 11.6909Z"
+    fill="currentColor" />
+</svg>
\ No newline at end of file
diff --git a/client-app/ui-kit/icons/select-all.svg b/client-app/ui-kit/icons/select-all.svg
new file mode 100644
index 0000000000..4f9d5bcc37
--- /dev/null
+++ b/client-app/ui-kit/icons/select-all.svg
@@ -0,0 +1,12 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" id="icon">
+  <g clip-path="url(#clip0_3574_15)">
+    <path
+      d="M0.186401 11.3693C0.462051 11.0542 0.941527 11.0216 1.25671 11.297L4.50183 14.1359L4.97156 13.6447C5.26073 13.3419 5.74094 13.3312 6.04382 13.6202C6.34658 13.9094 6.35735 14.3896 6.06824 14.6925L5.09851 15.7091C4.81837 16.0026 4.35624 16.0237 4.05066 15.757L0.258667 12.4386C-0.0558463 12.163 -0.0884306 11.6843 0.186401 11.3693ZM18.6747 4.25598C18.9524 3.94283 19.4307 3.91401 19.744 4.19153C20.0572 4.46916 20.0867 4.94744 19.8094 5.26086L10.5673 15.6876C10.4317 15.8406 10.2402 15.9328 10.036 15.9425C9.83184 15.9522 9.63177 15.8798 9.4823 15.7404L5.92761 12.422C5.62181 12.1363 5.60519 11.6568 5.8905 11.3507C6.17625 11.0446 6.6566 11.0279 6.96277 11.3136L9.94812 14.0997L18.6747 4.25598ZM13.953 4.2345C14.2422 3.93156 14.7233 3.92093 15.0262 4.21008C15.3289 4.49916 15.3404 4.97943 15.0516 5.28235L9.30359 11.3029C9.01455 11.6055 8.53522 11.6169 8.2323 11.3282C7.92942 11.0391 7.91793 10.5589 8.20691 10.256L13.953 4.2345Z"
+      fill="currentColor" />
+  </g>
+  <defs>
+    <clipPath id="clip0_3574_15">
+      <rect width="20" height="20" fill="white" />
+    </clipPath>
+  </defs>
+</svg>
\ No newline at end of file
diff --git a/client-app/ui-kit/icons/settings-outline.svg b/client-app/ui-kit/icons/settings-outline.svg
new file mode 100644
index 0000000000..070c47ac43
--- /dev/null
+++ b/client-app/ui-kit/icons/settings-outline.svg
@@ -0,0 +1,5 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" id="icon">
+  <path
+    d="M10 0.0478516C12.134 0.0478513 13.8153 0.0463748 15.127 0.222656C16.4616 0.402088 17.5334 0.778808 18.377 1.62207C19.2204 2.46554 19.5979 3.53745 19.7773 4.87207C19.9537 6.18376 19.9512 7.86577 19.9512 10C19.9512 12.1339 19.9536 13.8153 19.7773 15.127C19.5979 16.4617 19.2204 17.5334 18.377 18.377C17.5334 19.2205 16.4618 19.5979 15.127 19.7773C13.8153 19.9536 12.134 19.9512 10 19.9512C7.86572 19.9512 6.18378 19.9537 4.87207 19.7773C3.5374 19.5979 2.46556 19.2204 1.62207 18.377C0.778808 17.5334 0.402088 16.4616 0.222656 15.127C0.0463888 13.8153 0.0478513 12.134 0.0478516 10C0.0478514 7.86572 0.0463148 6.18378 0.222656 4.87207C0.402134 3.53741 0.778592 2.46555 1.62207 1.62207C2.46557 0.778607 3.53738 0.402122 4.87207 0.222656C6.1838 0.0463114 7.86566 0.0478514 10 0.0478516ZM10 1.64746C7.82038 1.64746 6.26532 1.64892 5.08496 1.80762C3.92779 1.96323 3.25058 2.25726 2.75391 2.75391C2.25725 3.25057 1.96324 3.92783 1.80762 5.08496C1.64893 6.2653 1.64746 7.82045 1.64746 10C1.64746 12.1792 1.64899 13.7338 1.80762 14.9141C1.96319 16.0712 2.25736 16.7494 2.75391 17.2461C3.25054 17.7425 3.92812 18.0358 5.08496 18.1914C6.26532 18.3501 7.82038 18.3516 10 18.3516C12.1794 18.3516 13.7338 18.3501 14.9141 18.1914C16.0715 18.0358 16.7493 17.7418 17.2461 17.2451C17.7425 16.7484 18.0359 16.071 18.1914 14.9141C18.35 13.7338 18.3516 12.1793 18.3516 10C18.3516 7.82045 18.3501 6.2653 18.1914 5.08496C18.0358 3.92818 17.7425 3.25052 17.2461 2.75391C16.7494 2.25736 16.0712 1.96319 14.9141 1.80762C13.7338 1.64897 12.1793 1.64746 10 1.64746ZM13.3721 11.1768C14.5842 11.1769 15.5664 12.1599 15.5664 13.3721C15.5662 14.5841 14.5841 15.5663 13.3721 15.5664C12.4238 15.5663 11.6184 14.9642 11.3115 14.1221H5.18262C4.7686 14.1219 4.43275 13.7861 4.43262 13.3721C4.43262 12.9579 4.76852 12.6222 5.18262 12.6221H11.3115C11.6183 11.7796 12.4237 11.1769 13.3721 11.1768ZM13.3721 12.6768C12.9883 12.6769 12.6768 12.9883 12.6768 13.3721C12.6769 13.7557 12.9885 14.0663 13.3721 14.0664C13.7557 14.0663 14.0662 13.7557 14.0664 13.3721C14.0664 12.9883 13.7558 12.6769 13.3721 12.6768ZM6.62793 4.43359C7.5762 4.43371 8.38182 5.03565 8.68848 5.87793H14.8164C15.2304 5.87806 15.5663 6.21391 15.5664 6.62793C15.5664 7.04206 15.2305 7.3778 14.8164 7.37793H8.68848C8.382 8.22037 7.57645 8.82313 6.62793 8.82324C5.41598 8.82311 4.43299 7.8408 4.43262 6.62891C4.43262 5.4167 5.41575 4.43373 6.62793 4.43359ZM6.62793 5.93359C6.24418 5.93373 5.93262 6.24512 5.93262 6.62891C5.93299 7.01237 6.24441 7.32311 6.62793 7.32324C7.01144 7.3231 7.32189 7.01236 7.32227 6.62891C7.32227 6.24513 7.01167 5.93374 6.62793 5.93359Z"
+    fill="currentColor" />
+</svg>
\ No newline at end of file
diff --git a/client-app/ui-kit/icons/storefront-outline.svg b/client-app/ui-kit/icons/storefront-outline.svg
new file mode 100644
index 0000000000..34a339ff62
--- /dev/null
+++ b/client-app/ui-kit/icons/storefront-outline.svg
@@ -0,0 +1,12 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" id="icon">
+  <g clip-path="url(#clip0_3230_160)">
+    <path
+      d="M3.57429 18.0896C3.07248 18.0896 2.6429 17.9109 2.28555 17.5535C1.9282 17.1962 1.74952 16.7666 1.74952 16.2648V9.01135C1.39977 8.69201 1.12986 8.28144 0.939781 7.77963C0.749701 7.27782 0.745899 6.73039 0.928376 6.13734L1.88638 3.03523C2.00803 2.63987 2.22472 2.31293 2.53645 2.05442C2.84818 1.79591 3.20934 1.66666 3.61991 1.66666H16.302C16.7126 1.66666 17.07 1.79211 17.3741 2.04301C17.6782 2.29392 17.8987 2.62466 18.0356 3.03523L18.9936 6.13734C19.1761 6.73039 19.1723 7.27022 18.9822 7.75682C18.7921 8.24342 18.5222 8.6616 18.1724 9.01135V16.2648C18.1724 16.7666 17.9938 17.1962 17.6364 17.5535C17.2791 17.9109 16.8495 18.0896 16.3477 18.0896H3.57429ZM11.9682 8.05334C12.3788 8.05334 12.6905 7.91269 12.9034 7.63137C13.1163 7.35005 13.1999 7.03452 13.1543 6.68477L12.6525 3.49142H10.8734V6.86725C10.8734 7.18658 10.9798 7.4641 11.1927 7.6998C11.4056 7.9355 11.6641 8.05334 11.9682 8.05334ZM7.8625 8.05334C8.21224 8.05334 8.49736 7.9355 8.71786 7.6998C8.93835 7.4641 9.04859 7.18658 9.04859 6.86725V3.49142H7.26945L6.76763 6.68477C6.70681 7.04972 6.78664 7.36906 7.00714 7.64277C7.22763 7.91649 7.51275 8.05334 7.8625 8.05334ZM3.80239 8.05334C4.0761 8.05334 4.3156 7.9545 4.52089 7.75682C4.72617 7.55914 4.85163 7.30823 4.89725 7.0041L5.39906 3.49142H3.61991L2.70753 6.54791C2.61629 6.85204 2.66571 7.17898 2.85579 7.52872C3.04587 7.87847 3.3614 8.05334 3.80239 8.05334ZM16.1196 8.05334C16.5606 8.05334 16.8799 7.87847 17.0776 7.52872C17.2753 7.17898 17.3209 6.85204 17.2144 6.54791L16.2564 3.49142H14.5229L15.0247 7.0041C15.0703 7.30823 15.1958 7.55914 15.4011 7.75682C15.6064 7.9545 15.8459 8.05334 16.1196 8.05334ZM3.57429 16.2648H16.3477V9.83249C16.2716 9.86291 16.2222 9.87811 16.1994 9.87811H16.1196C15.709 9.87811 15.3478 9.80968 15.0361 9.67283C14.7244 9.53597 14.4165 9.31548 14.1123 9.01135C13.8386 9.28506 13.5269 9.49795 13.1771 9.65002C12.8274 9.80208 12.4548 9.87811 12.0595 9.87811C11.6489 9.87811 11.2649 9.80208 10.9076 9.65002C10.5502 9.49795 10.2347 9.28506 9.96098 9.01135C9.70247 9.28506 9.40214 9.49795 9.06 9.65002C8.71786 9.80208 8.3491 9.87811 7.95373 9.87811C7.51275 9.87811 7.11358 9.80208 6.75623 9.65002C6.39888 9.49795 6.08335 9.28506 5.80963 9.01135C5.4903 9.33068 5.17476 9.55498 4.86303 9.68423C4.5513 9.81349 4.19775 9.87811 3.80239 9.87811H3.69974C3.66173 9.87811 3.61991 9.86291 3.57429 9.83249V16.2648Z"
+      fill="currentColor" />
+  </g>
+  <defs>
+    <clipPath id="clip0_3230_160">
+      <rect width="20" height="20" fill="white" />
+    </clipPath>
+  </defs>
+</svg>
\ No newline at end of file
diff --git a/client-app/ui-kit/icons/t-shirt.svg b/client-app/ui-kit/icons/t-shirt.svg
new file mode 100644
index 0000000000..b370881e1a
--- /dev/null
+++ b/client-app/ui-kit/icons/t-shirt.svg
@@ -0,0 +1,5 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" id="icon">
+  <path
+    d="M9.99414 0.966797C11.7246 0.966908 12.9642 1.51477 13.5371 1.86035C13.6842 1.9492 13.7952 2.06602 13.875 2.18555L14.957 3.80664C16.1285 4.13435 17.1354 4.85835 17.6992 6.00586L18.1074 6.76758C18.4895 7.50484 18.7867 8.17217 18.9316 8.76465C19.1352 9.59756 19.0637 10.4117 18.4131 11.0645C17.9809 11.498 17.3418 11.7529 16.8262 11.9248C16.5549 12.0152 16.2815 12.0939 16.0449 12.1621C15.9125 12.2003 15.7936 12.2342 15.6885 12.2666V14.7363C15.6885 15.4702 15.6903 16.0943 15.6211 16.5898C15.5486 17.1085 15.3866 17.5897 14.9863 17.9746C14.7271 18.2239 14.3831 18.3968 14.0391 18.5234C13.686 18.6533 13.2795 18.7531 12.8506 18.8281C11.992 18.9782 10.9802 19.0408 9.98633 19.0322C8.96566 19.0234 7.9364 18.9387 7.0791 18.7832C6.6512 18.7056 6.25095 18.6075 5.91016 18.4863C5.58512 18.3707 5.24587 18.2107 5 17.9746C4.59963 17.5897 4.43778 17.1085 4.36523 16.5898C4.29596 16.0942 4.29688 15.4702 4.29688 14.7363V12.2666C4.19165 12.2345 4.07274 12.2008 3.93945 12.1631C3.70574 12.097 3.43456 12.0214 3.16602 11.9336C2.65419 11.7662 2.01749 11.5147 1.58398 11.0801C1.28445 10.7794 1.08805 10.4272 1.00781 10.0215C0.930375 9.62903 0.970532 9.23071 1.06445 8.84277C1.24581 8.09414 1.68169 7.19257 2.18359 6.14648C2.73485 4.99767 3.77661 4.1613 4.98242 3.82227L6.02734 2.19629L6.03418 2.18555C6.1138 2.06622 6.22512 1.94958 6.37305 1.86035L6.625 1.7207C7.29052 1.38201 8.48795 0.966797 9.99414 0.966797ZM5.12793 5.24609C4.39231 5.51681 3.77901 6.05651 3.44531 6.75195C2.91532 7.85658 2.56305 8.60198 2.4248 9.17285C2.35914 9.44423 2.35695 9.62499 2.38184 9.75098C2.40418 9.86327 2.45564 9.97085 2.57617 10.0918C2.75426 10.2702 3.10207 10.4394 3.60059 10.6025C3.82909 10.6773 4.06298 10.7424 4.29688 10.8086V10C4.29688 9.6134 4.61047 9.2998 4.99707 9.2998C5.3835 9.3 5.69727 9.61352 5.69727 10V14.7363C5.69727 15.5115 5.69836 16.0203 5.75098 16.3965C5.80033 16.7493 5.88245 16.8809 5.96973 16.9648C6.00118 16.995 6.11716 17.0739 6.37891 17.167C6.62563 17.2547 6.94732 17.336 7.3291 17.4053C8.0917 17.5436 9.03941 17.6245 9.99902 17.6328C10.9346 17.6409 11.8579 17.5798 12.6104 17.4482C12.9862 17.3825 13.3054 17.302 13.5557 17.21C13.8151 17.1145 13.9548 17.0233 14.0156 16.9648C14.1029 16.8809 14.185 16.7493 14.2344 16.3965C14.287 16.0203 14.2891 15.5115 14.2891 14.7363V10C14.2891 9.61351 14.6018 9.29998 14.9883 9.2998C15.3747 9.3 15.6885 9.61352 15.6885 10V10.8066C15.9211 10.7396 16.1553 10.6728 16.3838 10.5967C16.8882 10.4285 17.2427 10.2559 17.4219 10.0762C17.6126 9.88478 17.7047 9.63841 17.5723 9.09668C17.4291 8.51177 17.0565 7.74229 16.4727 6.68066C16.4666 6.66958 16.4606 6.65788 16.4551 6.64648C16.1371 5.98375 15.5854 5.51382 14.8672 5.24805L11.4844 7.87988C11.479 7.88404 11.4731 7.88745 11.4678 7.8916C11.3685 8.05234 11.2148 8.167 11.0361 8.21777C10.9582 8.27316 10.8829 8.32506 10.8096 8.36914C10.5848 8.50417 10.3205 8.61621 9.99902 8.61621C9.67791 8.61602 9.41404 8.50405 9.18945 8.36914C9.11622 8.32511 9.04073 8.27407 8.96289 8.21875C8.78449 8.16803 8.63045 8.05312 8.53125 7.89258C8.52591 7.88843 8.52 7.88404 8.51465 7.87988L5.12793 5.24609ZM9.99414 2.36719C9.51327 2.36719 9.07378 2.41942 8.6875 2.49609L9.84473 7.12402C9.86837 7.13982 9.88901 7.15623 9.91016 7.16895C9.95654 7.19682 9.98493 7.20873 9.99902 7.21387C10.0127 7.20898 10.0413 7.19751 10.0889 7.16895C10.1098 7.15638 10.13 7.13959 10.1533 7.12402L11.3096 2.50098C10.9276 2.42085 10.4871 2.36723 9.99414 2.36719ZM7.1582 3.02344L6.29004 4.37598L7.93066 5.65137L7.25977 2.96973C7.22291 2.98852 7.18891 3.00625 7.1582 3.02344ZM12.0674 5.65137L13.6719 4.40332L12.751 3.02246C12.7436 3.01825 12.7353 3.01408 12.7275 3.00977L12.0674 5.65137Z"
+    fill="currentColor" />
+</svg>
\ No newline at end of file
diff --git a/client-app/ui-kit/icons/thin-outline.svg b/client-app/ui-kit/icons/thin-outline.svg
new file mode 100644
index 0000000000..a526ae80de
--- /dev/null
+++ b/client-app/ui-kit/icons/thin-outline.svg
@@ -0,0 +1,5 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" id="icon">
+  <path
+    d="M18.9798 10C18.9798 14.9594 14.9595 18.9797 10.0002 18.9797C5.04084 18.9797 1.02051 14.9594 1.02051 10C1.02051 5.0407 5.04084 1.02037 10.0002 1.02037C14.9595 1.02037 18.9798 5.0407 18.9798 10Z"
+    stroke="currentColor" stroke-width="1.8" />
+</svg>
\ No newline at end of file
diff --git a/client-app/ui-kit/icons/trash.svg b/client-app/ui-kit/icons/trash.svg
index 088a13d4b8..4a12a4544e 100644
--- a/client-app/ui-kit/icons/trash.svg
+++ b/client-app/ui-kit/icons/trash.svg
@@ -1,3 +1,12 @@
-<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" id="icon">
-  <path fill-rule="evenodd" d="M8.85714 1C8.64496 1.00011 8.43699 1.05837 8.25654 1.16825C8.07609 1.27812 7.93028 1.43528 7.83543 1.62212L7.008 3.25H3.14286C2.83975 3.25 2.54906 3.36853 2.33474 3.5795C2.12041 3.79048 2 4.07663 2 4.375C2 4.67337 2.12041 4.95952 2.33474 5.1705C2.54906 5.38147 2.83975 5.5 3.14286 5.5V16.75C3.14286 17.3467 3.38367 17.919 3.81233 18.341C4.24098 18.7629 4.82236 19 5.42857 19H14.5714C15.1776 19 15.759 18.7629 16.1877 18.341C16.6163 17.919 16.8571 17.3467 16.8571 16.75V5.5C17.1602 5.5 17.4509 5.38147 17.6653 5.1705C17.8796 4.95952 18 4.67337 18 4.375C18 4.07663 17.8796 3.79048 17.6653 3.5795C17.4509 3.36853 17.1602 3.25 16.8571 3.25H12.992L12.1646 1.62212C12.0697 1.43528 11.9239 1.27812 11.7435 1.16825C11.563 1.05837 11.355 1.00011 11.1429 1H8.85714ZM6.57143 7.75C6.57143 7.45163 6.69184 7.16548 6.90616 6.9545C7.12049 6.74353 7.41118 6.625 7.71429 6.625C8.01739 6.625 8.30808 6.74353 8.52241 6.9545C8.73674 7.16548 8.85714 7.45163 8.85714 7.75V14.5C8.85714 14.7984 8.73674 15.0845 8.52241 15.2955C8.30808 15.5065 8.01739 15.625 7.71429 15.625C7.41118 15.625 7.12049 15.5065 6.90616 15.2955C6.69184 15.0845 6.57143 14.7984 6.57143 14.5V7.75ZM12.2857 6.625C11.9826 6.625 11.6919 6.74353 11.4776 6.9545C11.2633 7.16548 11.1429 7.45163 11.1429 7.75V14.5C11.1429 14.7984 11.2633 15.0845 11.4776 15.2955C11.6919 15.5065 11.9826 15.625 12.2857 15.625C12.5888 15.625 12.8795 15.5065 13.0938 15.2955C13.3082 15.0845 13.4286 14.7984 13.4286 14.5V7.75C13.4286 7.45163 13.3082 7.16548 13.0938 6.9545C12.8795 6.74353 12.5888 6.625 12.2857 6.625Z"/>
-</svg>
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" id="icon">
+  <g clip-path="url(#clip0_2847_25)">
+    <path fill-rule="evenodd" clip-rule="evenodd"
+      d="M5.45423 3.61011H1.87475C1.33643 3.61011 0.900024 4.04651 0.900024 4.58484C0.900024 5.12317 1.33643 5.55957 1.87475 5.55957H2.70507V15.8664C2.70507 16.9465 2.89203 18.0028 3.52154 18.7984C4.18958 19.6426 5.19522 20 6.38738 20H13.1563C14.3426 20 15.3863 19.6423 16.1299 18.8606C16.865 18.0877 17.1826 17.0306 17.1929 15.8751L17.2816 5.55957H18.1202C18.6586 5.55957 19.095 5.12317 19.095 4.58484C19.095 4.04651 18.6586 3.61011 18.1202 3.61011H14.5408C14.2301 1.49348 12.2224 0 9.99749 0C7.77256 0 5.76488 1.49348 5.45423 3.61011ZM7.45361 3.61011H12.5414C12.2515 2.70787 11.2953 1.94946 9.99749 1.94946C8.69969 1.94946 7.74351 2.70787 7.45361 3.61011ZM15.332 5.55957H4.65453V15.8664C4.65453 16.7802 4.82446 17.3033 5.0503 17.5887C5.23759 17.8254 5.58574 18.0505 6.38738 18.0505H13.1563C13.9513 18.0505 14.4297 17.8194 14.7173 17.517C15.0134 17.2058 15.2361 16.6835 15.2435 15.858C15.2435 15.8579 15.2435 15.8582 15.2435 15.858L15.332 5.55957ZM8.19244 7.22022C8.73077 7.22022 9.16717 7.65662 9.16717 8.19495V15.4152C9.16717 15.9535 8.73077 16.3899 8.19244 16.3899C7.65411 16.3899 7.21771 15.9535 7.21771 15.4152V8.19495C7.21771 7.65662 7.65411 7.22022 8.19244 7.22022ZM11.8025 7.22022C12.3409 7.22022 12.7773 7.65662 12.7773 8.19495V15.4152C12.7773 15.9535 12.3409 16.3899 11.8025 16.3899C11.2642 16.3899 10.8278 15.9535 10.8278 15.4152V8.19495C10.8278 7.65662 11.2642 7.22022 11.8025 7.22022Z"
+      fill="currentColor" />
+  </g>
+  <defs>
+    <clipPath id="clip0_2847_25">
+      <rect width="20" height="20" fill="white" />
+    </clipPath>
+  </defs>
+</svg>
\ No newline at end of file
diff --git a/client-app/ui-kit/icons/upload.svg b/client-app/ui-kit/icons/upload.svg
index 0f91e23eca..40d1a9a0ba 100644
--- a/client-app/ui-kit/icons/upload.svg
+++ b/client-app/ui-kit/icons/upload.svg
@@ -1,3 +1,8 @@
-<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" id="icon">
-  <path fill-rule="evenodd" d="M1 18.75C1 18.4185 1.13546 18.1005 1.37658 17.8661C1.6177 17.6317 1.94472 17.5 2.28571 17.5H17.7143C18.0553 17.5 18.3823 17.6317 18.6234 17.8661C18.8645 18.1005 19 18.4185 19 18.75C19 19.0815 18.8645 19.3995 18.6234 19.6339C18.3823 19.8683 18.0553 20 17.7143 20H2.28571C1.94472 20 1.6177 19.8683 1.37658 19.6339C1.13546 19.3995 1 19.0815 1 18.75ZM5.23386 5.88356C4.99282 5.64915 4.85742 5.33126 4.85742 4.9998C4.85742 4.66834 4.99282 4.35045 5.23386 4.11604L9.091 0.365988C9.33211 0.131646 9.65907 0 10 0C10.3409 0 10.6679 0.131646 10.909 0.365988L14.7661 4.11604C15.0003 4.35179 15.1299 4.66755 15.127 4.9953C15.1241 5.32305 14.9889 5.63657 14.7505 5.86833C14.5121 6.1001 14.1896 6.23156 13.8525 6.23441C13.5154 6.23726 13.1906 6.11126 12.9481 5.88356L11.2857 4.26729V13.7499C11.2857 14.0814 11.1503 14.3994 10.9091 14.6338C10.668 14.8682 10.341 14.9999 10 14.9999C9.65901 14.9999 9.33198 14.8682 9.09086 14.6338C8.84974 14.3994 8.71429 14.0814 8.71429 13.7499V4.26729L7.05186 5.88356C6.81075 6.1179 6.48378 6.24955 6.14286 6.24955C5.80193 6.24955 5.47496 6.1179 5.23386 5.88356Z"/>
-</svg>
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" id="icon">
+  <path
+    d="M2.5 14.1667C2.5 14.9417 2.5 15.3292 2.58518 15.6471C2.81635 16.5097 3.49022 17.1837 4.35295 17.4148C4.67087 17.5 5.05835 17.5 5.83333 17.5H14.1666C14.9416 17.5 15.3291 17.5 15.647 17.4148C16.5098 17.1837 17.1836 16.5097 17.4148 15.6471C17.5 15.3292 17.5 14.9417 17.5 14.1667"
+    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+  <path
+    d="M13.75 6.24994C13.75 6.24994 10.9881 2.49998 9.99998 2.49997C9.01182 2.49996 6.25 6.24997 6.25 6.24997M9.99998 3.3333V13.3333"
+    stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+</svg>
\ No newline at end of file
diff --git a/client-app/ui-kit/icons/user-secure-v2.svg b/client-app/ui-kit/icons/user-secure-v2.svg
new file mode 100644
index 0000000000..8d7e297999
--- /dev/null
+++ b/client-app/ui-kit/icons/user-secure-v2.svg
@@ -0,0 +1,12 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" id="icon">
+  <g clip-path="url(#clip0_3739_22)">
+    <path
+      d="M9.98792 0C13.4786 0.000100265 16.6515 1.12091 18.7711 2.94922C18.9639 3.11554 19.0747 3.35773 19.0748 3.6123V9.08691C19.0748 13.1081 16.8024 15.8457 14.6315 17.5342C13.5435 18.3804 12.4594 18.9814 11.65 19.3711C11.2444 19.5664 10.904 19.7109 10.6627 19.8066C10.5425 19.8543 10.4462 19.8895 10.3785 19.9141C10.3447 19.9263 10.3176 19.9367 10.2985 19.9434C10.2893 19.9465 10.2816 19.9483 10.276 19.9502C10.2732 19.9512 10.2701 19.9535 10.2682 19.9541H10.2662L10.2653 19.9551L9.98792 19.124L10.2643 19.9551C10.0846 20.0149 9.89021 20.0149 9.71057 19.9551L9.98792 19.124L9.70959 19.9551L9.70862 19.9541H9.70667C9.70479 19.9535 9.70171 19.9512 9.69885 19.9502C9.69325 19.9483 9.68556 19.9465 9.67639 19.9434C9.65724 19.9367 9.63015 19.9263 9.59631 19.9141C9.52869 19.8895 9.43233 19.8543 9.31213 19.8066C9.07085 19.7109 8.73049 19.5664 8.32483 19.3711C7.51542 18.9814 6.43133 18.3804 5.34338 17.5342C3.1725 15.8457 0.900024 13.1081 0.900024 9.08691V3.6123C0.900113 3.35773 1.01099 3.11554 1.20374 2.94922C3.32344 1.12081 6.49703 0 9.98792 0ZM9.98792 1.75098C7.0214 1.75098 4.40772 2.65507 2.651 4.02734V9.08691C2.651 12.3649 4.48464 14.6464 6.41956 16.1514C7.38426 16.9017 8.35344 17.4414 9.08362 17.793C9.44759 17.9682 9.74992 18.0953 9.95764 18.1777C9.96764 18.1817 9.97836 18.1847 9.98792 18.1885C9.99735 18.1848 10.0074 18.1816 10.0172 18.1777C10.2249 18.0953 10.5273 17.9682 10.8912 17.793C11.6214 17.4414 12.5906 16.9017 13.5553 16.1514C15.4902 14.6464 17.3239 12.3649 17.3239 9.08691V4.02734C15.5672 2.65513 12.9543 1.75107 9.98792 1.75098ZM9.98792 4.56152C11.4793 4.56182 12.6891 5.77131 12.6891 7.2627C12.689 7.85486 12.4948 8.40061 12.1715 8.8457C13.3047 9.5681 14.0572 10.8358 14.0573 12.2793C14.057 12.7629 13.6639 13.1553 13.1803 13.1553C12.6969 13.155 12.3045 12.7627 12.3043 12.2793C12.3043 11.0064 11.2786 9.97224 10.0084 9.96094C10.0017 9.96099 9.99463 9.96383 9.98792 9.96387C9.98093 9.96387 9.97341 9.96101 9.96643 9.96094C8.69621 9.97223 7.66962 11.0064 7.66956 12.2793C7.66934 12.7629 7.2772 13.1553 6.79358 13.1553C6.31011 13.1551 5.91879 12.7628 5.91858 12.2793C5.91862 10.8359 6.67023 9.56812 7.80334 8.8457C7.48007 8.40059 7.28685 7.85488 7.28674 7.2627C7.28674 5.77112 8.4963 4.56152 9.98792 4.56152ZM9.98792 6.31348C9.46383 6.31348 9.0387 6.73862 9.0387 7.2627C9.03895 7.78121 9.45479 8.20139 9.97131 8.20996H10.0026C10.5194 8.20177 10.9359 7.78145 10.9362 7.2627C10.9362 6.7388 10.5117 6.31378 9.98792 6.31348Z"
+      fill="currentColor" />
+  </g>
+  <defs>
+    <clipPath id="clip0_3739_22">
+      <rect width="20" height="20" fill="white" />
+    </clipPath>
+  </defs>
+</svg>
\ No newline at end of file
diff --git a/client-app/ui-kit/icons/users.svg b/client-app/ui-kit/icons/users.svg
index d2fd3e6b58..c497c3b605 100644
--- a/client-app/ui-kit/icons/users.svg
+++ b/client-app/ui-kit/icons/users.svg
@@ -1,3 +1,5 @@
-<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" id="icon">
-  <path d="M8.88889 5.9C8.88889 6.77521 8.5377 7.61458 7.91258 8.23345C7.28746 8.85232 6.43961 9.2 5.55556 9.2C4.6715 9.2 3.82365 8.85232 3.19853 8.23345C2.57341 7.61458 2.22222 6.77521 2.22222 5.9C2.22222 5.02478 2.57341 4.18542 3.19853 3.56655C3.82365 2.94768 4.6715 2.6 5.55556 2.6C6.43961 2.6 7.28746 2.94768 7.91258 3.56655C8.5377 4.18542 8.88889 5.02478 8.88889 5.9ZM17.7778 5.9C17.7778 6.33336 17.6916 6.76248 17.524 7.16285C17.3565 7.56323 17.111 7.92702 16.8015 8.23345C16.4919 8.53988 16.1245 8.78296 15.7201 8.9488C15.3156 9.11464 14.8822 9.2 14.4444 9.2C14.0067 9.2 13.5733 9.11464 13.1688 8.9488C12.7644 8.78296 12.397 8.53988 12.0874 8.23345C11.7779 7.92702 11.5324 7.56323 11.3648 7.16285C11.1973 6.76248 11.1111 6.33336 11.1111 5.9C11.1111 5.02478 11.4623 4.18542 12.0874 3.56655C12.7125 2.94768 13.5604 2.6 14.4444 2.6C15.3285 2.6 16.1763 2.94768 16.8015 3.56655C17.4266 4.18542 17.7778 5.02478 17.7778 5.9ZM13.2556 18C13.3067 17.6403 13.3333 17.274 13.3333 16.9C13.3359 15.1717 12.7486 13.4933 11.6667 12.137C12.5112 11.6543 13.4692 11.4001 14.4444 11.4001C15.4196 11.4001 16.3776 11.6543 17.2222 12.137C18.0667 12.6197 18.768 13.314 19.2556 14.15C19.7433 14.9861 20 15.9346 20 16.9V18H13.2556ZM5.55556 11.4C7.02898 11.4 8.44206 11.9795 9.48393 13.0109C10.5258 14.0424 11.1111 15.4413 11.1111 16.9V18H0V16.9C0 15.4413 0.585316 14.0424 1.62718 13.0109C2.66905 11.9795 4.08213 11.4 5.55556 11.4Z"/>
-</svg>
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" id="icon">
+  <path
+    d="M9.16699 10.8672C11.9098 10.8674 14.1338 13.0911 14.1338 15.834C14.1334 17.1959 13.0289 18.3006 11.667 18.3008H3.33398C1.9719 18.3008 0.867536 17.196 0.867188 15.834C0.867188 13.091 3.09097 10.8672 5.83398 10.8672H9.16699ZM14.167 10.8672C16.9098 10.8674 19.1338 13.0911 19.1338 15.834C19.1334 17.1959 18.0289 18.3006 16.667 18.3008H15.417C14.9753 18.3008 14.6174 17.9417 14.6172 17.5C14.6174 17.0583 14.9753 16.7002 15.417 16.7002H16.667C17.1453 16.7 17.5329 16.3122 17.5332 15.834C17.5332 13.9748 16.0262 12.467 14.167 12.4668C13.7253 12.4668 13.3674 12.1087 13.3672 11.667C13.3672 11.2252 13.7252 10.8672 14.167 10.8672ZM5.83398 12.4668C3.97463 12.4668 2.4668 13.9746 2.4668 15.834C2.46715 16.3124 2.85554 16.7002 3.33398 16.7002H11.667C12.1453 16.7 12.5329 16.3122 12.5332 15.834C12.5332 13.9748 11.0262 12.467 9.16699 12.4668H5.83398ZM7.5 1.7002C9.78246 1.70039 11.6336 3.5505 11.6338 5.83301C11.6338 8.11567 9.78257 9.9666 7.5 9.9668C5.21737 9.96662 3.36719 8.11568 3.36719 5.83301C3.36736 3.55049 5.21748 1.70037 7.5 1.7002ZM12.5 1.7002C14.7826 1.7002 16.6336 3.55037 16.6338 5.83301C16.6338 8.11579 14.7827 9.9668 12.5 9.9668C12.0583 9.9668 11.7004 9.60867 11.7002 9.16699C11.7002 8.72516 12.0582 8.36621 12.5 8.36621C13.8991 8.36621 15.0332 7.23212 15.0332 5.83301C15.033 4.43404 13.899 3.2998 12.5 3.2998C12.0582 3.2998 11.7002 2.94183 11.7002 2.5C11.7002 2.05817 12.0582 1.7002 12.5 1.7002ZM7.5 3.2998C6.10114 3.29998 4.96697 4.43414 4.9668 5.83301C4.9668 7.23202 6.10103 8.36603 7.5 8.36621C8.89893 8.36601 10.0332 7.232 10.0332 5.83301C10.033 4.43416 8.89882 3.3 7.5 3.2998Z"
+    fill="currentColor" />
+</svg>
\ No newline at end of file
diff --git a/client-app/ui-kit/icons/whishlist-outline.svg b/client-app/ui-kit/icons/whishlist-outline.svg
new file mode 100644
index 0000000000..0e859239ec
--- /dev/null
+++ b/client-app/ui-kit/icons/whishlist-outline.svg
@@ -0,0 +1,5 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" id="icon">
+  <path
+    d="M9.99846 0.343933C10.4642 0.343997 10.8882 0.603417 11.089 1.01206L13.5238 5.92255L18.9666 6.70868C19.4171 6.77186 19.796 7.08367 19.9399 7.51027C20.0837 7.94067 19.9661 8.40864 19.6404 8.72772L15.6943 12.5192L16.6261 17.9587C16.7018 18.4039 16.5157 18.8565 16.137 19.12C15.8088 19.3505 15.388 19.4056 15.0164 19.2738L14.8609 19.2054L9.99846 16.6639L5.13924 19.2054L4.98218 19.2738C4.66174 19.3865 4.30693 19.3627 4.00562 19.2087L3.85913 19.12C3.48443 18.8565 3.29542 18.4038 3.37492 17.9587L4.30591 12.5192L0.358971 8.72772C0.0736475 8.4485 -0.0504783 8.05524 0.0188021 7.67304L0.060306 7.51027C0.203081 7.08357 0.581165 6.77176 1.03524 6.70868L6.47225 5.92255L8.91122 1.01206C9.11194 0.603324 9.53643 0.343933 9.99846 0.343933ZM7.9078 7.90415L3.31958 8.5674L6.63583 11.7526L5.84074 16.3929L9.99764 14.2193L14.1594 16.3946L13.3643 11.7534L16.679 8.5674L12.0883 7.90415L9.99927 3.69192L7.9078 7.90415Z"
+    fill="currentColor" />
+</svg>
\ No newline at end of file