diff --git a/public/images/chat/wallpaper-dark.svg b/public/images/chat/wallpaper-dark.svg
new file mode 100644
index 0000000..29360a2
--- /dev/null
+++ b/public/images/chat/wallpaper-dark.svg
@@ -0,0 +1,122 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="480" height="480" viewBox="0 0 480 480" fill="none">
+  <defs>
+    <pattern id="modstagram-dark" width="480" height="480" patternUnits="userSpaceOnUse">
+      <g stroke="#d4a5b5" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round" opacity="0.13">
+        <g transform="translate(28 36) rotate(-6)">
+          <circle cx="14" cy="8" r="6"/>
+          <path d="M14 14 L6 44 H22 L14 14"/>
+          <path d="M8 26 H20"/>
+          <path d="M4 44 H24"/>
+        </g>
+        <g transform="translate(168 28) rotate(8)">
+          <path d="M4 36 H36"/>
+          <path d="M20 36 V8"/>
+          <path d="M12 8 H28"/>
+          <ellipse cx="20" cy="8" rx="10" ry="3"/>
+        </g>
+        <g transform="translate(320 44) rotate(-10)">
+          <path d="M0 20 C8 20 12 8 20 8 C28 8 32 20 40 20"/>
+          <path d="M6 20 V32 H34 V20"/>
+        </g>
+        <g transform="translate(400 120) scale(0.9)">
+          <rect x="0" y="4" width="32" height="24" rx="3"/>
+          <path d="M4 28 H28"/>
+          <path d="M8 8 H24 M8 14 H20"/>
+        </g>
+      </g>
+
+      <g stroke="#c9957f" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round" opacity="0.12">
+        <g transform="translate(220 52) rotate(12)">
+          <ellipse cx="18" cy="18" rx="16" ry="12"/>
+          <circle cx="12" cy="16" r="2.5" fill="#c9957f" stroke="none" opacity="0.25"/>
+          <circle cx="18" cy="14" r="2.5" fill="#c9957f" stroke="none" opacity="0.25"/>
+          <circle cx="24" cy="16" r="2.5" fill="#c9957f" stroke="none" opacity="0.25"/>
+          <circle cx="15" cy="22" r="2.5" fill="#c9957f" stroke="none" opacity="0.25"/>
+          <circle cx="21" cy="22" r="2.5" fill="#c9957f" stroke="none" opacity="0.25"/>
+        </g>
+        <g transform="translate(88 140) rotate(-8)">
+          <path d="M6 38 L16 6"/>
+          <path d="M12 4 Q20 0 24 8 Q18 12 12 4"/>
+          <ellipse cx="4" cy="40" rx="5" ry="3"/>
+        </g>
+        <g transform="translate(360 200) rotate(15)">
+          <rect x="10" y="2" width="10" height="12" rx="2"/>
+          <path d="M8 14 H22 V32 H8 Z"/>
+          <path d="M12 32 H18 V38 H12 Z"/>
+        </g>
+        <g transform="translate(40 260) rotate(6)">
+          <ellipse cx="14" cy="14" rx="12" ry="14"/>
+          <path d="M6 28 H22"/>
+        </g>
+        <g transform="translate(280 300) rotate(-12)">
+          <path d="M8 4 H24 V20 C24 28 8 28 8 20 Z"/>
+          <path d="M12 28 V36 M20 28 V36"/>
+        </g>
+      </g>
+
+      <g stroke="#b8a0b8" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round" opacity="0.11">
+        <g transform="translate(140 200) rotate(4)">
+          <circle cx="10" cy="30" r="6"/>
+          <circle cx="26" cy="30" r="6"/>
+          <path d="M13 27 L30 6 M19 27 L6 6"/>
+        </g>
+        <g transform="translate(400 280) rotate(-8)">
+          <path d="M4 4 H8 V32 H4 Z M12 8 H16 V28 H12 Z M20 12 H24 V24 H20 Z"/>
+        </g>
+        <g transform="translate(200 360) rotate(10)">
+          <rect x="8" y="4" width="8" height="20" rx="2"/>
+          <path d="M6 24 H18 L16 38 H8 Z"/>
+          <path d="M10 38 H14 V42 H10 Z"/>
+        </g>
+        <g transform="translate(48 360) rotate(-5)">
+          <path d="M20 6 C20 0 8 0 8 6 C8 12 20 18 20 26"/>
+          <path d="M2 26 H38"/>
+        </g>
+        <g transform="translate(320 360)">
+          <path d="M8 20 Q16 8 24 20 Q16 32 8 20 Z"/>
+          <path d="M16 20 V28"/>
+        </g>
+      </g>
+
+      <g stroke="#8eb4d4" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round" opacity="0.14">
+        <g transform="translate(380 36) rotate(8)">
+          <rect x="4" y="12" width="40" height="28" rx="5"/>
+          <circle cx="24" cy="26" r="10"/>
+          <path d="M16 12 L20 6 H32 L36 12"/>
+          <circle cx="36" cy="18" r="3"/>
+        </g>
+        <g transform="translate(60 60) rotate(-12)">
+          <circle cx="18" cy="18" r="14"/>
+          <circle cx="18" cy="18" r="6"/>
+          <path d="M18 4 V32 M4 18 H32"/>
+        </g>
+        <g transform="translate(240 160) rotate(-6)">
+          <path d="M20 4 L12 40 H28 Z"/>
+          <path d="M8 40 H32"/>
+          <circle cx="20" cy="36" r="3"/>
+        </g>
+        <g transform="translate(120 320) rotate(5)">
+          <rect x="0" y="8" width="36" height="28" rx="3"/>
+          <path d="M8 8 V0 H28 V8"/>
+          <path d="M10 36 H26"/>
+        </g>
+        <g transform="translate(400 380) rotate(-15)">
+          <rect x="0" y="0" width="40" height="30" rx="2"/>
+          <path d="M8 30 L16 18 L24 24 L32 14"/>
+          <circle cx="14" cy="12" r="4"/>
+        </g>
+        <g transform="translate(260 420) rotate(8)">
+          <path d="M0 0 H36 V24 H0 Z"/>
+          <path d="M6 6 H30 V18 H6 Z"/>
+          <path d="M12 0 V6 M24 0 V6 M12 24 V30 M24 24 V30"/>
+        </g>
+        <g transform="translate(160 80) rotate(18)">
+          <rect x="0" y="10" width="28" height="20" rx="2"/>
+          <path d="M14 10 V4"/>
+          <path d="M8 4 H20"/>
+        </g>
+      </g>
+    </pattern>
+  </defs>
+  <rect width="480" height="480" fill="url(#modstagram-dark)"/>
+</svg>
diff --git a/public/images/chat/wallpaper-light.svg b/public/images/chat/wallpaper-light.svg
new file mode 100644
index 0000000..881b6ef
--- /dev/null
+++ b/public/images/chat/wallpaper-light.svg
@@ -0,0 +1,127 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="480" height="480" viewBox="0 0 480 480" fill="none">
+  <defs>
+    <pattern id="modstagram-light" width="480" height="480" patternUnits="userSpaceOnUse">
+      <!-- Modeling -->
+      <g stroke="#a67c8a" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round" opacity="0.2">
+        <g transform="translate(28 36) rotate(-6)">
+          <circle cx="14" cy="8" r="6"/>
+          <path d="M14 14 L6 44 H22 L14 14"/>
+          <path d="M8 26 H20"/>
+          <path d="M4 44 H24"/>
+        </g>
+        <g transform="translate(168 28) rotate(8)">
+          <path d="M4 36 H36"/>
+          <path d="M20 36 V8"/>
+          <path d="M12 8 H28"/>
+          <ellipse cx="20" cy="8" rx="10" ry="3"/>
+        </g>
+        <g transform="translate(320 44) rotate(-10)">
+          <path d="M0 20 C8 20 12 8 20 8 C28 8 32 20 40 20"/>
+          <path d="M6 20 V32 H34 V20"/>
+        </g>
+        <g transform="translate(400 120) scale(0.9)">
+          <rect x="0" y="4" width="32" height="24" rx="3"/>
+          <path d="M4 28 H28"/>
+          <path d="M8 8 H24 M8 14 H20"/>
+        </g>
+      </g>
+
+      <!-- Makeup artist -->
+      <g stroke="#b07d6a" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round" opacity="0.2">
+        <g transform="translate(220 52) rotate(12)">
+          <ellipse cx="18" cy="18" rx="16" ry="12"/>
+          <circle cx="12" cy="16" r="2.5" fill="#b07d6a" stroke="none" opacity="0.35"/>
+          <circle cx="18" cy="14" r="2.5" fill="#b07d6a" stroke="none" opacity="0.35"/>
+          <circle cx="24" cy="16" r="2.5" fill="#b07d6a" stroke="none" opacity="0.35"/>
+          <circle cx="15" cy="22" r="2.5" fill="#b07d6a" stroke="none" opacity="0.35"/>
+          <circle cx="21" cy="22" r="2.5" fill="#b07d6a" stroke="none" opacity="0.35"/>
+        </g>
+        <g transform="translate(88 140) rotate(-8)">
+          <path d="M6 38 L16 6"/>
+          <path d="M12 4 Q20 0 24 8 Q18 12 12 4"/>
+          <ellipse cx="4" cy="40" rx="5" ry="3"/>
+        </g>
+        <g transform="translate(360 200) rotate(15)">
+          <rect x="10" y="2" width="10" height="12" rx="2"/>
+          <path d="M8 14 H22 V32 H8 Z"/>
+          <path d="M12 32 H18 V38 H12 Z"/>
+        </g>
+        <g transform="translate(40 260) rotate(6)">
+          <ellipse cx="14" cy="14" rx="12" ry="14"/>
+          <path d="M6 28 H22"/>
+          <path d="M14 6 V22 M8 10 L20 18 M20 10 L8 18" opacity="0.5"/>
+        </g>
+        <g transform="translate(280 300) rotate(-12)">
+          <path d="M8 4 H24 V20 C24 28 8 28 8 20 Z"/>
+          <path d="M12 28 V36 M20 28 V36"/>
+        </g>
+      </g>
+
+      <!-- Beauty / salon -->
+      <g stroke="#9a7f96" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round" opacity="0.19">
+        <g transform="translate(140 200) rotate(4)">
+          <circle cx="10" cy="30" r="6"/>
+          <circle cx="26" cy="30" r="6"/>
+          <path d="M13 27 L30 6 M19 27 L6 6"/>
+        </g>
+        <g transform="translate(400 280) rotate(-8)">
+          <path d="M4 4 H8 V32 H4 Z M12 8 H16 V28 H12 Z M20 12 H24 V24 H20 Z"/>
+        </g>
+        <g transform="translate(200 360) rotate(10)">
+          <rect x="8" y="4" width="8" height="20" rx="2"/>
+          <path d="M6 24 H18 L16 38 H8 Z"/>
+          <path d="M10 38 H14 V42 H10 Z"/>
+        </g>
+        <g transform="translate(48 360) rotate(-5)">
+          <path d="M20 6 C20 0 8 0 8 6 C8 12 20 18 20 26"/>
+          <path d="M2 26 H38"/>
+        </g>
+        <g transform="translate(320 360)">
+          <path d="M8 20 Q16 8 24 20 Q16 32 8 20 Z"/>
+          <path d="M16 20 V28"/>
+        </g>
+      </g>
+
+      <!-- Photography -->
+      <g stroke="#6d8fa8" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round" opacity="0.22">
+        <g transform="translate(380 36) rotate(8)">
+          <rect x="4" y="12" width="40" height="28" rx="5"/>
+          <circle cx="24" cy="26" r="10"/>
+          <path d="M16 12 L20 6 H32 L36 12"/>
+          <circle cx="36" cy="18" r="3"/>
+        </g>
+        <g transform="translate(60 60) rotate(-12)">
+          <circle cx="18" cy="18" r="14"/>
+          <circle cx="18" cy="18" r="6"/>
+          <path d="M18 4 V32 M4 18 H32"/>
+        </g>
+        <g transform="translate(240 160) rotate(-6)">
+          <path d="M20 4 L12 40 H28 Z"/>
+          <path d="M8 40 H32"/>
+          <circle cx="20" cy="36" r="3"/>
+        </g>
+        <g transform="translate(120 320) rotate(5)">
+          <rect x="0" y="8" width="36" height="28" rx="3"/>
+          <path d="M8 8 V0 H28 V8"/>
+          <path d="M10 36 H26"/>
+        </g>
+        <g transform="translate(400 380) rotate(-15)">
+          <rect x="0" y="0" width="40" height="30" rx="2"/>
+          <path d="M8 30 L16 18 L24 24 L32 14"/>
+          <circle cx="14" cy="12" r="4"/>
+        </g>
+        <g transform="translate(260 420) rotate(8)">
+          <path d="M0 0 H36 V24 H0 Z"/>
+          <path d="M6 6 H30 V18 H6 Z"/>
+          <path d="M12 0 V6 M24 0 V6 M12 24 V30 M24 24 V30"/>
+        </g>
+        <g transform="translate(160 80) rotate(18)">
+          <rect x="0" y="10" width="28" height="20" rx="2"/>
+          <path d="M14 10 V4"/>
+          <path d="M8 4 H20"/>
+        </g>
+      </g>
+    </pattern>
+  </defs>
+  <rect width="480" height="480" fill="url(#modstagram-light)"/>
+</svg>
diff --git a/public/images/icons/academy.svg b/public/images/icons/academy.svg
index 993f6de..e73504d 100644
--- a/public/images/icons/academy.svg
+++ b/public/images/icons/academy.svg
@@ -1,30 +1,4 @@
- <svg
-        width="30"
-        height="30"
-        viewBox="0 0 24 24"
-        fill="none"
-        stroke="currentColor"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <path
-          stroke="#292D32"
-          d="M5.99953 5.17031L4.02953 6.46031C2.09953 7.72031 2.09953 10.5403 4.02953 11.8003L10.0495 15.7303C11.1295 16.4403 12.9095 16.4403 13.9895 15.7303L19.9795 11.8003C21.8995 10.5403 21.8995 7.73031 19.9795 6.47031L13.9895 2.54031C12.9095 1.83031 11.1295 1.83031 10.0495 2.54031"
-          strokeWidth="1.5"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-        <path
-         stroke="#292D32"
-          d="M5.63012 13.0801L5.62012 17.7701C5.62012 19.0401 6.60012 20.4001 7.80012 20.8001L10.9901 21.8601C11.5401 22.0401 12.4501 22.0401 13.0101 21.8601L16.2001 20.8001C17.4001 20.4001 18.3801 19.0401 18.3801 17.7701V13.1301"
-          strokeWidth="1.5"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-        <path
-         stroke="#292D32"
-          d="M21.4004 15V9"
-          strokeWidth="1.5"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-      </svg>
\ No newline at end of file
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.83 15.6402C17.5 15.2002 18.38 15.6802 18.38 16.4802V17.7702C18.38 19.0402 17.39 20.4002 16.2 20.8002L13.01 21.8602C12.45 22.0502 11.54 22.0502 10.99 21.8602L7.8 20.8002C6.6 20.4002 5.62 19.0402 5.62 17.7702V16.4702C5.62 15.6802 6.5 15.2002 7.16 15.6302L9.22 16.9702C10.01 17.5002 11.01 17.7602 12.01 17.7602C13.01 17.7602 14.01 17.5002 14.8 16.9702L16.83 15.6402Z" fill="#292D32"/>
+<path d="M19.98 6.46006L13.99 2.53006C12.91 1.82006 11.13 1.82006 10.05 2.53006L4.03002 6.46006C2.10002 7.71006 2.10002 10.5401 4.03002 11.8001L5.63002 12.8401L10.05 15.7201C11.13 16.4301 12.91 16.4301 13.99 15.7201L18.38 12.8401L19.75 11.9401V15.0001C19.75 15.4101 20.09 15.7501 20.5 15.7501C20.91 15.7501 21.25 15.4101 21.25 15.0001V10.0801C21.65 8.79006 21.24 7.29006 19.98 6.46006Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/add.svg b/public/images/icons/add.svg
index b3dac11..a9252f0 100644
--- a/public/images/icons/add.svg
+++ b/public/images/icons/add.svg
@@ -1,48 +1,3 @@
-<svg
-      width="30"
-      height="30"
-      viewBox="0 0 41 41"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M20.5 27.3332V13.6665"
-        stroke="#292D32"
-        stroke-width="1.5"
-        stroke-miterlimit="10"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-      <path
-        d="M25.6079 20.5H27.3333"
-        stroke="#292D32"
-        stroke-width="1.5"
-        stroke-miterlimit="10"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-      <path
-        d="M13.6667 20.5H20.1754"
-        stroke="#292D32"
-        stroke-width="1.5"
-        stroke-miterlimit="10"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-      <path
-        d="M20.5 27.3332V13.6665"
-        stroke="#292D32"
-        stroke-width="1.5"
-        stroke-miterlimit="10"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-      <path
-        d="M6.83333 10.2498C4.69791 13.1028 3.41666 16.6561 3.41666 20.4998C3.41666 29.9298 11.07 37.5832 20.5 37.5832C29.93 37.5832 37.5833 29.9298 37.5833 20.4998C37.5833 11.0698 29.93 3.4165 20.5 3.4165C18.0571 3.4165 15.7167 3.929 13.6154 4.86859"
-        stroke="#292D32"
-        stroke-width="1.5"
-        stroke-miterlimit="10"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-    </svg>
\ No newline at end of file
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM18 12.75H12.75V18C12.75 18.41 12.41 18.75 12 18.75C11.59 18.75 11.25 18.41 11.25 18V12.75H6C5.59 12.75 5.25 12.41 5.25 12C5.25 11.59 5.59 11.25 6 11.25H11.25V6C11.25 5.59 11.59 5.25 12 5.25C12.41 5.25 12.75 5.59 12.75 6V11.25H18C18.41 11.25 18.75 11.59 18.75 12C18.75 12.41 18.41 12.75 18 12.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/arrow-down.svg b/public/images/icons/arrow-down.svg
index 2a5bb94..4b0369d 100644
--- a/public/images/icons/arrow-down.svg
+++ b/public/images/icons/arrow-down.svg
@@ -1,3 +1,3 @@
-<svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M3.16167 5.00988L4.76667 6.61488L5.74667 7.59988C6.16167 8.01488 6.83667 8.01488 7.25167 7.59988L9.84167 5.00988C10.1817 4.66988 9.93667 4.08988 9.46167 4.08988H6.65667L3.54167 4.08988C3.06167 4.08988 2.82167 4.66988 3.16167 5.00988Z" fill="#222427"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.92 8.18018H11.69H6.07999C5.11999 8.18018 4.63999 9.34018 5.31999 10.0202L10.5 15.2002C11.33 16.0302 12.68 16.0302 13.51 15.2002L15.48 13.2302L18.69 10.0202C19.36 9.34018 18.88 8.18018 17.92 8.18018Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/block-green.svg b/public/images/icons/block-green.svg
index 5b845e6..df1280d 100644
--- a/public/images/icons/block-green.svg
+++ b/public/images/icons/block-green.svg
@@ -1,23 +1,3 @@
-    <svg
-      width="24"
-      height="24"
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M18.8999 5L4.8999 19"
-        stroke="#0C8002"
-        stroke-width="1.5"
-        stroke-miterlimit="10"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-      <path
-        d="M4 6C2.75 7.67 2 9.75 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2C10.57 2 9.2 2.3 7.97 2.85"
-        stroke="#0C8002"
-        stroke-width="1.5"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-    </svg>
\ No newline at end of file
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 2C6.49 2 2 6.49 2 12C2 17.51 6.49 22 12 22C17.51 22 22 17.51 22 12C22 6.49 17.51 2 12 2ZM16.78 9.7L11.11 15.37C10.97 15.51 10.78 15.59 10.58 15.59C10.38 15.59 10.19 15.51 10.05 15.37L7.22 12.54C6.93 12.25 6.93 11.77 7.22 11.48C7.51 11.19 7.99 11.19 8.28 11.48L10.58 13.78L15.72 8.64C16.01 8.35 16.49 8.35 16.78 8.64C17.07 8.93 17.07 9.4 16.78 9.7Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/block-red.svg b/public/images/icons/block-red.svg
index 3da92c2..71a975c 100644
--- a/public/images/icons/block-red.svg
+++ b/public/images/icons/block-red.svg
@@ -1,23 +1,3 @@
-    <svg
-      width="24"
-      height="24"
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M18.8999 5L4.8999 19"
-        stroke="#FF0000"
-        stroke-width="1.5"
-        stroke-miterlimit="10"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-      <path
-        d="M4 6C2.75 7.67 2 9.75 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2C10.57 2 9.2 2.3 7.97 2.85"
-        stroke="#FF0000"
-        stroke-width="1.5"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-    </svg>
\ No newline at end of file
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 2C6.49 2 2 6.49 2 12C2 17.51 6.49 22 12 22C17.51 22 22 17.51 22 12C22 6.49 17.51 2 12 2ZM15.36 14.3C15.65 14.59 15.65 15.07 15.36 15.36C15.21 15.51 15.02 15.58 14.83 15.58C14.64 15.58 14.45 15.51 14.3 15.36L12 13.06L9.7 15.36C9.55 15.51 9.36 15.58 9.17 15.58C8.98 15.58 8.79 15.51 8.64 15.36C8.35 15.07 8.35 14.59 8.64 14.3L10.94 12L8.64 9.7C8.35 9.41 8.35 8.93 8.64 8.64C8.93 8.35 9.41 8.35 9.7 8.64L12 10.94L14.3 8.64C14.59 8.35 15.07 8.35 15.36 8.64C15.65 8.93 15.65 9.41 15.36 9.7L13.06 12L15.36 14.3Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/box.svg b/public/images/icons/box.svg
index f2b4c3c..244a0ab 100644
--- a/public/images/icons/box.svg
+++ b/public/images/icons/box.svg
@@ -1,5 +1,5 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M3.16992 7.43994L11.9999 12.5499L20.7699 7.46994" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M12 21.61V12.54" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M2.38965 13.2501V14.8301C2.38965 16.2101 3.37965 17.8901 4.58965 18.5601L9.92965 21.5301C11.0696 22.1601 12.9396 22.1601 14.0796 21.5301L19.4196 18.5601C20.6296 17.8901 21.6196 16.2101 21.6196 14.8301V9.17006C21.6196 7.79006 20.6296 6.11006 19.4196 5.44006L14.0796 2.47006C12.9396 1.84006 11.0696 1.84006 9.92965 2.47006L4.58965 5.44006C3.37965 6.11006 2.38965 7.79006 2.38965 9.17006" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.21 7.81994L12.51 12.2799C12.2 12.4599 11.81 12.4599 11.49 12.2799L3.78997 7.81994C3.23997 7.49994 3.09997 6.74994 3.51997 6.27994C3.80997 5.94994 4.13997 5.67994 4.48997 5.48994L9.90997 2.48994C11.07 1.83994 12.95 1.83994 14.11 2.48994L19.53 5.48994C19.88 5.67994 20.21 5.95994 20.5 6.27994C20.9 6.74994 20.76 7.49994 20.21 7.81994Z" fill="#292D32"/>
+<path d="M11.43 14.1399V20.9599C11.43 21.7199 10.66 22.2199 9.97998 21.8899C7.91998 20.8799 4.44998 18.9899 4.44998 18.9899C3.22998 18.2999 2.22998 16.5599 2.22998 15.1299V9.96988C2.22998 9.17988 3.05998 8.67988 3.73998 9.06988L10.93 13.2399C11.23 13.4299 11.43 13.7699 11.43 14.1399Z" fill="#292D32"/>
+<path d="M12.5699 14.1399V20.9599C12.5699 21.7199 13.3399 22.2199 14.0199 21.8899C16.0799 20.8799 19.5499 18.9899 19.5499 18.9899C20.7699 18.2999 21.7699 16.5599 21.7699 15.1299V9.96988C21.7699 9.17988 20.9399 8.67988 20.2599 9.06988L13.0699 13.2399C12.7699 13.4299 12.5699 13.7699 12.5699 14.1399Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/calendar.svg b/public/images/icons/calendar.svg
index 9f6dc43..f52dddf 100644
--- a/public/images/icons/calendar.svg
+++ b/public/images/icons/calendar.svg
@@ -1,12 +1,4 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8 2V5" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M16 2V5" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M3.5 9.08984H20.5" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M3 13.01V8.5C3 5.5 4.5 3.5 8 3.5H16C19.5 3.5 21 5.5 21 8.5V17C21 20 19.5 22 16 22H8C4.5 22 3 20 3 17" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M15.6947 13.7002H15.7037" stroke="#292D32" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M15.6947 16.7002H15.7037" stroke="#292D32" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M11.9955 13.7002H12.0045" stroke="#292D32" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M11.9955 16.7002H12.0045" stroke="#292D32" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M8.29431 13.7002H8.30329" stroke="#292D32" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M8.29431 16.7002H8.30329" stroke="#292D32" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.75 3.56V2C16.75 1.59 16.41 1.25 16 1.25C15.59 1.25 15.25 1.59 15.25 2V3.5H8.74999V2C8.74999 1.59 8.40999 1.25 7.99999 1.25C7.58999 1.25 7.24999 1.59 7.24999 2V3.56C4.54999 3.81 3.23999 5.42 3.03999 7.81C3.01999 8.1 3.25999 8.34 3.53999 8.34H20.46C20.75 8.34 20.99 8.09 20.96 7.81C20.76 5.42 19.45 3.81 16.75 3.56Z" fill="#292D32"/>
+<path d="M20 9.83984H4C3.45 9.83984 3 10.2898 3 10.8398V16.9998C3 19.9998 4.5 21.9998 8 21.9998H16C19.5 21.9998 21 19.9998 21 16.9998V10.8398C21 10.2898 20.55 9.83984 20 9.83984ZM9.21 18.2098C9.16 18.2498 9.11 18.2998 9.06 18.3298C9 18.3698 8.94 18.3998 8.88 18.4198C8.82 18.4498 8.76 18.4698 8.7 18.4798C8.63 18.4898 8.57 18.4998 8.5 18.4998C8.37 18.4998 8.24 18.4698 8.12 18.4198C7.99 18.3698 7.89 18.2998 7.79 18.2098C7.61 18.0198 7.5 17.7598 7.5 17.4998C7.5 17.2398 7.61 16.9798 7.79 16.7898C7.89 16.6998 7.99 16.6298 8.12 16.5798C8.3 16.4998 8.5 16.4798 8.7 16.5198C8.76 16.5298 8.82 16.5498 8.88 16.5798C8.94 16.5998 9 16.6298 9.06 16.6698C9.11 16.7098 9.16 16.7498 9.21 16.7898C9.39 16.9798 9.5 17.2398 9.5 17.4998C9.5 17.7598 9.39 18.0198 9.21 18.2098ZM9.21 14.7098C9.02 14.8898 8.76 14.9998 8.5 14.9998C8.24 14.9998 7.98 14.8898 7.79 14.7098C7.61 14.5198 7.5 14.2598 7.5 13.9998C7.5 13.7398 7.61 13.4798 7.79 13.2898C8.07 13.0098 8.51 12.9198 8.88 13.0798C9.01 13.1298 9.12 13.1998 9.21 13.2898C9.39 13.4798 9.5 13.7398 9.5 13.9998C9.5 14.2598 9.39 14.5198 9.21 14.7098ZM12.71 18.2098C12.52 18.3898 12.26 18.4998 12 18.4998C11.74 18.4998 11.48 18.3898 11.29 18.2098C11.11 18.0198 11 17.7598 11 17.4998C11 17.2398 11.11 16.9798 11.29 16.7898C11.66 16.4198 12.34 16.4198 12.71 16.7898C12.89 16.9798 13 17.2398 13 17.4998C13 17.7598 12.89 18.0198 12.71 18.2098ZM12.71 14.7098C12.66 14.7498 12.61 14.7898 12.56 14.8298C12.5 14.8698 12.44 14.8998 12.38 14.9198C12.32 14.9498 12.26 14.9698 12.2 14.9798C12.13 14.9898 12.07 14.9998 12 14.9998C11.74 14.9998 11.48 14.8898 11.29 14.7098C11.11 14.5198 11 14.2598 11 13.9998C11 13.7398 11.11 13.4798 11.29 13.2898C11.38 13.1998 11.49 13.1298 11.62 13.0798C11.99 12.9198 12.43 13.0098 12.71 13.2898C12.89 13.4798 13 13.7398 13 13.9998C13 14.2598 12.89 14.5198 12.71 14.7098ZM16.21 18.2098C16.02 18.3898 15.76 18.4998 15.5 18.4998C15.24 18.4998 14.98 18.3898 14.79 18.2098C14.61 18.0198 14.5 17.7598 14.5 17.4998C14.5 17.2398 14.61 16.9798 14.79 16.7898C15.16 16.4198 15.84 16.4198 16.21 16.7898C16.39 16.9798 16.5 17.2398 16.5 17.4998C16.5 17.7598 16.39 18.0198 16.21 18.2098ZM16.21 14.7098C16.16 14.7498 16.11 14.7898 16.06 14.8298C16 14.8698 15.94 14.8998 15.88 14.9198C15.82 14.9498 15.76 14.9698 15.7 14.9798C15.63 14.9898 15.56 14.9998 15.5 14.9998C15.24 14.9998 14.98 14.8898 14.79 14.7098C14.61 14.5198 14.5 14.2598 14.5 13.9998C14.5 13.7398 14.61 13.4798 14.79 13.2898C14.89 13.1998 14.99 13.1298 15.12 13.0798C15.3 12.9998 15.5 12.9798 15.7 13.0198C15.76 13.0298 15.82 13.0498 15.88 13.0798C15.94 13.0998 16 13.1298 16.06 13.1698C16.11 13.2098 16.16 13.2498 16.21 13.2898C16.39 13.4798 16.5 13.7398 16.5 13.9998C16.5 14.2598 16.39 14.5198 16.21 14.7098Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/candle.svg b/public/images/icons/candle.svg
index 7fe4acf..f9a9014 100644
--- a/public/images/icons/candle.svg
+++ b/public/images/icons/candle.svg
@@ -1,8 +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 22V15" stroke="#676767" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M6.5 5V2" stroke="#676767" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M17.5 22V19" stroke="#676767" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M17.5 9V2" stroke="#676767" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M9.5 11.02V13C9.5 14.1 9 15 7.5 15H5.5C4 15 3.5 14.1 3.5 13V7C3.5 5.9 4 5 5.5 5H7.5C9 5 9.5 5.9 9.5 7" stroke="#676767" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M20.5 11V17C20.5 18.1 20 19 18.5 19H16.5C15 19 14.5 18.1 14.5 17V11C14.5 9.9 15 9 16.5 9H18.5C20 9 20.5 9.9 20.5 11Z" stroke="#676767" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.5 4.5H7.25V2C7.25 1.59 6.91 1.25 6.5 1.25C6.09 1.25 5.75 1.59 5.75 2V4.5H5.5C3.91 4.5 3 5.41 3 7V13C3 14.59 3.91 15.5 5.5 15.5H5.75V22C5.75 22.41 6.09 22.75 6.5 22.75C6.91 22.75 7.25 22.41 7.25 22V15.5H7.5C9.09 15.5 10 14.59 10 13V7C10 5.41 9.09 4.5 7.5 4.5Z" fill="#292D32"/>
+<path d="M18.5 8.5H18.25V2C18.25 1.59 17.91 1.25 17.5 1.25C17.09 1.25 16.75 1.59 16.75 2V8.5H16.5C14.91 8.5 14 9.41 14 11V17C14 18.59 14.91 19.5 16.5 19.5H16.75V22C16.75 22.41 17.09 22.75 17.5 22.75C17.91 22.75 18.25 22.41 18.25 22V19.5H18.5C20.09 19.5 21 18.59 21 17V11C21 9.41 20.09 8.5 18.5 8.5Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/card.svg b/public/images/icons/card.svg
new file mode 100644
index 0000000..be33776
--- /dev/null
+++ b/public/images/icons/card.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="M22 7.5499C22 8.2099 21.46 8.7499 20.8 8.7499H3.2C2.54 8.7499 2 8.2099 2 7.5499V7.5399C2 5.2499 3.85 3.3999 6.14 3.3999H17.85C20.14 3.3999 22 5.2599 22 7.5499Z" fill="#292D32"/>
+<path d="M2 11.45V16.46C2 18.75 3.85 20.6 6.14 20.6H17.85C20.14 20.6 22 18.74 22 16.45V11.45C22 10.79 21.46 10.25 20.8 10.25H3.2C2.54 10.25 2 10.79 2 11.45ZM8 17.25H6C5.59 17.25 5.25 16.91 5.25 16.5C5.25 16.09 5.59 15.75 6 15.75H8C8.41 15.75 8.75 16.09 8.75 16.5C8.75 16.91 8.41 17.25 8 17.25ZM14.5 17.25H10.5C10.09 17.25 9.75 16.91 9.75 16.5C9.75 16.09 10.09 15.75 10.5 15.75H14.5C14.91 15.75 15.25 16.09 15.25 16.5C15.25 16.91 14.91 17.25 14.5 17.25Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/celo-(celo).svg b/public/images/icons/celo-(celo).svg
index b00233f..cf208c0 100644
--- a/public/images/icons/celo-(celo).svg
+++ b/public/images/icons/celo-(celo).svg
@@ -1,4 +1,3 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M15 16C18.866 16 22 12.866 22 9C22 5.13401 18.866 2 15 2C11.134 2 8 5.13401 8 9C8 12.866 11.134 16 15 16Z" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10"/>
-<path d="M5.09003 9.2C6.21003 8.45 7.55 8 9 8C12.87 8 16 11.13 16 15C16 18.87 12.87 22 9 22C5.13 22 2 18.87 2 15C2 14.29 2.09999 13.61 2.29999 12.97" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM8.18 16.77C8.16 16.77 8.13 16.77 8.11 16.77C7.14 16.68 6.23 16.23 5.55 15.51C3.95 13.83 3.95 11.1 5.55 9.42L7.74 7.12C8.52 6.3 9.57 5.84 10.69 5.84C11.81 5.84 12.86 6.29 13.64 7.12C15.24 8.8 15.24 11.53 13.64 13.21L12.55 14.36C12.26 14.66 11.79 14.67 11.49 14.39C11.19 14.1 11.18 13.63 11.46 13.33L12.55 12.18C13.61 11.07 13.61 9.26 12.55 8.16C11.56 7.12 9.82 7.12 8.82 8.16L6.63 10.46C5.57 11.57 5.57 13.38 6.63 14.48C7.06 14.94 7.64 15.22 8.25 15.28C8.66 15.32 8.96 15.69 8.92 16.1C8.89 16.48 8.56 16.77 8.18 16.77ZM18.45 14.59L16.26 16.89C15.48 17.71 14.43 18.17 13.31 18.17C12.19 18.17 11.14 17.72 10.36 16.89C8.76 15.21 8.76 12.48 10.36 10.8L11.45 9.65C11.74 9.35 12.21 9.34 12.51 9.62C12.81 9.91 12.82 10.38 12.54 10.68L11.45 11.83C10.39 12.94 10.39 14.75 11.45 15.85C12.44 16.89 14.18 16.9 15.18 15.85L17.37 13.55C18.43 12.44 18.43 10.63 17.37 9.53C16.94 9.07 16.36 8.79 15.75 8.73C15.34 8.69 15.04 8.32 15.08 7.91C15.12 7.5 15.48 7.19 15.9 7.24C16.87 7.34 17.78 7.78 18.46 8.5C20.05 10.17 20.05 12.91 18.45 14.59Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/chat/attachment-menu/camera.svg b/public/images/icons/chat/attachment-menu/camera.svg
new file mode 100644
index 0000000..b205aeb
--- /dev/null
+++ b/public/images/icons/chat/attachment-menu/camera.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 6C17.39 6 16.83 5.65 16.55 5.11L15.83 3.66C15.37 2.75 14.17 2 13.15 2H10.86C9.83005 2 8.63005 2.75 8.17005 3.66L7.45005 5.11C7.17004 5.65 6.61005 6 6.00005 6C3.83005 6 2.11005 7.83 2.25005 9.99L2.77005 18.25C2.89005 20.31 4.00005 22 6.76005 22H17.24C20 22 21.1 20.31 21.23 18.25L21.75 9.99C21.89 7.83 20.17 6 18 6ZM10.5 7.25H13.5C13.91 7.25 14.25 7.59 14.25 8C14.25 8.41 13.91 8.75 13.5 8.75H10.5C10.09 8.75 9.75005 8.41 9.75005 8C9.75005 7.59 10.09 7.25 10.5 7.25ZM12 18.12C10.14 18.12 8.62005 16.61 8.62005 14.74C8.62005 12.87 10.13 11.36 12 11.36C13.87 11.36 15.38 12.87 15.38 14.74C15.38 16.61 13.86 18.12 12 18.12Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/chat/attachment-menu/file.svg b/public/images/icons/chat/attachment-menu/file.svg
new file mode 100644
index 0000000..4319110
--- /dev/null
+++ b/public/images/icons/chat/attachment-menu/file.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="M19.4347 4.03448C19.567 4.2424 19.3404 4.48461 19.1001 4.43C18.6301 4.29 18.1101 4.22 17.5801 4.22H14.2798C14.1226 4.22 13.9745 4.14605 13.8801 4.02037L12.7301 2.49C12.5892 2.29044 12.7224 2 12.9666 2H15.7201C17.2811 2 18.6561 2.81073 19.4347 4.03448Z" fill="#292D32"/>
+<path d="M20.14 6.54C19.71 6.23 19.22 6 18.69 5.87C18.33 5.77 17.96 5.72 17.58 5.72H13.86C13.28 5.72 13.24 5.67 12.93 5.26L11.53 3.4C10.88 2.53 10.37 2 8.74 2H6.42C3.98 2 2 3.98 2 6.42V17.58C2 20.02 3.98 22 6.42 22H17.58C20.02 22 22 20.02 22 17.58V10.14C22 8.65 21.27 7.34 20.14 6.54ZM14.39 16.34H9.6C9.21 16.34 8.91 16.03 8.91 15.64C8.91 15.26 9.21 14.94 9.6 14.94H14.39C14.78 14.94 15.09 15.26 15.09 15.64C15.09 16.03 14.78 16.34 14.39 16.34Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/chat/attachment-menu/gallery.svg b/public/images/icons/chat/attachment-menu/gallery.svg
new file mode 100644
index 0000000..cc1e3b8
--- /dev/null
+++ b/public/images/icons/chat/attachment-menu/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="M2.58005 19.0098L2.56005 19.0298C2.29005 18.4398 2.12005 17.7698 2.05005 17.0298C2.12005 17.7598 2.31005 18.4198 2.58005 19.0098Z" fill="#292D32"/>
+<path d="M9 10.3801C10.3144 10.3801 11.38 9.31456 11.38 8.00012C11.38 6.68568 10.3144 5.62012 9 5.62012C7.68556 5.62012 6.62 6.68568 6.62 8.00012C6.62 9.31456 7.68556 10.3801 9 10.3801Z" fill="#292D32"/>
+<path d="M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.19C2 17.28 2.19 18.23 2.56 19.03C3.42 20.93 5.26 22 7.81 22H16.19C19.83 22 22 19.83 22 16.19V13.9V7.81C22 4.17 19.83 2 16.19 2ZM20.37 12.5C19.59 11.83 18.33 11.83 17.55 12.5L13.39 16.07C12.61 16.74 11.35 16.74 10.57 16.07L10.23 15.79C9.52 15.17 8.39 15.11 7.59 15.65L3.85 18.16C3.63 17.6 3.5 16.95 3.5 16.19V7.81C3.5 4.99 4.99 3.5 7.81 3.5H16.19C19.01 3.5 20.5 4.99 20.5 7.81V12.61L20.37 12.5Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/chat/attachment-menu/location.svg b/public/images/icons/chat/attachment-menu/location.svg
new file mode 100644
index 0000000..e2a2ba5
--- /dev/null
+++ b/public/images/icons/chat/attachment-menu/location.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="M20.62 8.45C19.57 3.83 15.54 1.75 12 1.75C12 1.75 12 1.75 11.99 1.75C8.45997 1.75 4.41997 3.82 3.36997 8.44C2.19997 13.6 5.35997 17.97 8.21997 20.72C9.27997 21.74 10.64 22.25 12 22.25C13.36 22.25 14.72 21.74 15.77 20.72C18.63 17.97 21.79 13.61 20.62 8.45ZM12 13.46C10.26 13.46 8.84997 12.05 8.84997 10.31C8.84997 8.57 10.26 7.16 12 7.16C13.74 7.16 15.15 8.57 15.15 10.31C15.15 12.05 13.74 13.46 12 13.46Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/chat/attachment-menu/video.svg b/public/images/icons/chat/attachment-menu/video.svg
new file mode 100644
index 0000000..50796dd
--- /dev/null
+++ b/public/images/icons/chat/attachment-menu/video.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="M21.15 6.17C20.74 5.95 19.88 5.72 18.71 6.54L17.24 7.58C17.13 4.47 15.78 3.25 12.5 3.25H6.5C3.08 3.25 1.75 4.58 1.75 8V16C1.75 18.3 3 20.75 6.5 20.75H12.5C15.78 20.75 17.13 19.53 17.24 16.42L18.71 17.46C19.33 17.9 19.87 18.04 20.3 18.04C20.67 18.04 20.96 17.93 21.15 17.83C21.56 17.62 22.25 17.05 22.25 15.62V8.38C22.25 6.95 21.56 6.38 21.15 6.17ZM11 11.38C9.97 11.38 9.12 10.54 9.12 9.5C9.12 8.46 9.97 7.62 11 7.62C12.03 7.62 12.88 8.46 12.88 9.5C12.88 10.54 12.03 11.38 11 11.38Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/chat/attachment.svg b/public/images/icons/chat/attachment.svg
new file mode 100644
index 0000000..8e71ad6
--- /dev/null
+++ b/public/images/icons/chat/attachment.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.5 14.75H10C9.59 14.75 9.25 14.41 9.25 14C9.25 13.59 9.59 13.25 10 13.25H12.5C15.12 13.25 17.25 11.12 17.25 8.5C17.25 5.88 15.12 3.75 12.5 3.75H7.5C4.88 3.75 2.75 5.88 2.75 8.5C2.75 9.6 3.14 10.67 3.84 11.52C4.1 11.84 4.06 12.31 3.74 12.58C3.42 12.84 2.95 12.8 2.68 12.48C1.76 11.36 1.25 9.95 1.25 8.5C1.25 5.05 4.05 2.25 7.5 2.25H12.5C15.95 2.25 18.75 5.05 18.75 8.5C18.75 11.95 15.95 14.75 12.5 14.75Z" fill="#292D32"/>
+<path d="M16.5 21.75H11.5C8.05 21.75 5.25 18.95 5.25 15.5C5.25 12.05 8.05 9.25 11.5 9.25H14C14.41 9.25 14.75 9.59 14.75 10C14.75 10.41 14.41 10.75 14 10.75H11.5C8.88 10.75 6.75 12.88 6.75 15.5C6.75 18.12 8.88 20.25 11.5 20.25H16.5C19.12 20.25 21.25 18.12 21.25 15.5C21.25 14.4 20.86 13.33 20.16 12.48C19.9 12.16 19.94 11.69 20.26 11.42C20.58 11.15 21.05 11.2 21.32 11.52C22.25 12.64 22.76 14.05 22.76 15.5C22.75 18.95 19.95 21.75 16.5 21.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/chat/back.svg b/public/images/icons/chat/back.svg
new file mode 100644
index 0000000..04df0b7
--- /dev/null
+++ b/public/images/icons/chat/back.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 2C6.49 2 2 6.49 2 12C2 17.51 6.49 22 12 22C17.51 22 22 17.51 22 12C22 6.49 17.51 2 12 2ZM14.79 12.53L11.26 16.06C11.11 16.21 10.92 16.28 10.73 16.28C10.54 16.28 10.35 16.21 10.2 16.06C9.91 15.77 9.91 15.29 10.2 15L13.2 12L10.2 9C9.91 8.71 9.91 8.23 10.2 7.94C10.49 7.65 10.97 7.65 11.26 7.94L14.79 11.47C15.09 11.76 15.09 12.24 14.79 12.53Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/chat/eye.svg b/public/images/icons/chat/eye.svg
new file mode 100644
index 0000000..f35ddfa
--- /dev/null
+++ b/public/images/icons/chat/eye.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="M21.25 9.15018C18.94 5.52017 15.56 3.43018 12 3.43018C10.22 3.43018 8.49 3.95018 6.91 4.92018C5.33 5.90018 3.91 7.33017 2.75 9.15018C1.75 10.7202 1.75 13.2702 2.75 14.8402C5.06 18.4802 8.44 20.5602 12 20.5602C13.78 20.5602 15.51 20.0402 17.09 19.0702C18.67 18.0902 20.09 16.6602 21.25 14.8402C22.25 13.2802 22.25 10.7202 21.25 9.15018ZM12 16.0402C9.76 16.0402 7.96 14.2302 7.96 12.0002C7.96 9.77018 9.76 7.96018 12 7.96018C14.24 7.96018 16.04 9.77018 16.04 12.0002C16.04 14.2302 14.24 16.0402 12 16.0402Z" fill="#292D32"/>
+<path d="M12 9.14014C10.43 9.14014 9.15002 10.4201 9.15002 12.0001C9.15002 13.5701 10.43 14.8501 12 14.8501C13.57 14.8501 14.86 13.5701 14.86 12.0001C14.86 10.4301 13.57 9.14014 12 9.14014Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/chat/microphone-2.svg b/public/images/icons/chat/microphone-2.svg
new file mode 100644
index 0000000..865d1ef
--- /dev/null
+++ b/public/images/icons/chat/microphone-2.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="M19.1199 9.11986C18.7299 9.11986 18.4199 9.42986 18.4199 9.81986V11.3999C18.4199 14.9399 15.5399 17.8199 11.9999 17.8199C8.45993 17.8199 5.57993 14.9399 5.57993 11.3999V9.80986C5.57993 9.41986 5.26993 9.10986 4.87993 9.10986C4.48993 9.10986 4.17993 9.41986 4.17993 9.80986V11.3899C4.17993 15.4599 7.30993 18.8099 11.2999 19.1699V21.2999C11.2999 21.6899 11.6099 21.9999 11.9999 21.9999C12.3899 21.9999 12.6999 21.6899 12.6999 21.2999V19.1699C16.6799 18.8199 19.8199 15.4599 19.8199 11.3899V9.80986C19.8099 9.42986 19.4999 9.11986 19.1199 9.11986Z" fill="#292D32"/>
+<path d="M12.0001 2C9.56008 2 7.58008 3.98 7.58008 6.42V11.54C7.58008 13.98 9.56008 15.96 12.0001 15.96C14.4401 15.96 16.4201 13.98 16.4201 11.54V6.42C16.4201 3.98 14.4401 2 12.0001 2ZM13.3101 8.95C13.2401 9.21 13.0101 9.38 12.7501 9.38C12.7001 9.38 12.6501 9.37 12.6001 9.36C12.2101 9.25 11.8001 9.25 11.4101 9.36C11.0901 9.45 10.7801 9.26 10.7001 8.95C10.6101 8.64 10.8001 8.32 11.1101 8.24C11.7001 8.08 12.3201 8.08 12.9101 8.24C13.2101 8.32 13.3901 8.64 13.3101 8.95ZM13.8401 7.01C13.7501 7.25 13.5301 7.39 13.2901 7.39C13.2201 7.39 13.1601 7.38 13.0901 7.36C12.3901 7.1 11.6101 7.1 10.9101 7.36C10.6101 7.47 10.2701 7.31 10.1601 7.01C10.0501 6.71 10.2101 6.37 10.5101 6.27C11.4701 5.92 12.5301 5.92 13.4901 6.27C13.7901 6.38 13.9501 6.71 13.8401 7.01Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/chat/search-normal.svg b/public/images/icons/chat/search-normal.svg
new file mode 100644
index 0000000..b67462c
--- /dev/null
+++ b/public/images/icons/chat/search-normal.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.5 21.75C5.85 21.75 1.25 17.15 1.25 11.5C1.25 5.85 5.85 1.25 11.5 1.25C17.15 1.25 21.75 5.85 21.75 11.5C21.75 17.15 17.15 21.75 11.5 21.75ZM11.5 2.75C6.67 2.75 2.75 6.68 2.75 11.5C2.75 16.32 6.67 20.25 11.5 20.25C16.33 20.25 20.25 16.32 20.25 11.5C20.25 6.68 16.33 2.75 11.5 2.75Z" fill="#292D32"/>
+<path d="M22.0004 22.7499C21.8104 22.7499 21.6204 22.6799 21.4704 22.5299L19.4704 20.5299C19.1804 20.2399 19.1804 19.7599 19.4704 19.4699C19.7604 19.1799 20.2404 19.1799 20.5304 19.4699L22.5304 21.4699C22.8204 21.7599 22.8204 22.2399 22.5304 22.5299C22.3804 22.6799 22.1904 22.7499 22.0004 22.7499Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/chat/send-2.svg b/public/images/icons/chat/send-2.svg
new file mode 100644
index 0000000..fafe077
--- /dev/null
+++ b/public/images/icons/chat/send-2.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.14 2.96004L7.11 5.96004C1.04 7.99004 1.04 11.3 7.11 13.32L9.79 14.21L10.68 16.89C12.7 22.96 16.02 22.96 18.04 16.89L21.05 7.87004C22.39 3.82004 20.19 1.61004 16.14 2.96004ZM16.46 8.34004L12.66 12.16C12.51 12.31 12.32 12.38 12.13 12.38C11.94 12.38 11.75 12.31 11.6 12.16C11.31 11.87 11.31 11.39 11.6 11.1L15.4 7.28004C15.69 6.99004 16.17 6.99004 16.46 7.28004C16.75 7.57004 16.75 8.05004 16.46 8.34004Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/chat/timer.svg b/public/images/icons/chat/timer.svg
new file mode 100644
index 0000000..0c1c051
--- /dev/null
+++ b/public/images/icons/chat/timer.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 4.6499C7.21996 4.6499 3.32996 8.5399 3.32996 13.3199C3.32996 18.0999 7.21996 21.9999 12 21.9999C16.78 21.9999 20.67 18.1099 20.67 13.3299C20.67 8.5499 16.78 4.6499 12 4.6499ZM12.75 12.9999C12.75 13.4099 12.41 13.7499 12 13.7499C11.59 13.7499 11.25 13.4099 11.25 12.9999V7.9999C11.25 7.5899 11.59 7.2499 12 7.2499C12.41 7.2499 12.75 7.5899 12.75 7.9999V12.9999Z" fill="#292D32"/>
+<path d="M14.89 3.45H9.11001C8.71001 3.45 8.39001 3.13 8.39001 2.73C8.39001 2.33 8.71001 2 9.11001 2H14.89C15.29 2 15.61 2.32 15.61 2.72C15.61 3.12 15.29 3.45 14.89 3.45Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/chat/trash.svg b/public/images/icons/chat/trash.svg
new file mode 100644
index 0000000..125cd0b
--- /dev/null
+++ b/public/images/icons/chat/trash.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="M21.07 5.23C19.46 5.07 17.85 4.95 16.23 4.86V4.85L16.01 3.55C15.86 2.63 15.64 1.25 13.3 1.25H10.68C8.34997 1.25 8.12997 2.57 7.96997 3.54L7.75997 4.82C6.82997 4.88 5.89997 4.94 4.96997 5.03L2.92997 5.23C2.50997 5.27 2.20997 5.64 2.24997 6.05C2.28997 6.46 2.64997 6.76 3.06997 6.72L5.10997 6.52C10.35 6 15.63 6.2 20.93 6.73C20.96 6.73 20.98 6.73 21.01 6.73C21.39 6.73 21.72 6.44 21.76 6.05C21.79 5.64 21.49 5.27 21.07 5.23Z" fill="#292D32"/>
+<path d="M19.23 8.14C18.99 7.89 18.66 7.75 18.32 7.75H5.67999C5.33999 7.75 4.99999 7.89 4.76999 8.14C4.53999 8.39 4.40999 8.73 4.42999 9.08L5.04999 19.34C5.15999 20.86 5.29999 22.76 8.78999 22.76H15.21C18.7 22.76 18.84 20.87 18.95 19.34L19.57 9.09C19.59 8.73 19.46 8.39 19.23 8.14ZM13.66 17.75H10.33C9.91999 17.75 9.57999 17.41 9.57999 17C9.57999 16.59 9.91999 16.25 10.33 16.25H13.66C14.07 16.25 14.41 16.59 14.41 17C14.41 17.41 14.07 17.75 13.66 17.75ZM14.5 13.75H9.49999C9.08999 13.75 8.74999 13.41 8.74999 13C8.74999 12.59 9.08999 12.25 9.49999 12.25H14.5C14.91 12.25 15.25 12.59 15.25 13C15.25 13.41 14.91 13.75 14.5 13.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/clock.svg b/public/images/icons/clock.svg
index 463b209..089af7b 100644
--- a/public/images/icons/clock.svg
+++ b/public/images/icons/clock.svg
@@ -1,4 +1,3 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M15.7099 15.18L12.6099 13.33C12.0699 13.01 11.6299 12.24 11.6299 11.61V7.51001" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M4 6C2.75 7.67 2 9.75 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2C10.57 2 9.2 2.3 7.97 2.85" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 2C6.49 2 2 6.49 2 12C2 17.51 6.49 22 12 22C17.51 22 22 17.51 22 12C22 6.49 17.51 2 12 2ZM16.35 15.57C16.21 15.81 15.96 15.94 15.7 15.94C15.57 15.94 15.44 15.91 15.32 15.83L12.22 13.98C11.45 13.52 10.88 12.51 10.88 11.62V7.52C10.88 7.11 11.22 6.77 11.63 6.77C12.04 6.77 12.38 7.11 12.38 7.52V11.62C12.38 11.98 12.68 12.51 12.99 12.69L16.09 14.54C16.45 14.75 16.57 15.21 16.35 15.57Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/close-circle.svg b/public/images/icons/close-circle.svg
index d845fd6..71a975c 100644
--- a/public/images/icons/close-circle.svg
+++ b/public/images/icons/close-circle.svg
@@ -1,6 +1,3 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M13.9902 10.0099L14.8302 9.16992" stroke="#BC0E0E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M9.16992 14.8301L11.9199 12.0801" stroke="#BC0E0E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M14.8299 14.8299L9.16992 9.16992" stroke="#BC0E0E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M4 6C2.75 7.67 2 9.75 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2C10.57 2 9.2 2.3 7.97 2.85" stroke="#BC0E0E" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 2C6.49 2 2 6.49 2 12C2 17.51 6.49 22 12 22C17.51 22 22 17.51 22 12C22 6.49 17.51 2 12 2ZM15.36 14.3C15.65 14.59 15.65 15.07 15.36 15.36C15.21 15.51 15.02 15.58 14.83 15.58C14.64 15.58 14.45 15.51 14.3 15.36L12 13.06L9.7 15.36C9.55 15.51 9.36 15.58 9.17 15.58C8.98 15.58 8.79 15.51 8.64 15.36C8.35 15.07 8.35 14.59 8.64 14.3L10.94 12L8.64 9.7C8.35 9.41 8.35 8.93 8.64 8.64C8.93 8.35 9.41 8.35 9.7 8.64L12 10.94L14.3 8.64C14.59 8.35 15.07 8.35 15.36 8.64C15.65 8.93 15.65 9.41 15.36 9.7L13.06 12L15.36 14.3Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/contact.svg b/public/images/icons/contact.svg
index deba275..6041f04 100644
--- a/public/images/icons/contact.svg
+++ b/public/images/icons/contact.svg
@@ -1,5 +1,3 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M12 8V13" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M4 6C2.75 7.67 2 9.75 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2C10.57 2 9.2 2.3 7.97 2.85" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M11.9941 16H12.0031" stroke="#292D32" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 2C6.49 2 2 6.49 2 12C2 17.51 6.49 22 12 22C17.51 22 22 17.51 22 12C22 6.49 17.51 2 12 2ZM11.25 8C11.25 7.59 11.59 7.25 12 7.25C12.41 7.25 12.75 7.59 12.75 8V13C12.75 13.41 12.41 13.75 12 13.75C11.59 13.75 11.25 13.41 11.25 13V8ZM12.92 16.38C12.87 16.51 12.8 16.61 12.71 16.71C12.61 16.8 12.5 16.87 12.38 16.92C12.26 16.97 12.13 17 12 17C11.87 17 11.74 16.97 11.62 16.92C11.5 16.87 11.39 16.8 11.29 16.71C11.2 16.61 11.13 16.51 11.08 16.38C11.03 16.26 11 16.13 11 16C11 15.87 11.03 15.74 11.08 15.62C11.13 15.5 11.2 15.39 11.29 15.29C11.39 15.2 11.5 15.13 11.62 15.08C11.86 14.98 12.14 14.98 12.38 15.08C12.5 15.13 12.61 15.2 12.71 15.29C12.8 15.39 12.87 15.5 12.92 15.62C12.97 15.74 13 15.87 13 16C13 16.13 12.97 16.26 12.92 16.38Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/copy.svg b/public/images/icons/copy.svg
index 718281b..51c82a5 100644
--- a/public/images/icons/copy.svg
+++ b/public/images/icons/copy.svg
@@ -1,4 +1,4 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M2 12.9C2 9.4 3.4 8 6.9 8H11.1C14.6 8 16 9.4 16 12.9V17.1C16 20.6 14.6 22 11.1 22H6.9C3.4 22 2 20.6 2 17.1" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M22 11.1C22 14.6 20.6 16 17.1 16H16V12.9C16 9.4 14.6 8 11.1 8H8V6.9C8 3.4 9.4 2 12.9 2H17.1C20.6 2 22 3.4 22 6.9" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16 12.9V17.1C16 20.6 14.6 22 11.1 22H6.9C3.4 22 2 20.6 2 17.1V12.9C2 9.4 3.4 8 6.9 8H11.1C14.6 8 16 9.4 16 12.9Z" fill="#292D32"/>
+<path d="M17.1 2H12.9C9.81693 2 8.37099 3.09409 8.06975 5.73901C8.00673 6.29235 8.465 6.75 9.02191 6.75H11.1C15.3 6.75 17.25 8.7 17.25 12.9V14.9781C17.25 15.535 17.7077 15.9933 18.261 15.9303C20.9059 15.629 22 14.1831 22 11.1V6.9C22 3.4 20.6 2 17.1 2Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/courthouse.svg b/public/images/icons/courthouse.svg
index 4d8ccd9..2ba5cd9 100644
--- a/public/images/icons/courthouse.svg
+++ b/public/images/icons/courthouse.svg
@@ -1,69 +1,5 @@
-<svg
-  width="24"
-  height="24"
-  viewBox="0 0 24 24"
-  fill="none"
-  xmlns="http://www.w3.org/2000/svg"
->
-  <path
-    d="M2 22H22"
-    stroke="currentColor"
-    strokeWidth="1.5"
-    strokeMiterlimit="10"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-  />
-  <path
-    d="M12 2C13.6 2.64 15.4 2.64 17 2V5C15.4 5.64 13.6 5.64 12 5V2Z"
-    stroke="currentColor"
-    strokeWidth="1.5"
-    strokeMiterlimit="10"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-  />
-  <path
-    d="M12 5V8"
-    stroke="currentColor"
-    strokeWidth="1.5"
-    strokeMiterlimit="10"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-  />
-  <path
-    d="M4 15.91V22H20V11C20 9 19 8 17 8H7C5 8 4 9 4 11V12"
-    stroke="currentColor"
-    strokeWidth="1.5"
-    strokeMiterlimit="10"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-  />
-  <path
-    d="M4 12H19.42"
-    stroke="currentColor"
-    strokeWidth="1.5"
-    strokeMiterlimit="10"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-  />
-  <path
-    d="M7.98999 12V22"
-    stroke="currentColor"
-    strokeWidth="1.5"
-    strokeMiterlimit="10"
-    strokeLinejoin="round"
-  />
-  <path
-    d="M11.99 12V22"
-    stroke="currentColor"
-    strokeWidth="1.5"
-    strokeMiterlimit="10"
-    strokeLinejoin="round"
-  />
-  <path
-    d="M15.99 12V22"
-    stroke="currentColor"
-    strokeWidth="1.5"
-    strokeMiterlimit="10"
-    strokeLinejoin="round"
-  />
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.75 4.63986L6.31997 2.44986C3.92997 1.27986 1.96997 2.46986 1.96997 5.08986V19.9299C1.96997 21.0699 2.91997 21.9999 4.07997 21.9999H11.5C12.05 21.9999 12.5 21.5499 12.5 20.9999V7.40986C12.5 6.35986 11.71 5.10986 10.75 4.63986ZM8.96997 13.7499H5.49997C5.08997 13.7499 4.74997 13.4099 4.74997 12.9999C4.74997 12.5899 5.08997 12.2499 5.49997 12.2499H8.96997C9.37997 12.2499 9.71997 12.5899 9.71997 12.9999C9.71997 13.4099 9.38997 13.7499 8.96997 13.7499ZM8.96997 9.74986H5.49997C5.08997 9.74986 4.74997 9.40986 4.74997 8.99986C4.74997 8.58986 5.08997 8.24986 5.49997 8.24986H8.96997C9.37997 8.24986 9.71997 8.58986 9.71997 8.99986C9.71997 9.40986 9.38997 9.74986 8.96997 9.74986Z" fill="#292D32"/>
+<path d="M22 18.04V19.5C22 20.88 20.88 22 19.5 22H14.97C14.43 22 14 21.57 14 21.03V18.87C15.07 19 16.2 18.69 17.01 18.04C17.69 18.59 18.56 18.92 19.51 18.92C20.44 18.92 21.31 18.59 22 18.04Z" fill="#292D32"/>
+<path d="M22 15.05V15.06C21.92 16.37 20.85 17.42 19.51 17.42C18.12 17.42 17.01 16.29 17.01 14.92C17.01 16.45 15.6 17.68 14 17.37V12C14 11.36 14.59 10.88 15.22 11.02L17.01 11.42L17.49 11.53L19.53 11.99C20.02 12.09 20.47 12.26 20.86 12.51C20.86 12.52 20.87 12.52 20.87 12.52C20.97 12.59 21.07 12.67 21.16 12.76C21.62 13.22 21.92 13.89 21.99 14.87C21.99 14.93 22 14.99 22 15.05Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/danger.svg b/public/images/icons/danger.svg
index f8dc961..69bf022 100644
--- a/public/images/icons/danger.svg
+++ b/public/images/icons/danger.svg
@@ -1,5 +1,3 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M12 9V14" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M20.2401 14L21.3001 15.9C22.9801 18.93 21.5201 21.41 18.0601 21.41H12.0001H5.94005C2.47005 21.41 1.02005 18.93 2.70005 15.9L5.82006 10.28L8.76006 5.00003C10.5401 1.79003 13.4601 1.79003 15.2401 5.00003L18.1801 10.29" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M11.9945 17H12.0035" stroke="#292D32" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.76 15.92L15.36 4.4C14.5 2.85 13.31 2 12 2C10.69 2 9.49998 2.85 8.63998 4.4L2.23998 15.92C1.42998 17.39 1.33998 18.8 1.98998 19.91C2.63998 21.02 3.91998 21.63 5.59998 21.63H18.4C20.08 21.63 21.36 21.02 22.01 19.91C22.66 18.8 22.57 17.38 21.76 15.92ZM11.25 9C11.25 8.59 11.59 8.25 12 8.25C12.41 8.25 12.75 8.59 12.75 9V14C12.75 14.41 12.41 14.75 12 14.75C11.59 14.75 11.25 14.41 11.25 14V9ZM12.71 17.71C12.66 17.75 12.61 17.79 12.56 17.83C12.5 17.87 12.44 17.9 12.38 17.92C12.32 17.95 12.26 17.97 12.19 17.98C12.13 17.99 12.06 18 12 18C11.94 18 11.87 17.99 11.8 17.98C11.74 17.97 11.68 17.95 11.62 17.92C11.56 17.9 11.5 17.87 11.44 17.83C11.39 17.79 11.34 17.75 11.29 17.71C11.11 17.52 11 17.26 11 17C11 16.74 11.11 16.48 11.29 16.29C11.34 16.25 11.39 16.21 11.44 16.17C11.5 16.13 11.56 16.1 11.62 16.08C11.68 16.05 11.74 16.03 11.8 16.02C11.93 15.99 12.07 15.99 12.19 16.02C12.26 16.03 12.32 16.05 12.38 16.08C12.44 16.1 12.5 16.13 12.56 16.17C12.61 16.21 12.66 16.25 12.71 16.29C12.89 16.48 13 16.74 13 17C13 17.26 12.89 17.52 12.71 17.71Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/edit.svg b/public/images/icons/edit.svg
index 3c30de2..a69901b 100644
--- a/public/images/icons/edit.svg
+++ b/public/images/icons/edit.svg
@@ -1,6 +1,3 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M22 13V15C22 20 20 22 15 22H9C4 22 2 20 2 15V13.48" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M11 2H9C4 2 2 4 2 9" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M19.9299 9.01001L20.9799 7.96001C22.3399 6.60001 22.9799 5.02001 20.9799 3.02001C18.9799 1.02001 17.3999 1.66001 16.0399 3.02001L8.15988 10.9C7.85988 11.2 7.55988 11.79 7.49988 12.22L7.06988 15.23C6.90988 16.32 7.67988 17.08 8.76988 16.93L11.7799 16.5C12.1999 16.44 12.7899 16.14 13.0999 15.84L16.2799 12.66L17.0099 11.93" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M14.9102 4.15002C15.5802 6.54002 17.4502 8.41002 19.8502 9.09002" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.94 5.41994L13.77 2.42994C12.78 1.85994 11.23 1.85994 10.24 2.42994L5.01996 5.43994C2.94996 6.83994 2.82996 7.04994 2.82996 9.27994V14.7099C2.82996 16.9399 2.94996 17.1599 5.05996 18.5799L10.23 21.5699C10.73 21.8599 11.37 21.9999 12 21.9999C12.63 21.9999 13.27 21.8599 13.76 21.5699L18.98 18.5599C21.05 17.1599 21.17 16.9499 21.17 14.7199V9.27994C21.17 7.04994 21.05 6.83994 18.94 5.41994ZM12 15.2499C10.21 15.2499 8.74996 13.7899 8.74996 11.9999C8.74996 10.2099 10.21 8.74994 12 8.74994C13.79 8.74994 15.25 10.2099 15.25 11.9999C15.25 13.7899 13.79 15.2499 12 15.2499Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/eye-open.png b/public/images/icons/eye-open.png
new file mode 100644
index 0000000..8254054
Binary files /dev/null and b/public/images/icons/eye-open.png differ
diff --git a/public/images/icons/eye-open.svg b/public/images/icons/eye-open.svg
new file mode 100644
index 0000000..f35ddfa
--- /dev/null
+++ b/public/images/icons/eye-open.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="M21.25 9.15018C18.94 5.52017 15.56 3.43018 12 3.43018C10.22 3.43018 8.49 3.95018 6.91 4.92018C5.33 5.90018 3.91 7.33017 2.75 9.15018C1.75 10.7202 1.75 13.2702 2.75 14.8402C5.06 18.4802 8.44 20.5602 12 20.5602C13.78 20.5602 15.51 20.0402 17.09 19.0702C18.67 18.0902 20.09 16.6602 21.25 14.8402C22.25 13.2802 22.25 10.7202 21.25 9.15018ZM12 16.0402C9.76 16.0402 7.96 14.2302 7.96 12.0002C7.96 9.77018 9.76 7.96018 12 7.96018C14.24 7.96018 16.04 9.77018 16.04 12.0002C16.04 14.2302 14.24 16.0402 12 16.0402Z" fill="#292D32"/>
+<path d="M12 9.14014C10.43 9.14014 9.15002 10.4201 9.15002 12.0001C9.15002 13.5701 10.43 14.8501 12 14.8501C13.57 14.8501 14.86 13.5701 14.86 12.0001C14.86 10.4301 13.57 9.14014 12 9.14014Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/eye-slash.png b/public/images/icons/eye-slash.png
new file mode 100644
index 0000000..79da605
Binary files /dev/null and b/public/images/icons/eye-slash.png differ
diff --git a/public/images/icons/eye-slash.svg b/public/images/icons/eye-slash.svg
new file mode 100644
index 0000000..d65bdfa
--- /dev/null
+++ b/public/images/icons/eye-slash.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="M21.2699 9.17981C20.9799 8.71981 20.6699 8.28981 20.3499 7.88981C19.9799 7.41981 19.2799 7.37981 18.8599 7.79981L15.8599 10.7998C16.0799 11.4598 16.1199 12.2198 15.9199 13.0098C15.5699 14.4198 14.4299 15.5598 13.0199 15.9098C12.2299 16.1098 11.4699 16.0698 10.8099 15.8498C10.8099 15.8498 9.37995 17.2798 8.34995 18.3098C7.84995 18.8098 8.00995 19.6898 8.67995 19.9498C9.74995 20.3598 10.8599 20.5698 11.9999 20.5698C13.7799 20.5698 15.5099 20.0498 17.0899 19.0798C18.6999 18.0798 20.1499 16.6098 21.3199 14.7398C22.2699 13.2298 22.2199 10.6898 21.2699 9.17981Z" fill="#292D32"/>
+<path d="M14.02 9.98014L9.98001 14.0201C9.47001 13.5001 9.14001 12.7801 9.14001 12.0001C9.14001 10.4301 10.42 9.14014 12 9.14014C12.78 9.14014 13.5 9.47014 14.02 9.98014Z" fill="#292D32"/>
+<path d="M18.25 5.75018L14.86 9.14018C14.13 8.40018 13.12 7.96018 12 7.96018C9.76 7.96018 7.96 9.77018 7.96 12.0002C7.96 13.1202 8.41 14.1302 9.14 14.8602L5.76 18.2502H5.75C4.64 17.3502 3.62 16.2002 2.75 14.8402C1.75 13.2702 1.75 10.7202 2.75 9.15018C3.91 7.33017 5.33 5.90018 6.91 4.92018C8.49 3.96018 10.22 3.43018 12 3.43018C14.23 3.43018 16.39 4.25018 18.25 5.75018Z" fill="#292D32"/>
+<path d="M14.86 12.0001C14.86 13.5701 13.58 14.8601 12 14.8601C11.94 14.8601 11.89 14.8601 11.83 14.8401L14.84 11.8301C14.86 11.8901 14.86 11.9401 14.86 12.0001Z" fill="#292D32"/>
+<path d="M21.77 2.22988C21.47 1.92988 20.98 1.92988 20.68 2.22988L2.23 20.6899C1.93 20.9899 1.93 21.4799 2.23 21.7799C2.38 21.9199 2.57 21.9999 2.77 21.9999C2.97 21.9999 3.16 21.9199 3.31 21.7699L21.77 3.30988C22.08 3.00988 22.08 2.52988 21.77 2.22988Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/eye.svg b/public/images/icons/eye.svg
index bb79a41..f35ddfa 100644
--- a/public/images/icons/eye.svg
+++ b/public/images/icons/eye.svg
@@ -1,24 +1,4 @@
- <svg
-      width="24"
-      height="24"
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M9.02992 13.9999C8.63992 13.4299 8.41992 12.7399 8.41992 11.9999C8.41992 10.0199 10.0199 8.41992 11.9999 8.41992C13.9799 8.41992 15.5799 10.0199 15.5799 11.9999C15.5799 13.9799 13.9799 15.5799 11.9999 15.5799"
-        stroke="#292D32"
-        stroke-width="1.5"
-        stroke-miterlimit="10"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-      <path
-        d="M17.5598 5.58047C15.8698 4.38047 13.9698 3.73047 11.9998 3.73047C8.46984 3.73047 5.17984 5.81047 2.88984 9.41047C1.98984 10.8205 1.98984 13.1905 2.88984 14.6005C5.17984 18.2005 8.46984 20.2805 11.9998 20.2805C15.5298 20.2805 18.8198 18.2005 21.1098 14.6005C22.0098 13.1905 22.0098 10.8205 21.1098 9.41047"
-        stroke="#292D32"
-        stroke-width="1.5"
-        stroke-miterlimit="10"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-    </svg>
\ No newline at end of file
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.25 9.15018C18.94 5.52017 15.56 3.43018 12 3.43018C10.22 3.43018 8.49 3.95018 6.91 4.92018C5.33 5.90018 3.91 7.33017 2.75 9.15018C1.75 10.7202 1.75 13.2702 2.75 14.8402C5.06 18.4802 8.44 20.5602 12 20.5602C13.78 20.5602 15.51 20.0402 17.09 19.0702C18.67 18.0902 20.09 16.6602 21.25 14.8402C22.25 13.2802 22.25 10.7202 21.25 9.15018ZM12 16.0402C9.76 16.0402 7.96 14.2302 7.96 12.0002C7.96 9.77018 9.76 7.96018 12 7.96018C14.24 7.96018 16.04 9.77018 16.04 12.0002C16.04 14.2302 14.24 16.0402 12 16.0402Z" fill="#292D32"/>
+<path d="M12 9.14014C10.43 9.14014 9.15002 10.4201 9.15002 12.0001C9.15002 13.5701 10.43 14.8501 12 14.8501C13.57 14.8501 14.86 13.5701 14.86 12.0001C14.86 10.4301 13.57 9.14014 12 9.14014Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/failed.svg b/public/images/icons/failed.svg
index 34cd90a..71a975c 100644
--- a/public/images/icons/failed.svg
+++ b/public/images/icons/failed.svg
@@ -1,17 +1,3 @@
-<svg
-      width="50"
-      height="50"
-      viewBox="0 0 50 50"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        opacity="0.4"
-        d="M24.9998 45.8334C36.5058 45.8334 45.8332 36.506 45.8332 25.0001C45.8332 13.4941 36.5058 4.16675 24.9998 4.16675C13.4939 4.16675 4.1665 13.4941 4.1665 25.0001C4.1665 36.506 13.4939 45.8334 24.9998 45.8334Z"
-        fill="#FF0000"
-      />
-      <path
-        d="M27.2083 25L32 20.2083C32.6042 19.6042 32.6042 18.6042 32 18C31.3958 17.3958 30.3958 17.3958 29.7917 18L25 22.7917L20.2083 18C19.6042 17.3958 18.6042 17.3958 18 18C17.3958 18.6042 17.3958 19.6042 18 20.2083L22.7917 25L18 29.7917C17.3958 30.3958 17.3958 31.3958 18 32C18.3125 32.3125 18.7083 32.4583 19.1042 32.4583C19.5 32.4583 19.8958 32.3125 20.2083 32L25 27.2083L29.7917 32C30.1042 32.3125 30.5 32.4583 30.8958 32.4583C31.2917 32.4583 31.6875 32.3125 32 32C32.6042 31.3958 32.6042 30.3958 32 29.7917L27.2083 25Z"
-        fill="#FF0000"
-      />
-    </svg>
\ No newline at end of file
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 2C6.49 2 2 6.49 2 12C2 17.51 6.49 22 12 22C17.51 22 22 17.51 22 12C22 6.49 17.51 2 12 2ZM15.36 14.3C15.65 14.59 15.65 15.07 15.36 15.36C15.21 15.51 15.02 15.58 14.83 15.58C14.64 15.58 14.45 15.51 14.3 15.36L12 13.06L9.7 15.36C9.55 15.51 9.36 15.58 9.17 15.58C8.98 15.58 8.79 15.51 8.64 15.36C8.35 15.07 8.35 14.59 8.64 14.3L10.94 12L8.64 9.7C8.35 9.41 8.35 8.93 8.64 8.64C8.93 8.35 9.41 8.35 9.7 8.64L12 10.94L14.3 8.64C14.59 8.35 15.07 8.35 15.36 8.64C15.65 8.93 15.65 9.41 15.36 9.7L13.06 12L15.36 14.3Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/flash-circle.svg b/public/images/icons/flash-circle.svg
index 9b9dc6c..3c9a4bc 100644
--- a/public/images/icons/flash-circle.svg
+++ b/public/images/icons/flash-circle.svg
@@ -1,4 +1,3 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8.68036 11.9101L10.3304 12.32L9.38037 16.1601C9.16037 17.0601 9.60035 17.36 10.3604 16.83L15.5404 13.2401C16.1704 12.8001 16.0804 12.2901 15.3304 12.1001L13.6804 11.6901L14.6304 7.85006C14.8504 6.95006 14.4104 6.65007 13.6504 7.18007L8.47037 10.7701C7.84037 11.2101 7.93036 11.7201 8.68036 11.9101Z" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M4 6C2.75 7.67 2 9.75 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2C10.57 2 9.2 2.29998 7.97 2.84998" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM15.53 13.23L10.35 16.82C9.59 17.35 9.15 17.04 9.37 16.15L10.32 12.31L8.67 11.9C7.92 11.72 7.83 11.2 8.46 10.76L13.64 7.17C14.4 6.64 14.84 6.95 14.62 7.84L13.67 11.68L15.32 12.09C16.07 12.28 16.16 12.79 15.53 13.23Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/gallery-add.svg b/public/images/icons/gallery-add.svg
index dbd2d55..d008da6 100644
--- a/public/images/icons/gallery-add.svg
+++ b/public/images/icons/gallery-add.svg
@@ -1,6 +1,5 @@
-<svg width="114" height="114" viewBox="0 0 114 114" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M104.5 66.0252V76.9027C104.5 94.1927 94.1927 104.5 76.9027 104.5H37.0977C24.9852 104.5 16.2452 99.4177 12.1602 90.3927L12.6827 90.0127L36.0527 74.3377C39.8527 71.7727 45.2202 72.0577 48.5927 75.0027L50.2077 76.3327C53.9127 79.5152 59.8977 79.5152 63.6027 76.3327L83.3627 59.3752C87.0677 56.1927 93.0527 56.1927 96.7577 59.3752L104.5 66.0252Z" fill="#949494"/>
-<path opacity="0.4" d="M99.6075 38H85.6425C79.61 38 76 34.39 76 28.3575V14.3925C76 12.4925 76.38 10.8775 77.045 9.5C76.9975 9.5 76.95 9.5 76.9025 9.5H37.0975C19.8075 9.5 9.5 19.8075 9.5 37.0975V76.9025C9.5 82.08 10.4025 86.5925 12.16 90.3925L12.6825 90.0125L36.0525 74.3375C39.8525 71.7725 45.22 72.0575 48.5925 75.0025L50.2075 76.3325C53.9125 79.515 59.8975 79.515 63.6025 76.3325L83.3625 59.375C87.0675 56.1925 93.0525 56.1925 96.7575 59.375L104.5 66.025V37.0975C104.5 37.05 104.5 37.0025 104.5 36.955C103.123 37.62 101.508 38 99.6075 38Z" fill="#949494"/>
-<path d="M42.7503 49.3048C48.9939 49.3048 54.0553 44.2434 54.0553 37.9998C54.0553 31.7562 48.9939 26.6948 42.7503 26.6948C36.5067 26.6948 31.4453 31.7562 31.4453 37.9998C31.4453 44.2434 36.5067 49.3048 42.7503 49.3048Z" fill="#949494"/>
-<path d="M99.6075 4.75H85.6425C79.61 4.75 76 8.36 76 14.3925V28.3575C76 34.39 79.61 38 85.6425 38H99.6075C105.64 38 109.25 34.39 109.25 28.3575V14.3925C109.25 8.36 105.64 4.75 99.6075 4.75ZM104.072 23.4175C103.597 23.8925 102.885 24.225 102.125 24.2725H95.4275L95.475 30.875C95.4275 31.6825 95.1425 32.3475 94.5725 32.9175C94.0975 33.3925 93.385 33.725 92.625 33.725C91.0575 33.725 89.775 32.4425 89.775 30.875V24.225L83.125 24.2725C81.5575 24.2725 80.275 22.9425 80.275 21.375C80.275 19.8075 81.5575 18.525 83.125 18.525L89.775 18.5725V11.9225C89.775 10.355 91.0575 9.025 92.625 9.025C94.1925 9.025 95.475 10.355 95.475 11.9225L95.4275 18.525H102.125C103.692 18.525 104.975 19.8075 104.975 21.375C104.928 22.1825 104.595 22.8475 104.072 23.4175Z" fill="#949494"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.97 1H18.03C17.16 1 16.52 1.36 16.23 2C16.07 2.29 16 2.63 16 3.03V5.97C16 7.24 16.76 8 18.03 8H20.97C21.37 8 21.71 7.93 22 7.77C22.64 7.48 23 6.84 23 5.97V3.03C23 1.76 22.24 1 20.97 1ZM21.91 4.93C21.81 5.03 21.66 5.1 21.5 5.11H20.09V5.62L20.1 6.5C20.09 6.67 20.03 6.81 19.91 6.93C19.81 7.03 19.66 7.1 19.5 7.1C19.17 7.1 18.9 6.83 18.9 6.5V5.1L17.5 5.11C17.17 5.11 16.9 4.83 16.9 4.5C16.9 4.17 17.17 3.9 17.5 3.9L18.38 3.91H18.9V2.51C18.9 2.18 19.17 1.9 19.5 1.9C19.83 1.9 20.1 2.18 20.1 2.51L20.09 3.22V3.9H21.5C21.83 3.9 22.1 4.17 22.1 4.5C22.09 4.67 22.02 4.81 21.91 4.93Z" fill="#292D32"/>
+<path d="M9 10.3801C10.3144 10.3801 11.38 9.31456 11.38 8.00012C11.38 6.68568 10.3144 5.62012 9 5.62012C7.68556 5.62012 6.62 6.68568 6.62 8.00012C6.62 9.31456 7.68556 10.3801 9 10.3801Z" fill="#292D32"/>
+<path d="M20.97 8H20.5V12.61L20.37 12.5C19.59 11.83 18.33 11.83 17.55 12.5L13.39 16.07C12.61 16.74 11.35 16.74 10.57 16.07L10.23 15.79C9.52 15.17 8.39 15.11 7.59 15.65L3.85 18.16C3.63 17.6 3.5 16.95 3.5 16.19V7.81C3.5 4.99 4.99 3.5 7.81 3.5H16V3.03C16 2.63 16.07 2.29 16.23 2H7.81C4.17 2 2 4.17 2 7.81V16.19C2 17.28 2.19 18.23 2.56 19.03C3.42 20.93 5.26 22 7.81 22H16.19C19.83 22 22 19.83 22 16.19V7.77C21.71 7.93 21.37 8 20.97 8Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/gallery-edit.svg b/public/images/icons/gallery-edit.svg
index 603dd57..0553bd1 100644
--- a/public/images/icons/gallery-edit.svg
+++ b/public/images/icons/gallery-edit.svg
@@ -1,8 +1,5 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M9 6C7.9 6 7 6.9 7 8C7 9.1 7.9 10 9 10C10.1 10 11 9.1 11 8" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M2 12.89V15C2 20 4 22 9 22H15C20 22 22 20 22 15V10" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M13 2H9C4 2 2 4 2 9" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M19.1399 2.59003L15.5099 6.22003C15.3699 6.36003 15.2299 6.63003 15.2099 6.83003L15.0099 8.22003C14.9399 8.72003 15.2899 9.07003 15.7899 9.00003L17.1799 8.80003C17.3699 8.77003 17.6499 8.64003 17.7899 8.50003L21.4199 4.87003C22.0499 4.24003 22.3399 3.52003 21.4199 2.60003C20.4899 1.66003 19.7699 1.96003 19.1399 2.59003Z" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M18.6201 3.10999C18.9301 4.20999 19.7901 5.06999 20.8901 5.37999" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M2.66992 18.9501L7.59992 15.6401C8.38992 15.1101 9.52992 15.1701 10.2399 15.7801L10.5699 16.0701C11.3499 16.7401 12.6099 16.7401 13.3899 16.0701L17.5499 12.5001C18.3299 11.8301 19.5899 11.8301 20.3699 12.5001L21.9999 13.9001" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.97 1H18.03C16.76 1 16 1.76 16 3.03V5.97C16 7.24 16.76 8 18.03 8H20.97C22.24 8 23 7.24 23 5.97V3.03C23 1.76 22.24 1 20.97 1ZM19.01 6.57C18.98 6.6 18.91 6.64 18.86 6.64L17.82 6.79C17.79 6.8 17.75 6.8 17.72 6.8C17.57 6.8 17.44 6.75 17.35 6.65C17.23 6.53 17.18 6.36 17.21 6.18L17.36 5.14C17.37 5.09 17.4 5.02 17.43 4.99L19.13 3.29C19.16 3.36 19.19 3.44 19.22 3.52C19.26 3.6 19.3 3.67 19.34 3.74C19.37 3.8 19.41 3.86 19.45 3.9C19.49 3.96 19.53 4.02 19.56 4.05C19.58 4.08 19.59 4.09 19.6 4.1C19.69 4.21 19.79 4.31 19.88 4.38C19.9 4.4 19.92 4.42 19.93 4.42C19.98 4.46 20.04 4.51 20.08 4.54C20.14 4.58 20.19 4.62 20.25 4.65C20.32 4.69 20.4 4.73 20.48 4.77C20.56 4.81 20.64 4.84 20.71 4.86L19.01 6.57ZM21.4 4.18L21.08 4.5C21.06 4.53 21.03 4.54 21 4.54C20.99 4.54 20.98 4.54 20.97 4.54C20.25 4.33 19.68 3.76 19.47 3.04C19.46 3 19.47 2.96 19.5 2.93L19.83 2.6C20.37 2.06 20.88 2.07 21.41 2.6C21.68 2.87 21.81 3.13 21.81 3.39C21.8 3.65 21.67 3.91 21.4 4.18Z" fill="#292D32"/>
+<path d="M9.00012 10.3801C10.3146 10.3801 11.3801 9.31456 11.3801 8.00012C11.3801 6.68568 10.3146 5.62012 9.00012 5.62012C7.68568 5.62012 6.62012 6.68568 6.62012 8.00012C6.62012 9.31456 7.68568 10.3801 9.00012 10.3801Z" fill="#292D32"/>
+<path d="M20.97 8H20.5V12.61L20.37 12.5C19.59 11.83 18.33 11.83 17.55 12.5L13.39 16.07C12.61 16.74 11.35 16.74 10.57 16.07L10.23 15.79C9.52 15.17 8.39 15.11 7.59 15.65L3.85 18.16C3.63 17.6 3.5 16.95 3.5 16.19V7.81C3.5 4.99 4.99 3.5 7.81 3.5H16V3.03C16 2.63 16.07 2.29 16.23 2H7.81C4.17 2 2 4.17 2 7.81V16.19C2 17.28 2.19 18.23 2.56 19.03C3.42 20.93 5.26 22 7.81 22H16.19C19.83 22 22 19.83 22 16.19V7.77C21.71 7.93 21.37 8 20.97 8Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/grid-3.svg b/public/images/icons/grid-3.svg
new file mode 100644
index 0000000..a924192
--- /dev/null
+++ b/public/images/icons/grid-3.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="M16.19 2H12.75V8V8.75V13.75H22V8.75V8V7.81C22 4.17 19.83 2 16.19 2Z" fill="#292D32"/>
+<path d="M2 10.25V15.25V15.75V16.19C2 19.83 4.17 22 7.81 22H11.25V15.75V15.25V10.25H2Z" fill="#292D32"/>
+<path d="M11.25 2V8.75H2V7.81C2 4.17 4.17 2 7.81 2H11.25Z" fill="#292D32"/>
+<path d="M22 15.25V16.19C22 19.83 19.83 22 16.19 22H12.75V15.25H22Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/heart.svg b/public/images/icons/heart.svg
index e1899c7..f2eb26f 100644
--- a/public/images/icons/heart.svg
+++ b/public/images/icons/heart.svg
@@ -1,3 +1,3 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M20.59 4.9701C21.47 5.9601 22 7.2601 22 8.6901C22 15.6901 15.52 19.8201 12.62 20.8201C12.28 20.9401 11.72 20.9401 11.38 20.8201C8.48 19.8201 2 15.6901 2 8.6901C2 5.6001 4.49 3.1001 7.56 3.1001C9.38 3.1001 10.99 3.9801 12 5.3401C13.01 3.9801 14.63 3.1001 16.44 3.1001" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.44 3.1001C14.63 3.1001 13.01 3.9801 12 5.3301C10.99 3.9801 9.37 3.1001 7.56 3.1001C4.49 3.1001 2 5.6001 2 8.6901C2 9.8801 2.19 10.9801 2.52 12.0001C4.1 17.0001 8.97 19.9901 11.38 20.8101C11.72 20.9301 12.28 20.9301 12.62 20.8101C15.03 19.9901 19.9 17.0001 21.48 12.0001C21.81 10.9801 22 9.8801 22 8.6901C22 5.6001 19.51 3.1001 16.44 3.1001Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/instagram.svg b/public/images/icons/instagram.svg
index e6aa5f0..ac52eae 100644
--- a/public/images/icons/instagram.svg
+++ b/public/images/icons/instagram.svg
@@ -1,29 +1,3 @@
-<svg
-      width="24"
-      height="24"
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M2 13.03V15C2 20 4 22 9 22H15C20 22 22 20 22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9"
-        stroke="#292D32"
-        stroke-width="1.5"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-      <path
-        d="M12 15.5C13.933 15.5 15.5 13.933 15.5 12C15.5 10.067 13.933 8.5 12 8.5C10.067 8.5 8.5 10.067 8.5 12C8.5 13.933 10.067 15.5 12 15.5Z"
-        stroke="#292D32"
-        stroke-width="1.5"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-      <path
-        d="M17.6361 7H17.6477"
-        stroke="#292D32"
-        stroke-width="2"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-    </svg>
\ No newline at end of file
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM12 15.88C9.86 15.88 8.12 14.14 8.12 12C8.12 9.86 9.86 8.12 12 8.12C14.14 8.12 15.88 9.86 15.88 12C15.88 14.14 14.14 15.88 12 15.88ZM17.92 6.88C17.87 7 17.8 7.11 17.71 7.21C17.61 7.3 17.5 7.37 17.38 7.42C17.26 7.47 17.13 7.5 17 7.5C16.73 7.5 16.48 7.4 16.29 7.21C16.2 7.11 16.13 7 16.08 6.88C16.03 6.76 16 6.63 16 6.5C16 6.37 16.03 6.24 16.08 6.12C16.13 5.99 16.2 5.89 16.29 5.79C16.52 5.56 16.87 5.45 17.19 5.52C17.26 5.53 17.32 5.55 17.38 5.58C17.44 5.6 17.5 5.63 17.56 5.67C17.61 5.7 17.66 5.75 17.71 5.79C17.8 5.89 17.87 5.99 17.92 6.12C17.97 6.24 18 6.37 18 6.5C18 6.63 17.97 6.76 17.92 6.88Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/judge.svg b/public/images/icons/judge.svg
index 188486f..e2812b9 100644
--- a/public/images/icons/judge.svg
+++ b/public/images/icons/judge.svg
@@ -1,7 +1,6 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M20.0096 18.5101L15.0596 13.5601" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M18.5996 7.19995C19.3796 7.97995 19.3796 9.24994 18.5996 10.0299L15.0596 13.5699" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M15.0602 13.56L11.5202 17.1C10.7402 17.88 9.47024 17.88 8.69024 17.1L4.45023 12.86C3.67023 12.08 3.67023 10.81 4.45023 10.03L11.5202 2.96C12.3002 2.18 13.5702 2.18 14.3502 2.96L15.8102 4.42002" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M2 21H8" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M6.55957 7.92004L13.6296 14.99" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.54 19.0398C20.39 19.1898 20.2 19.2598 20.01 19.2598C19.82 19.2598 19.63 19.1898 19.48 19.0398L14.53 14.0898L15.06 13.5598L15.59 13.0298L20.54 17.9798C20.83 18.2698 20.83 18.7498 20.54 19.0398Z" fill="#292D32"/>
+<path d="M6.46999 9.28009L12.27 15.0801C12.66 15.4701 12.66 16.1001 12.27 16.4901L11.37 17.4001C10.56 18.2001 9.27999 18.2001 8.47999 17.4001L4.13999 13.0601C3.34999 12.2701 3.34999 10.9801 4.13999 10.1801L5.04999 9.27009C5.43999 8.89009 6.07999 8.89009 6.46999 9.28009Z" fill="#292D32"/>
+<path d="M18.59 10.1902L14.78 13.9902C14.38 14.3902 13.74 14.3902 13.34 13.9902L7.56001 8.21018C7.16001 7.81018 7.16001 7.17018 7.56001 6.77018L11.37 2.96018C12.16 2.17018 13.45 2.17018 14.25 2.96018L18.59 7.30018C19.38 8.10018 19.38 9.38018 18.59 10.1902Z" fill="#292D32"/>
+<path d="M8 21.75H2C1.59 21.75 1.25 21.41 1.25 21C1.25 20.59 1.59 20.25 2 20.25H8C8.41 20.25 8.75 20.59 8.75 21C8.75 21.41 8.41 21.75 8 21.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/key.svg b/public/images/icons/key.svg
index 0733bc1..13a3544 100644
--- a/public/images/icons/key.svg
+++ b/public/images/icons/key.svg
@@ -1,5 +1,3 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M12.9897 2.14996C15.3697 1.68996 17.9397 2.37996 19.7897 4.21996C22.7397 7.16996 22.7397 11.98 19.7897 14.92C17.7297 16.97 14.7797 17.6 12.1897 16.79L7.47966 21.49C7.13966 21.84 6.46966 22.05 5.98966 21.98L3.80966 21.68C3.08966 21.58 2.41966 20.9 2.30966 20.18L2.00966 18C1.93966 17.52 2.16966 16.85 2.49966 16.51L3.61966 15.39L7.18966 11.82C6.38966 9.21996 7.00966 6.26996 9.06966 4.21996" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M6.88965 17.49L9.18965 19.79" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M14.5 11C15.3284 11 16 10.3284 16 9.5C16 8.67157 15.3284 8 14.5 8C13.6716 8 13 8.67157 13 9.5C13 10.3284 13.6716 11 14.5 11Z" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.79 4.21982C16.83 1.26982 12.03 1.26982 9.09002 4.21982C7.02002 6.26982 6.40002 9.21982 7.20002 11.8198L2.50002 16.5198C2.17002 16.8598 1.94002 17.5298 2.01002 18.0098L2.31002 20.1898C2.42002 20.9098 3.09002 21.5898 3.81002 21.6898L5.99002 21.9898C6.47002 22.0598 7.14002 21.8398 7.48002 21.4898L8.30002 20.6698C8.50002 20.4798 8.50002 20.1598 8.30002 19.9598L6.36002 18.0198C6.07002 17.7298 6.07002 17.2498 6.36002 16.9598C6.65002 16.6698 7.13002 16.6698 7.42002 16.9598L9.37002 18.9098C9.56002 19.0998 9.88002 19.0998 10.07 18.9098L12.19 16.7998C14.78 17.6098 17.73 16.9798 19.79 14.9298C22.74 11.9798 22.74 7.16982 19.79 4.21982ZM14.5 11.9998C13.12 11.9998 12 10.8798 12 9.49982C12 8.11982 13.12 6.99982 14.5 6.99982C15.88 6.99982 17 8.11982 17 9.49982C17 10.8798 15.88 11.9998 14.5 11.9998Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/lifebuoy.svg b/public/images/icons/lifebuoy.svg
index 2025877..3f26e07 100644
--- a/public/images/icons/lifebuoy.svg
+++ b/public/images/icons/lifebuoy.svg
@@ -1,8 +1,6 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M7.03973 3.3C4.00973 5.02 1.96973 8.27 1.96973 12C1.96973 17.52 6.44973 22 11.9697 22C17.4897 22 21.9697 17.52 21.9697 12C21.9697 6.48 17.4897 2 11.9697 2" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M12 16.5C14.4853 16.5 16.5 14.4853 16.5 12C16.5 9.51472 14.4853 7.5 12 7.5C9.51472 7.5 7.5 9.51472 7.5 12C7.5 14.4853 9.51472 16.5 12 16.5Z" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M4.90039 4.93005L8.44039 8.46005" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M4.90039 19.07L8.44039 15.54" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M19.0498 19.07L15.5098 15.54" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M19.0498 4.93005L15.5098 8.46005" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.5 12C7.5 11.3369 7.64791 10.7071 7.91078 10.1372C8.11429 9.69593 8.07926 9.15924 7.73566 8.81564L5.15859 6.23857C4.74853 5.82851 4.07241 5.85004 3.74142 6.32622C2.62098 7.93817 1.97 9.89396 1.97 12C1.97 14.1044 2.61997 16.0587 3.73277 17.67C4.06278 18.1478 4.73993 18.1709 5.15107 17.7608L7.73414 15.1843C8.07851 14.8408 8.11393 14.3035 7.91032 13.8618C7.64774 13.2921 7.5 12.6627 7.5 12Z" fill="#292D32"/>
+<path d="M12 7.5C12.6631 7.5 13.2928 7.64791 13.8628 7.91078C14.3041 8.11428 14.8407 8.07926 15.1843 7.73566L17.7336 5.18643C18.1428 4.77717 18.1224 4.10256 17.6477 3.77141C16.0416 2.65097 14.0845 2 11.97 2C9.86581 2 7.91873 2.64985 6.30979 3.76248C5.83217 4.09277 5.80905 4.76993 6.21914 5.18107L8.78021 7.74868C9.12611 8.09546 9.66808 8.12873 10.1117 7.92105C10.6855 7.6524 11.3237 7.5 12 7.5Z" fill="#292D32"/>
+<path d="M19.8901 5.90633C19.7124 5.6767 19.375 5.66475 19.1695 5.8698L15.9507 9.08034C15.7773 9.25329 15.7574 9.52498 15.8813 9.73622C16.2717 10.4017 16.5 11.1724 16.5 12.0002C16.5 12.8283 16.2715 13.5992 15.881 14.2647C15.7572 14.4757 15.7769 14.7471 15.9499 14.9201L19.1695 18.1397C19.3749 18.3452 19.7127 18.3334 19.8904 18.1035C21.1957 16.4152 21.97 14.2971 21.97 12.0002C21.97 9.7032 21.1956 7.5934 19.8901 5.90633Z" fill="#292D32"/>
+<path d="M12 16.4999C11.172 16.4999 10.4011 16.2715 9.73551 15.8809C9.52449 15.7571 9.25311 15.7768 9.0801 15.9498L5.83054 19.1994C5.62505 19.4049 5.63679 19.7426 5.8667 19.9204C7.55502 21.2256 9.67317 21.9999 11.97 21.9999C14.2771 21.9999 16.3969 21.2249 18.0778 19.9107C18.3058 19.7324 18.3164 19.3963 18.1118 19.1917L14.8872 15.9671C14.7154 15.7953 14.4463 15.7745 14.2358 15.8959C13.5728 16.2785 12.8114 16.4999 12 16.4999Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/link-square.svg b/public/images/icons/link-square.svg
new file mode 100644
index 0000000..cf208c0
--- /dev/null
+++ b/public/images/icons/link-square.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM8.18 16.77C8.16 16.77 8.13 16.77 8.11 16.77C7.14 16.68 6.23 16.23 5.55 15.51C3.95 13.83 3.95 11.1 5.55 9.42L7.74 7.12C8.52 6.3 9.57 5.84 10.69 5.84C11.81 5.84 12.86 6.29 13.64 7.12C15.24 8.8 15.24 11.53 13.64 13.21L12.55 14.36C12.26 14.66 11.79 14.67 11.49 14.39C11.19 14.1 11.18 13.63 11.46 13.33L12.55 12.18C13.61 11.07 13.61 9.26 12.55 8.16C11.56 7.12 9.82 7.12 8.82 8.16L6.63 10.46C5.57 11.57 5.57 13.38 6.63 14.48C7.06 14.94 7.64 15.22 8.25 15.28C8.66 15.32 8.96 15.69 8.92 16.1C8.89 16.48 8.56 16.77 8.18 16.77ZM18.45 14.59L16.26 16.89C15.48 17.71 14.43 18.17 13.31 18.17C12.19 18.17 11.14 17.72 10.36 16.89C8.76 15.21 8.76 12.48 10.36 10.8L11.45 9.65C11.74 9.35 12.21 9.34 12.51 9.62C12.81 9.91 12.82 10.38 12.54 10.68L11.45 11.83C10.39 12.94 10.39 14.75 11.45 15.85C12.44 16.89 14.18 16.9 15.18 15.85L17.37 13.55C18.43 12.44 18.43 10.63 17.37 9.53C16.94 9.07 16.36 8.79 15.75 8.73C15.34 8.69 15.04 8.32 15.08 7.91C15.12 7.5 15.48 7.19 15.9 7.24C16.87 7.34 17.78 7.78 18.46 8.5C20.05 10.17 20.05 12.91 18.45 14.59Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/location.svg b/public/images/icons/location.svg
index 618e447..e2a2ba5 100644
--- a/public/images/icons/location.svg
+++ b/public/images/icons/location.svg
@@ -1,4 +1,3 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M15.1199 10.3099C15.1199 12.0299 13.7299 13.4299 11.9999 13.4299C10.2699 13.4299 8.87988 12.0399 8.87988 10.3099C8.87988 8.57994 10.2799 7.18994 11.9999 7.18994C12.3399 7.18994 12.6699 7.23994 12.9699 7.33994" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M5.97996 4.30006C10.35 0.190061 18.82 1.60006 20.38 8.51006C21.53 13.5901 18.37 17.8901 15.6 20.5501C13.59 22.4901 10.41 22.4901 8.38996 20.5501C5.62996 17.8801 2.45996 13.5801 3.61996 8.50006" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.62 8.45C19.57 3.83 15.54 1.75 12 1.75C12 1.75 12 1.75 11.99 1.75C8.45997 1.75 4.41997 3.82 3.36997 8.44C2.19997 13.6 5.35997 17.97 8.21997 20.72C9.27997 21.74 10.64 22.25 12 22.25C13.36 22.25 14.72 21.74 15.77 20.72C18.63 17.97 21.79 13.61 20.62 8.45ZM12 13.46C10.26 13.46 8.84997 12.05 8.84997 10.31C8.84997 8.57 10.26 7.16 12 7.16C13.74 7.16 15.15 8.57 15.15 10.31C15.15 12.05 13.74 13.46 12 13.46Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/logout.svg b/public/images/icons/logout.svg
index 5581f37..fdbda0d 100644
--- a/public/images/icons/logout.svg
+++ b/public/images/icons/logout.svg
@@ -1,6 +1,4 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M21.5002 13V15.26C21.5002 19.73 19.7102 21.52 15.2402 21.52H15.1102C11.0902 21.52 9.24016 20.07 8.91016 16.53" stroke="#FF0000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M8.90039 7.55999C9.21039 3.95999 11.0604 2.48999 15.1104 2.48999H15.2404C19.7104 2.48999 21.5004 4.27999 21.5004 8.74999" stroke="#FF0000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M15.0001 12H3.62012" stroke="#FF0000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M5.85 8.65002L2.5 12L5.85 15.35" stroke="#FF0000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.8 2H14.2C11 2 9 4 9 7.2V11.25H15.25C15.66 11.25 16 11.59 16 12C16 12.41 15.66 12.75 15.25 12.75H9V16.8C9 20 11 22 14.2 22H16.79C19.99 22 21.99 20 21.99 16.8V7.2C22 4 20 2 16.8 2Z" fill="#292D32"/>
+<path d="M4.55994 11.2498L6.62994 9.17984C6.77994 9.02984 6.84994 8.83984 6.84994 8.64984C6.84994 8.45984 6.77994 8.25984 6.62994 8.11984C6.33994 7.82984 5.85994 7.82984 5.56994 8.11984L2.21994 11.4698C1.92994 11.7598 1.92994 12.2398 2.21994 12.5298L5.56994 15.8798C5.85994 16.1698 6.33994 16.1698 6.62994 15.8798C6.91994 15.5898 6.91994 15.1098 6.62994 14.8198L4.55994 12.7498H8.99994V11.2498H4.55994Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/man.svg b/public/images/icons/man.svg
index fe81c86..5254da6 100644
--- a/public/images/icons/man.svg
+++ b/public/images/icons/man.svg
@@ -1,5 +1,3 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M4.27 18.68C5.69 20.4 7.84 21.5 10.25 21.5C14.53 21.5 18 18.03 18 13.75C18 9.47 14.53 6 10.25 6C5.97 6 2.5 9.47 2.5 13.75" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M21.5 2.5L16 8" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M15 2.5H21.5V9" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.19 2.21C22.12 2.03 21.97 1.88 21.79 1.81C21.69 1.77 21.6 1.75 21.5 1.75H15C14.59 1.75 14.25 2.09 14.25 2.5C14.25 2.91 14.59 3.25 15 3.25H19.69L15.18 7.77H15.17C13.83 6.66 12.12 6 10.25 6C5.97 6 2.5 9.47 2.5 13.75C2.5 18.03 5.97 21.5 10.25 21.5C14.53 21.5 18 18.03 18 13.75C18 11.88 17.34 10.17 16.23 8.83L20.75 4.31V9C20.75 9.41 21.09 9.75 21.5 9.75C21.91 9.75 22.25 9.41 22.25 9V2.5C22.25 2.4 22.23 2.31 22.19 2.21Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/medal-star.svg b/public/images/icons/medal-star.svg
index 8c5d932..826daf9 100644
--- a/public/images/icons/medal-star.svg
+++ b/public/images/icons/medal-star.svg
@@ -1,5 +1,5 @@
-<svg width="26" height="24" viewBox="0 0 26 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path opacity="0.4" d="M20.2143 9C20.2143 10.45 19.771 11.78 19.008 12.89C17.8944 14.49 16.1313 15.62 14.0794 15.91C13.7289 15.97 13.368 16 12.9968 16C12.6256 16 12.2647 15.97 11.9142 15.91C9.86235 15.62 8.09921 14.49 6.98565 12.89C6.22266 11.78 5.7793 10.45 5.7793 9C5.7793 5.13 9.00656 2 12.9968 2C16.9871 2 20.2143 5.13 20.2143 9Z" fill="#D0B731"/>
-<path d="M22.5344 18.4699L20.8332 18.8599C20.4517 18.9499 20.1526 19.2299 20.0702 19.5999L19.7093 21.0699C19.5134 21.8699 18.4617 22.1099 17.9152 21.4799L12.997 15.9999L8.07878 21.4899C7.53231 22.1199 6.48062 21.8799 6.28471 21.0799L5.92384 19.6099C5.83104 19.2399 5.53203 18.9499 5.16084 18.8699L3.45957 18.4799C2.67595 18.2999 2.39756 17.3499 2.96466 16.7999L6.98584 12.8999C8.0994 14.4999 9.86254 15.6299 11.9144 15.9199C12.2649 15.9799 12.6258 16.0099 12.997 16.0099C13.3682 16.0099 13.7291 15.9799 14.0796 15.9199C16.1315 15.6299 17.8946 14.4999 19.0082 12.8999L23.0293 16.7999C23.5964 17.3399 23.318 18.2899 22.5344 18.4699Z" fill="#D0B731"/>
-<path d="M13.5945 5.98L14.2029 7.15999C14.2854 7.31999 14.5019 7.48 14.6978 7.51L15.801 7.68999C16.5022 7.79999 16.6671 8.3 16.1619 8.79L15.3061 9.61998C15.1618 9.75998 15.0793 10.03 15.1308 10.23L15.3783 11.26C15.5742 12.07 15.1308 12.39 14.3885 11.96L13.3574 11.37C13.1718 11.26 12.8625 11.26 12.6769 11.37L11.6458 11.96C10.9034 12.38 10.4601 12.07 10.656 11.26L10.9034 10.23C10.9447 10.04 10.8725 9.75998 10.7282 9.61998L9.87237 8.79C9.36714 8.3 9.53211 7.80999 10.2332 7.68999L11.3365 7.51C11.5221 7.48 11.7386 7.31999 11.8211 7.15999L12.4294 5.98C12.7284 5.34 13.2646 5.34 13.5945 5.98Z" fill="#D0B731"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.25 18.4701L19.6 18.8601C19.23 18.9501 18.94 19.2301 18.86 19.6001L18.51 21.0701C18.32 21.8701 17.3 22.1201 16.77 21.4901L13.78 18.0501C13.54 17.7701 13.67 17.3301 14.03 17.2401C15.8 16.8101 17.39 15.8201 18.56 14.4101C18.75 14.1801 19.09 14.1501 19.3 14.3601L21.52 16.5801C22.28 17.3401 22.01 18.2901 21.25 18.4701Z" fill="#292D32"/>
+<path d="M2.70004 18.4701L4.35004 18.8601C4.72004 18.9501 5.01004 19.2301 5.09004 19.6001L5.44004 21.0701C5.63004 21.8701 6.65004 22.1201 7.18004 21.4901L10.17 18.0501C10.41 17.7701 10.28 17.3301 9.92004 17.2401C8.15004 16.8101 6.56004 15.8201 5.39004 14.4101C5.20004 14.1801 4.86004 14.1501 4.65004 14.3601L2.43004 16.5801C1.67004 17.3401 1.94004 18.2901 2.70004 18.4701Z" fill="#292D32"/>
+<path d="M12 2C8.13 2 5 5.13 5 9C5 10.45 5.43 11.78 6.17 12.89C7.25 14.49 8.96 15.62 10.95 15.91C11.29 15.97 11.64 16 12 16C12.36 16 12.71 15.97 13.05 15.91C15.04 15.62 16.75 14.49 17.83 12.89C18.57 11.78 19 10.45 19 9C19 5.13 15.87 2 12 2ZM15.06 8.78L14.23 9.61C14.09 9.75 14.01 10.02 14.06 10.22L14.3 11.25C14.49 12.06 14.06 12.38 13.34 11.95L12.34 11.36C12.16 11.25 11.86 11.25 11.68 11.36L10.68 11.95C9.96 12.37 9.53 12.06 9.72 11.25L9.96 10.22C10 10.03 9.93 9.75 9.79 9.61L8.94 8.78C8.45 8.29 8.61 7.8 9.29 7.69L10.36 7.51C10.54 7.48 10.75 7.32 10.83 7.16L11.42 5.98C11.74 5.34 12.26 5.34 12.58 5.98L13.17 7.16C13.25 7.32 13.46 7.48 13.65 7.51L14.72 7.69C15.39 7.8 15.55 8.29 15.06 8.78Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/message-text.svg b/public/images/icons/message-text.svg
index 60365de..7784df1 100644
--- a/public/images/icons/message-text.svg
+++ b/public/images/icons/message-text.svg
@@ -1,6 +1,3 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M2 8C2 4 4 2 8 2H16C20 2 22 4 22 8V13C22 17 20 19 16 19H15.5C15.19 19 14.89 19.15 14.7 19.4L13.2 21.4C12.54 22.28 11.46 22.28 10.8 21.4L9.3 19.4C9.14 19.18 8.77 19 8.5 19H8C4 19 2 18 2 13V12" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M15.99 8H17" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M7 8H12.51" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M7 13H13" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17 2H7C4.24 2 2 4.23 2 6.98V12.96V13.96C2 16.71 4.24 18.94 7 18.94H8.5C8.77 18.94 9.13 19.12 9.3 19.34L10.8 21.33C11.46 22.21 12.54 22.21 13.2 21.33L14.7 19.34C14.89 19.09 15.19 18.94 15.5 18.94H17C19.76 18.94 22 16.71 22 13.96V6.98C22 4.23 19.76 2 17 2ZM13 13.75H7C6.59 13.75 6.25 13.41 6.25 13C6.25 12.59 6.59 12.25 7 12.25H13C13.41 12.25 13.75 12.59 13.75 13C13.75 13.41 13.41 13.75 13 13.75ZM17 8.75H7C6.59 8.75 6.25 8.41 6.25 8C6.25 7.59 6.59 7.25 7 7.25H17C17.41 7.25 17.75 7.59 17.75 8C17.75 8.41 17.41 8.75 17 8.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/mobile.svg b/public/images/icons/mobile.svg
index f21ce09..7b9d926 100644
--- a/public/images/icons/mobile.svg
+++ b/public/images/icons/mobile.svg
@@ -1,20 +1,3 @@
-<svg
-      width="24"
-      height="24"
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M15 22.75H9C4.59 22.75 3.25 21.41 3.25 17V7C3.25 2.59 4.59 1.25 9 1.25H15C19.41 1.25 20.75 2.59 20.75 7V17C20.75 21.41 19.41 22.75 15 22.75ZM9 2.75C5.42 2.75 4.75 3.43 4.75 7V17C4.75 20.57 5.42 21.25 9 21.25H15C18.58 21.25 19.25 20.57 19.25 17V7C19.25 3.43 18.58 2.75 15 2.75H9Z"
-        fill="#292D32"
-      />
-      <path
-        d="M14 6.25H10C9.59 6.25 9.25 5.91 9.25 5.5C9.25 5.09 9.59 4.75 10 4.75H14C14.41 4.75 14.75 5.09 14.75 5.5C14.75 5.91 14.41 6.25 14 6.25Z"
-        fill="#292D32"
-      />
-      <path
-        d="M12 19.86C10.73 19.86 9.69995 18.83 9.69995 17.56C9.69995 16.29 10.73 15.26 12 15.26C13.27 15.26 14.3 16.29 14.3 17.56C14.3 18.83 13.27 19.86 12 19.86ZM12 16.75C11.56 16.75 11.2 17.11 11.2 17.55C11.2 17.99 11.56 18.35 12 18.35C12.44 18.35 12.8 17.99 12.8 17.55C12.8 17.11 12.44 16.75 12 16.75Z"
-        fill="#292D32"
-      />
-    </svg>
\ No newline at end of file
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.24 2H7.76C5 2 4 3 4 5.81V18.19C4 21 5 22 7.76 22H16.23C19 22 20 21 20 18.19V5.81C20 3 19 2 16.24 2ZM12 19.3C11.04 19.3 10.25 18.51 10.25 17.55C10.25 16.59 11.04 15.8 12 15.8C12.96 15.8 13.75 16.59 13.75 17.55C13.75 18.51 12.96 19.3 12 19.3ZM14 6.25H10C9.59 6.25 9.25 5.91 9.25 5.5C9.25 5.09 9.59 4.75 10 4.75H14C14.41 4.75 14.75 5.09 14.75 5.5C14.75 5.91 14.41 6.25 14 6.25Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/moon.svg b/public/images/icons/moon.svg
index 38486d3..0e790d8 100644
--- a/public/images/icons/moon.svg
+++ b/public/images/icons/moon.svg
@@ -1,12 +1,3 @@
- <svg
-      width="24"
-      height="24"
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M12.4599 22.75C12.2899 22.75 12.1199 22.75 11.9499 22.74C6.34995 22.49 1.66995 17.98 1.27995 12.48C0.939948 7.75999 3.66995 3.34999 8.06995 1.49999C9.31995 0.979992 9.97995 1.37999 10.2599 1.66999C10.5399 1.94999 10.9299 2.59999 10.4099 3.78999C9.94995 4.84999 9.71995 5.97999 9.72995 7.13999C9.74995 11.57 13.4299 15.33 17.9199 15.51C18.5699 15.54 19.2099 15.49 19.8299 15.38C21.1499 15.14 21.6999 15.67 21.9099 16.01C22.1199 16.35 22.3599 17.08 21.5599 18.16C19.4399 21.06 16.0699 22.75 12.4599 22.75ZM2.76995 12.37C3.10995 17.13 7.16995 21.03 12.0099 21.24C15.2999 21.4 18.4199 19.9 20.3399 17.28C20.4899 17.07 20.5599 16.92 20.5899 16.84C20.4999 16.83 20.3399 16.82 20.0899 16.87C19.3599 17 18.5999 17.05 17.8499 17.02C12.5699 16.81 8.24995 12.38 8.21995 7.15999C8.21995 5.77999 8.48995 4.44999 9.03995 3.19999C9.13995 2.97999 9.15995 2.82999 9.16995 2.74999C9.07995 2.74999 8.91995 2.76999 8.65995 2.87999C4.84995 4.47999 2.48995 8.29999 2.76995 12.37Z"
-        fill="#292D32"
-      />
-    </svg>
\ No newline at end of file
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.53 15.9299C21.37 15.6599 20.92 15.2399 19.8 15.4399C19.18 15.5499 18.55 15.5999 17.92 15.5699C15.59 15.4699 13.48 14.3999 12.01 12.7499C10.71 11.2999 9.90995 9.40987 9.89995 7.36987C9.89995 6.22987 10.12 5.12987 10.57 4.08987C11.01 3.07987 10.7 2.54987 10.48 2.32987C10.25 2.09987 9.70995 1.77987 8.64995 2.21987C4.55995 3.93987 2.02995 8.03987 2.32995 12.4299C2.62995 16.5599 5.52995 20.0899 9.36995 21.4199C10.29 21.7399 11.26 21.9299 12.26 21.9699C12.42 21.9799 12.58 21.9899 12.74 21.9899C16.09 21.9899 19.23 20.4099 21.21 17.7199C21.88 16.7899 21.7 16.1999 21.53 15.9299Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/not-verify.svg b/public/images/icons/not-verify.svg
index c0448da..c394f58 100644
--- a/public/images/icons/not-verify.svg
+++ b/public/images/icons/not-verify.svg
@@ -1,4 +1,3 @@
-<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path opacity="0.6" d="M11.0841 2.45007C11.7956 1.86007 12.9607 1.86007 13.6824 2.45007L15.3115 3.81007C15.6208 4.07007 16.1982 4.28007 16.6107 4.28007H18.3635C19.4564 4.28007 20.3535 5.15007 20.3535 6.21007V7.91007C20.3535 8.30007 20.57 8.87007 20.8381 9.17007L22.2403 10.7501C22.8487 11.4401 22.8487 12.5701 22.2403 13.2701L20.8381 14.8501C20.57 15.1501 20.3535 15.7101 20.3535 16.1101V17.8101C20.3535 18.8701 19.4564 19.7401 18.3635 19.7401H16.6107C16.2086 19.7401 15.6208 19.9501 15.3115 20.2101L13.6824 21.5701C12.971 22.1601 11.8059 22.1601 11.0841 21.5701L9.45502 20.2101C9.1457 19.9501 8.5683 19.7401 8.15587 19.7401H6.37211C5.27918 19.7401 4.38214 18.8701 4.38214 17.8101V16.1001C4.38214 15.7101 4.16562 15.1501 3.90785 14.8501L2.5159 13.2601C1.91788 12.5701 1.91788 11.4501 2.5159 10.7601L3.90785 9.17007C4.16562 8.87007 4.38214 8.31007 4.38214 7.92007V6.20007C4.38214 5.14007 5.27918 4.27007 6.37211 4.27007H8.15587C8.55799 4.27007 9.1457 4.06007 9.45502 3.80007L11.0841 2.45007Z" fill="#111111" fill-opacity="0.5"/>
-<path d="M11.1253 15.17C10.9191 15.17 10.7232 15.09 10.5788 14.95L8.08363 12.53C7.78462 12.24 7.78462 11.76 8.08363 11.47C8.38264 11.18 8.87756 11.18 9.17657 11.47L11.1253 13.36L15.5589 9.06003C15.8579 8.77003 16.3528 8.77003 16.6519 9.06003C16.9509 9.35003 16.9509 9.83003 16.6519 10.12L11.6718 14.95C11.5274 15.09 11.3315 15.17 11.1253 15.17Z" fill="#111111" fill-opacity="0.5"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.56 10.7401L20.21 9.16008C19.96 8.86008 19.75 8.30008 19.75 7.90008V6.20008C19.75 5.14008 18.88 4.27008 17.82 4.27008H16.12C15.72 4.27008 15.15 4.06008 14.85 3.81008L13.27 2.46008C12.58 1.87008 11.45 1.87008 10.76 2.46008L9.16 3.81008C8.86 4.06008 8.3 4.27008 7.9 4.27008H6.17C5.11 4.27008 4.24 5.14008 4.24 6.20008V7.90008C4.24 8.29008 4.04 8.85008 3.79 9.15008L2.44 10.7401C1.86 11.4401 1.86 12.5601 2.44 13.2401L3.79 14.8301C4.04 15.1201 4.24 15.6901 4.24 16.0801V17.7901C4.24 18.8501 5.11 19.7201 6.17 19.7201H7.91C8.3 19.7201 8.87 19.9301 9.17 20.1801L10.75 21.5301C11.44 22.1201 12.57 22.1201 13.26 21.5301L14.84 20.1801C15.14 19.9301 15.7 19.7201 16.1 19.7201H17.8C18.86 19.7201 19.73 18.8501 19.73 17.7901V16.0901C19.73 15.6901 19.94 15.1301 20.19 14.8301L21.54 13.2501C22.15 12.5701 22.15 11.4401 21.56 10.7401ZM11.25 8.13008C11.25 7.72008 11.59 7.38008 12 7.38008C12.41 7.38008 12.75 7.72008 12.75 8.13008V12.9601C12.75 13.3701 12.41 13.7101 12 13.7101C11.59 13.7101 11.25 13.3701 11.25 12.9601V8.13008ZM12 16.8701C11.45 16.8701 11 16.4201 11 15.8701C11 15.3201 11.44 14.8701 12 14.8701C12.55 14.8701 13 15.3201 13 15.8701C13 16.4201 12.56 16.8701 12 16.8701Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/notification.svg b/public/images/icons/notification.svg
index 93942a3..913eda7 100644
--- a/public/images/icons/notification.svg
+++ b/public/images/icons/notification.svg
@@ -1,5 +1,4 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M18.02 11.8002V8.91016C18.02 5.61016 15.32 2.91016 12.02 2.91016C8.70997 2.91016 6.01997 5.60016 6.01997 8.91016V11.8002C6.01997 12.4102 5.75997 13.3402 5.44997 13.8602L4.29997 15.7702C3.58997 16.9502 4.07997 18.2602 5.37997 18.7002C9.68997 20.1402 14.34 20.1402 18.65 18.7002C19.86 18.3002 20.39 16.8702 19.73 15.7702" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
-<path d="M13.87 3.19994C13.56 3.10994 13.24 3.03994 12.91 2.99994C11.95 2.87994 11.03 2.94994 10.17 3.19994C10.46 2.45994 11.18 1.93994 12.02 1.93994C12.86 1.93994 13.58 2.45994 13.87 3.19994Z" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M15.02 19.0601C15.02 20.7101 13.67 22.0601 12.02 22.0601C11.2 22.0601 10.44 21.7201 9.90002 21.1801C9.36002 20.6401 9.02002 19.8801 9.02002 19.0601" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.3399 14.49L18.3399 12.83C18.1299 12.46 17.9399 11.76 17.9399 11.35V8.82C17.9399 6.47 16.5599 4.44 14.5699 3.49C14.0499 2.57 13.0899 2 11.9899 2C10.8999 2 9.91994 2.59 9.39994 3.52C7.44994 4.49 6.09994 6.5 6.09994 8.82V11.35C6.09994 11.76 5.90994 12.46 5.69994 12.82L4.68994 14.49C4.28994 15.16 4.19994 15.9 4.44994 16.58C4.68994 17.25 5.25994 17.77 5.99994 18.02C7.93994 18.68 9.97994 19 12.0199 19C14.0599 19 16.0999 18.68 18.0399 18.03C18.7399 17.8 19.2799 17.27 19.5399 16.58C19.7999 15.89 19.7299 15.13 19.3399 14.49Z" fill="#292D32"/>
+<path d="M14.8301 20.01C14.4101 21.17 13.3001 22 12.0001 22C11.2101 22 10.4301 21.68 9.88005 21.11C9.56005 20.81 9.32005 20.41 9.18005 20C9.31005 20.02 9.44005 20.03 9.58005 20.05C9.81005 20.08 10.0501 20.11 10.2901 20.13C10.8601 20.18 11.4401 20.21 12.0201 20.21C12.5901 20.21 13.1601 20.18 13.7201 20.13C13.9301 20.11 14.1401 20.1 14.3401 20.07C14.5001 20.05 14.6601 20.03 14.8301 20.01Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/offer.svg b/public/images/icons/offer.svg
index 815bbd1..002a46e 100644
--- a/public/images/icons/offer.svg
+++ b/public/images/icons/offer.svg
@@ -1,50 +1,4 @@
-<svg
-      width="24"
-      height="24"
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <g id="vuesax/broken/note">
-        <g id="vuesax/broken/note_2">
-          <g id="note">
-            <path
-              id="Vector"
-              d="M20 15.04V18C20 21 18.21 22 16 22H8C5.79 22 4 21 4 18V8.25C4 5 5.79 4.25 8 4.25C8 4.87 8.24997 5.43 8.65997 5.84C9.06997 6.25 9.63 6.5 10.25 6.5H13.75C14.99 6.5 16 5.49 16 4.25C18.21 4.25 20 5 20 8.25V10.07"
-              stroke="#293229"
-              strokeWidth="1.5"
-              strokeMiterlimit="10"
-              strokeLinecap="round"
-              strokeLinejoin="round"
-            />
-            <path
-              id="Vector_2"
-              d="M16 4.25C16 5.49 14.99 6.5 13.75 6.5H10.25C9.63 6.5 9.06997 6.25 8.65997 5.84C8.24997 5.43 8 4.87 8 4.25C8 3.01 9.01 2 10.25 2H13.75C14.37 2 14.93 2.25 15.34 2.66C15.75 3.07 16 3.63 16 4.25Z"
-              stroke="#293229"
-              strokeWidth="1.5"
-              strokeMiterlimit="10"
-              strokeLinecap="round"
-              strokeLinejoin="round"
-            />
-            <path
-              id="Vector_3"
-              d="M8 13H12"
-              stroke="#293229"
-              strokeWidth="1.5"
-              strokeMiterlimit="10"
-              strokeLinecap="round"
-              strokeLinejoin="round"
-            />
-            <path
-              id="Vector_4"
-              d="M8 17H16"
-              stroke="#293229"
-              strokeWidth="1.5"
-              strokeMiterlimit="10"
-              strokeLinecap="round"
-              strokeLinejoin="round"
-            />
-          </g>
-        </g>
-      </g>
-    </svg>
\ No newline at end of file
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.71 8.11998V17.53C20.71 19.99 18.7 22 16.24 22H7.76004C5.30004 22 3.29004 19.99 3.29004 17.53V8.11998C3.29004 6.40998 4.25004 4.91998 5.66004 4.16998C6.15004 3.90998 6.76004 4.25998 6.76004 4.81998C6.76004 6.40998 8.06004 7.70998 9.65004 7.70998H14.35C15.94 7.70998 17.24 6.40998 17.24 4.81998C17.24 4.25998 17.84 3.90998 18.34 4.16998C19.75 4.91998 20.71 6.40998 20.71 8.11998Z" fill="#292D32"/>
+<path d="M14.35 2H9.65001C8.61001 2 7.76001 2.84 7.76001 3.88V4.82C7.76001 5.86 8.60001 6.7 9.64001 6.7H14.35C15.39 6.7 16.23 5.86 16.23 4.82V3.88C16.24 2.84 15.39 2 14.35 2Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/people.svg b/public/images/icons/people.svg
index 256f584..fba80f3 100644
--- a/public/images/icons/people.svg
+++ b/public/images/icons/people.svg
@@ -1,8 +1,8 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M18.0001 7.16C17.9401 7.15 17.8701 7.15 17.8101 7.16C16.4301 7.11 15.3301 5.98 15.3301 4.58C15.3301 3.15 16.4801 2 17.9101 2C19.3401 2 20.4901 3.16 20.4901 4.58C20.4801 5.98 19.3801 7.11 18.0001 7.16Z" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M16.9704 14.4399C18.3404 14.6699 19.8504 14.4299 20.9104 13.7199C22.3204 12.7799 22.3204 11.2399 20.9104 10.2999C19.8404 9.58992 18.3104 9.34991 16.9404 9.58991" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M5.97047 7.16C6.03047 7.15 6.10047 7.15 6.16047 7.16C7.54047 7.11 8.64047 5.98 8.64047 4.58C8.64047 3.15 7.49047 2 6.06047 2C4.63047 2 3.48047 3.16 3.48047 4.58C3.49047 5.98 4.59047 7.11 5.97047 7.16Z" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M7.00043 14.4399C5.63043 14.6699 4.12043 14.4299 3.06043 13.7199C1.65043 12.7799 1.65043 11.2399 3.06043 10.2999C4.13043 9.58992 5.66043 9.34991 7.03043 9.58991" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M12.0001 14.63C11.9401 14.62 11.8701 14.62 11.8101 14.63C10.4301 14.58 9.33008 13.45 9.33008 12.05C9.33008 10.62 10.4801 9.46997 11.9101 9.46997C13.3401 9.46997 14.4901 10.63 14.4901 12.05C14.4801 13.45 13.3801 14.59 12.0001 14.63Z" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M14.9097 17.7799C13.3197 16.7199 10.6897 16.7199 9.08973 17.7799C7.67973 18.7199 7.67973 20.2599 9.08973 21.1999C10.6897 22.2699 13.3097 22.2699 14.9097 21.1999" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.53 7.77C17.46 7.76 17.39 7.76 17.32 7.77C15.77 7.72 14.54 6.45 14.54 4.89C14.54 3.3 15.83 2 17.43 2C19.02 2 20.32 3.29 20.32 4.89C20.31 6.45 19.08 7.72 17.53 7.77Z" fill="#292D32"/>
+<path d="M20.79 14.6999C19.67 15.4499 18.1 15.7299 16.65 15.5399C17.03 14.7199 17.23 13.8099 17.24 12.8499C17.24 11.8499 17.02 10.8999 16.6 10.0699C18.08 9.86991 19.65 10.1499 20.78 10.8999C22.36 11.9399 22.36 13.6499 20.79 14.6999Z" fill="#292D32"/>
+<path d="M6.44003 7.77C6.51003 7.76 6.58003 7.76 6.65003 7.77C8.20003 7.72 9.43003 6.45 9.43003 4.89C9.43003 3.29 8.14003 2 6.54003 2C4.95003 2 3.66003 3.29 3.66003 4.89C3.66003 6.45 4.89003 7.72 6.44003 7.77Z" fill="#292D32"/>
+<path d="M6.55 12.8501C6.55 13.8201 6.75999 14.7401 7.14 15.5701C5.73 15.7201 4.26 15.4201 3.18 14.7101C1.6 13.6601 1.6 11.9501 3.18 10.9001C4.25 10.1801 5.75999 9.8901 7.18 10.0501C6.77 10.8901 6.55 11.8401 6.55 12.8501Z" fill="#292D32"/>
+<path d="M12.12 15.87C12.04 15.86 11.95 15.86 11.86 15.87C10.02 15.81 8.55005 14.3 8.55005 12.44C8.56005 10.54 10.09 9 12 9C13.9 9 15.44 10.54 15.44 12.44C15.43 14.3 13.97 15.81 12.12 15.87Z" fill="#292D32"/>
+<path d="M8.87005 17.9401C7.36005 18.9501 7.36005 20.6101 8.87005 21.6101C10.59 22.7601 13.41 22.7601 15.13 21.6101C16.64 20.6001 16.64 18.9401 15.13 17.9401C13.42 16.7901 10.6 16.7901 8.87005 17.9401Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/phone.svg b/public/images/icons/phone.svg
index eae4e7a..8745e80 100644
--- a/public/images/icons/phone.svg
+++ b/public/images/icons/phone.svg
@@ -1,12 +1,4 @@
-    <svg
-      width="24"
-      height="24"
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M17.45 22.75C16.32 22.75 15.13 22.48 13.9 21.96C12.7 21.45 11.49 20.75 10.31 19.9C9.14 19.04 8.01 18.08 6.94 17.03C5.88 15.96 4.92 14.83 4.07 13.67C3.21 12.47 2.52 11.27 2.03 10.11C1.51 8.87 1.25 7.67 1.25 6.54C1.25 5.76 1.39 5.02 1.66 4.33C1.94 3.62 2.39 2.96 3 2.39C3.77 1.63 4.65 1.25 5.59 1.25C5.98 1.25 6.38 1.34 6.72 1.5C7.11 1.68 7.44 1.95 7.68 2.31L10 5.58C10.21 5.87 10.37 6.15 10.48 6.43C10.61 6.73 10.68 7.03 10.68 7.32C10.68 7.7 10.57 8.07 10.36 8.42C10.21 8.69 9.98 8.98 9.69 9.27L9.01 9.98C9.02 10.01 9.03 10.03 9.04 10.05C9.16 10.26 9.4 10.62 9.86 11.16C10.35 11.72 10.81 12.23 11.27 12.7C11.86 13.28 12.35 13.74 12.81 14.12C13.38 14.6 13.75 14.84 13.97 14.95L13.95 15L14.68 14.28C14.99 13.97 15.29 13.74 15.58 13.59C16.13 13.25 16.83 13.19 17.53 13.48C17.79 13.59 18.07 13.74 18.37 13.95L21.69 16.31C22.06 16.56 22.33 16.88 22.49 17.26C22.64 17.64 22.71 17.99 22.71 18.34C22.71 18.82 22.6 19.3 22.39 19.75C22.18 20.2 21.92 20.59 21.59 20.95C21.02 21.58 20.4 22.03 19.68 22.32C18.99 22.6 18.24 22.75 17.45 22.75ZM5.59 2.75C5.04 2.75 4.53 2.99 4.04 3.47C3.58 3.9 3.26 4.37 3.06 4.88C2.85 5.4 2.75 5.95 2.75 6.54C2.75 7.47 2.97 8.48 3.41 9.52C3.86 10.58 4.49 11.68 5.29 12.78C6.09 13.88 7 14.95 8 15.96C9 16.95 10.08 17.87 11.19 18.68C12.27 19.47 13.38 20.11 14.48 20.57C16.19 21.3 17.79 21.47 19.11 20.92C19.62 20.71 20.07 20.39 20.48 19.93C20.71 19.68 20.89 19.41 21.04 19.09C21.16 18.84 21.22 18.58 21.22 18.32C21.22 18.16 21.19 18 21.11 17.82C21.08 17.76 21.02 17.65 20.83 17.52L17.51 15.16C17.31 15.02 17.13 14.92 16.96 14.85C16.74 14.76 16.65 14.67 16.31 14.88C16.11 14.98 15.93 15.13 15.73 15.33L14.97 16.08C14.58 16.46 13.98 16.55 13.52 16.38L13.25 16.26C12.84 16.04 12.36 15.7 11.83 15.25C11.35 14.84 10.83 14.36 10.2 13.74C9.71 13.24 9.22 12.71 8.71 12.12C8.24 11.57 7.9 11.1 7.69 10.71L7.57 10.41C7.51 10.18 7.49 10.05 7.49 9.91C7.49 9.55 7.62 9.23 7.87 8.98L8.62 8.2C8.82 8 8.97 7.81 9.07 7.64C9.15 7.51 9.18 7.4 9.18 7.3C9.18 7.22 9.15 7.1 9.1 6.98C9.03 6.82 8.92 6.64 8.78 6.45L6.46 3.17C6.36 3.03 6.24 2.93 6.09 2.86C5.93 2.79 5.76 2.75 5.59 2.75ZM13.95 15.01L13.79 15.69L14.06 14.99C14.01 14.98 13.97 14.99 13.95 15.01Z"
-        fill="#292D32"
-      />
-    </svg>
\ No newline at end of file
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.05 14.95L9.2 16.8C8.81 17.19 8.19 17.19 7.79 16.81C7.68 16.7 7.57 16.6 7.46 16.49C6.43 15.45 5.5 14.36 4.67 13.22C3.85 12.08 3.19 10.94 2.71 9.81C2.24 8.67 2 7.58 2 6.54C2 5.86 2.12 5.21 2.36 4.61C2.6 4 2.98 3.44 3.51 2.94C4.15 2.31 4.85 2 5.59 2C5.87 2 6.15 2.06 6.4 2.18C6.66 2.3 6.89 2.48 7.07 2.74L9.39 6.01C9.57 6.26 9.7 6.49 9.79 6.71C9.88 6.92 9.93 7.13 9.93 7.32C9.93 7.56 9.86 7.8 9.72 8.03C9.59 8.26 9.4 8.5 9.16 8.74L8.4 9.53C8.29 9.64 8.24 9.77 8.24 9.93C8.24 10.01 8.25 10.08 8.27 10.16C8.3 10.24 8.33 10.3 8.35 10.36C8.53 10.69 8.84 11.12 9.28 11.64C9.73 12.16 10.21 12.69 10.73 13.22C10.83 13.32 10.94 13.42 11.04 13.52C11.44 13.91 11.45 14.55 11.05 14.95Z" fill="#292D32"/>
+<path d="M21.9701 18.33C21.9701 18.61 21.9201 18.9 21.8201 19.18C21.7901 19.26 21.7601 19.34 21.7201 19.42C21.5501 19.78 21.3301 20.12 21.0401 20.44C20.5501 20.98 20.0101 21.37 19.4001 21.62C19.3901 21.62 19.3801 21.63 19.3701 21.63C18.7801 21.87 18.1401 22 17.4501 22C16.4301 22 15.3401 21.76 14.1901 21.27C13.0401 20.78 11.8901 20.12 10.7501 19.29C10.3601 19 9.9701 18.71 9.6001 18.4L12.8701 15.13C13.1501 15.34 13.4001 15.5 13.6101 15.61C13.6601 15.63 13.7201 15.66 13.7901 15.69C13.8701 15.72 13.9501 15.73 14.0401 15.73C14.2101 15.73 14.3401 15.67 14.4501 15.56L15.2101 14.81C15.4601 14.56 15.7001 14.37 15.9301 14.25C16.1601 14.11 16.3901 14.04 16.6401 14.04C16.8301 14.04 17.0301 14.08 17.2501 14.17C17.4701 14.26 17.7001 14.39 17.9501 14.56L21.2601 16.91C21.5201 17.09 21.7001 17.3 21.8101 17.55C21.9101 17.8 21.9701 18.05 21.9701 18.33Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/profile-2user.svg b/public/images/icons/profile-2user.svg
new file mode 100644
index 0000000..e2ddff9
--- /dev/null
+++ b/public/images/icons/profile-2user.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="M9 2C6.38 2 4.25 4.13 4.25 6.75C4.25 9.32 6.26 11.4 8.88 11.49C8.96 11.48 9.04 11.48 9.1 11.49C9.12 11.49 9.13 11.49 9.15 11.49C9.16 11.49 9.16 11.49 9.17 11.49C11.73 11.4 13.74 9.32 13.75 6.75C13.75 4.13 11.62 2 9 2Z" fill="#292D32"/>
+<path d="M14.08 14.1499C11.29 12.2899 6.73996 12.2899 3.92996 14.1499C2.65996 14.9999 1.95996 16.1499 1.95996 17.3799C1.95996 18.6099 2.65996 19.7499 3.91996 20.5899C5.31996 21.5299 7.15996 21.9999 8.99996 21.9999C10.84 21.9999 12.68 21.5299 14.08 20.5899C15.34 19.7399 16.04 18.5999 16.04 17.3599C16.03 16.1299 15.34 14.9899 14.08 14.1499Z" fill="#292D32"/>
+<path d="M19.9901 7.3401C20.1501 9.2801 18.7701 10.9801 16.8601 11.2101C16.8501 11.2101 16.8501 11.2101 16.8401 11.2101H16.8101C16.7501 11.2101 16.6901 11.2101 16.6401 11.2301C15.6701 11.2801 14.7801 10.9701 14.1101 10.4001C15.1401 9.4801 15.7301 8.1001 15.6101 6.6001C15.5401 5.7901 15.2601 5.0501 14.8401 4.4201C15.2201 4.2301 15.6601 4.1101 16.1101 4.0701C18.0701 3.9001 19.8201 5.3601 19.9901 7.3401Z" fill="#292D32"/>
+<path d="M21.99 16.5899C21.91 17.5599 21.29 18.3999 20.25 18.9699C19.25 19.5199 17.99 19.7799 16.74 19.7499C17.46 19.0999 17.88 18.2899 17.96 17.4299C18.06 16.1899 17.47 14.9999 16.29 14.0499C15.62 13.5199 14.84 13.0999 13.99 12.7899C16.2 12.1499 18.98 12.5799 20.69 13.9599C21.61 14.6999 22.08 15.6299 21.99 16.5899Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/red-heart.svg b/public/images/icons/red-heart.svg
index 2a012d2..95c3c3b 100644
--- a/public/images/icons/red-heart.svg
+++ b/public/images/icons/red-heart.svg
@@ -1,13 +1,3 @@
-<svg
-                  width="24"
-                  height="24"
-                  viewBox="0 0 24 24"
-                  fill="none"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"
-                    fill="#FF0000"
-                    stroke="#FF0000"
-                  />
-                </svg>
\ No newline at end of file
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.44 3.1001C14.63 3.1001 13.01 3.9801 12 5.3301C10.99 3.9801 9.37 3.1001 7.56 3.1001C4.49 3.1001 2 5.6001 2 8.6901C2 9.8801 2.19 10.9801 2.52 12.0001C4.1 17.0001 8.97 19.9901 11.38 20.8101C11.72 20.9301 12.28 20.9301 12.62 20.8101C15.03 19.9901 19.9 17.0001 21.48 12.0001C21.81 10.9801 22 9.8801 22 8.6901C22 5.6001 19.51 3.1001 16.44 3.1001Z" fill="#EF4444"/>
+</svg>
diff --git a/public/images/icons/ruler&pen.svg b/public/images/icons/ruler&pen.svg
index 3c2cbc6..d23e552 100644
--- a/public/images/icons/ruler&pen.svg
+++ b/public/images/icons/ruler&pen.svg
@@ -1,9 +1,5 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M18.4697 22.75H14.4697C12.0497 22.75 10.7197 21.42 10.7197 19V5C10.7197 2.58 12.0497 1.25 14.4697 1.25H18.4697C20.8897 1.25 22.2197 2.58 22.2197 5V19C22.2197 21.42 20.8797 22.75 18.4697 22.75ZM14.4697 2.75C12.8897 2.75 12.2197 3.42 12.2197 5V19C12.2197 20.58 12.8897 21.25 14.4697 21.25H18.4697C20.0497 21.25 20.7197 20.58 20.7197 19V5C20.7197 3.42 20.0497 2.75 18.4697 2.75H14.4697Z" fill="#292D32"/>
-<path d="M16.4697 6.75H11.4697C11.0597 6.75 10.7197 6.41 10.7197 6C10.7197 5.59 11.0597 5.25 11.4697 5.25H16.4697C16.8797 5.25 17.2197 5.59 17.2197 6C17.2197 6.41 16.8797 6.75 16.4697 6.75Z" fill="#292D32"/>
-<path d="M15.4697 18.75H11.4697C11.0597 18.75 10.7197 18.41 10.7197 18C10.7197 17.59 11.0597 17.25 11.4697 17.25H15.4697C15.8797 17.25 16.2197 17.59 16.2197 18C16.2197 18.41 15.8797 18.75 15.4697 18.75Z" fill="#292D32"/>
-<path d="M16.4699 14.7502C16.4599 14.7502 16.4599 14.7502 16.4699 14.7502L11.4599 14.7002C11.0499 14.7002 10.7099 14.3602 10.7199 13.9402C10.7199 13.5302 11.0599 13.2002 11.4699 13.2002C11.4699 13.2002 11.4699 13.2002 11.4799 13.2002L16.4799 13.2502C16.8899 13.2502 17.2299 13.5902 17.2199 14.0102C17.2099 14.4202 16.8799 14.7502 16.4699 14.7502Z" fill="#292D32"/>
-<path d="M14.4697 10.75H11.4697C11.0597 10.75 10.7197 10.41 10.7197 10C10.7197 9.59 11.0597 9.25 11.4697 9.25H14.4697C14.8797 9.25 15.2197 9.59 15.2197 10C15.2197 10.41 14.8797 10.75 14.4697 10.75Z" fill="#292D32"/>
-<path d="M5.49027 22.72C4.58027 22.72 3.72027 22.16 3.13027 21.18L2.31027 19.82C2.01027 19.32 1.78027 18.5 1.78027 17.92V4.95C1.78027 2.91 3.44027 1.25 5.48027 1.25C7.52027 1.25 9.18027 2.91 9.18027 4.95V17.91C9.18027 18.49 8.95027 19.31 8.65027 19.81L7.83027 21.17C7.26027 22.16 6.40027 22.72 5.49027 22.72ZM5.49027 2.75C4.28027 2.75 3.29027 3.74 3.29027 4.95V17.91C3.29027 18.22 3.44027 18.77 3.60027 19.04L4.42027 20.4C4.73027 20.92 5.12027 21.21 5.49027 21.21C5.86027 21.21 6.25027 20.91 6.56027 20.4L7.38027 19.04C7.54027 18.77 7.69027 18.22 7.69027 17.91V4.95C7.69027 3.74 6.70027 2.75 5.49027 2.75Z" fill="#292D32"/>
-<path d="M8.44027 7.75H2.53027C2.12027 7.75 1.78027 7.41 1.78027 7C1.78027 6.59 2.12027 6.25 2.53027 6.25H8.44027C8.85027 6.25 9.19027 6.59 9.19027 7C9.19027 7.41 8.85027 7.75 8.44027 7.75Z" fill="#292D32"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.47 2H14.47C12.9772 2 11.7432 3.28581 11.5097 4.75204C11.4663 5.02475 11.6939 5.25 11.97 5.25H16.47C16.88 5.25 17.22 5.59 17.22 6C17.22 6.41 16.88 6.75 16.47 6.75H11.97C11.6939 6.75 11.47 6.97386 11.47 7.25V8.75C11.47 9.02614 11.6939 9.25 11.97 9.25H14.28C14.69 9.25 15.03 9.59 15.03 10C15.03 10.41 14.69 10.75 14.28 10.75H11.97C11.6939 10.75 11.47 10.9739 11.47 11.25V12.705C11.47 12.9792 11.6908 13.2022 11.965 13.2049L16.47 13.25C16.89 13.25 17.22 13.59 17.22 14.01C17.21 14.42 16.88 14.75 16.47 14.75C16.46 14.75 16.46 14.75 16.46 14.75L11.975 14.7051C11.6969 14.7023 11.47 14.9269 11.47 15.205V16.75C11.47 17.0261 11.6939 17.25 11.97 17.25H15.37C15.79 17.25 16.12 17.59 16.12 18C16.12 18.41 15.79 18.75 15.37 18.75H11.97C11.6939 18.75 11.4663 18.9753 11.5097 19.248C11.7432 20.7142 12.9772 22 14.47 22H18.47C20.12 22 21.47 20.66 21.47 19V5C21.47 3.34 20.12 2 18.47 2Z" fill="#292D32"/>
+<path d="M8.44 4.95V5.75C8.44 6.02614 8.21614 6.25 7.94 6.25H3.03C2.75386 6.25 2.53 6.02614 2.53 5.75V4.95C2.53 3.33 3.86 2 5.49 2C7.11 2 8.44 3.33 8.44 4.95Z" fill="#292D32"/>
+<path d="M2.53 17.91C2.53 18.36 2.72 19.05 2.96 19.43L3.77 20.79C4.72 22.37 6.26 22.37 7.2 20.79L8.02 19.43C8.25 19.05 8.44 18.36 8.44 17.91V8.25C8.44 7.97386 8.21614 7.75 7.94 7.75H3.03C2.75386 7.75 2.53 7.97386 2.53 8.25V17.91Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/search-normal.svg b/public/images/icons/search-normal.svg
index de1068d..b67462c 100644
--- a/public/images/icons/search-normal.svg
+++ b/public/images/icons/search-normal.svg
@@ -1,4 +1,4 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M11.5 2C16.75 2 21 6.25 21 11.5C21 16.75 16.75 21 11.5 21C6.25 21 2 16.75 2 11.5C2 7.8 4.11 4.6 7.2 3.03" stroke="#9A9A9A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M22 22L20 20" stroke="#9A9A9A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.5 21.75C5.85 21.75 1.25 17.15 1.25 11.5C1.25 5.85 5.85 1.25 11.5 1.25C17.15 1.25 21.75 5.85 21.75 11.5C21.75 17.15 17.15 21.75 11.5 21.75ZM11.5 2.75C6.67 2.75 2.75 6.68 2.75 11.5C2.75 16.32 6.67 20.25 11.5 20.25C16.33 20.25 20.25 16.32 20.25 11.5C20.25 6.68 16.33 2.75 11.5 2.75Z" fill="#292D32"/>
+<path d="M22.0004 22.7499C21.8104 22.7499 21.6204 22.6799 21.4704 22.5299L19.4704 20.5299C19.1804 20.2399 19.1804 19.7599 19.4704 19.4699C19.7604 19.1799 20.2404 19.1799 20.5304 19.4699L22.5304 21.4699C22.8204 21.7599 22.8204 22.2399 22.5304 22.5299C22.3804 22.6799 22.1904 22.7499 22.0004 22.7499Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/select-img.svg b/public/images/icons/select-img.svg
index c3b7ac2..d008da6 100644
--- a/public/images/icons/select-img.svg
+++ b/public/images/icons/select-img.svg
@@ -1,29 +1,5 @@
- <svg
-      width="24"
-      height="24"
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M9 22H15C20 22 22 20 22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22Z"
-        stroke="#292D32"
-        stroke-width="1.5"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-      <path
-        d="M9 10C10.1046 10 11 9.10457 11 8C11 6.89543 10.1046 6 9 6C7.89543 6 7 6.89543 7 8C7 9.10457 7.89543 10 9 10Z"
-        stroke="#292D32"
-        stroke-width="1.5"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-      <path
-        d="M2.67004 18.95L7.60004 15.64C8.39004 15.11 9.53004 15.17 10.24 15.78L10.57 16.07C11.35 16.74 12.61 16.74 13.39 16.07L17.55 12.5C18.33 11.83 19.59 11.83 20.37 12.5L22 13.9"
-        stroke="#292D32"
-        stroke-width="1.5"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-    </svg>
\ No newline at end of file
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.97 1H18.03C17.16 1 16.52 1.36 16.23 2C16.07 2.29 16 2.63 16 3.03V5.97C16 7.24 16.76 8 18.03 8H20.97C21.37 8 21.71 7.93 22 7.77C22.64 7.48 23 6.84 23 5.97V3.03C23 1.76 22.24 1 20.97 1ZM21.91 4.93C21.81 5.03 21.66 5.1 21.5 5.11H20.09V5.62L20.1 6.5C20.09 6.67 20.03 6.81 19.91 6.93C19.81 7.03 19.66 7.1 19.5 7.1C19.17 7.1 18.9 6.83 18.9 6.5V5.1L17.5 5.11C17.17 5.11 16.9 4.83 16.9 4.5C16.9 4.17 17.17 3.9 17.5 3.9L18.38 3.91H18.9V2.51C18.9 2.18 19.17 1.9 19.5 1.9C19.83 1.9 20.1 2.18 20.1 2.51L20.09 3.22V3.9H21.5C21.83 3.9 22.1 4.17 22.1 4.5C22.09 4.67 22.02 4.81 21.91 4.93Z" fill="#292D32"/>
+<path d="M9 10.3801C10.3144 10.3801 11.38 9.31456 11.38 8.00012C11.38 6.68568 10.3144 5.62012 9 5.62012C7.68556 5.62012 6.62 6.68568 6.62 8.00012C6.62 9.31456 7.68556 10.3801 9 10.3801Z" fill="#292D32"/>
+<path d="M20.97 8H20.5V12.61L20.37 12.5C19.59 11.83 18.33 11.83 17.55 12.5L13.39 16.07C12.61 16.74 11.35 16.74 10.57 16.07L10.23 15.79C9.52 15.17 8.39 15.11 7.59 15.65L3.85 18.16C3.63 17.6 3.5 16.95 3.5 16.19V7.81C3.5 4.99 4.99 3.5 7.81 3.5H16V3.03C16 2.63 16.07 2.29 16.23 2H7.81C4.17 2 2 4.17 2 7.81V16.19C2 17.28 2.19 18.23 2.56 19.03C3.42 20.93 5.26 22 7.81 22H16.19C19.83 22 22 19.83 22 16.19V7.77C21.71 7.93 21.37 8 20.97 8Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/send-msg.svg b/public/images/icons/send-msg.svg
index 5adfd67..fafe077 100644
--- a/public/images/icons/send-msg.svg
+++ b/public/images/icons/send-msg.svg
@@ -1,22 +1,3 @@
-<svg
-      width="33"
-      height="33"
-      viewBox="0 0 33 33"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M10.7937 17.6412L13.1724 18.4387C13.8324 18.6587 14.3412 19.1675 14.5612 19.8275L15.3587 22.2062C16.0324 24.2549 18.9199 24.2137 19.5524 22.165L22.2337 13.53C22.7562 11.8112 21.1749 10.23 19.4837 10.7525L10.8349 13.4337C8.78618 14.0799 8.75869 16.9674 10.7937 17.6412Z"
-        stroke="#676767"
-        stroke-width="1.5"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-      <path
-        d="M27.5 8.25C29.2188 10.5462 30.25 13.4062 30.25 16.5C30.25 24.09 24.09 30.25 16.5 30.25C8.91 30.25 2.75 24.09 2.75 16.5C2.75 8.91 8.91 2.75 16.5 2.75C18.4662 2.75 20.35 3.16251 22.0412 3.91876"
-        stroke="#676767"
-        stroke-width="1.5"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-    </svg>
\ No newline at end of file
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.14 2.96004L7.11 5.96004C1.04 7.99004 1.04 11.3 7.11 13.32L9.79 14.21L10.68 16.89C12.7 22.96 16.02 22.96 18.04 16.89L21.05 7.87004C22.39 3.82004 20.19 1.61004 16.14 2.96004ZM16.46 8.34004L12.66 12.16C12.51 12.31 12.32 12.38 12.13 12.38C11.94 12.38 11.75 12.31 11.6 12.16C11.31 11.87 11.31 11.39 11.6 11.1L15.4 7.28004C15.69 6.99004 16.17 6.99004 16.46 7.28004C16.75 7.57004 16.75 8.05004 16.46 8.34004Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/services.svg b/public/images/icons/services.svg
index 6f17a69..244a0ab 100644
--- a/public/images/icons/services.svg
+++ b/public/images/icons/services.svg
@@ -1,40 +1,5 @@
- <svg
-      width="24"
-      height="24"
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M3 7H21"
-        stroke="#292D32"
-        stroke-width="1.8"
-        stroke-miterlimit="10"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-      <path
-        d="M9.49023 12H21.0002"
-        stroke="#292D32"
-        stroke-width="1.8"
-        stroke-miterlimit="10"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-      <path
-        d="M3 12H5.99"
-        stroke="#292D32"
-        stroke-width="1.8"
-        stroke-miterlimit="10"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-      <path
-        d="M3 17H21"
-        stroke="#292D32"
-        stroke-width="1.8"
-        stroke-miterlimit="10"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-      />
-    </svg>
\ No newline at end of file
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.21 7.81994L12.51 12.2799C12.2 12.4599 11.81 12.4599 11.49 12.2799L3.78997 7.81994C3.23997 7.49994 3.09997 6.74994 3.51997 6.27994C3.80997 5.94994 4.13997 5.67994 4.48997 5.48994L9.90997 2.48994C11.07 1.83994 12.95 1.83994 14.11 2.48994L19.53 5.48994C19.88 5.67994 20.21 5.95994 20.5 6.27994C20.9 6.74994 20.76 7.49994 20.21 7.81994Z" fill="#292D32"/>
+<path d="M11.43 14.1399V20.9599C11.43 21.7199 10.66 22.2199 9.97998 21.8899C7.91998 20.8799 4.44998 18.9899 4.44998 18.9899C3.22998 18.2999 2.22998 16.5599 2.22998 15.1299V9.96988C2.22998 9.17988 3.05998 8.67988 3.73998 9.06988L10.93 13.2399C11.23 13.4299 11.43 13.7699 11.43 14.1399Z" fill="#292D32"/>
+<path d="M12.5699 14.1399V20.9599C12.5699 21.7199 13.3399 22.2199 14.0199 21.8899C16.0799 20.8799 19.5499 18.9899 19.5499 18.9899C20.7699 18.2999 21.7699 16.5599 21.7699 15.1299V9.96988C21.7699 9.17988 20.9399 8.67988 20.2599 9.06988L13.0699 13.2399C12.7699 13.4299 12.5699 13.7699 12.5699 14.1399Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/share.svg b/public/images/icons/share.svg
index 09c696c..c061cf8 100644
--- a/public/images/icons/share.svg
+++ b/public/images/icons/share.svg
@@ -1,8 +1,8 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M16.96 6.16992C18.96 7.55992 20.34 9.76992 20.62 12.3199" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M3.48999 12.37C3.74999 9.82997 5.10999 7.61997 7.08999 6.21997" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M8.18994 20.9399C9.34994 21.5299 10.6699 21.8599 12.0599 21.8599C13.3999 21.8599 14.6599 21.5599 15.7899 21.0099" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M9.28003 4.91989C9.28003 6.44989 10.52 7.69989 12.06 7.69989C13.6 7.69989 14.84 6.45989 14.84 4.91989C14.84 3.37989 13.6 2.13989 12.06 2.13989" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M4.83005 19.9201C6.3654 19.9201 7.61005 18.6755 7.61005 17.1401C7.61005 15.6048 6.3654 14.3601 4.83005 14.3601C3.2947 14.3601 2.05005 15.6048 2.05005 17.1401C2.05005 18.6755 3.2947 19.9201 4.83005 19.9201Z" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M21.94 17.1401C21.94 15.6101 20.7 14.3601 19.16 14.3601C17.62 14.3601 16.38 15.6001 16.38 17.1401C16.38 18.6801 17.62 19.9201 19.16 19.9201" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.36 12.7301C19.99 12.7301 19.68 12.4501 19.64 12.0801C19.4 9.88007 18.22 7.90007 16.4 6.64007C16.07 6.41007 15.99 5.96007 16.22 5.63007C16.45 5.30007 16.9 5.22007 17.23 5.45007C19.4 6.96007 20.8 9.32007 21.09 11.9301C21.13 12.3301 20.84 12.6901 20.44 12.7301C20.41 12.7301 20.39 12.7301 20.36 12.7301Z" fill="#292D32"/>
+<path d="M3.73998 12.7802C3.71998 12.7802 3.68998 12.7802 3.66998 12.7802C3.26998 12.7402 2.97998 12.3802 3.01998 11.9802C3.28998 9.3702 4.66998 7.0102 6.81998 5.4902C7.13998 5.2602 7.59998 5.3402 7.82998 5.6602C8.05998 5.9902 7.97998 6.4402 7.65998 6.6702C5.85998 7.9502 4.68998 9.9302 4.46998 12.1202C4.42998 12.5002 4.10998 12.7802 3.73998 12.7802Z" fill="#292D32"/>
+<path d="M15.99 21.0998C14.76 21.6898 13.44 21.9898 12.06 21.9898C10.62 21.9898 9.24998 21.6698 7.96998 21.0198C7.60998 20.8498 7.46998 20.4098 7.64998 20.0498C7.81998 19.6898 8.25998 19.5498 8.61998 19.7198C9.24998 20.0398 9.91998 20.2598 10.6 20.3898C11.52 20.5698 12.46 20.5798 13.38 20.4198C14.06 20.2998 14.73 20.0898 15.35 19.7898C15.72 19.6198 16.16 19.7598 16.32 20.1298C16.5 20.4898 16.36 20.9298 15.99 21.0998Z" fill="#292D32"/>
+<path d="M12.05 2.00977C10.5 2.00977 9.22998 3.26977 9.22998 4.82977C9.22998 6.38977 10.49 7.64977 12.05 7.64977C13.61 7.64977 14.87 6.38977 14.87 4.82977C14.87 3.26977 13.61 2.00977 12.05 2.00977Z" fill="#292D32"/>
+<path d="M5.04998 13.8701C3.49998 13.8701 2.22998 15.1301 2.22998 16.6901C2.22998 18.2501 3.48998 19.5101 5.04998 19.5101C6.60998 19.5101 7.86998 18.2501 7.86998 16.6901C7.86998 15.1301 6.59998 13.8701 5.04998 13.8701Z" fill="#292D32"/>
+<path d="M18.95 13.8701C17.4 13.8701 16.13 15.1301 16.13 16.6901C16.13 18.2501 17.39 19.5101 18.95 19.5101C20.51 19.5101 21.77 18.2501 21.77 16.6901C21.77 15.1301 20.51 13.8701 18.95 13.8701Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/shop-add.svg b/public/images/icons/shop-add.svg
index 9c13db7..3d1af70 100644
--- a/public/images/icons/shop-add.svg
+++ b/public/images/icons/shop-add.svg
@@ -1,11 +1,4 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M3.04004 15.52V11.22" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M9 19C9 19.75 8.78998 20.4601 8.41998 21.0601C8.22998 21.3801 7.99998 21.67 7.72998 21.9C7.69998 21.94 7.67 21.97 7.63 22C6.93 22.63 6.01 23 5 23C3.78 23 2.68997 22.45 1.96997 21.59C1.94997 21.56 1.92002 21.54 1.90002 21.51C1.78002 21.37 1.67002 21.2201 1.58002 21.0601C1.21002 20.4601 1 19.75 1 19C1 17.74 1.58 16.61 2.5 15.88C2.67 15.74 2.84998 15.62 3.03998 15.52C3.61998 15.19 4.29 15 5 15C6 15 6.89998 15.36 7.59998 15.97C7.71998 16.06 7.82999 16.17 7.92999 16.28C8.58999 17 9 17.95 9 19Z" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M6.48975 18.98H3.50977" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M5 17.52V20.51" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M20.2105 19.6699C19.2905 21.2899 17.5405 21.9999 14.7205 21.9999H9.33051C8.75051 21.9999 8.22047 21.9699 7.73047 21.8999" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M21.0098 11.22V15.71" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M12.0299 12C13.8599 12 15.2099 10.5101 15.0299 8.68005L14.3599 2H9.68989L9.01991 8.68005C8.83991 10.5101 10.1999 12 12.0299 12Z" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M18.3303 12C20.3503 12 21.8303 10.36 21.6303 8.34998L21.3503 5.59998C20.9903 2.99998 19.9903 2 17.3703 2H14.3203L15.0203 9.01001C15.2003 10.66 16.6803 12 18.3303 12Z" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M2.63993 5.59998L2.3599 8.34998C2.1599 10.36 3.63989 12 5.65989 12C7.30989 12 8.79994 10.66 8.95994 9.01001L9.17991 6.80005L9.65989 2H6.6099C5.6999 2 4.9799 2.12001 4.4199 2.39001" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.79999 22.1502C5.14999 22.1502 2.98999 20.0002 2.98999 17.3402V14.5002C2.98999 13.8302 3.64999 13.3802 4.27999 13.6002C4.53999 13.6902 4.79999 13.7502 5.06999 13.7902C5.18999 13.8102 5.30999 13.8302 5.42999 13.8302C5.57999 13.8502 5.73999 13.8602 5.88999 13.8602C6.99999 13.8602 8.09999 13.4502 8.96999 12.7402C9.79999 13.4502 10.87 13.8602 12.01 13.8602C13.15 13.8602 14.21 13.4702 15.04 12.7502C15.9 13.4502 16.98 13.8602 18.08 13.8602C18.25 13.8602 18.43 13.8502 18.59 13.8302C18.71 13.8202 18.81 13.8102 18.92 13.7902C19.22 13.7502 19.49 13.6702 19.76 13.5802C20.38 13.3702 21.03 13.8302 21.03 14.4802V17.3402C21.03 19.9902 18.88 22.1502 16.22 22.1502H7.79999Z" fill="#292D32"/>
+<path d="M21.98 8.5901L21.7 5.9301C21.3 3.0301 19.98 1.8501 17.16 1.8501H14.9H13.48H10.56H9.13H6.82C4.00001 1.8501 2.69 3.0301 2.28 5.9601L2.02 8.6001C1.92 9.6301 2.2 10.6301 2.81 11.4101C3.54 12.3601 4.66 12.9001 5.91 12.9001C7.12 12.9001 8.28 12.2901 9.01 11.3201C9.66001 12.2901 10.78 12.9001 12.02 12.9001C13.26 12.9001 14.35 12.3201 15.01 11.3601C15.75 12.3101 16.89 12.9001 18.09 12.9001C19.37 12.9001 20.52 12.3301 21.24 11.3301C21.82 10.5601 22.08 9.5901 21.98 8.5901ZM13.5 7.7301H12.75V8.5101C12.75 8.9301 12.41 9.2601 12 9.2601C11.59 9.2601 11.25 8.9301 11.25 8.5101V7.7301H10.5C10.09 7.7301 9.75 7.4001 9.75 6.9801C9.75 6.5701 10.09 6.2301 10.5 6.2301H11.25V5.5201C11.25 5.1101 11.59 4.7701 12 4.7701C12.41 4.7701 12.75 5.1101 12.75 5.5201V6.2301H13.5C13.91 6.2301 14.25 6.5701 14.25 6.9801C14.25 7.4001 13.91 7.7301 13.5 7.7301Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/sms.svg b/public/images/icons/sms.svg
index b3e62b9..d56229c 100644
--- a/public/images/icons/sms.svg
+++ b/public/images/icons/sms.svg
@@ -1,4 +1,3 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M22 12.98V15.5C22 19 20 20.5 17 20.5H7C4 20.5 2 19 2 15.5V8.5C2 5 4 3.5 7 3.5H17C20 3.5 22 5 22 8.5" stroke="#293229" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M17 9L13.87 11.5C12.84 12.32 11.15 12.32 10.12 11.5L7 9" stroke="#293229" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17 3.5H7C4 3.5 2 5 2 8.5V15.5C2 19 4 20.5 7 20.5H17C20 20.5 22 19 22 15.5V8.5C22 5 20 3.5 17 3.5ZM17.47 9.59L14.34 12.09C13.68 12.62 12.84 12.88 12 12.88C11.16 12.88 10.31 12.62 9.66 12.09L6.53 9.59C6.21 9.33 6.16 8.85 6.41 8.53C6.67 8.21 7.14 8.15 7.46 8.41L10.59 10.91C11.35 11.52 12.64 11.52 13.4 10.91L16.53 8.41C16.85 8.15 17.33 8.2 17.58 8.53C17.84 8.85 17.79 9.33 17.47 9.59Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/star1.svg b/public/images/icons/star1.svg
index a46bcbf..2c341da 100644
--- a/public/images/icons/star1.svg
+++ b/public/images/icons/star1.svg
@@ -1,12 +1,6 @@
-<svg
-      width="25"
-      height="24"
-      viewBox="0 0 25 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M13.7849 5.1475L15.2387 7.9675C15.4346 8.3575 15.9604 8.7275 16.4038 8.8075L19.033 9.2275C20.7137 9.4975 21.1055 10.6775 19.8991 11.8575L17.8473 13.8475C17.507 14.1775 17.3111 14.8275 17.4246 15.2975L18.0122 17.7575C18.4762 19.6975 17.4039 20.4575 15.6408 19.4375L13.1765 18.0175C12.7331 17.7575 11.9908 17.7575 11.5474 18.0175L9.08314 19.4375C7.32001 20.4475 6.2477 19.6975 6.71169 17.7575L7.29941 15.2975C7.41282 14.8375 7.21692 14.1875 6.87666 13.8475L4.82484 11.8575C3.61848 10.6875 4.01028 9.5075 5.69093 9.2275L8.32016 8.8075C8.76352 8.7375 9.28937 8.3575 9.48528 7.9675L10.9391 5.1475C11.7124 3.6175 12.9909 3.6175 13.7849 5.1475Z"
-        fill="#FFB800"
-      />
-    </svg>
\ No newline at end of file
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.3899 5.20979L16.7999 8.02979C16.9899 8.41979 17.4999 8.78979 17.9299 8.86979L20.4799 9.28979C22.1099 9.55979 22.4899 10.7398 21.3199 11.9198L19.3299 13.9098C18.9999 14.2398 18.8099 14.8898 18.9199 15.3598L19.4899 17.8198C19.9399 19.7598 18.8999 20.5198 17.1899 19.4998L14.7999 18.0798C14.3699 17.8198 13.6499 17.8198 13.2199 18.0798L10.8299 19.4998C9.11994 20.5098 8.07994 19.7598 8.52994 17.8198L9.09994 15.3598C9.18994 14.8798 8.99994 14.2298 8.66994 13.8998L6.67994 11.9098C5.50994 10.7398 5.88994 9.55979 7.51994 9.27979L10.0699 8.85979C10.4999 8.78979 11.0099 8.40979 11.1999 8.01979L12.6099 5.19979C13.3799 3.67979 14.6199 3.67979 15.3899 5.20979Z" fill="#292D32"/>
+<path d="M8 5.75H2C1.59 5.75 1.25 5.41 1.25 5C1.25 4.59 1.59 4.25 2 4.25H8C8.41 4.25 8.75 4.59 8.75 5C8.75 5.41 8.41 5.75 8 5.75Z" fill="#292D32"/>
+<path d="M5 19.75H2C1.59 19.75 1.25 19.41 1.25 19C1.25 18.59 1.59 18.25 2 18.25H5C5.41 18.25 5.75 18.59 5.75 19C5.75 19.41 5.41 19.75 5 19.75Z" fill="#292D32"/>
+<path d="M3 12.75H2C1.59 12.75 1.25 12.41 1.25 12C1.25 11.59 1.59 11.25 2 11.25H3C3.41 11.25 3.75 11.59 3.75 12C3.75 12.41 3.41 12.75 3 12.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/submit.svg b/public/images/icons/submit.svg
index a878824..df1280d 100644
--- a/public/images/icons/submit.svg
+++ b/public/images/icons/submit.svg
@@ -1,22 +1,3 @@
-<svg
-                  width="24"
-                  height="24"
-                  viewBox="0 0 24 24"
-                  fill="none"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M17.5 12C17.5 15.04 15.04 17.5 12 17.5C8.96 17.5 7.10999 14.44 7.10999 14.44M7.10999 14.44H9.59M7.10999 14.44V17.19M6.5 12C6.5 8.96 8.94 6.5 12 6.5C15.67 6.5 17.5 9.56 17.5 9.56M17.5 9.56V6.81M17.5 9.56H15.06"
-                    stroke="#2196EB"
-                    stroke-width="1.5"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  />
-                  <path
-                    d="M2 14V15C2 20 4 22 9 22H15C20 22 22 20 22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9"
-                    stroke="#2196EB"
-                    stroke-width="1.5"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  />
-                </svg>
\ No newline at end of file
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 2C6.49 2 2 6.49 2 12C2 17.51 6.49 22 12 22C17.51 22 22 17.51 22 12C22 6.49 17.51 2 12 2ZM16.78 9.7L11.11 15.37C10.97 15.51 10.78 15.59 10.58 15.59C10.38 15.59 10.19 15.51 10.05 15.37L7.22 12.54C6.93 12.25 6.93 11.77 7.22 11.48C7.51 11.19 7.99 11.19 8.28 11.48L10.58 13.78L15.72 8.64C16.01 8.35 16.49 8.35 16.78 8.64C17.07 8.93 17.07 9.4 16.78 9.7Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/success.svg b/public/images/icons/success.svg
index f22bdc7..df1280d 100644
--- a/public/images/icons/success.svg
+++ b/public/images/icons/success.svg
@@ -1,17 +1,3 @@
- <svg
-      width="50"
-      height="50"
-      viewBox="0 0 50 50"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        opacity="0.4"
-        d="M24.9998 45.8334C36.5058 45.8334 45.8332 36.506 45.8332 25.0001C45.8332 13.4941 36.5058 4.16675 24.9998 4.16675C13.4939 4.16675 4.1665 13.4941 4.1665 25.0001C4.1665 36.506 13.4939 45.8334 24.9998 45.8334Z"
-        fill="#17A600"
-      />
-      <path
-        d="M22.0415 32.4584C21.6248 32.4584 21.229 32.2917 20.9373 32.0001L15.0415 26.1042C14.4373 25.5001 14.4373 24.5001 15.0415 23.8959C15.6457 23.2917 16.6457 23.2917 17.2498 23.8959L22.0415 28.6876L32.7498 17.9792C33.354 17.3751 34.354 17.3751 34.9582 17.9792C35.5623 18.5834 35.5623 19.5834 34.9582 20.1876L23.1457 32.0001C22.854 32.2917 22.4582 32.4584 22.0415 32.4584Z"
-        fill="#17A600"
-      />
-    </svg>
\ No newline at end of file
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 2C6.49 2 2 6.49 2 12C2 17.51 6.49 22 12 22C17.51 22 22 17.51 22 12C22 6.49 17.51 2 12 2ZM16.78 9.7L11.11 15.37C10.97 15.51 10.78 15.59 10.58 15.59C10.38 15.59 10.19 15.51 10.05 15.37L7.22 12.54C6.93 12.25 6.93 11.77 7.22 11.48C7.51 11.19 7.99 11.19 8.28 11.48L10.58 13.78L15.72 8.64C16.01 8.35 16.49 8.35 16.78 8.64C17.07 8.93 17.07 9.4 16.78 9.7Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/sun.svg b/public/images/icons/sun.svg
index 7f46a67..2a7ad25 100644
--- a/public/images/icons/sun.svg
+++ b/public/images/icons/sun.svg
@@ -1,16 +1,4 @@
-<svg
-      width="24"
-      height="24"
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M12 19.25C8 19.25 4.75 16 4.75 12C4.75 8 8 4.75 12 4.75C16 4.75 19.25 8 19.25 12C19.25 16 16 19.25 12 19.25ZM12 6.25C8.83 6.25 6.25 8.83 6.25 12C6.25 15.17 8.83 17.75 12 17.75C15.17 17.75 17.75 15.17 17.75 12C17.75 8.83 15.17 6.25 12 6.25Z"
-        fill="#292D32"
-      />
-      <path
-        d="M12 22.96C11.45 22.96 11 22.55 11 22V21.92C11 21.37 11.45 20.92 12 20.92C12.55 20.92 13 21.37 13 21.92C13 22.47 12.55 22.96 12 22.96ZM19.14 20.14C18.88 20.14 18.63 20.04 18.43 19.85L18.3 19.72C17.91 19.33 17.91 18.7 18.3 18.31C18.69 17.92 19.32 17.92 19.71 18.31L19.84 18.44C20.23 18.83 20.23 19.46 19.84 19.85C19.65 20.04 19.4 20.14 19.14 20.14ZM4.86 20.14C4.6 20.14 4.35 20.04 4.15 19.85C3.76 19.46 3.76 18.83 4.15 18.44L4.28 18.31C4.67 17.92 5.3 17.92 5.69 18.31C6.08 18.7 6.08 19.33 5.69 19.72L5.56 19.85C5.37 20.04 5.11 20.14 4.86 20.14ZM22 13H21.92C21.37 13 20.92 12.55 20.92 12C20.92 11.45 21.37 11 21.92 11C22.47 11 22.96 11.45 22.96 12C22.96 12.55 22.55 13 22 13ZM2.08 13H2C1.45 13 1 12.55 1 12C1 11.45 1.45 11 2 11C2.55 11 3.04 11.45 3.04 12C3.04 12.55 2.63 13 2.08 13ZM19.01 5.99C18.75 5.99 18.5 5.89 18.3 5.7C17.91 5.31 17.91 4.68 18.3 4.29L18.43 4.16C18.82 3.77 19.45 3.77 19.84 4.16C20.23 4.55 20.23 5.18 19.84 5.57L19.71 5.7C19.52 5.89 19.27 5.99 19.01 5.99ZM4.99 5.99C4.73 5.99 4.48 5.89 4.28 5.7L4.15 5.56C3.76 5.17 3.76 4.54 4.15 4.15C4.54 3.76 5.17 3.76 5.56 4.15L5.69 4.28C6.08 4.67 6.08 5.3 5.69 5.69C5.5 5.89 5.24 5.99 4.99 5.99ZM12 3.04C11.45 3.04 11 2.63 11 2.08V2C11 1.45 11.45 1 12 1C12.55 1 13 1.45 13 2C13 2.55 12.55 3.04 12 3.04Z"
-        fill="#292D32"
-      />
-    </svg>
\ No newline at end of file
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 19C15.866 19 19 15.866 19 12C19 8.13401 15.866 5 12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19Z" fill="#292D32"/>
+<path d="M12 22.96C11.45 22.96 11 22.55 11 22V21.92C11 21.37 11.45 20.92 12 20.92C12.55 20.92 13 21.37 13 21.92C13 22.47 12.55 22.96 12 22.96ZM19.14 20.14C18.88 20.14 18.63 20.04 18.43 19.85L18.3 19.72C17.91 19.33 17.91 18.7 18.3 18.31C18.69 17.92 19.32 17.92 19.71 18.31L19.84 18.44C20.23 18.83 20.23 19.46 19.84 19.85C19.65 20.04 19.4 20.14 19.14 20.14ZM4.86 20.14C4.6 20.14 4.35 20.04 4.15 19.85C3.76 19.46 3.76 18.83 4.15 18.44L4.28 18.31C4.67 17.92 5.3 17.92 5.69 18.31C6.08 18.7 6.08 19.33 5.69 19.72L5.56 19.85C5.37 20.04 5.11 20.14 4.86 20.14ZM22 13H21.92C21.37 13 20.92 12.55 20.92 12C20.92 11.45 21.37 11 21.92 11C22.47 11 22.96 11.45 22.96 12C22.96 12.55 22.55 13 22 13ZM2.08 13H2C1.45 13 1 12.55 1 12C1 11.45 1.45 11 2 11C2.55 11 3.04 11.45 3.04 12C3.04 12.55 2.63 13 2.08 13ZM19.01 5.99C18.75 5.99 18.5 5.89 18.3 5.7C17.91 5.31 17.91 4.68 18.3 4.29L18.43 4.16C18.82 3.77 19.45 3.77 19.84 4.16C20.23 4.55 20.23 5.18 19.84 5.57L19.71 5.7C19.52 5.89 19.27 5.99 19.01 5.99ZM4.99 5.99C4.73 5.99 4.48 5.89 4.28 5.7L4.15 5.56C3.76 5.17 3.76 4.54 4.15 4.15C4.54 3.76 5.17 3.76 5.56 4.15L5.69 4.28C6.08 4.67 6.08 5.3 5.69 5.69C5.5 5.89 5.24 5.99 4.99 5.99ZM12 3.04C11.45 3.04 11 2.63 11 2.08V2C11 1.45 11.45 1 12 1C12.55 1 13 1.45 13 2C13 2.55 12.55 3.04 12 3.04Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/teacher.svg b/public/images/icons/teacher.svg
index 12a25a6..e73504d 100644
--- a/public/images/icons/teacher.svg
+++ b/public/images/icons/teacher.svg
@@ -1,27 +1,4 @@
-<svg
-  width="24"
-  height="24"
-  viewBox="0 0 24 24"
-  fill="none"              
-  stroke="currentColor"     
-  xmlns="http://www.w3.org/2000/svg"
->
-  <path
-    d="M5.99953 5.17031L4.02953 6.46031C2.09953 7.72031 2.09953 10.5403 4.02953 11.8003L10.0495 15.7303C11.1295 16.4403 12.9095 16.4403 13.9895 15.7303L19.9795 11.8003C21.8995 10.5403 21.8995 7.73031 19.9795 6.47031L13.9895 2.54031C12.9095 1.83031 11.1295 1.83031 10.0495 2.54031"
-    strokeWidth="1.5"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-  />
-  <path
-    d="M5.63012 13.0801L5.62012 17.7701C5.62012 19.0401 6.60012 20.4001 7.80012 20.8001L10.9901 21.8601C11.5401 22.0401 12.4501 22.0401 13.0101 21.8601L16.2001 20.8001C17.4001 20.4001 18.3801 19.0401 18.3801 17.7701V13.1301"
-    strokeWidth="1.5"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-  />
-  <path
-    d="M21.4004 15V9"
-    strokeWidth="1.5"
-    strokeLinecap="round"
-    strokeLinejoin="round"
-  />
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.83 15.6402C17.5 15.2002 18.38 15.6802 18.38 16.4802V17.7702C18.38 19.0402 17.39 20.4002 16.2 20.8002L13.01 21.8602C12.45 22.0502 11.54 22.0502 10.99 21.8602L7.8 20.8002C6.6 20.4002 5.62 19.0402 5.62 17.7702V16.4702C5.62 15.6802 6.5 15.2002 7.16 15.6302L9.22 16.9702C10.01 17.5002 11.01 17.7602 12.01 17.7602C13.01 17.7602 14.01 17.5002 14.8 16.9702L16.83 15.6402Z" fill="#292D32"/>
+<path d="M19.98 6.46006L13.99 2.53006C12.91 1.82006 11.13 1.82006 10.05 2.53006L4.03002 6.46006C2.10002 7.71006 2.10002 10.5401 4.03002 11.8001L5.63002 12.8401L10.05 15.7201C11.13 16.4301 12.91 16.4301 13.99 15.7201L18.38 12.8401L19.75 11.9401V15.0001C19.75 15.4101 20.09 15.7501 20.5 15.7501C20.91 15.7501 21.25 15.4101 21.25 15.0001V10.0801C21.65 8.79006 21.24 7.29006 19.98 6.46006Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/timer.svg b/public/images/icons/timer.svg
index e480f39..349f9a2 100644
--- a/public/images/icons/timer.svg
+++ b/public/images/icons/timer.svg
@@ -1,3 +1,4 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M15.2398 22.75H8.75982C6.86982 22.75 5.48982 21.96 4.95982 20.6C4.40982 19.18 4.91982 17.42 6.23982 16.23L10.8798 12L6.23982 7.77C4.91982 6.58 4.40982 4.82 4.95982 3.4C5.48982 2.03 6.86982 1.25 8.75982 1.25H15.2398C17.1298 1.25 18.5098 2.04 19.0398 3.4C19.5898 4.82 19.0798 6.58 17.7598 7.77L13.1198 12L17.7698 16.23C19.0798 17.42 19.5998 19.18 19.0498 20.6C18.5098 21.96 17.1298 22.75 15.2398 22.75ZM11.9998 13.01L7.24982 17.33C6.40982 18.1 6.03982 19.22 6.35982 20.05C6.65982 20.82 7.50982 21.25 8.75982 21.25H15.2398C16.4898 21.25 17.3398 20.83 17.6398 20.05C17.9598 19.22 17.5998 18.1 16.7498 17.33L11.9998 13.01ZM8.75982 2.75C7.50982 2.75 6.65982 3.17 6.35982 3.95C6.03982 4.78 6.39982 5.9 7.24982 6.67L11.9998 10.99L16.7498 6.67C17.5898 5.9 17.9598 4.78 17.6398 3.95C17.3398 3.18 16.4898 2.75 15.2398 2.75H8.75982Z" fill="#292D32"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.39 15.67L13.35 12H10.64L6.59998 15.67C5.46998 16.69 5.09998 18.26 5.64998 19.68C6.19998 21.09 7.53998 22 9.04998 22H14.94C16.46 22 17.79 21.09 18.34 19.68C18.89 18.26 18.52 16.69 17.39 15.67ZM13.82 18.14H10.18C9.79998 18.14 9.49998 17.83 9.49998 17.46C9.49998 17.09 9.80998 16.78 10.18 16.78H13.82C14.2 16.78 14.5 17.09 14.5 17.46C14.5 17.83 14.19 18.14 13.82 18.14Z" fill="#292D32"/>
+<path d="M18.35 4.32C17.8 2.91 16.46 2 14.95 2H9.05004C7.54004 2 6.20004 2.91 5.65004 4.32C5.11004 5.74 5.48004 7.31 6.61004 8.33L10.65 12H13.36L17.4 8.33C18.52 7.31 18.89 5.74 18.35 4.32ZM13.82 7.23H10.18C9.80004 7.23 9.50004 6.92 9.50004 6.55C9.50004 6.18 9.81004 5.87 10.18 5.87H13.82C14.2 5.87 14.5 6.18 14.5 6.55C14.5 6.92 14.19 7.23 13.82 7.23Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/user-square.svg b/public/images/icons/user-square.svg
new file mode 100644
index 0000000..6eb4498
--- /dev/null
+++ b/public/images/icons/user-square.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.19C2 19 3.29 20.93 5.56 21.66C6.22 21.89 6.98 22 7.81 22H16.19C17.02 22 17.78 21.89 18.44 21.66C20.71 20.93 22 19 22 16.19V7.81C22 4.17 19.83 2 16.19 2ZM20.5 16.19C20.5 18.33 19.66 19.68 17.97 20.24C17 18.33 14.7 16.97 12 16.97C9.3 16.97 7.01 18.32 6.03 20.24H6.02C4.35 19.7 3.5 18.34 3.5 16.2V7.81C3.5 4.99 4.99 3.5 7.81 3.5H16.19C19.01 3.5 20.5 4.99 20.5 7.81V16.19Z" fill="#292D32"/>
+<path d="M12 8C10.02 8 8.42004 9.6 8.42004 11.58C8.42004 13.56 10.02 15.17 12 15.17C13.98 15.17 15.58 13.56 15.58 11.58C15.58 9.6 13.98 8 12 8Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/user-tick.svg b/public/images/icons/user-tick.svg
index 7aa3ef9..be33776 100644
--- a/public/images/icons/user-tick.svg
+++ b/public/images/icons/user-tick.svg
@@ -1,6 +1,4 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M15.02 3.01001C14.18 2.37001 13.14 2 12 2C9.24 2 7 4.24 7 7C7 9.76 9.24 12 12 12C14.76 12 17 9.76 17 7" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M3.41016 22C3.41016 18.13 7.26015 15 12.0002 15C12.9602 15 13.8902 15.13 14.7602 15.37" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M22 18C22 18.75 21.79 19.46 21.42 20.06C21.21 20.42 20.94 20.74 20.63 21C19.93 21.63 19.01 22 18 22C16.54 22 15.27 21.22 14.58 20.06C14.21 19.46 14 18.75 14 18C14 16.74 14.58 15.61 15.5 14.88C16.19 14.33 17.06 14 18 14C20.21 14 22 15.79 22 18Z" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M16.4404 18L17.4304 18.99L19.5604 17.02" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22 7.5499C22 8.2099 21.46 8.7499 20.8 8.7499H3.2C2.54 8.7499 2 8.2099 2 7.5499V7.5399C2 5.2499 3.85 3.3999 6.14 3.3999H17.85C20.14 3.3999 22 5.2599 22 7.5499Z" fill="#292D32"/>
+<path d="M2 11.45V16.46C2 18.75 3.85 20.6 6.14 20.6H17.85C20.14 20.6 22 18.74 22 16.45V11.45C22 10.79 21.46 10.25 20.8 10.25H3.2C2.54 10.25 2 10.79 2 11.45ZM8 17.25H6C5.59 17.25 5.25 16.91 5.25 16.5C5.25 16.09 5.59 15.75 6 15.75H8C8.41 15.75 8.75 16.09 8.75 16.5C8.75 16.91 8.41 17.25 8 17.25ZM14.5 17.25H10.5C10.09 17.25 9.75 16.91 9.75 16.5C9.75 16.09 10.09 15.75 10.5 15.75H14.5C14.91 15.75 15.25 16.09 15.25 16.5C15.25 16.91 14.91 17.25 14.5 17.25Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/verify.svg b/public/images/icons/verify.svg
index 325af55..2d483b2 100644
--- a/public/images/icons/verify.svg
+++ b/public/images/icons/verify.svg
@@ -1,4 +1,3 @@
-<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path opacity="0.4" d="M35.8331 8.16689C38.1331 6.20023 41.8998 6.20023 44.2331 8.16689L49.4998 12.7002C50.4998 13.5669 52.3664 14.2669 53.6998 14.2669H59.3664C62.8998 14.2669 65.7998 17.1669 65.7998 20.7002V26.3669C65.7998 27.6669 66.4998 29.5669 67.3664 30.5669L71.8998 35.8336C73.8664 38.1336 73.8664 41.9002 71.8998 44.2336L67.3664 49.5002C66.4998 50.5002 65.7998 52.3669 65.7998 53.7002V59.3669C65.7998 62.9002 62.8998 65.8002 59.3664 65.8002H53.6998C52.3998 65.8002 50.4998 66.5002 49.4998 67.3669L44.2331 71.9002C41.9331 73.8669 38.1664 73.8669 35.8331 71.9002L30.5664 67.3669C29.5664 66.5002 27.6998 65.8002 26.3664 65.8002H20.5998C17.0664 65.8002 14.1664 62.9002 14.1664 59.3669V53.6669C14.1664 52.3669 13.4664 50.5002 12.6331 49.5002L8.13311 44.2002C6.19977 41.9002 6.19977 38.1669 8.13311 35.8669L12.6331 30.5669C13.4664 29.5669 14.1664 27.7002 14.1664 26.4002V20.6669C14.1664 17.1336 17.0664 14.2336 20.5998 14.2336H26.3664C27.6664 14.2336 29.5664 13.5336 30.5664 12.6669L35.8331 8.16689Z" fill="#0066FF"/>
-<path d="M35.9665 50.5668C35.2999 50.5668 34.6665 50.3001 34.1999 49.8334L26.1332 41.7668C25.1665 40.8001 25.1665 39.2001 26.1332 38.2334C27.0999 37.2668 28.6999 37.2668 29.6665 38.2334L35.9665 44.5334L50.2999 30.2001C51.2665 29.2334 52.8665 29.2334 53.8332 30.2001C54.7999 31.1668 54.7999 32.7668 53.8332 33.7334L37.7332 49.8334C37.2665 50.3001 36.6332 50.5668 35.9665 50.5668Z" fill="#0066FF"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.56 10.7401L20.2 9.16006C19.94 8.86006 19.73 8.30006 19.73 7.90006V6.20006C19.73 5.14006 18.86 4.27006 17.8 4.27006H16.1C15.71 4.27006 15.14 4.06006 14.84 3.80006L13.26 2.44006C12.57 1.85006 11.44 1.85006 10.74 2.44006L9.17 3.81006C8.87 4.06006 8.3 4.27006 7.91 4.27006H6.18C5.12 4.27006 4.25 5.14006 4.25 6.20006V7.91006C4.25 8.30006 4.04 8.86006 3.79 9.16006L2.44 10.7501C1.86 11.4401 1.86 12.5601 2.44 13.2501L3.79 14.8401C4.04 15.1401 4.25 15.7001 4.25 16.0901V17.8001C4.25 18.8601 5.12 19.7301 6.18 19.7301H7.91C8.3 19.7301 8.87 19.9401 9.17 20.2001L10.75 21.5601C11.44 22.1501 12.57 22.1501 13.27 21.5601L14.85 20.2001C15.15 19.9401 15.71 19.7301 16.11 19.7301H17.81C18.87 19.7301 19.74 18.8601 19.74 17.8001V16.1001C19.74 15.7101 19.95 15.1401 20.21 14.8401L21.57 13.2601C22.15 12.5701 22.15 11.4301 21.56 10.7401ZM16.16 10.1101L11.33 14.9401C11.19 15.0801 11 15.1601 10.8 15.1601C10.6 15.1601 10.41 15.0801 10.27 14.9401L7.85 12.5201C7.56 12.2301 7.56 11.7501 7.85 11.4601C8.14 11.1701 8.62 11.1701 8.91 11.4601L10.8 13.3501L15.1 9.05006C15.39 8.76006 15.87 8.76006 16.16 9.05006C16.45 9.34006 16.45 9.82006 16.16 10.1101Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/verify2.svg b/public/images/icons/verify2.svg
index ae04a6d..2d483b2 100644
--- a/public/images/icons/verify2.svg
+++ b/public/images/icons/verify2.svg
@@ -1,4 +1,3 @@
-<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path opacity="0.4" d="M35.8331 8.16689C38.1331 6.20023 41.8998 6.20023 44.2331 8.16689L49.4998 12.7002C50.4998 13.5669 52.3664 14.2669 53.6998 14.2669H59.3664C62.8998 14.2669 65.7998 17.1669 65.7998 20.7002V26.3669C65.7998 27.6669 66.4998 29.5669 67.3664 30.5669L71.8998 35.8336C73.8664 38.1336 73.8664 41.9002 71.8998 44.2336L67.3664 49.5002C66.4998 50.5002 65.7998 52.3669 65.7998 53.7002V59.3669C65.7998 62.9002 62.8998 65.8002 59.3664 65.8002H53.6998C52.3998 65.8002 50.4998 66.5002 49.4998 67.3669L44.2331 71.9002C41.9331 73.8669 38.1664 73.8669 35.8331 71.9002L30.5664 67.3669C29.5664 66.5002 27.6998 65.8002 26.3664 65.8002H20.5998C17.0664 65.8002 14.1664 62.9002 14.1664 59.3669V53.6669C14.1664 52.3669 13.4664 50.5002 12.6331 49.5002L8.13311 44.2002C6.19977 41.9002 6.19977 38.1669 8.13311 35.8669L12.6331 30.5669C13.4664 29.5669 14.1664 27.7002 14.1664 26.4002V20.6669C14.1664 17.1336 17.0664 14.2336 20.5998 14.2336H26.3664C27.6664 14.2336 29.5664 13.5336 30.5664 12.6669L35.8331 8.16689Z" fill="#fcba03"/>
-<path d="M35.9665 50.5668C35.2999 50.5668 34.6665 50.3001 34.1999 49.8334L26.1332 41.7668C25.1665 40.8001 25.1665 39.2001 26.1332 38.2334C27.0999 37.2668 28.6999 37.2668 29.6665 38.2334L35.9665 44.5334L50.2999 30.2001C51.2665 29.2334 52.8665 29.2334 53.8332 30.2001C54.7999 31.1668 54.7999 32.7668 53.8332 33.7334L37.7332 49.8334C37.2665 50.3001 36.6332 50.5668 35.9665 50.5668Z" fill="#fcba03"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.56 10.7401L20.2 9.16006C19.94 8.86006 19.73 8.30006 19.73 7.90006V6.20006C19.73 5.14006 18.86 4.27006 17.8 4.27006H16.1C15.71 4.27006 15.14 4.06006 14.84 3.80006L13.26 2.44006C12.57 1.85006 11.44 1.85006 10.74 2.44006L9.17 3.81006C8.87 4.06006 8.3 4.27006 7.91 4.27006H6.18C5.12 4.27006 4.25 5.14006 4.25 6.20006V7.91006C4.25 8.30006 4.04 8.86006 3.79 9.16006L2.44 10.7501C1.86 11.4401 1.86 12.5601 2.44 13.2501L3.79 14.8401C4.04 15.1401 4.25 15.7001 4.25 16.0901V17.8001C4.25 18.8601 5.12 19.7301 6.18 19.7301H7.91C8.3 19.7301 8.87 19.9401 9.17 20.2001L10.75 21.5601C11.44 22.1501 12.57 22.1501 13.27 21.5601L14.85 20.2001C15.15 19.9401 15.71 19.7301 16.11 19.7301H17.81C18.87 19.7301 19.74 18.8601 19.74 17.8001V16.1001C19.74 15.7101 19.95 15.1401 20.21 14.8401L21.57 13.2601C22.15 12.5701 22.15 11.4301 21.56 10.7401ZM16.16 10.1101L11.33 14.9401C11.19 15.0801 11 15.1601 10.8 15.1601C10.6 15.1601 10.41 15.0801 10.27 14.9401L7.85 12.5201C7.56 12.2301 7.56 11.7501 7.85 11.4601C8.14 11.1701 8.62 11.1701 8.91 11.4601L10.8 13.3501L15.1 9.05006C15.39 8.76006 15.87 8.76006 16.16 9.05006C16.45 9.34006 16.45 9.82006 16.16 10.1101Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/verify3.svg b/public/images/icons/verify3.svg
index 16228b0..2d483b2 100644
--- a/public/images/icons/verify3.svg
+++ b/public/images/icons/verify3.svg
@@ -1,4 +1,3 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8.37988 12.0001L10.7899 14.4201L15.6199 9.58008" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M4.23988 6.20008C4.23988 5.14008 5.10988 4.27008 6.16988 4.27008H7.89988C8.29988 4.27008 8.85988 4.06008 9.15988 3.81008L10.7399 2.46008C11.4399 1.87008 12.5699 1.87008 13.2499 2.46008L14.8299 3.81008C15.1299 4.06008 15.6999 4.27008 16.0999 4.27008H17.7999C18.8599 4.27008 19.7299 5.14008 19.7299 6.20008V7.90008C19.7299 8.30008 19.9399 8.86008 20.1899 9.16008L21.5399 10.7401C22.1299 11.4401 22.1299 12.5701 21.5399 13.2501L20.1899 14.8301C19.9399 15.1301 19.7299 15.6901 19.7299 16.0901V17.7901C19.7299 18.8501 18.8599 19.7201 17.7999 19.7201H16.0999C15.6999 19.7201 15.1399 19.9301 14.8399 20.1801L13.2599 21.5301C12.5599 22.1201 11.4299 22.1201 10.7499 21.5301L9.16988 20.1801C8.86988 19.9301 8.29988 19.7201 7.90988 19.7201H6.16988C5.10988 19.7201 4.23988 18.8501 4.23988 17.7901V16.0801C4.23988 15.6901 4.03988 15.1201 3.78988 14.8301L2.43988 13.2401C1.85988 12.5501 1.85988 11.4301 2.43988 10.7401L2.99988 10.0801" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.56 10.7401L20.2 9.16006C19.94 8.86006 19.73 8.30006 19.73 7.90006V6.20006C19.73 5.14006 18.86 4.27006 17.8 4.27006H16.1C15.71 4.27006 15.14 4.06006 14.84 3.80006L13.26 2.44006C12.57 1.85006 11.44 1.85006 10.74 2.44006L9.17 3.81006C8.87 4.06006 8.3 4.27006 7.91 4.27006H6.18C5.12 4.27006 4.25 5.14006 4.25 6.20006V7.91006C4.25 8.30006 4.04 8.86006 3.79 9.16006L2.44 10.7501C1.86 11.4401 1.86 12.5601 2.44 13.2501L3.79 14.8401C4.04 15.1401 4.25 15.7001 4.25 16.0901V17.8001C4.25 18.8601 5.12 19.7301 6.18 19.7301H7.91C8.3 19.7301 8.87 19.9401 9.17 20.2001L10.75 21.5601C11.44 22.1501 12.57 22.1501 13.27 21.5601L14.85 20.2001C15.15 19.9401 15.71 19.7301 16.11 19.7301H17.81C18.87 19.7301 19.74 18.8601 19.74 17.8001V16.1001C19.74 15.7101 19.95 15.1401 20.21 14.8401L21.57 13.2601C22.15 12.5701 22.15 11.4301 21.56 10.7401ZM16.16 10.1101L11.33 14.9401C11.19 15.0801 11 15.1601 10.8 15.1601C10.6 15.1601 10.41 15.0801 10.27 14.9401L7.85 12.5201C7.56 12.2301 7.56 11.7501 7.85 11.4601C8.14 11.1701 8.62 11.1701 8.91 11.4601L10.8 13.3501L15.1 9.05006C15.39 8.76006 15.87 8.76006 16.16 9.05006C16.45 9.34006 16.45 9.82006 16.16 10.1101Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/24-support.svg b/public/images/icons/vuesax/bold/24-support.svg
new file mode 100644
index 0000000..d0c1825
--- /dev/null
+++ b/public/images/icons/vuesax/bold/24-support.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="M18 2H6C4.34 2 3 3.33 3 4.97V15.88C3 17.52 4.34 18.85 6 18.85H6.76C7.56 18.85 8.32 19.16 8.88 19.72L10.59 21.41C11.37 22.18 12.64 22.18 13.42 21.41L15.13 19.72C15.69 19.16 16.46 18.85 17.25 18.85H18C19.66 18.85 21 17.52 21 15.88V4.97C21 3.33 19.66 2 18 2ZM10.38 13.01C10.79 13.01 11.13 13.35 11.13 13.76C11.13 14.17 10.79 14.51 10.38 14.51H7.7C7.26 14.51 6.85 14.3 6.59 13.94C6.34 13.6 6.28 13.18 6.4 12.78C6.75 11.71 7.61 11.13 8.37 10.61C9.17 10.07 9.62 9.73 9.62 9.15C9.62 8.63 9.2 8.21 8.68 8.21C8.16 8.21 7.75 8.64 7.75 9.16C7.75 9.57 7.41 9.91 7 9.91C6.59 9.91 6.25 9.57 6.25 9.16C6.25 7.82 7.34 6.72 8.69 6.72C10.04 6.72 11.13 7.81 11.13 9.16C11.13 10.57 10.07 11.29 9.22 11.87C8.69 12.23 8.19 12.57 7.94 13.02H10.38V13.01ZM17 13.08H16.79V13.77C16.79 14.18 16.45 14.52 16.04 14.52C15.63 14.52 15.29 14.18 15.29 13.77V13.08H13.33C13.33 13.08 13.33 13.08 13.32 13.08C12.83 13.08 12.38 12.82 12.13 12.4C11.88 11.97 11.88 11.44 12.13 11.02C12.81 9.85 13.6 8.52 14.32 7.36C14.64 6.85 15.25 6.62 15.82 6.78C16.39 6.95 16.79 7.47 16.78 8.07V11.59H17C17.41 11.59 17.75 11.93 17.75 12.34C17.75 12.75 17.41 13.08 17 13.08Z" fill="#292D32"/>
+<path d="M15.29 11.5801V8.64014C14.7 9.60014 14.09 10.6301 13.54 11.5701H15.29V11.5801Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/3d-cube-scan.svg b/public/images/icons/vuesax/bold/3d-cube-scan.svg
new file mode 100644
index 0000000..c4063a1
--- /dev/null
+++ b/public/images/icons/vuesax/bold/3d-cube-scan.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="M22 9.75C21.59 9.75 21.25 9.41 21.25 9V7C21.25 4.42 19.58 2.75 17 2.75H7C4.42 2.75 2.75 4.42 2.75 7V9C2.75 9.41 2.41 9.75 2 9.75C1.59 9.75 1.25 9.41 1.25 9V7C1.25 3.56 3.56 1.25 7 1.25H17C20.44 1.25 22.75 3.56 22.75 7V9C22.75 9.41 22.41 9.75 22 9.75Z" fill="#292D32"/>
+<path d="M17 22.75H7C3.56 22.75 1.25 20.44 1.25 17V15C1.25 14.59 1.59 14.25 2 14.25C2.41 14.25 2.75 14.59 2.75 15V17C2.75 19.58 4.42 21.25 7 21.25H17C19.58 21.25 21.25 19.58 21.25 17V15C21.25 14.59 21.59 14.25 22 14.25C22.41 14.25 22.75 14.59 22.75 15V17C22.75 20.44 20.44 22.75 17 22.75Z" fill="#292D32"/>
+<path d="M16.4 8.20996L12.64 6.17996C12.24 5.96996 11.77 5.96996 11.37 6.17996L7.60003 8.20996C7.33003 8.35996 7.16003 8.64996 7.16003 8.96996C7.16003 9.29996 7.33003 9.58996 7.60003 9.73996L11.36 11.77C11.56 11.88 11.78 11.93 12 11.93C12.22 11.93 12.44 11.88 12.64 11.77L16.4 9.73996C16.67 9.58996 16.84 9.29996 16.84 8.96996C16.84 8.64996 16.67 8.35996 16.4 8.20996Z" fill="#292D32"/>
+<path d="M10.74 12.4699L7.24 10.7199C6.97 10.5899 6.66 10.5999 6.4 10.7599C6.15 10.9199 6 11.1899 6 11.4899V14.7999C6 15.3699 6.32 15.8899 6.83 16.1399L10.33 17.8899C10.45 17.9499 10.58 17.9799 10.72 17.9799C10.88 17.9799 11.03 17.9399 11.17 17.8499C11.43 17.6899 11.58 17.4199 11.58 17.1199V13.8099C11.57 13.2399 11.26 12.7299 10.74 12.4699Z" fill="#292D32"/>
+<path d="M17.59 10.7599C17.33 10.5999 17.02 10.5899 16.75 10.7199L13.25 12.4699C12.74 12.7299 12.42 13.2399 12.42 13.8099V17.1199C12.42 17.4199 12.57 17.6899 12.83 17.8499C12.97 17.9399 13.12 17.9799 13.28 17.9799C13.41 17.9799 13.54 17.9499 13.67 17.8899L17.17 16.1399C17.68 15.8799 18 15.3699 18 14.7999V11.4899C18 11.1899 17.85 10.9199 17.59 10.7599Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/3d-rotate.svg b/public/images/icons/vuesax/bold/3d-rotate.svg
new file mode 100644
index 0000000..40ead27
--- /dev/null
+++ b/public/images/icons/vuesax/bold/3d-rotate.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="M15 22.7502C14.73 22.7502 14.48 22.6002 14.35 22.3702C14.22 22.1302 14.22 21.8502 14.36 21.6102L15.41 19.8602C15.62 19.5102 16.08 19.3902 16.44 19.6002C16.8 19.8102 16.91 20.2702 16.7 20.6302L16.43 21.0802C19.19 20.4302 21.26 17.9502 21.26 14.9902C21.26 14.5802 21.6 14.2402 22.01 14.2402C22.42 14.2402 22.76 14.5802 22.76 14.9902C22.75 19.2702 19.27 22.7502 15 22.7502Z" fill="#292D32"/>
+<path d="M2 9.75C1.59 9.75 1.25 9.41 1.25 9C1.25 4.73 4.73 1.25 9 1.25C9.27 1.25 9.52 1.4 9.65 1.63C9.78 1.87 9.78 2.15 9.64 2.39L8.59 4.14C8.38 4.49 7.92 4.61 7.56 4.39C7.21 4.18 7.09 3.72 7.31 3.36L7.58 2.91C4.81 3.56 2.75 6.04 2.75 9C2.75 9.41 2.41 9.75 2 9.75Z" fill="#292D32"/>
+<path d="M16.4 8.20996L12.64 6.17996C12.24 5.96996 11.77 5.96996 11.37 6.17996L7.59997 8.20996C7.32997 8.35996 7.15997 8.64996 7.15997 8.96996C7.15997 9.29996 7.32997 9.58996 7.59997 9.73996L11.36 11.77C11.56 11.88 11.78 11.93 12 11.93C12.22 11.93 12.44 11.88 12.64 11.77L16.4 9.73996C16.67 9.58996 16.84 9.29996 16.84 8.96996C16.84 8.64996 16.67 8.35996 16.4 8.20996Z" fill="#292D32"/>
+<path d="M10.74 12.4699L7.24 10.7199C6.97 10.5899 6.66 10.5999 6.4 10.7599C6.15 10.9199 6 11.1899 6 11.4899V14.7999C6 15.3699 6.32 15.8899 6.83 16.1399L10.33 17.8899C10.45 17.9499 10.58 17.9799 10.72 17.9799C10.88 17.9799 11.03 17.9399 11.17 17.8499C11.43 17.6899 11.58 17.4199 11.58 17.1199V13.8099C11.57 13.2399 11.26 12.7299 10.74 12.4699Z" fill="#292D32"/>
+<path d="M17.59 10.7599C17.33 10.5999 17.02 10.5899 16.75 10.7199L13.25 12.4699C12.74 12.7299 12.42 13.2399 12.42 13.8099V17.1199C12.42 17.4199 12.57 17.6899 12.83 17.8499C12.97 17.9399 13.12 17.9799 13.28 17.9799C13.41 17.9799 13.54 17.9499 13.67 17.8899L17.17 16.1399C17.68 15.8799 18 15.3699 18 14.7999V11.4899C18 11.1899 17.85 10.9199 17.59 10.7599Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/3d-square.svg b/public/images/icons/vuesax/bold/3d-square.svg
new file mode 100644
index 0000000..1623082
--- /dev/null
+++ b/public/images/icons/vuesax/bold/3d-square.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.19 2.33008H7.81C4.17 2.33008 2 4.51008 2 8.15008V16.5201C2 20.1601 4.17 22.3301 7.81 22.3301H16.18C19.82 22.3301 21.99 20.1601 21.99 16.5201V8.15008C22 4.51008 19.83 2.33008 16.19 2.33008ZM11.57 17.1201C11.57 17.4201 11.42 17.6901 11.16 17.8501C11.02 17.9401 10.87 17.9801 10.71 17.9801C10.58 17.9801 10.45 17.9501 10.32 17.8901L6.82 16.1401C6.32 15.8801 6 15.3701 6 14.8001V11.4901C6 11.1901 6.15 10.9201 6.41 10.7601C6.67 10.6001 6.98 10.5901 7.25 10.7201L10.75 12.4701C11.26 12.7301 11.58 13.2401 11.58 13.8101V17.1201H11.57ZM11.36 11.7701L7.6 9.74008C7.33 9.59008 7.16 9.30008 7.16 8.97008C7.16 8.65008 7.33 8.35008 7.6 8.20008L11.36 6.17008C11.76 5.96008 12.23 5.96008 12.63 6.17008L16.39 8.20008C16.66 8.35008 16.83 8.64008 16.83 8.97008C16.83 9.30008 16.66 9.59008 16.39 9.74008L12.63 11.7701C12.43 11.8801 12.21 11.9301 11.99 11.9301C11.77 11.9301 11.56 11.8801 11.36 11.7701ZM18 14.8001C18 15.3701 17.68 15.8901 17.17 16.1401L13.67 17.8901C13.55 17.9501 13.42 17.9801 13.28 17.9801C13.12 17.9801 12.97 17.9401 12.83 17.8501C12.57 17.6901 12.42 17.4201 12.42 17.1201V13.8101C12.42 13.2401 12.74 12.7201 13.25 12.4701L16.75 10.7201C17.02 10.5901 17.33 10.6001 17.59 10.7601C17.85 10.9201 18 11.1901 18 11.4901V14.8001Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/3dcube.svg b/public/images/icons/vuesax/bold/3dcube.svg
new file mode 100644
index 0000000..32645a8
--- /dev/null
+++ b/public/images/icons/vuesax/bold/3dcube.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="M19.33 5.67979L13.06 2.29979C12.4 1.93979 11.6 1.93979 10.94 2.29979L4.66999 5.67979C4.20999 5.92979 3.92999 6.40979 3.92999 6.95979C3.92999 7.49979 4.20999 7.98979 4.66999 8.23979L10.94 11.6198C11.27 11.7998 11.64 11.8898 12 11.8898C12.36 11.8898 12.73 11.7998 13.06 11.6198L19.33 8.23979C19.79 7.98979 20.07 7.50979 20.07 6.95979C20.07 6.40979 19.79 5.92979 19.33 5.67979Z" fill="#292D32"/>
+<path d="M9.91 12.79L4.07 9.87C3.62 9.65 3.1 9.67 2.68 9.93C2.25 10.2 2 10.65 2 11.15V16.66C2 17.61 2.53 18.47 3.38 18.9L9.21 21.82C9.41 21.92 9.63 21.97 9.85 21.97C10.11 21.97 10.37 21.9 10.6 21.76C11.03 21.5 11.28 21.04 11.28 20.54V15.03C11.29 14.07 10.76 13.21 9.91 12.79Z" fill="#292D32"/>
+<path d="M21.32 9.93014C20.89 9.67014 20.37 9.64014 19.93 9.87014L14.1 12.7901C13.25 13.2201 12.72 14.0701 12.72 15.0301V20.5401C12.72 21.0401 12.97 21.5001 13.4 21.7601C13.63 21.9001 13.89 21.9701 14.15 21.9701C14.37 21.9701 14.59 21.9201 14.79 21.8201L20.62 18.9001C21.47 18.4701 22 17.6201 22 16.6601V11.1501C22 10.6501 21.75 10.2001 21.32 9.93014Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/3full.svg b/public/images/icons/vuesax/bold/3full.svg
new file mode 100644
index 0000000..aed15a2
--- /dev/null
+++ b/public/images/icons/vuesax/bold/3full.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="M20.42 8.99998C20.28 8.98998 20.1 8.97998 19.9 8.97998C19.51 8.97998 19.2 9.28998 19.2 9.67998V14.33C19.2 14.72 19.51 15.03 19.9 15.03C20.1 15.03 20.27 15.02 20.44 15.01C22 14.83 22 13.73 22 12.93V11.07C22 10.27 22 9.16998 20.42 8.99998Z" fill="#292D32"/>
+<path d="M12.93 4.79004H7.35C3.25 4.79004 2 6.04004 2 10.14V13.86C2 17.96 3.25 19.21 7.35 19.21H12.93C17.03 19.21 18.28 17.96 18.28 13.86V10.14C18.28 6.04004 17.03 4.79004 12.93 4.79004ZM7.1 14.18C7.02 14.52 6.71 14.75 6.37 14.75C6.31 14.75 6.25 14.74 6.19 14.73C5.79 14.63 5.54 14.22 5.64 13.82C5.94 12.63 5.94 11.37 5.64 10.18C5.54 9.78004 5.78 9.37004 6.19 9.27004C6.6 9.17004 7 9.42004 7.1 9.82004C7.46 11.25 7.46 12.75 7.1 14.18ZM10.6 14.18C10.52 14.52 10.21 14.75 9.87 14.75C9.81 14.75 9.75 14.74 9.69 14.73C9.29 14.63 9.04 14.22 9.14 13.82C9.44 12.63 9.44 11.37 9.14 10.18C9.04 9.78004 9.28 9.37004 9.69 9.27004C10.09 9.17004 10.5 9.41004 10.6 9.82004C10.96 11.25 10.96 12.75 10.6 14.18Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/3square.svg b/public/images/icons/vuesax/bold/3square.svg
new file mode 100644
index 0000000..b5408ab
--- /dev/null
+++ b/public/images/icons/vuesax/bold/3square.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 18.5V19.38C12 21.25 11.25 22 9.37 22H4.62C3.17 22 2 20.83 2 19.38V14.63C2 12.75 2.75 12 4.62 12H5.5V15.5C5.5 17.16 6.84 18.5 8.5 18.5H12Z" fill="#292D32"/>
+<path d="M17 13.5V14.37C17 15.82 15.82 17 14.37 17H9.62C7.75 17 7 16.25 7 14.37V9.62C7 8.17 8.17 7 9.62 7H10.5V10.5C10.5 12.16 11.84 13.5 13.5 13.5H17Z" fill="#292D32"/>
+<path d="M22 4.62V9.37C22 11.25 21.25 12 19.37 12H14.62C12.75 12 12 11.25 12 9.37V4.62C12 2.75 12.75 2 14.62 2H19.37C21.25 2 22 2.75 22 4.62Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/Bulk.svg b/public/images/icons/vuesax/bold/Bulk.svg
new file mode 100644
index 0000000..ca4b867
--- /dev/null
+++ b/public/images/icons/vuesax/bold/Bulk.svg
@@ -0,0 +1,3 @@
+<svg width="292" height="46" viewBox="0 0 292 46" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M31.7281 29.6162C30.0321 31.6642 28.0321 33.2322 25.7281 34.3202C23.4241 35.3762 20.8481 35.9042 18.0001 35.9042C15.4401 35.9042 13.0561 35.4402 10.8481 34.5122C8.67212 33.5842 6.78412 32.3202 5.18412 30.7202C3.58412 29.1202 2.32012 27.2322 1.39212 25.0562C0.464121 22.8482 0.000121117 20.4802 0.000121117 17.9522C0.000121117 15.4242 0.464121 13.0722 1.39212 10.8962C2.32012 8.68823 3.58412 6.78423 5.18412 5.18423C6.78412 3.58423 8.67212 2.32023 10.8481 1.39223C13.0561 0.464229 15.4401 0.000227928 18.0001 0.000227928C20.7521 0.000227928 23.1681 0.480228 25.2481 1.44023C27.3601 2.40023 29.2321 3.79223 30.8641 5.61623L26.3041 10.0322C25.2801 8.84823 24.0961 7.90423 22.7521 7.20023C21.4401 6.49623 19.8721 6.14423 18.0481 6.14423C16.4481 6.14423 14.9441 6.43223 13.5361 7.00823C12.1281 7.55223 10.8961 8.33623 9.84012 9.36023C8.81612 10.3842 8.00012 11.6322 7.39212 13.1042C6.78412 14.5442 6.48012 16.1602 6.48012 17.9522C6.48012 19.7442 6.78412 21.3762 7.39212 22.8482C8.00012 24.2882 8.81612 25.5202 9.84012 26.5442C10.8961 27.5682 12.1281 28.3682 13.5361 28.9442C14.9441 29.4882 16.4481 29.7602 18.0481 29.7602C19.9681 29.7602 21.6641 29.3762 23.1361 28.6082C24.6401 27.8082 25.9681 26.6882 27.1201 25.2482L31.7281 29.6162ZM35.6934 11.6162H41.5974V14.8802H41.9814C42.2694 14.3042 42.6534 13.7762 43.1334 13.2962C43.6134 12.8162 44.1414 12.4002 44.7174 12.0482C45.3254 11.6962 45.9654 11.4242 46.6374 11.2322C47.3414 11.0402 48.0294 10.9442 48.7014 10.9442C49.5334 10.9442 50.2374 11.0242 50.8134 11.1842C51.4214 11.3442 51.9334 11.5522 52.3494 11.8082L50.6694 17.5202C50.2854 17.3282 49.8534 17.1842 49.3734 17.0882C48.9254 16.9602 48.3654 16.8962 47.6934 16.8962C46.8294 16.8962 46.0454 17.0722 45.3414 17.4242C44.6374 17.7442 44.0294 18.2082 43.5174 18.8162C43.0374 19.4242 42.6534 20.1442 42.3654 20.9762C42.1094 21.7762 41.9814 22.6562 41.9814 23.6162V35.1362H35.6934V11.6162ZM63.101 33.9842L53.213 11.6162H60.365L66.317 25.8722H66.653L72.365 11.6162H79.373L64.637 45.5042H57.869L63.101 33.9842ZM82.0482 11.6162H87.9522V14.4482H88.3362C88.9122 13.4562 89.8082 12.6082 91.0242 11.9042C92.2402 11.2002 93.7442 10.8482 95.5362 10.8482C97.0402 10.8482 98.4642 11.1682 99.8082 11.8082C101.184 12.4162 102.384 13.2802 103.408 14.4002C104.464 15.4882 105.296 16.8002 105.904 18.3362C106.512 19.8722 106.816 21.5522 106.816 23.3762C106.816 25.2002 106.512 26.8802 105.904 28.4162C105.296 29.9522 104.464 31.2802 103.408 32.4002C102.384 33.4882 101.184 34.3522 99.8082 34.9922C98.4642 35.6002 97.0402 35.9042 95.5362 35.9042C93.7442 35.9042 92.2402 35.5522 91.0242 34.8482C89.8082 34.1442 88.9122 33.2962 88.3362 32.3042H87.9522L88.3362 35.6642V45.5042H82.0482V11.6162ZM94.2402 30.0962C95.0722 30.0962 95.8562 29.9362 96.5922 29.6162C97.3602 29.2962 98.0322 28.8482 98.6082 28.2722C99.1842 27.6962 99.6482 26.9922 100 26.1602C100.352 25.3282 100.528 24.4002 100.528 23.3762C100.528 22.3522 100.352 21.4242 100 20.5922C99.6482 19.7602 99.1842 19.0562 98.6082 18.4802C98.0322 17.9042 97.3602 17.4562 96.5922 17.1362C95.8562 16.8162 95.0722 16.6562 94.2402 16.6562C93.4082 16.6562 92.6082 16.8162 91.8402 17.1362C91.1042 17.4242 90.4482 17.8562 89.8722 18.4322C89.2962 19.0082 88.8322 19.7122 88.4802 20.5442C88.1282 21.3762 87.9522 22.3202 87.9522 23.3762C87.9522 24.4322 88.1282 25.3762 88.4802 26.2082C88.8322 27.0402 89.2962 27.7442 89.8722 28.3202C90.4482 28.8962 91.1042 29.3442 91.8402 29.6642C92.6082 29.9522 93.4082 30.0962 94.2402 30.0962ZM112.488 16.9922H108.36V11.6162H112.488V4.41623H118.776V11.6162H124.536V16.9922H118.776V26.1122C118.776 26.6562 118.824 27.1682 118.92 27.6482C119.048 28.0962 119.272 28.4802 119.592 28.8002C120.04 29.3122 120.68 29.5682 121.512 29.5682C122.056 29.5682 122.488 29.5202 122.808 29.4242C123.128 29.2962 123.432 29.1362 123.72 28.9442L125.496 34.4642C124.76 34.8162 123.96 35.0722 123.096 35.2322C122.264 35.4242 121.336 35.5202 120.312 35.5202C119.128 35.5202 118.056 35.3442 117.096 34.9922C116.168 34.6082 115.384 34.0962 114.744 33.4562C113.24 32.0162 112.488 29.9682 112.488 27.3122V16.9922ZM140.064 10.8482C141.888 10.8482 143.552 11.1682 145.056 11.8082C146.592 12.4162 147.904 13.2802 148.992 14.4002C150.112 15.4882 150.976 16.8002 151.584 18.3362C152.224 19.8722 152.544 21.5522 152.544 23.3762C152.544 25.2002 152.224 26.8802 151.584 28.4162C150.976 29.9522 150.112 31.2802 148.992 32.4002C147.904 33.4882 146.592 34.3522 145.056 34.9922C143.552 35.6002 141.888 35.9042 140.064 35.9042C138.24 35.9042 136.56 35.6002 135.024 34.9922C133.52 34.3522 132.208 33.4882 131.088 32.4002C130 31.2802 129.136 29.9522 128.496 28.4162C127.888 26.8802 127.584 25.2002 127.584 23.3762C127.584 21.5522 127.888 19.8722 128.496 18.3362C129.136 16.8002 130 15.4882 131.088 14.4002C132.208 13.2802 133.52 12.4162 135.024 11.8082C136.56 11.1682 138.24 10.8482 140.064 10.8482ZM140.064 30.0962C140.864 30.0962 141.632 29.9522 142.368 29.6642C143.136 29.3442 143.808 28.8962 144.384 28.3202C144.96 27.7442 145.408 27.0402 145.728 26.2082C146.08 25.3762 146.256 24.4322 146.256 23.3762C146.256 22.3202 146.08 21.3762 145.728 20.5442C145.408 19.7122 144.96 19.0082 144.384 18.4322C143.808 17.8562 143.136 17.4242 142.368 17.1362C141.632 16.8162 140.864 16.6562 140.064 16.6562C139.232 16.6562 138.448 16.8162 137.712 17.1362C136.976 17.4242 136.32 17.8562 135.744 18.4322C135.168 19.0082 134.704 19.7122 134.352 20.5442C134.032 21.3762 133.872 22.3202 133.872 23.3762C133.872 24.4322 134.032 25.3762 134.352 26.2082C134.704 27.0402 135.168 27.7442 135.744 28.3202C136.32 28.8962 136.976 29.3442 137.712 29.6642C138.448 29.9522 139.232 30.0962 140.064 30.0962ZM167.131 17.4722H183.403V23.0402H167.131V17.4722ZM200.102 0.768229H213.542C215.014 0.768229 216.39 1.00823 217.67 1.48823C218.95 1.93623 220.054 2.57623 220.982 3.40823C221.942 4.20823 222.694 5.15223 223.238 6.24023C223.782 7.32823 224.054 8.49623 224.054 9.74423C224.054 11.5682 223.606 13.1042 222.71 14.3522C221.846 15.5682 220.758 16.4962 219.446 17.1362V17.5202C221.206 18.1602 222.614 19.1682 223.67 20.5442C224.758 21.8882 225.302 23.5682 225.302 25.5842C225.302 27.0562 224.998 28.3842 224.39 29.5682C223.814 30.7202 223.014 31.7122 221.99 32.5442C220.966 33.3762 219.766 34.0162 218.39 34.4642C217.046 34.9122 215.59 35.1362 214.022 35.1362H200.102V0.768229ZM213.062 14.7842C214.566 14.7842 215.718 14.3842 216.518 13.5842C217.35 12.7522 217.766 11.7762 217.766 10.6562C217.766 9.53623 217.366 8.57623 216.566 7.77623C215.766 6.97623 214.662 6.57623 213.254 6.57623H206.582V14.7842H213.062ZM213.782 29.1842C215.414 29.1842 216.662 28.7842 217.526 27.9842C218.39 27.1522 218.822 26.0962 218.822 24.8162C218.822 23.5362 218.374 22.4802 217.478 21.6482C216.614 20.7842 215.318 20.3522 213.59 20.3522H206.582V29.1842H213.782ZM240.657 10.8482C242.481 10.8482 244.145 11.1682 245.649 11.8082C247.185 12.4162 248.497 13.2802 249.585 14.4002C250.705 15.4882 251.569 16.8002 252.177 18.3362C252.817 19.8722 253.137 21.5522 253.137 23.3762C253.137 25.2002 252.817 26.8802 252.177 28.4162C251.569 29.9522 250.705 31.2802 249.585 32.4002C248.497 33.4882 247.185 34.3522 245.649 34.9922C244.145 35.6002 242.481 35.9042 240.657 35.9042C238.833 35.9042 237.153 35.6002 235.617 34.9922C234.113 34.3522 232.801 33.4882 231.681 32.4002C230.593 31.2802 229.729 29.9522 229.089 28.4162C228.481 26.8802 228.177 25.2002 228.177 23.3762C228.177 21.5522 228.481 19.8722 229.089 18.3362C229.729 16.8002 230.593 15.4882 231.681 14.4002C232.801 13.2802 234.113 12.4162 235.617 11.8082C237.153 11.1682 238.833 10.8482 240.657 10.8482ZM240.657 30.0962C241.457 30.0962 242.225 29.9522 242.961 29.6642C243.729 29.3442 244.401 28.8962 244.977 28.3202C245.553 27.7442 246.001 27.0402 246.321 26.2082C246.673 25.3762 246.849 24.4322 246.849 23.3762C246.849 22.3202 246.673 21.3762 246.321 20.5442C246.001 19.7122 245.553 19.0082 244.977 18.4322C244.401 17.8562 243.729 17.4242 242.961 17.1362C242.225 16.8162 241.457 16.6562 240.657 16.6562C239.825 16.6562 239.041 16.8162 238.305 17.1362C237.569 17.4242 236.913 17.8562 236.337 18.4322C235.761 19.0082 235.297 19.7122 234.945 20.5442C234.625 21.3762 234.465 22.3202 234.465 23.3762C234.465 24.4322 234.625 25.3762 234.945 26.2082C235.297 27.0402 235.761 27.7442 236.337 28.3202C236.913 28.8962 237.569 29.3442 238.305 29.6642C239.041 29.9522 239.825 30.0962 240.657 30.0962ZM256.943 35.1362V0.768229H263.231V35.1362H256.943ZM285.901 32.3042H285.517C284.941 33.2962 284.045 34.1442 282.829 34.8482C281.613 35.5522 280.109 35.9042 278.317 35.9042C276.813 35.9042 275.373 35.6002 273.997 34.9922C272.653 34.3522 271.453 33.4882 270.397 32.4002C269.373 31.2802 268.557 29.9522 267.949 28.4162C267.341 26.8802 267.037 25.2002 267.037 23.3762C267.037 21.5522 267.341 19.8722 267.949 18.3362C268.557 16.8002 269.373 15.4882 270.397 14.4002C271.453 13.2802 272.653 12.4162 273.997 11.8082C275.373 11.1682 276.813 10.8482 278.317 10.8482C280.109 10.8482 281.613 11.2002 282.829 11.9042C284.045 12.6082 284.941 13.4562 285.517 14.4482H285.901L285.517 11.0882V0.768229H291.805V35.1362H285.901V32.3042ZM279.613 30.0962C280.445 30.0962 281.229 29.9522 281.965 29.6642C282.733 29.3442 283.405 28.8962 283.981 28.3202C284.557 27.7442 285.021 27.0402 285.373 26.2082C285.725 25.3762 285.901 24.4322 285.901 23.3762C285.901 22.3202 285.725 21.3762 285.373 20.5442C285.021 19.7122 284.557 19.0082 283.981 18.4322C283.405 17.8562 282.733 17.4242 281.965 17.1362C281.229 16.8162 280.445 16.6562 279.613 16.6562C278.781 16.6562 277.981 16.8162 277.213 17.1362C276.477 17.4562 275.821 17.9042 275.245 18.4802C274.669 19.0562 274.205 19.7602 273.853 20.5922C273.501 21.4242 273.325 22.3522 273.325 23.3762C273.325 24.4002 273.501 25.3282 273.853 26.1602C274.205 26.9922 274.669 27.6962 275.245 28.2722C275.821 28.8482 276.477 29.2962 277.213 29.6162C277.981 29.9362 278.781 30.0962 279.613 30.0962Z" fill="#17191C"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/Line.svg b/public/images/icons/vuesax/bold/Line.svg
new file mode 100644
index 0000000..4aeb155
--- /dev/null
+++ b/public/images/icons/vuesax/bold/Line.svg
@@ -0,0 +1,3 @@
+<svg width="1196" height="1" viewBox="0 0 1196 1" fill="none" xmlns="http://www.w3.org/2000/svg">
+<line x1="0.5" y1="0.5" x2="1195.5" y2="0.500104" stroke="#E6EAEE" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/aave-(aave).svg b/public/images/icons/vuesax/bold/aave-(aave).svg
new file mode 100644
index 0000000..c4219cb
--- /dev/null
+++ b/public/images/icons/vuesax/bold/aave-(aave).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 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM16.3 16.69C16.2 16.73 16.1 16.75 16 16.75C15.71 16.75 15.44 16.58 15.31 16.3L12 8.85L10.93 11.25H12C12.41 11.25 12.75 11.59 12.75 12C12.75 12.41 12.41 12.75 12 12.75H10.27L8.69 16.3C8.52 16.68 8.07001 16.85 7.70001 16.68C7.32001 16.51 7.15001 16.07 7.32001 15.69L8.63 12.74H8C7.59 12.74 7.25 12.4 7.25 11.99C7.25 11.58 7.59 11.24 8 11.24H9.28998L11.31 6.69C11.55 6.15 12.44 6.15 12.68 6.69L16.68 15.69C16.85 16.07 16.68 16.52 16.3 16.69Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/activity.svg b/public/images/icons/vuesax/bold/activity.svg
new file mode 100644
index 0000000..e689c87
--- /dev/null
+++ b/public/images/icons/vuesax/bold/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 d="M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM17.26 9.96L14.95 12.94C14.66 13.31 14.25 13.55 13.78 13.6C13.31 13.66 12.85 13.53 12.48 13.24L10.65 11.8C10.58 11.74 10.5 11.74 10.46 11.75C10.42 11.75 10.35 11.77 10.29 11.85L7.91 14.94C7.76 15.13 7.54 15.23 7.32 15.23C7.16 15.23 7 15.18 6.86 15.07C6.53 14.82 6.47 14.35 6.72 14.02L9.1 10.93C9.39 10.56 9.8 10.32 10.27 10.26C10.73 10.2 11.2 10.33 11.57 10.62L13.4 12.06C13.47 12.12 13.54 12.12 13.59 12.11C13.63 12.11 13.7 12.09 13.76 12.01L16.07 9.03C16.32 8.7 16.8 8.64 17.12 8.9C17.45 9.17 17.51 9.64 17.26 9.96Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/add-circle.svg b/public/images/icons/vuesax/bold/add-circle.svg
new file mode 100644
index 0000000..3d96c12
--- /dev/null
+++ b/public/images/icons/vuesax/bold/add-circle.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 2C6.49 2 2 6.49 2 12C2 17.51 6.49 22 12 22C17.51 22 22 17.51 22 12C22 6.49 17.51 2 12 2ZM16 12.75H12.75V16C12.75 16.41 12.41 16.75 12 16.75C11.59 16.75 11.25 16.41 11.25 16V12.75H8C7.59 12.75 7.25 12.41 7.25 12C7.25 11.59 7.59 11.25 8 11.25H11.25V8C11.25 7.59 11.59 7.25 12 7.25C12.41 7.25 12.75 7.59 12.75 8V11.25H16C16.41 11.25 16.75 11.59 16.75 12C16.75 12.41 16.41 12.75 16 12.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/add-square.svg b/public/images/icons/vuesax/bold/add-square.svg
new file mode 100644
index 0000000..5b4d6de
--- /dev/null
+++ b/public/images/icons/vuesax/bold/add-square.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM16 12.75H12.75V16C12.75 16.41 12.41 16.75 12 16.75C11.59 16.75 11.25 16.41 11.25 16V12.75H8C7.59 12.75 7.25 12.41 7.25 12C7.25 11.59 7.59 11.25 8 11.25H11.25V8C11.25 7.59 11.59 7.25 12 7.25C12.41 7.25 12.75 7.59 12.75 8V11.25H16C16.41 11.25 16.75 11.59 16.75 12C16.75 12.41 16.41 12.75 16 12.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/add.svg b/public/images/icons/vuesax/bold/add.svg
new file mode 100644
index 0000000..a9252f0
--- /dev/null
+++ b/public/images/icons/vuesax/bold/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="M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM18 12.75H12.75V18C12.75 18.41 12.41 18.75 12 18.75C11.59 18.75 11.25 18.41 11.25 18V12.75H6C5.59 12.75 5.25 12.41 5.25 12C5.25 11.59 5.59 11.25 6 11.25H11.25V6C11.25 5.59 11.59 5.25 12 5.25C12.41 5.25 12.75 5.59 12.75 6V11.25H18C18.41 11.25 18.75 11.59 18.75 12C18.75 12.41 18.41 12.75 18 12.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/additem.svg b/public/images/icons/vuesax/bold/additem.svg
new file mode 100644
index 0000000..f90ba4b
--- /dev/null
+++ b/public/images/icons/vuesax/bold/additem.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="M13.43 5.43V6.77C10.81 6.98 9.32 8.66 9.32 11.43V16H5.43C3.14 16 2 14.86 2 12.57V5.43C2 3.14 3.14 2 5.43 2H10C12.29 2 13.43 3.14 13.43 5.43Z" fill="#292D32"/>
+<path d="M18.57 8H14C11.71 8 10.57 9.14 10.57 11.43V18.57C10.57 20.86 11.71 22 14 22H18.57C20.86 22 22 20.86 22 18.57V11.43C22 9.14 20.86 8 18.57 8ZM18.13 15.75H17.25V16.63C17.25 17.04 16.91 17.38 16.5 17.38C16.09 17.38 15.75 17.04 15.75 16.63V15.75H14.87C14.46 15.75 14.12 15.41 14.12 15C14.12 14.59 14.46 14.25 14.87 14.25H15.75V13.37C15.75 12.96 16.09 12.62 16.5 12.62C16.91 12.62 17.25 12.96 17.25 13.37V14.25H18.13C18.54 14.25 18.88 14.59 18.88 15C18.88 15.41 18.54 15.75 18.13 15.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/airdrop.svg b/public/images/icons/vuesax/bold/airdrop.svg
new file mode 100644
index 0000000..063b12d
--- /dev/null
+++ b/public/images/icons/vuesax/bold/airdrop.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="M14.13 11.34C14.52 9.70003 13.09 8.27003 11.45 8.66003C10.68 8.85003 10.05 9.48003 9.85998 10.25C9.46998 11.89 10.9 13.32 12.54 12.93C13.32 12.74 13.95 12.11 14.13 11.34Z" fill="#292D32"/>
+<path d="M6.01996 17.97C5.83996 17.97 5.64996 17.9 5.50996 17.77C3.56996 15.97 2.45996 13.43 2.45996 10.79C2.45996 5.53 6.73996 1.25 12 1.25C17.26 1.25 21.54 5.53 21.54 10.79C21.54 13.45 20.47 15.91 18.53 17.74C18.23 18.02 17.75 18.01 17.47 17.71C17.19 17.41 17.2 16.93 17.5 16.65C19.14 15.11 20.04 13.04 20.04 10.8C20.04 6.37 16.43 2.76 12 2.76C7.56996 2.76 3.95996 6.37 3.95996 10.8C3.95996 13.06 4.86996 15.14 6.52996 16.68C6.82996 16.96 6.84996 17.44 6.56996 17.74C6.41996 17.89 6.21996 17.97 6.01996 17.97Z" fill="#292D32"/>
+<path d="M16 15.3001C15.82 15.3001 15.63 15.2301 15.49 15.1001C15.19 14.8201 15.17 14.3401 15.46 14.0401C16.29 13.1601 16.75 12.0001 16.75 10.8001C16.75 8.18006 14.62 6.06006 12.01 6.06006C9.40002 6.06006 7.27002 8.19006 7.27002 10.8001C7.27002 12.0101 7.73002 13.1601 8.56002 14.0401C8.84002 14.3401 8.83002 14.8201 8.53002 15.1001C8.23002 15.3901 7.75002 15.3701 7.47002 15.0701C6.38002 13.9101 5.77002 12.3901 5.77002 10.8001C5.77002 7.36006 8.57002 4.56006 12.01 4.56006C15.45 4.56006 18.25 7.36006 18.25 10.8001C18.25 12.3901 17.65 13.9101 16.55 15.0701C16.4 15.2201 16.2 15.3001 16 15.3001Z" fill="#292D32"/>
+<path d="M10.2999 16.66L8.85988 18.45C7.71988 19.88 8.73989 22 10.5599 22H13.4299C15.2599 22 16.2799 19.88 15.1299 18.46L13.6899 16.67C12.8299 15.57 11.1699 15.57 10.2999 16.66Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/airplane-square.svg b/public/images/icons/vuesax/bold/airplane-square.svg
new file mode 100644
index 0000000..628392f
--- /dev/null
+++ b/public/images/icons/vuesax/bold/airplane-square.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM18.51 13.19C18.51 13.79 18.05 14.09 17.5 13.85L14.15 12.41C13.76 12.25 13.45 12.45 13.45 12.87V14.72C13.45 14.88 13.54 15.11 13.66 15.23L15.3 16.88C15.47 17.05 15.55 17.39 15.47 17.62L15.15 18.58C15.01 19 14.53 19.2 14.14 19L12.47 17.58C12.21 17.37 11.79 17.37 11.54 17.58L9.86 19C9.46 19.2 8.99 19 8.85 18.57L8.53 17.61C8.45 17.38 8.53 17.04 8.7 16.87L10.37 15.23C10.48 15.12 10.58 14.89 10.58 14.72V12.87C10.58 12.45 10.26 12.24 9.88 12.41L6.53 13.85C5.97 14.09 5.52 13.79 5.52 13.19V12.26C5.52 11.78 5.89 11.22 6.33 11.03L10.27 9.33C10.43 9.26 10.57 9.05 10.57 8.87V6.8C10.57 6.12 11.06 5.31 11.67 5.01C11.89 4.9 12.14 4.9 12.36 5.01C12.96 5.32 13.46 6.12 13.46 6.8V8.87C13.46 9.05 13.59 9.26 13.76 9.33L17.7 11.03C18.15 11.22 18.51 11.78 18.51 12.26V13.19Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/airplane.svg b/public/images/icons/vuesax/bold/airplane.svg
new file mode 100644
index 0000000..a23bf08
--- /dev/null
+++ b/public/images/icons/vuesax/bold/airplane.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="M20.0501 10.6301L15.3801 8.62006L14.3401 8.18006C14.1801 8.10006 14.0401 7.89006 14.0401 7.71006V4.65006C14.0401 3.69006 13.3301 2.55006 12.4701 2.11006C12.1701 1.96006 11.8101 1.96006 11.5101 2.11006C10.6601 2.55006 9.95006 3.70006 9.95006 4.66006V7.72006C9.95006 7.90006 9.81006 8.11006 9.65006 8.19006L3.95006 10.6401C3.32006 10.9001 2.81006 11.6901 2.81006 12.3701V13.6901C2.81006 14.5401 3.45006 14.9601 4.24006 14.6201L9.25006 12.4601C9.64006 12.2901 9.96006 12.5001 9.96006 12.9301V14.0401V15.8401C9.96006 16.0701 9.83006 16.4001 9.67006 16.5601L7.35006 18.8901C7.11006 19.1301 7.00006 19.6001 7.11006 19.9401L7.56006 21.3001C7.74006 21.8901 8.41006 22.1701 8.96006 21.8901L11.3401 19.8901C11.7001 19.5801 12.2901 19.5801 12.6501 19.8901L15.0301 21.8901C15.5801 22.1601 16.2501 21.8901 16.4501 21.3001L16.9001 19.9401C17.0101 19.6101 16.9001 19.1301 16.6601 18.8901L14.3401 16.5601C14.1701 16.4001 14.0401 16.0701 14.0401 15.8401V12.9301C14.0401 12.5001 14.3501 12.3001 14.7501 12.4601L19.7601 14.6201C20.5501 14.9601 21.1901 14.5401 21.1901 13.6901V12.3701C21.1901 11.6901 20.6801 10.9001 20.0501 10.6301Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/airpod.svg b/public/images/icons/vuesax/bold/airpod.svg
new file mode 100644
index 0000000..42b57e1
--- /dev/null
+++ b/public/images/icons/vuesax/bold/airpod.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="M15.08 11.3399H8.92C8.28 11.3399 7.65 11.0799 7.2 10.6199C7.06 10.4799 6.94 10.3299 6.84 10.1599C6.66 9.85992 6.34 9.66992 5.99 9.66992H3.5C2.95 9.66992 2.5 10.1199 2.5 10.6699V17.4999C2.5 19.9899 4.51 21.9999 7 21.9999H17C19.49 21.9999 21.5 19.9899 21.5 17.4999V10.6699C21.5 10.1199 21.05 9.66992 20.5 9.66992H18C17.64 9.66992 17.32 9.86992 17.14 10.1799C16.72 10.8699 15.95 11.3399 15.08 11.3399Z" fill="#292D32"/>
+<path d="M17 2H7C4.51 2 2.5 4.01 2.5 6.5V7.17C2.5 7.72 2.95 8.17 3.5 8.17H6C6.36 8.17 6.68 7.97 6.86 7.66C7.28 6.97 8.05 6.5 8.92 6.5H14.91C15.52 6.5 16.4 6.82 16.82 7.25C16.95 7.38 17.05 7.52 17.15 7.67C17.33 7.97 17.65 8.17 18.01 8.17H20.51C21.06 8.17 21.51 7.72 21.51 7.17V6.5C21.5 4.01 19.49 2 17 2Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/airpods.svg b/public/images/icons/vuesax/bold/airpods.svg
new file mode 100644
index 0000000..214e143
--- /dev/null
+++ b/public/images/icons/vuesax/bold/airpods.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="M7.67 2H5.78C4.74 2 3.8 2.42 3.11 3.11C2.42 3.8 2 4.74 2 5.78C2 7.86 3.7 9.56 5.78 9.56H6.72V17.11C6.72 17.84 7.14 18.47 7.75 18.78C8 18.92 8.3 19 8.61 19C8.83 19 9.05 18.96 9.25 18.88C9.98 18.62 10.5 17.93 10.5 17.11V4.83C10.5 3.28 9.22 2 7.67 2ZM5.78 5.97C6.19 5.97 6.53 6.31 6.53 6.72C6.53 7.13 6.19 7.47 5.78 7.47C4.85 7.47 4.09 6.71 4.09 5.77C4.09 4.83 4.85 4.08 5.78 4.08C6.19 4.08 6.53 4.42 6.53 4.83C6.53 5.24 6.19 5.58 5.78 5.58C5.67 5.58 5.59 5.67 5.59 5.77C5.59 5.87 5.67 5.97 5.78 5.97Z" fill="#292D32"/>
+<path d="M20.89 3.11C20.2 2.42 19.26 2 18.22 2H16.33C14.77 2 13.5 3.28 13.5 4.83V17.11C13.5 17.93 14.02 18.62 14.75 18.88C14.95 18.96 15.17 19 15.39 19C15.7 19 16 18.92 16.25 18.78C16.86 18.47 17.28 17.84 17.28 17.11V9.56H18.22C20.3 9.56 22 7.86 22 5.78C22 4.74 21.58 3.8 20.89 3.11ZM18.22 7.47C17.81 7.47 17.47 7.13 17.47 6.72C17.47 6.31 17.81 5.97 18.22 5.97C18.33 5.97 18.41 5.88 18.41 5.77C18.41 5.66 18.32 5.58 18.22 5.58C17.81 5.58 17.47 5.24 17.47 4.83C17.47 4.42 17.81 4.08 18.22 4.08C19.15 4.08 19.91 4.84 19.91 5.77C19.91 6.7 19.16 7.47 18.22 7.47Z" fill="#292D32"/>
+<path d="M9.25 18.8798V21.9998C9.25 22.4098 8.91 22.7498 8.5 22.7498C8.09 22.7498 7.75 22.4098 7.75 21.9998V18.7798C8 18.9198 8.3 18.9998 8.61 18.9998C8.83 18.9998 9.05 18.9598 9.25 18.8798Z" fill="#292D32"/>
+<path d="M16.25 18.7798V21.9998C16.25 22.4098 15.91 22.7498 15.5 22.7498C15.09 22.7498 14.75 22.4098 14.75 21.9998V18.8798C14.95 18.9598 15.17 18.9998 15.39 18.9998C15.7 18.9998 16 18.9198 16.25 18.7798Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/alarm.svg b/public/images/icons/vuesax/bold/alarm.svg
new file mode 100644
index 0000000..ed410a6
--- /dev/null
+++ b/public/images/icons/vuesax/bold/alarm.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="M22 21.25H21V15C21 10.03 16.97 6 12 6C7.03 6 3 10.03 3 15V21.25H2C1.59 21.25 1.25 21.59 1.25 22C1.25 22.41 1.59 22.75 2 22.75H22C22.41 22.75 22.75 22.41 22.75 22C22.75 21.59 22.41 21.25 22 21.25Z" fill="#292D32"/>
+<path d="M12 3.75C11.59 3.75 11.25 3.41 11.25 3V2C11.25 1.59 11.59 1.25 12 1.25C12.41 1.25 12.75 1.59 12.75 2V3C12.75 3.41 12.41 3.75 12 3.75Z" fill="#292D32"/>
+<path d="M4.99994 5.74994C4.80994 5.74994 4.61994 5.67994 4.46994 5.52994L3.46994 4.52994C3.17994 4.23994 3.17994 3.75994 3.46994 3.46994C3.75994 3.17994 4.23994 3.17994 4.52994 3.46994L5.52994 4.46994C5.81994 4.75994 5.81994 5.23994 5.52994 5.52994C5.37994 5.67994 5.18994 5.74994 4.99994 5.74994Z" fill="#292D32"/>
+<path d="M18.9999 5.74994C18.8099 5.74994 18.6199 5.67994 18.4699 5.52994C18.1799 5.23994 18.1799 4.75994 18.4699 4.46994L19.4699 3.46994C19.7599 3.17994 20.2399 3.17994 20.5299 3.46994C20.8199 3.75994 20.8199 4.23994 20.5299 4.52994L19.5299 5.52994C19.3799 5.67994 19.1899 5.74994 18.9999 5.74994Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/align-bottom.svg b/public/images/icons/vuesax/bold/align-bottom.svg
new file mode 100644
index 0000000..5329317
--- /dev/null
+++ b/public/images/icons/vuesax/bold/align-bottom.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="M15.98 19.3799H17.02C18.61 19.3799 19.25 18.7799 19.25 17.2599V5.37988H13.75V17.2599C13.76 18.7799 14.4 19.3799 15.98 19.3799Z" fill="#292D32"/>
+<path d="M7.48 14.3799H8.52C10.11 14.3799 10.75 13.7699 10.75 12.2599V5.37988H5.25V12.2599C5.26 13.7699 5.9 14.3799 7.48 14.3799Z" fill="#292D32"/>
+<path d="M21.25 6.11988H2.75C2.34 6.11988 2 5.78988 2 5.37988C2 4.96988 2.34 4.62988 2.75 4.62988H21.25C21.66 4.62988 22 4.96988 22 5.37988C22 5.78988 21.66 6.11988 21.25 6.11988Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/align-horizontally.svg b/public/images/icons/vuesax/bold/align-horizontally.svg
new file mode 100644
index 0000000..05260d7
--- /dev/null
+++ b/public/images/icons/vuesax/bold/align-horizontally.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="M4.75 17.4V6.6C4.75 5.1 5.39 4.5 6.98 4.5H8.02C9.61 4.5 10.25 5.1 10.25 6.6V17.4C10.25 18.9 9.61 19.5 8.02 19.5H6.98C5.39 19.5 4.75 18.9 4.75 17.4Z" fill="#292D32"/>
+<path d="M4.75 12.75H2.75C2.34 12.75 2 12.41 2 12C2 11.59 2.34 11.25 2.75 11.25H4.75V12.75Z" fill="#292D32"/>
+<path d="M13.25 11.25H10.25V12.75H13.25V11.25Z" fill="#292D32"/>
+<path d="M21.25 12.75H18.75V11.25H21.25C21.66 11.25 22 11.59 22 12C22 12.41 21.66 12.75 21.25 12.75Z" fill="#292D32"/>
+<path d="M13.25 15.4V8.6C13.25 7.1 13.89 6.5 15.48 6.5H16.52C18.11 6.5 18.75 7.1 18.75 8.6V15.4C18.75 16.9 18.11 17.5 16.52 17.5H15.48C13.89 17.5 13.25 16.9 13.25 15.4Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/align-left.svg b/public/images/icons/vuesax/bold/align-left.svg
new file mode 100644
index 0000000..b74b682
--- /dev/null
+++ b/public/images/icons/vuesax/bold/align-left.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="M19.38 15.98V17.02C19.38 18.61 18.78 19.25 17.26 19.25H5.38V13.75H17.26C18.78 13.75 19.38 14.39 19.38 15.98Z" fill="#292D32"/>
+<path d="M14.38 7.48V8.52C14.38 10.11 13.77 10.75 12.26 10.75H5.38V5.25H12.26C13.77 5.25 14.38 5.89 14.38 7.48Z" fill="#292D32"/>
+<path d="M5.38 22C4.97 22 4.63 21.66 4.63 21.25V2.75C4.62 2.33 4.96 2 5.38 2C5.8 2 6.13 2.34 6.13 2.75V21.25C6.12 21.66 5.79 22 5.38 22Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/align-right.svg b/public/images/icons/vuesax/bold/align-right.svg
new file mode 100644
index 0000000..8052803
--- /dev/null
+++ b/public/images/icons/vuesax/bold/align-right.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.62 15.98V17.02C4.62 18.61 5.22 19.25 6.74 19.25H18.62V13.75H6.74C5.22 13.75 4.62 14.39 4.62 15.98Z" fill="#292D32"/>
+<path d="M9.62 7.48V8.52C9.62 10.11 10.23 10.75 11.74 10.75H18.62V5.25H11.74C10.23 5.25 9.62 5.89 9.62 7.48Z" fill="#292D32"/>
+<path d="M18.62 22C18.21 22 17.87 21.66 17.87 21.25V2.75C17.87 2.34 18.21 2 18.62 2C19.03 2 19.37 2.34 19.37 2.75V21.25C19.38 21.66 19.04 22 18.62 22Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/align-vertically.svg b/public/images/icons/vuesax/bold/align-vertically.svg
new file mode 100644
index 0000000..274be21
--- /dev/null
+++ b/public/images/icons/vuesax/bold/align-vertically.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="M17.4 19.25H6.6C5.1 19.25 4.5 18.61 4.5 17.02V15.98C4.5 14.39 5.1 13.75 6.6 13.75H17.4C18.9 13.75 19.5 14.39 19.5 15.98V17.02C19.5 18.61 18.9 19.25 17.4 19.25Z" fill="#292D32"/>
+<path d="M12.75 19.25V21.25C12.75 21.66 12.41 22 12 22C11.59 22 11.25 21.66 11.25 21.25V19.25H12.75Z" fill="#292D32"/>
+<path d="M12.75 10.75H11.25V13.75H12.75V10.75Z" fill="#292D32"/>
+<path d="M12.75 2.75V5.25H11.25V2.75C11.25 2.34 11.59 2 12 2C12.41 2 12.75 2.34 12.75 2.75Z" fill="#292D32"/>
+<path d="M15.4 10.75H8.6C7.1 10.75 6.5 10.11 6.5 8.52V7.48C6.5 5.89 7.1 5.25 8.6 5.25H15.4C16.9 5.25 17.5 5.89 17.5 7.48V8.52C17.5 10.11 16.9 10.75 15.4 10.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/android.svg b/public/images/icons/vuesax/bold/android.svg
new file mode 100644
index 0000000..c433c0d
--- /dev/null
+++ b/public/images/icons/vuesax/bold/android.svg
@@ -0,0 +1,8 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11 18V21C11 21.55 10.55 22 10 22C9.45 22 9 21.55 9 21V18H11Z" fill="black"/>
+<path d="M15 18V21C15 21.55 14.55 22 14 22C13.45 22 13 21.55 13 21V18H15Z" fill="black"/>
+<path d="M17 11V16C17 17.1 16.1 18 15 18H9C7.9 18 7 17.1 7 16V11C7 9.9 7.9 9 9 9H15C16.1 9 17 9.9 17 11Z" fill="black"/>
+<path d="M5 11V15C5 15.55 4.55 16 4 16C3.45 16 3 15.55 3 15V11C3 10.45 3.45 10 4 10C4.55 10 5 10.45 5 11Z" fill="black"/>
+<path d="M21 11V15C21 15.55 20.55 16 20 16C19.45 16 19 15.55 19 15V11C19 10.45 19.45 10 20 10C20.55 10 21 10.45 21 11Z" fill="black"/>
+<path d="M9.59998 7.60001H14.4C15.28 7.60001 16 6.88 16 6C16 3.79 14.21 2 12 2C9.79 2 8 3.79 8 6C8 6.88 8.71998 7.60001 9.59998 7.60001Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/ankr-(ankr).svg b/public/images/icons/vuesax/bold/ankr-(ankr).svg
new file mode 100644
index 0000000..3549cbe
--- /dev/null
+++ b/public/images/icons/vuesax/bold/ankr-(ankr).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.8899 10.5298C20.4799 10.5298 20.1399 10.1898 20.1399 9.77983V6.90983L11.9999 2.83982L3.85986 6.90983V9.77983C3.85986 10.1898 3.51986 10.5298 3.10986 10.5298C2.69986 10.5298 2.35986 10.1898 2.35986 9.77983V6.44982C2.35986 6.16982 2.51991 5.90983 2.77991 5.77983L11.6699 1.33982C11.8799 1.22982 12.1299 1.22982 12.3399 1.33982L21.2299 5.77983C21.4799 5.90983 21.6499 6.16982 21.6499 6.44982V9.77983C21.6399 10.1898 21.2999 10.5298 20.8899 10.5298Z" fill="black"/>
+<path d="M11.9999 22.75C11.8799 22.75 11.7699 22.72 11.6699 22.67L2.77991 18.23C2.52991 18.1 2.35986 17.84 2.35986 17.56V14.23C2.35986 13.82 2.69986 13.48 3.10986 13.48C3.51986 13.48 3.85986 13.82 3.85986 14.23V17.1L11.9999 21.17L20.1399 17.1V14.23C20.1399 13.82 20.4799 13.48 20.8899 13.48C21.2999 13.48 21.6399 13.82 21.6399 14.23V17.56C21.6399 17.84 21.4798 18.1 21.2198 18.23L12.3299 22.67C12.2299 22.72 12.1199 22.75 11.9999 22.75Z" fill="black"/>
+<path d="M16.4401 12.0001C16.4401 9.55006 14.4501 7.56006 12.0001 7.56006C9.55006 7.56006 7.56006 9.55006 7.56006 12.0001C7.56006 14.2001 9.17008 16.0201 11.2701 16.3701C11.2701 16.4001 11.2601 16.4201 11.2601 16.4401V22.0001C11.2601 22.4101 11.6001 22.7501 12.0101 22.7501C12.4201 22.7501 12.7601 22.4101 12.7601 22.0001V16.4401C12.7601 16.4101 12.7501 16.3901 12.7501 16.3701C14.8401 16.0201 16.4401 14.2001 16.4401 12.0001Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/apple.svg b/public/images/icons/vuesax/bold/apple.svg
new file mode 100644
index 0000000..de0b22e
--- /dev/null
+++ b/public/images/icons/vuesax/bold/apple.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="M19.1001 19.16C19.6901 18.26 19.9101 17.8 20.3601 16.79C17.0401 15.53 16.5101 10.8 19.7901 8.98999C18.7901 7.72999 17.3801 7 16.0501 7C15.0901 7 14.4301 7.25001 13.8401 7.48001C13.3401 7.67001 12.8901 7.84 12.3301 7.84C11.7301 7.84 11.2001 7.65001 10.6401 7.45001C10.0301 7.23001 9.39006 7 8.59006 7C7.10006 7 5.51007 7.91 4.50007 9.47C3.08007 11.67 3.33007 15.79 5.62007 19.31C6.44007 20.57 7.54007 21.98 8.97007 22C9.57007 22.01 9.96007 21.83 10.3901 21.64C10.8801 21.42 11.4101 21.18 12.3401 21.18C13.2701 21.17 13.7901 21.42 14.2801 21.64C14.7001 21.83 15.0801 22.01 15.6701 22C17.1201 21.98 18.2801 20.42 19.1001 19.16Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.8399 2C15.9999 3.1 15.5499 4.19001 14.9599 4.95001C14.3299 5.77001 13.2299 6.41 12.1699 6.37C11.9799 5.31 12.4699 4.21999 13.0699 3.48999C13.7399 2.68999 14.8699 2.07 15.8399 2Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/aquarius.svg b/public/images/icons/vuesax/bold/aquarius.svg
new file mode 100644
index 0000000..517e5d0
--- /dev/null
+++ b/public/images/icons/vuesax/bold/aquarius.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="M19.75 9C19.75 4.73 16.27 1.25 12 1.25C7.73 1.25 4.25 4.73 4.25 9C4.25 9.41 4.59 9.75 5 9.75C5.41 9.75 5.75 9.41 5.75 9C5.75 5.55 8.55 2.75 12 2.75C15.45 2.75 18.25 5.55 18.25 9C18.25 12.45 15.45 15.25 12 15.25C11.59 15.25 11.25 15.59 11.25 16V22C11.25 22.41 11.59 22.75 12 22.75C12.41 22.75 12.75 22.41 12.75 22V16.71C16.67 16.33 19.75 13.02 19.75 9Z" fill="#292D32"/>
+<path d="M15 19.75H9C8.59 19.75 8.25 19.41 8.25 19C8.25 18.59 8.59 18.25 9 18.25H15C15.41 18.25 15.75 18.59 15.75 19C15.75 19.41 15.41 19.75 15 19.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/archive-add.svg b/public/images/icons/vuesax/bold/archive-add.svg
new file mode 100644
index 0000000..49391a0
--- /dev/null
+++ b/public/images/icons/vuesax/bold/archive-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="M16.8199 2H7.17995C5.04995 2 3.31995 3.74 3.31995 5.86V19.95C3.31995 21.75 4.60995 22.51 6.18995 21.64L11.0699 18.93C11.5899 18.64 12.4299 18.64 12.9399 18.93L17.8199 21.64C19.3999 22.52 20.6899 21.76 20.6899 19.95V5.86C20.6799 3.74 18.9499 2 16.8199 2ZM14.4999 11.4H12.7499V13.21C12.7499 13.62 12.4099 13.96 11.9999 13.96C11.5899 13.96 11.2499 13.62 11.2499 13.21V11.4H9.49995C9.08995 11.4 8.74995 11.06 8.74995 10.65C8.74995 10.24 9.08995 9.9 9.49995 9.9H11.2499V8.21C11.2499 7.8 11.5899 7.46 11.9999 7.46C12.4099 7.46 12.7499 7.8 12.7499 8.21V9.9H14.4999C14.9099 9.9 15.2499 10.24 15.2499 10.65C15.2499 11.06 14.9099 11.4 14.4999 11.4Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/archive-book.svg b/public/images/icons/vuesax/bold/archive-book.svg
new file mode 100644
index 0000000..b4dfd2d
--- /dev/null
+++ b/public/images/icons/vuesax/bold/archive-book.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.9299 2.5V8.4C14.9299 8.84 14.4099 9.06 14.0899 8.77L12.3399 7.16C12.1499 6.98 11.8499 6.98 11.6599 7.16L9.90995 8.76C9.58995 9.06 9.06995 8.83 9.06995 8.4V2.5C9.06995 2.22 9.28995 2 9.56995 2H14.4299C14.7099 2 14.9299 2.22 14.9299 2.5Z" fill="#292D32"/>
+<path d="M16.98 2.05989C16.69 2.01989 16.43 2.26989 16.43 2.55989V8.57989C16.43 9.33989 15.98 10.0299 15.28 10.3399C14.58 10.6399 13.77 10.5099 13.21 9.98989L12.34 9.18989C12.15 9.00989 11.86 9.00989 11.66 9.18989L10.79 9.98989C10.43 10.3299 9.96 10.4999 9.49 10.4999C9.23 10.4999 8.97 10.4499 8.72 10.3399C8.02 10.0299 7.57 9.33989 7.57 8.57989V2.55989C7.57 2.26989 7.31 2.01989 7.02 2.05989C4.22 2.40989 3 4.29989 3 6.99989V16.9999C3 19.9999 4.5 21.9999 8 21.9999H16C19.5 21.9999 21 19.9999 21 16.9999V6.99989C21 4.29989 19.78 2.40989 16.98 2.05989ZM17.5 18.7499H9C8.59 18.7499 8.25 18.4099 8.25 17.9999C8.25 17.5899 8.59 17.2499 9 17.2499H17.5C17.91 17.2499 18.25 17.5899 18.25 17.9999C18.25 18.4099 17.91 18.7499 17.5 18.7499ZM17.5 14.7499H13.25C12.84 14.7499 12.5 14.4099 12.5 13.9999C12.5 13.5899 12.84 13.2499 13.25 13.2499H17.5C17.91 13.2499 18.25 13.5899 18.25 13.9999C18.25 14.4099 17.91 14.7499 17.5 14.7499Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/archive-minus.svg b/public/images/icons/vuesax/bold/archive-minus.svg
new file mode 100644
index 0000000..028bc79
--- /dev/null
+++ b/public/images/icons/vuesax/bold/archive-minus.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.8199 2H7.17995C5.04995 2 3.31995 3.74 3.31995 5.86V19.95C3.31995 21.75 4.60995 22.51 6.18995 21.64L11.0699 18.93C11.5899 18.64 12.4299 18.64 12.9399 18.93L17.8199 21.64C19.3999 22.52 20.6899 21.76 20.6899 19.95V5.86C20.6799 3.74 18.9499 2 16.8199 2ZM14.4999 11.4H9.49995C9.08995 11.4 8.74995 11.06 8.74995 10.65C8.74995 10.24 9.08995 9.9 9.49995 9.9H14.4999C14.9099 9.9 15.2499 10.24 15.2499 10.65C15.2499 11.06 14.9099 11.4 14.4999 11.4Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/archive-slash.svg b/public/images/icons/vuesax/bold/archive-slash.svg
new file mode 100644
index 0000000..4da11ac
--- /dev/null
+++ b/public/images/icons/vuesax/bold/archive-slash.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.1199 3.88L3.38995 20.61C3.33995 20.41 3.31995 20.19 3.31995 19.95V5.86C3.31995 3.74 5.04995 2 7.17995 2H16.8199C18.2199 2 19.4499 2.75 20.1199 3.88Z" fill="#292D32"/>
+<path d="M21.77 2.22988C21.47 1.92988 20.98 1.92988 20.68 2.22988L2.23 20.6899C1.93 20.9899 1.93 21.4799 2.23 21.7799C2.38 21.9199 2.57 21.9999 2.77 21.9999C2.97 21.9999 3.16 21.9199 3.31 21.7699L21.77 3.30988C22.08 3.00988 22.08 2.52988 21.77 2.22988Z" fill="#292D32"/>
+<path d="M19.29 7.71005L11.9 15.1001C11.44 15.5601 11.53 16.3301 12.09 16.6601L19.48 21.0901C20.15 21.4901 20.99 21.0101 20.99 20.2301V8.41005C21 7.52005 19.92 7.08005 19.29 7.71005Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/archive-tick.svg b/public/images/icons/vuesax/bold/archive-tick.svg
new file mode 100644
index 0000000..d01a751
--- /dev/null
+++ b/public/images/icons/vuesax/bold/archive-tick.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.8199 1.91016H7.17995C5.05995 1.91016 3.31995 3.65016 3.31995 5.77016V19.8602C3.31995 21.6602 4.60995 22.4202 6.18995 21.5502L11.0699 18.8402C11.5899 18.5502 12.4299 18.5502 12.9399 18.8402L17.8199 21.5502C19.3999 22.4302 20.6899 21.6702 20.6899 19.8602V5.77016C20.6799 3.65016 18.9499 1.91016 16.8199 1.91016ZM15.6199 9.03016L11.6199 13.0302C11.4699 13.1802 11.2799 13.2502 11.0899 13.2502C10.8999 13.2502 10.7099 13.1802 10.5599 13.0302L9.05995 11.5302C8.76995 11.2402 8.76995 10.7602 9.05995 10.4702C9.34995 10.1802 9.82995 10.1802 10.1199 10.4702L11.0899 11.4402L14.5599 7.97016C14.8499 7.68016 15.3299 7.68016 15.6199 7.97016C15.9099 8.26016 15.9099 8.74016 15.6199 9.03016Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/archive.svg b/public/images/icons/vuesax/bold/archive.svg
new file mode 100644
index 0000000..cfe4699
--- /dev/null
+++ b/public/images/icons/vuesax/bold/archive.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="M16 9.75H8C7.31 9.75 6.75 10.31 6.75 11V12.05C6.78 12.04 6.8 12.03 6.83 12.02C6.95 11.96 7.08 11.92 7.21 11.88C7.27 11.86 7.33 11.84 7.4 11.82C7.6 11.78 7.8 11.75 8.01 11.75H16.01C16.22 11.75 16.42 11.78 16.62 11.82C16.68 11.83 16.74 11.86 16.81 11.88C16.94 11.92 17.07 11.96 17.19 12.02C17.22 12.03 17.25 12.04 17.27 12.05V11C17.25 10.31 16.69 9.75 16 9.75Z" fill="#292D32"/>
+<path d="M16 13.25H8C7.31 13.25 6.75 13.81 6.75 14.5V15H9.5C9.91 15 10.25 15.34 10.25 15.75C10.25 16.71 11.04 17.5 12 17.5C12.96 17.5 13.75 16.71 13.75 15.75C13.75 15.34 14.09 15 14.5 15H17.25V14.5C17.25 13.81 16.69 13.25 16 13.25Z" fill="#292D32"/>
+<path d="M16 6.5H8C7.31 6.5 6.75 7.06 6.75 7.75V8.56C7.13 8.37 7.55 8.25 8 8.25H16C16.45 8.25 16.87 8.37 17.25 8.56V7.75C17.25 7.06 16.69 6.5 16 6.5Z" fill="#292D32"/>
+<path d="M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM19 16.5H18H15.16C14.82 17.93 13.53 19 12 19C10.47 19 9.18 17.93 8.84 16.5H6H5C4.59 16.5 4.25 16.16 4.25 15.75C4.25 15.34 4.59 15 5 15H5.25V14.5V14V11V7.75C5.25 6.23 6.48 5 8 5H16C17.52 5 18.75 6.23 18.75 7.75V11V14V14.5V15H19C19.41 15 19.75 15.34 19.75 15.75C19.75 16.16 19.41 16.5 19 16.5Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/arrange-circle-2.svg b/public/images/icons/vuesax/bold/arrange-circle-2.svg
new file mode 100644
index 0000000..9a4982d
--- /dev/null
+++ b/public/images/icons/vuesax/bold/arrange-circle-2.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 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM17.85 14.1C17.81 14.19 17.76 14.27 17.69 14.34L14.65 17.38C14.5 17.53 14.31 17.6 14.12 17.6C13.93 17.6 13.74 17.53 13.59 17.38C13.3 17.09 13.3 16.61 13.59 16.32L15.35 14.56H6.85C6.44 14.56 6.1 14.22 6.1 13.81C6.1 13.4 6.44 13.06 6.85 13.06H17.16C17.26 13.06 17.35 13.08 17.45 13.12C17.63 13.2 17.78 13.34 17.86 13.53C17.92 13.71 17.92 13.92 17.85 14.1ZM17.15 10.93H6.85C6.75 10.93 6.65 10.91 6.56 10.87C6.38 10.79 6.23 10.65 6.15 10.46C6.07 10.28 6.07 10.07 6.15 9.89C6.19 9.8 6.24 9.72 6.31 9.65L9.35 6.61C9.64 6.32 10.12 6.32 10.41 6.61C10.7 6.9 10.7 7.38 10.41 7.67L8.66 9.43H17.16C17.57 9.43 17.91 9.77 17.91 10.18C17.91 10.59 17.57 10.93 17.15 10.93Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/arrange-circle.svg b/public/images/icons/vuesax/bold/arrange-circle.svg
new file mode 100644
index 0000000..9502f70
--- /dev/null
+++ b/public/images/icons/vuesax/bold/arrange-circle.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 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM10.93 17.15C10.93 17.25 10.91 17.34 10.87 17.44C10.79 17.62 10.65 17.77 10.46 17.85C10.37 17.89 10.27 17.91 10.17 17.91C10.07 17.91 9.98 17.89 9.88 17.85C9.79 17.81 9.71 17.76 9.64 17.69L6.6 14.65C6.31 14.36 6.31 13.88 6.6 13.59C6.89 13.3 7.37 13.3 7.66 13.59L9.42 15.35V6.85C9.42 6.44 9.76 6.1 10.17 6.1C10.58 6.1 10.92 6.44 10.92 6.85V17.15H10.93ZM17.39 10.42C17.24 10.57 17.05 10.64 16.86 10.64C16.67 10.64 16.48 10.57 16.33 10.42L14.57 8.66V17.16C14.57 17.57 14.23 17.91 13.82 17.91C13.41 17.91 13.07 17.57 13.07 17.16V6.85C13.07 6.75 13.09 6.66 13.13 6.56C13.21 6.38 13.35 6.23 13.54 6.15C13.72 6.07 13.93 6.07 14.11 6.15C14.2 6.19 14.28 6.24 14.35 6.31L17.39 9.35C17.68 9.65 17.68 10.12 17.39 10.42Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/arrange-square-2.svg b/public/images/icons/vuesax/bold/arrange-square-2.svg
new file mode 100644
index 0000000..4e48914
--- /dev/null
+++ b/public/images/icons/vuesax/bold/arrange-square-2.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM10.93 17.15C10.93 17.25 10.91 17.34 10.87 17.44C10.79 17.62 10.65 17.77 10.46 17.85C10.37 17.89 10.27 17.91 10.17 17.91C10.07 17.91 9.98 17.89 9.88 17.85C9.79 17.81 9.71 17.76 9.64 17.69L6.6 14.65C6.31 14.36 6.31 13.88 6.6 13.59C6.89 13.3 7.37 13.3 7.66 13.59L9.42 15.35V6.85C9.42 6.44 9.76 6.1 10.17 6.1C10.58 6.1 10.92 6.44 10.92 6.85V17.15H10.93ZM17.39 10.42C17.24 10.57 17.05 10.64 16.86 10.64C16.67 10.64 16.48 10.57 16.33 10.42L14.57 8.66V17.16C14.57 17.57 14.23 17.91 13.82 17.91C13.41 17.91 13.07 17.57 13.07 17.16V6.85C13.07 6.75 13.09 6.66 13.13 6.56C13.21 6.38 13.35 6.23 13.54 6.15C13.72 6.07 13.93 6.07 14.11 6.15C14.2 6.19 14.28 6.24 14.35 6.31L17.39 9.35C17.68 9.65 17.68 10.12 17.39 10.42Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/arrange-square.svg b/public/images/icons/vuesax/bold/arrange-square.svg
new file mode 100644
index 0000000..2d9b617
--- /dev/null
+++ b/public/images/icons/vuesax/bold/arrange-square.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM17.85 14.1C17.81 14.19 17.76 14.27 17.69 14.34L14.65 17.38C14.5 17.53 14.31 17.6 14.12 17.6C13.93 17.6 13.74 17.53 13.59 17.38C13.3 17.09 13.3 16.61 13.59 16.32L15.35 14.56H6.85C6.44 14.56 6.1 14.22 6.1 13.81C6.1 13.4 6.44 13.06 6.85 13.06H17.16C17.26 13.06 17.35 13.08 17.45 13.12C17.63 13.2 17.78 13.34 17.86 13.53C17.92 13.71 17.92 13.92 17.85 14.1ZM17.15 10.93H6.85C6.75 10.93 6.66 10.91 6.56 10.87C6.38 10.79 6.23 10.65 6.15 10.46C6.07 10.28 6.07 10.07 6.15 9.89C6.19 9.8 6.24 9.72 6.31 9.65L9.35 6.61C9.64 6.32 10.12 6.32 10.41 6.61C10.7 6.9 10.7 7.38 10.41 7.67L8.66 9.43H17.16C17.57 9.43 17.91 9.77 17.91 10.18C17.91 10.59 17.57 10.93 17.15 10.93Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/arrow-2.svg b/public/images/icons/vuesax/bold/arrow-2.svg
new file mode 100644
index 0000000..0b7cc75
--- /dev/null
+++ b/public/images/icons/vuesax/bold/arrow-2.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="M21.75 6.7302C21.75 6.5302 21.67 6.3402 21.53 6.2002L17.81 2.4802C17.52 2.1902 17.04 2.1902 16.75 2.4802C16.46 2.7702 16.46 3.2502 16.75 3.5402L19.2 5.9902H3C2.59 5.9902 2.25 6.3302 2.25 6.7402C2.25 7.1502 2.59 7.4802 3 7.4802H19.19L16.75 9.9202C16.46 10.2102 16.46 10.6902 16.75 10.9802C16.9 11.1302 17.09 11.2002 17.28 11.2002C17.47 11.2002 17.66 11.1302 17.81 10.9802L21.52 7.2702C21.59 7.2002 21.65 7.1102 21.69 7.0102C21.69 7.0002 21.69 6.9902 21.7 6.9802C21.73 6.9002 21.75 6.8202 21.75 6.7302Z" fill="#292D32"/>
+<path d="M21 16.5202H4.81L7.25 14.0802C7.54 13.7902 7.54 13.3102 7.25 13.0202C6.96 12.7302 6.48 12.7302 6.19 13.0202L2.48 16.7302C2.41 16.8002 2.35 16.8902 2.31 16.9902C2.31 17.0002 2.31 17.0102 2.3 17.0202C2.27 17.1002 2.25 17.1902 2.25 17.2802C2.25 17.4802 2.33 17.6702 2.47 17.8102L6.19 21.5302C6.34 21.6802 6.53 21.7502 6.72 21.7502C6.91 21.7502 7.1 21.6802 7.25 21.5302C7.54 21.2402 7.54 20.7602 7.25 20.4702L4.8 18.0202H21C21.41 18.0202 21.75 17.6802 21.75 17.2702C21.75 16.8602 21.41 16.5202 21 16.5202Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/arrow-3.svg b/public/images/icons/vuesax/bold/arrow-3.svg
new file mode 100644
index 0000000..cb5277e
--- /dev/null
+++ b/public/images/icons/vuesax/bold/arrow-3.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.9799 6.19L7.26994 2.48C7.19994 2.41 7.10994 2.35 7.00994 2.31C6.99994 2.31 6.98994 2.31 6.97994 2.3C6.89994 2.27 6.81994 2.25 6.72994 2.25C6.52994 2.25 6.33994 2.33 6.19994 2.47L2.46994 6.19C2.17994 6.48 2.17994 6.96 2.46994 7.25C2.75994 7.54 3.23994 7.54 3.52994 7.25L5.97994 4.8V21C5.97994 21.41 6.31994 21.75 6.72994 21.75C7.13994 21.75 7.47994 21.41 7.47994 21V4.81L9.91994 7.25C10.0699 7.4 10.2599 7.47 10.4499 7.47C10.6399 7.47 10.8299 7.4 10.9799 7.25C11.2699 6.96 11.2699 6.49 10.9799 6.19Z" fill="#292D32"/>
+<path d="M21.53 16.75C21.24 16.46 20.76 16.46 20.47 16.75L18.02 19.2V3C18.02 2.59 17.68 2.25 17.27 2.25C16.86 2.25 16.52 2.59 16.52 3V19.19L14.08 16.75C13.79 16.46 13.31 16.46 13.02 16.75C12.73 17.04 12.73 17.52 13.02 17.81L16.73 21.52C16.8 21.59 16.89 21.65 16.99 21.69C17 21.69 17.01 21.69 17.02 21.7C17.1 21.73 17.19 21.75 17.28 21.75C17.48 21.75 17.67 21.67 17.81 21.53L21.53 17.81C21.82 17.51 21.82 17.04 21.53 16.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/arrow-bottom.svg b/public/images/icons/vuesax/bold/arrow-bottom.svg
new file mode 100644
index 0000000..e9510b7
--- /dev/null
+++ b/public/images/icons/vuesax/bold/arrow-bottom.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.33005 6H14.67C17.99 6 19.34 8.35 17.69 11.22L16.95 12.5C16.77 12.81 16.44 13 16.08 13H7.92005C7.56005 13 7.23005 12.81 7.05005 12.5L6.31005 11.22C4.66005 8.35 6.01005 6 9.33005 6Z" fill="#292D32"/>
+<path d="M8.79006 14H15.2201C15.6101 14 15.8501 14.42 15.6501 14.75L15.0101 15.85C13.3601 18.72 10.6401 18.72 8.99006 15.85L8.35006 14.75C8.16006 14.42 8.40006 14 8.79006 14Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/arrow-circle-down.svg b/public/images/icons/vuesax/bold/arrow-circle-down.svg
new file mode 100644
index 0000000..f5a34f4
--- /dev/null
+++ b/public/images/icons/vuesax/bold/arrow-circle-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="M12 2C6.49 2 2 6.49 2 12C2 17.51 6.49 22 12 22C17.51 22 22 17.51 22 12C22 6.49 17.51 2 12 2ZM16.06 11.27L12.53 14.8C12.38 14.95 12.19 15.02 12 15.02C11.81 15.02 11.62 14.95 11.47 14.8L7.94 11.27C7.65 10.98 7.65 10.5 7.94 10.21C8.23 9.92 8.71 9.92 9 10.21L12 13.21L15 10.21C15.29 9.92 15.77 9.92 16.06 10.21C16.35 10.5 16.35 10.97 16.06 11.27Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/arrow-circle-left.svg b/public/images/icons/vuesax/bold/arrow-circle-left.svg
new file mode 100644
index 0000000..0bae7cd
--- /dev/null
+++ b/public/images/icons/vuesax/bold/arrow-circle-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="M12 2C6.49 2 2 6.49 2 12C2 17.51 6.49 22 12 22C17.51 22 22 17.51 22 12C22 6.49 17.51 2 12 2ZM13.79 15C14.08 15.29 14.08 15.77 13.79 16.06C13.64 16.21 13.45 16.28 13.26 16.28C13.07 16.28 12.88 16.21 12.73 16.06L9.2 12.53C8.91 12.24 8.91 11.76 9.2 11.47L12.73 7.94C13.02 7.65 13.5 7.65 13.79 7.94C14.08 8.23 14.08 8.71 13.79 9L10.79 12L13.79 15Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/arrow-circle-right.svg b/public/images/icons/vuesax/bold/arrow-circle-right.svg
new file mode 100644
index 0000000..04df0b7
--- /dev/null
+++ b/public/images/icons/vuesax/bold/arrow-circle-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="M12 2C6.49 2 2 6.49 2 12C2 17.51 6.49 22 12 22C17.51 22 22 17.51 22 12C22 6.49 17.51 2 12 2ZM14.79 12.53L11.26 16.06C11.11 16.21 10.92 16.28 10.73 16.28C10.54 16.28 10.35 16.21 10.2 16.06C9.91 15.77 9.91 15.29 10.2 15L13.2 12L10.2 9C9.91 8.71 9.91 8.23 10.2 7.94C10.49 7.65 10.97 7.65 11.26 7.94L14.79 11.47C15.09 11.76 15.09 12.24 14.79 12.53Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/arrow-circle-up.svg b/public/images/icons/vuesax/bold/arrow-circle-up.svg
new file mode 100644
index 0000000..d2ea3e2
--- /dev/null
+++ b/public/images/icons/vuesax/bold/arrow-circle-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="M12 2C6.49 2 2 6.49 2 12C2 17.51 6.49 22 12 22C17.51 22 22 17.51 22 12C22 6.49 17.51 2 12 2ZM16.06 13.79C15.91 13.94 15.72 14.01 15.53 14.01C15.34 14.01 15.15 13.94 15 13.79L12 10.79L9 13.79C8.71 14.08 8.23 14.08 7.94 13.79C7.65 13.5 7.65 13.02 7.94 12.73L11.47 9.2C11.76 8.91 12.24 8.91 12.53 9.2L16.06 12.73C16.35 13.03 16.35 13.5 16.06 13.79Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/arrow-down-1.svg b/public/images/icons/vuesax/bold/arrow-down-1.svg
new file mode 100644
index 0000000..dbf887e
--- /dev/null
+++ b/public/images/icons/vuesax/bold/arrow-down-1.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM16.82 14.24L12.53 18.53C12.39 18.67 12.2 18.75 12 18.75C11.8 18.75 11.61 18.67 11.47 18.53L7.18 14.24C6.89 13.95 6.89 13.47 7.18 13.18C7.47 12.89 7.95 12.89 8.24 13.18L11.25 16.19V6C11.25 5.59 11.59 5.25 12 5.25C12.41 5.25 12.75 5.59 12.75 6V16.19L15.76 13.18C16.05 12.89 16.53 12.89 16.82 13.18C16.97 13.33 17.04 13.52 17.04 13.71C17.04 13.9 16.96 14.1 16.82 14.24Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/arrow-down-2.svg b/public/images/icons/vuesax/bold/arrow-down-2.svg
new file mode 100644
index 0000000..3c2151c
--- /dev/null
+++ b/public/images/icons/vuesax/bold/arrow-down-2.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 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM15.53 13.03L12.53 16.03C12.38 16.18 12.19 16.25 12 16.25C11.81 16.25 11.62 16.18 11.47 16.03L8.47 13.03C8.18 12.74 8.18 12.26 8.47 11.97C8.76 11.68 9.24 11.68 9.53 11.97L11.25 13.69V8.5C11.25 8.09 11.59 7.75 12 7.75C12.41 7.75 12.75 8.09 12.75 8.5V13.69L14.47 11.97C14.76 11.68 15.24 11.68 15.53 11.97C15.82 12.26 15.82 12.74 15.53 13.03Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/arrow-down.svg b/public/images/icons/vuesax/bold/arrow-down.svg
new file mode 100644
index 0000000..4b0369d
--- /dev/null
+++ b/public/images/icons/vuesax/bold/arrow-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="M17.92 8.18018H11.69H6.07999C5.11999 8.18018 4.63999 9.34018 5.31999 10.0202L10.5 15.2002C11.33 16.0302 12.68 16.0302 13.51 15.2002L15.48 13.2302L18.69 10.0202C19.36 9.34018 18.88 8.18018 17.92 8.18018Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/arrow-left-1.svg b/public/images/icons/vuesax/bold/arrow-left-1.svg
new file mode 100644
index 0000000..6ebd74b
--- /dev/null
+++ b/public/images/icons/vuesax/bold/arrow-left-1.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM18 12.75H7.81L10.82 15.76C11.11 16.05 11.11 16.53 10.82 16.82C10.67 16.97 10.48 17.04 10.29 17.04C10.1 17.04 9.91 16.97 9.76 16.82L5.47 12.53C5.33 12.39 5.25 12.2 5.25 12C5.25 11.8 5.33 11.61 5.47 11.47L9.76 7.18C10.05 6.89 10.53 6.89 10.82 7.18C11.11 7.47 11.11 7.95 10.82 8.24L7.81 11.25H18C18.41 11.25 18.75 11.59 18.75 12C18.75 12.41 18.41 12.75 18 12.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/arrow-left-2.svg b/public/images/icons/vuesax/bold/arrow-left-2.svg
new file mode 100644
index 0000000..97bbdd5
--- /dev/null
+++ b/public/images/icons/vuesax/bold/arrow-left-2.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 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM15.5 12.75H10.31L12.03 14.47C12.32 14.76 12.32 15.24 12.03 15.53C11.88 15.68 11.69 15.75 11.5 15.75C11.31 15.75 11.12 15.68 10.97 15.53L7.97 12.53C7.68 12.24 7.68 11.76 7.97 11.47L10.97 8.47C11.26 8.18 11.74 8.18 12.03 8.47C12.32 8.76 12.32 9.24 12.03 9.53L10.31 11.25H15.5C15.91 11.25 16.25 11.59 16.25 12C16.25 12.41 15.91 12.75 15.5 12.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/arrow-left-3.svg b/public/images/icons/vuesax/bold/arrow-left-3.svg
new file mode 100644
index 0000000..bf3b794
--- /dev/null
+++ b/public/images/icons/vuesax/bold/arrow-left-3.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.98 5.32024L10.77 8.53024L8.79999 10.4902C7.96999 11.3202 7.96999 12.6702 8.79999 13.5002L13.98 18.6802C14.66 19.3602 15.82 18.8702 15.82 17.9202V12.3102V6.08024C15.82 5.12024 14.66 4.64024 13.98 5.32024Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/arrow-left.svg b/public/images/icons/vuesax/bold/arrow-left.svg
new file mode 100644
index 0000000..436aa60
--- /dev/null
+++ b/public/images/icons/vuesax/bold/arrow-left.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="M18 9.33017V14.6702C18 17.9902 15.65 19.3402 12.78 17.6902L11.5 16.9502C11.19 16.7702 11 16.4402 11 16.0802V7.92017C11 7.56017 11.19 7.23017 11.5 7.05017L12.78 6.31017C15.65 4.66017 18 6.01017 18 9.33017Z" fill="#292D32"/>
+<path d="M10.0001 8.79006V15.2201C10.0001 15.6101 9.58006 15.8501 9.25006 15.6501L8.15006 15.0101C5.28006 13.3601 5.28006 10.6401 8.15006 8.99006L9.25006 8.35006C9.58006 8.16006 10.0001 8.40006 10.0001 8.79006Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/arrow-right-1.svg b/public/images/icons/vuesax/bold/arrow-right-1.svg
new file mode 100644
index 0000000..64ab680
--- /dev/null
+++ b/public/images/icons/vuesax/bold/arrow-right-1.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 9.33017V14.6702C6 17.9902 8.35 19.3402 11.22 17.6902L12.5 16.9502C12.81 16.7702 13 16.4402 13 16.0802V7.92017C13 7.56017 12.81 7.23017 12.5 7.05017L11.22 6.31017C8.35 4.66017 6 6.01017 6 9.33017Z" fill="#292D32"/>
+<path d="M14 8.79006V15.2201C14 15.6101 14.42 15.8501 14.75 15.6501L15.85 15.0101C18.72 13.3601 18.72 10.6401 15.85 8.99006L14.75 8.35006C14.42 8.16006 14 8.40006 14 8.79006Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/arrow-right-2.svg b/public/images/icons/vuesax/bold/arrow-right-2.svg
new file mode 100644
index 0000000..f33749e
--- /dev/null
+++ b/public/images/icons/vuesax/bold/arrow-right-2.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.2001 10.4899L13.2301 8.51993L10.0201 5.30993C9.34005 4.63993 8.18005 5.11993 8.18005 6.07993V12.3099V17.9199C8.18005 18.8799 9.34005 19.3599 10.0201 18.6799L15.2001 13.4999C16.0301 12.6799 16.0301 11.3199 15.2001 10.4899Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/arrow-right-3.svg b/public/images/icons/vuesax/bold/arrow-right-3.svg
new file mode 100644
index 0000000..963b94c
--- /dev/null
+++ b/public/images/icons/vuesax/bold/arrow-right-3.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM18.53 12.53L14.24 16.82C14.09 16.97 13.9 17.04 13.71 17.04C13.52 17.04 13.33 16.97 13.18 16.82C12.89 16.53 12.89 16.05 13.18 15.76L16.19 12.75H6C5.59 12.75 5.25 12.41 5.25 12C5.25 11.59 5.59 11.25 6 11.25H16.19L13.18 8.24C12.89 7.95 12.89 7.47 13.18 7.18C13.47 6.89 13.95 6.89 14.24 7.18L18.53 11.47C18.67 11.61 18.75 11.8 18.75 12C18.75 12.2 18.67 12.39 18.53 12.53Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/arrow-right.svg b/public/images/icons/vuesax/bold/arrow-right.svg
new file mode 100644
index 0000000..10c01cd
--- /dev/null
+++ b/public/images/icons/vuesax/bold/arrow-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="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM16.03 12.53L13.03 15.53C12.88 15.68 12.69 15.75 12.5 15.75C12.31 15.75 12.12 15.68 11.97 15.53C11.68 15.24 11.68 14.76 11.97 14.47L13.69 12.75H8.5C8.09 12.75 7.75 12.41 7.75 12C7.75 11.59 8.09 11.25 8.5 11.25H13.69L11.97 9.53C11.68 9.24 11.68 8.76 11.97 8.47C12.26 8.18 12.74 8.18 13.03 8.47L16.03 11.47C16.32 11.76 16.32 12.24 16.03 12.53Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/arrow-square-down.svg b/public/images/icons/vuesax/bold/arrow-square-down.svg
new file mode 100644
index 0000000..2cb8ff9
--- /dev/null
+++ b/public/images/icons/vuesax/bold/arrow-square-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="M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM16.06 11.17L12.53 14.7C12.38 14.85 12.19 14.92 12 14.92C11.81 14.92 11.62 14.85 11.47 14.7L7.94 11.17C7.65 10.88 7.65 10.4 7.94 10.11C8.23 9.82 8.71 9.82 9 10.11L12 13.11L15 10.11C15.29 9.82 15.77 9.82 16.06 10.11C16.35 10.4 16.35 10.87 16.06 11.17Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/arrow-square-left.svg b/public/images/icons/vuesax/bold/arrow-square-left.svg
new file mode 100644
index 0000000..3d3ce8e
--- /dev/null
+++ b/public/images/icons/vuesax/bold/arrow-square-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="M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM13.79 15C14.08 15.29 14.08 15.77 13.79 16.06C13.64 16.21 13.45 16.28 13.26 16.28C13.07 16.28 12.88 16.21 12.73 16.06L9.2 12.53C8.91 12.24 8.91 11.76 9.2 11.47L12.73 7.94C13.02 7.65 13.5 7.65 13.79 7.94C14.08 8.23 14.08 8.71 13.79 9L10.79 12L13.79 15Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/arrow-square-right.svg b/public/images/icons/vuesax/bold/arrow-square-right.svg
new file mode 100644
index 0000000..6c26123
--- /dev/null
+++ b/public/images/icons/vuesax/bold/arrow-square-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="M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM14.79 12.53L11.26 16.06C11.11 16.21 10.92 16.28 10.73 16.28C10.54 16.28 10.35 16.21 10.2 16.06C9.91 15.77 9.91 15.29 10.2 15L13.2 12L10.2 9C9.91 8.71 9.91 8.23 10.2 7.94C10.49 7.65 10.97 7.65 11.26 7.94L14.79 11.47C15.09 11.76 15.09 12.24 14.79 12.53Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/arrow-square-up.svg b/public/images/icons/vuesax/bold/arrow-square-up.svg
new file mode 100644
index 0000000..75a5d6b
--- /dev/null
+++ b/public/images/icons/vuesax/bold/arrow-square-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="M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM16.06 14C15.91 14.15 15.72 14.22 15.53 14.22C15.34 14.22 15.15 14.14 15 14L12 11L9 14C8.71 14.29 8.23 14.29 7.94 14C7.65 13.71 7.65 13.23 7.94 12.94L11.47 9.41C11.76 9.12 12.24 9.12 12.53 9.41L16.06 12.94C16.35 13.23 16.35 13.7 16.06 14Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/arrow-square.svg b/public/images/icons/vuesax/bold/arrow-square.svg
new file mode 100644
index 0000000..67fc597
--- /dev/null
+++ b/public/images/icons/vuesax/bold/arrow-square.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM19.35 8.84C19.31 8.93 19.26 9.01 19.19 9.08L17.39 10.88C17.24 11.03 17.05 11.1 16.86 11.1C16.67 11.1 16.48 11.03 16.33 10.88C16.04 10.59 16.04 10.11 16.33 9.82L16.85 9.3H16.7C14.6 9.3 12.88 11.01 12.88 13.11V15.07V17.24C12.88 17.65 12.54 17.99 12.13 17.99C11.72 17.99 11.38 17.65 11.38 17.24V15.07V13.11C11.38 11.01 9.67 9.3 7.57 9.3H7.15L7.67 9.82C7.96 10.11 7.96 10.59 7.67 10.88C7.52 11.03 7.33 11.1 7.14 11.1C6.95 11.1 6.76 11.03 6.61 10.88L4.81 9.08C4.52 8.79 4.52 8.31 4.81 8.02L6.61 6.22C6.9 5.93 7.38 5.93 7.67 6.22C7.96 6.51 7.96 6.99 7.67 7.28L7.15 7.8H7.58C9.53 7.8 11.22 8.87 12.14 10.44C13.06 8.87 14.75 7.8 16.71 7.8H16.86L16.34 7.28C16.05 6.99 16.05 6.51 16.34 6.22C16.63 5.93 17.11 5.93 17.4 6.22L19.2 8.02C19.27 8.09 19.32 8.17 19.36 8.26C19.43 8.45 19.43 8.66 19.35 8.84Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/arrow-swap-horizontal.svg b/public/images/icons/vuesax/bold/arrow-swap-horizontal.svg
new file mode 100644
index 0000000..e2b3f7b
--- /dev/null
+++ b/public/images/icons/vuesax/bold/arrow-swap-horizontal.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM17.69 14.05C17.65 14.14 17.6 14.22 17.53 14.29L14.58 17.24C14.43 17.39 14.24 17.46 14.05 17.46C13.86 17.46 13.67 17.39 13.52 17.24C13.23 16.95 13.23 16.47 13.52 16.18L15.19 14.51H7C6.59 14.51 6.25 14.17 6.25 13.76C6.25 13.35 6.59 13.01 7 13.01H17C17.1 13.01 17.19 13.03 17.29 13.07C17.47 13.15 17.62 13.29 17.7 13.48C17.77 13.66 17.77 13.86 17.69 14.05ZM17 10.99H7C6.9 10.99 6.81 10.97 6.71 10.93C6.53 10.85 6.38 10.71 6.3 10.52C6.22 10.34 6.22 10.13 6.3 9.95C6.35 9.86 6.4 9.78 6.47 9.71L9.42 6.76C9.71 6.47 10.19 6.47 10.48 6.76C10.77 7.05 10.77 7.53 10.48 7.82L8.81 9.49H17C17.41 9.49 17.75 9.83 17.75 10.24C17.75 10.65 17.41 10.99 17 10.99Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/arrow-swap.svg b/public/images/icons/vuesax/bold/arrow-swap.svg
new file mode 100644
index 0000000..0c5b02f
--- /dev/null
+++ b/public/images/icons/vuesax/bold/arrow-swap.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM10.99 17C10.99 17.1 10.97 17.19 10.93 17.29C10.85 17.47 10.71 17.62 10.52 17.7C10.43 17.74 10.33 17.76 10.23 17.76C10.13 17.76 10.04 17.74 9.94 17.7C9.85 17.66 9.77 17.61 9.7 17.54L6.75 14.59C6.46 14.3 6.46 13.82 6.75 13.53C7.04 13.24 7.52 13.24 7.81 13.53L9.48 15.2V7C9.48 6.59 9.82 6.25 10.23 6.25C10.64 6.25 10.99 6.59 10.99 7V17ZM17.24 10.48C17.09 10.63 16.9 10.7 16.71 10.7C16.52 10.7 16.33 10.63 16.18 10.48L14.51 8.81V17C14.51 17.41 14.17 17.75 13.76 17.75C13.35 17.75 13.01 17.41 13.01 17V7C13.01 6.9 13.03 6.81 13.07 6.71C13.15 6.53 13.29 6.38 13.48 6.3C13.66 6.22 13.87 6.22 14.05 6.3C14.14 6.34 14.22 6.39 14.29 6.46L17.24 9.41C17.53 9.71 17.53 10.19 17.24 10.48Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/arrow-up-1.svg b/public/images/icons/vuesax/bold/arrow-up-1.svg
new file mode 100644
index 0000000..75fb319
--- /dev/null
+++ b/public/images/icons/vuesax/bold/arrow-up-1.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.6801 13.9802L15.4701 10.7702L13.5101 8.80023C12.6801 7.97023 11.3301 7.97023 10.5001 8.80023L5.32007 13.9802C4.64007 14.6602 5.13007 15.8202 6.08007 15.8202H11.6901H17.9201C18.8801 15.8202 19.3601 14.6602 18.6801 13.9802Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/arrow-up-2.svg b/public/images/icons/vuesax/bold/arrow-up-2.svg
new file mode 100644
index 0000000..06bac86
--- /dev/null
+++ b/public/images/icons/vuesax/bold/arrow-up-2.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.33005 18H14.67C17.99 18 19.34 15.65 17.69 12.78L16.95 11.5C16.77 11.19 16.44 11 16.08 11H7.92005C7.56005 11 7.23005 11.19 7.05005 11.5L6.31005 12.78C4.66005 15.65 6.01005 18 9.33005 18Z" fill="#292D32"/>
+<path d="M8.79006 10.0001H15.2201C15.6101 10.0001 15.8501 9.58006 15.6501 9.25006L15.0101 8.15006C13.3601 5.28006 10.6401 5.28006 8.99006 8.15006L8.35006 9.25006C8.16006 9.58006 8.40006 10.0001 8.79006 10.0001Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/arrow-up-3.svg b/public/images/icons/vuesax/bold/arrow-up-3.svg
new file mode 100644
index 0000000..3f0adae
--- /dev/null
+++ b/public/images/icons/vuesax/bold/arrow-up-3.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM16.82 10.82C16.53 11.11 16.05 11.11 15.76 10.82L12.75 7.81V18C12.75 18.41 12.41 18.75 12 18.75C11.59 18.75 11.25 18.41 11.25 18V7.81L8.24 10.82C7.95 11.11 7.47 11.11 7.18 10.82C7.03 10.67 6.96 10.48 6.96 10.29C6.96 10.1 7.04 9.9 7.18 9.76L11.47 5.47C11.61 5.33 11.8 5.25 12 5.25C12.2 5.25 12.39 5.33 12.53 5.47L16.82 9.76C17.11 10.05 17.11 10.52 16.82 10.82Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/arrow-up.svg b/public/images/icons/vuesax/bold/arrow-up.svg
new file mode 100644
index 0000000..661d4dc
--- /dev/null
+++ b/public/images/icons/vuesax/bold/arrow-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="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM15.53 12.03C15.38 12.18 15.19 12.25 15 12.25C14.81 12.25 14.62 12.18 14.47 12.03L12.75 10.31V15.5C12.75 15.91 12.41 16.25 12 16.25C11.59 16.25 11.25 15.91 11.25 15.5V10.31L9.53 12.03C9.24 12.32 8.76 12.32 8.47 12.03C8.18 11.74 8.18 11.26 8.47 10.97L11.47 7.97C11.76 7.68 12.24 7.68 12.53 7.97L15.53 10.97C15.82 11.26 15.82 11.74 15.53 12.03Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/arrow.svg b/public/images/icons/vuesax/bold/arrow.svg
new file mode 100644
index 0000000..82c1efd
--- /dev/null
+++ b/public/images/icons/vuesax/bold/arrow.svg
@@ -0,0 +1,8 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 22.75C11.59 22.75 11.25 22.41 11.25 22V20C11.25 19.59 11.59 19.25 12 19.25C12.41 19.25 12.75 19.59 12.75 20V22C12.75 22.41 12.41 22.75 12 22.75Z" fill="#292D32"/>
+<path d="M12 18.75C11.59 18.75 11.25 18.41 11.25 18V16C11.25 15.59 11.59 15.25 12 15.25C12.41 15.25 12.75 15.59 12.75 16V18C12.75 18.41 12.41 18.75 12 18.75Z" fill="#292D32"/>
+<path d="M12 14.75C11.59 14.75 11.25 14.41 11.25 14V11C11.25 6.73 14.73 3.25 19 3.25H22C22.41 3.25 22.75 3.59 22.75 4C22.75 4.41 22.41 4.75 22 4.75H19C15.55 4.75 12.75 7.55 12.75 11V14C12.75 14.41 12.41 14.75 12 14.75Z" fill="#292D32"/>
+<path d="M12 14.75C11.59 14.75 11.25 14.41 11.25 14V11C11.25 7.55 8.45 4.75 5 4.75H2C1.59 4.75 1.25 4.41 1.25 4C1.25 3.59 1.59 3.25 2 3.25H5C9.27 3.25 12.75 6.73 12.75 11V14C12.75 14.41 12.41 14.75 12 14.75Z" fill="#292D32"/>
+<path d="M3.99994 6.74994C3.80994 6.74994 3.61994 6.67994 3.46994 6.52994L1.46994 4.52994C1.17994 4.23994 1.17994 3.75994 1.46994 3.46994L3.46994 1.46994C3.75994 1.17994 4.23994 1.17994 4.52994 1.46994C4.81994 1.75994 4.81994 2.23994 4.52994 2.52994L3.05994 3.99994L4.52994 5.46994C4.81994 5.75994 4.81994 6.23994 4.52994 6.52994C4.37994 6.67994 4.18994 6.74994 3.99994 6.74994Z" fill="#292D32"/>
+<path d="M20 6.74994C19.81 6.74994 19.62 6.67994 19.47 6.52994C19.18 6.23994 19.18 5.75994 19.47 5.46994L20.94 3.99994L19.47 2.52994C19.18 2.23994 19.18 1.75994 19.47 1.46994C19.76 1.17994 20.24 1.17994 20.53 1.46994L22.53 3.46994C22.82 3.75994 22.82 4.23994 22.53 4.52994L20.53 6.52994C20.38 6.67994 20.19 6.74994 20 6.74994Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/attach-circle.svg b/public/images/icons/vuesax/bold/attach-circle.svg
new file mode 100644
index 0000000..eac94a4
--- /dev/null
+++ b/public/images/icons/vuesax/bold/attach-circle.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 opacity="0.93" d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM16.37 14.35L14.15 16.57C13.61 17.11 12.91 17.37 12.21 17.37C11.51 17.37 10.8 17.1 10.27 16.57C9.75 16.05 9.46 15.36 9.46 14.63C9.46 13.9 9.75 13.2 10.27 12.69L11.68 11.28C11.97 10.99 12.45 10.99 12.74 11.28C13.03 11.57 13.03 12.05 12.74 12.34L11.33 13.75C11.09 13.99 10.96 14.3 10.96 14.63C10.96 14.96 11.09 15.28 11.33 15.51C11.82 16 12.61 16 13.1 15.51L15.32 13.29C16.59 12.02 16.59 9.96 15.32 8.69C14.05 7.42 11.99 7.42 10.72 8.69L8.3 11.11C7.79 11.62 7.51 12.29 7.51 13C7.51 13.71 7.79 14.39 8.3 14.89C8.59 15.18 8.59 15.66 8.3 15.95C8.01 16.24 7.53 16.24 7.24 15.95C6.44 15.18 6 14.13 6 13.01C6 11.89 6.43 10.84 7.22 10.05L9.64 7.63C11.49 5.78 14.51 5.78 16.36 7.63C18.22 9.48 18.22 12.5 16.37 14.35Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/attach-square.svg b/public/images/icons/vuesax/bold/attach-square.svg
new file mode 100644
index 0000000..ba85be6
--- /dev/null
+++ b/public/images/icons/vuesax/bold/attach-square.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM16.37 14.35L14.15 16.57C13.61 17.11 12.91 17.37 12.21 17.37C11.51 17.37 10.8 17.1 10.27 16.57C9.75 16.05 9.46 15.36 9.46 14.63C9.46 13.9 9.75 13.2 10.27 12.69L11.68 11.28C11.97 10.99 12.45 10.99 12.74 11.28C13.03 11.57 13.03 12.05 12.74 12.34L11.33 13.75C11.09 13.99 10.96 14.3 10.96 14.63C10.96 14.96 11.09 15.28 11.33 15.51C11.82 16 12.61 16 13.1 15.51L15.32 13.29C16.59 12.02 16.59 9.96 15.32 8.69C14.05 7.42 11.99 7.42 10.72 8.69L8.3 11.11C7.79 11.62 7.51 12.29 7.51 13C7.51 13.71 7.79 14.39 8.3 14.89C8.59 15.18 8.59 15.66 8.3 15.95C8.01 16.24 7.53 16.24 7.24 15.95C6.44 15.18 6 14.13 6 13.01C6 11.89 6.43 10.84 7.22 10.05L9.64 7.63C11.49 5.78 14.51 5.78 16.36 7.63C18.22 9.48 18.22 12.5 16.37 14.35Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/audio-square.svg b/public/images/icons/vuesax/bold/audio-square.svg
new file mode 100644
index 0000000..9a82725
--- /dev/null
+++ b/public/images/icons/vuesax/bold/audio-square.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.66997 13.9199C8.92997 13.9199 8.33997 14.5199 8.33997 15.2599C8.33997 15.9999 8.93997 16.5899 9.66997 16.5899C10.41 16.5899 11.01 15.9899 11.01 15.2599C11.01 14.5199 10.41 13.9199 9.66997 13.9199Z" fill="#292D32"/>
+<path d="M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM17.12 9.8C17.12 10.41 16.86 10.95 16.42 11.27C16.14 11.47 15.8 11.58 15.44 11.58C15.23 11.58 15.02 11.54 14.8 11.47L12.51 10.71C12.5 10.71 12.48 10.7 12.47 10.69V15.25C12.47 16.79 11.21 18.05 9.67 18.05C8.13 18.05 6.87 16.79 6.87 15.25C6.87 13.71 8.13 12.45 9.67 12.45C10.16 12.45 10.61 12.59 11.01 12.8V8.63V8.02C11.01 7.41 11.27 6.87 11.71 6.55C12.16 6.23 12.75 6.15 13.33 6.35L15.62 7.11C16.48 7.4 17.13 8.3 17.13 9.2V9.8H17.12Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/augur-(rep).svg b/public/images/icons/vuesax/bold/augur-(rep).svg
new file mode 100644
index 0000000..e77c863
--- /dev/null
+++ b/public/images/icons/vuesax/bold/augur-(rep).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 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM8.33 10.66L10.83 5.66C10.96 5.41 11.22 5.25 11.5 5.25H12.5C12.78 5.25 13.04 5.41 13.17 5.66L15.67 10.66C15.86 11.03 15.71 11.48 15.33 11.67C15.22 11.72 15.11 11.75 15 11.75C14.73 11.75 14.46 11.6 14.33 11.34L12.04 6.75H11.97L9.68 11.34C9.5 11.71 9.05 11.86 8.67 11.68C8.29 11.49 8.14 11.04 8.33 10.66ZM17.39 15.64L12.39 18.64C12.27 18.71 12.14 18.75 12 18.75C11.86 18.75 11.73 18.71 11.61 18.64L6.61 15.64C6.27 15.44 6.15 15.01 6.32 14.66L7.32 12.66C7.51 12.29 7.96 12.14 8.33 12.32C8.7 12.51 8.85 12.96 8.67 13.33L7.98 14.71L12 17.12L16.02 14.71L15.33 13.33C15.14 12.96 15.29 12.51 15.67 12.32C16.04 12.14 16.49 12.28 16.68 12.66L17.68 14.66C17.85 15.01 17.72 15.44 17.39 15.64Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/autobrightness.svg b/public/images/icons/vuesax/bold/autobrightness.svg
new file mode 100644
index 0000000..2923b72
--- /dev/null
+++ b/public/images/icons/vuesax/bold/autobrightness.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="M21.56 10.7401L20.21 9.16008C19.96 8.86008 19.75 8.30008 19.75 7.90008V6.20008C19.75 5.14008 18.88 4.27008 17.82 4.27008H16.12C15.72 4.27008 15.15 4.06008 14.85 3.81008L13.27 2.46008C12.58 1.87008 11.45 1.87008 10.76 2.46008L9.16 3.81008C8.86 4.06008 8.3 4.27008 7.9 4.27008H6.17C5.11 4.27008 4.24 5.14008 4.24 6.20008V7.90008C4.24 8.29008 4.04 8.85008 3.79 9.15008L2.44 10.7401C1.86 11.4401 1.86 12.5601 2.44 13.2401L3.79 14.8301C4.04 15.1201 4.24 15.6901 4.24 16.0801V17.7901C4.24 18.8501 5.11 19.7201 6.17 19.7201H7.91C8.3 19.7201 8.87 19.9301 9.17 20.1801L10.75 21.5301C11.44 22.1201 12.57 22.1201 13.26 21.5301L14.84 20.1801C15.14 19.9301 15.7 19.7201 16.1 19.7201H17.8C18.86 19.7201 19.73 18.8501 19.73 17.7901V16.0901C19.73 15.6901 19.94 15.1301 20.19 14.8301L21.54 13.2501C22.15 12.5701 22.15 11.4401 21.56 10.7401ZM14.81 16.2401L13.83 14.0401C13.8 14.0401 13.77 14.0601 13.74 14.0601H10.24C10.21 14.0601 10.18 14.0501 10.15 14.0401L9.17 16.2401L7.8 15.6301L11.3 7.75008H12.67L16.17 15.6301L14.81 16.2401Z" fill="#292D32"/>
+<path d="M10.82 12.5602H13.18L12 9.91016L10.82 12.5602Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/autonio-(niox).svg b/public/images/icons/vuesax/bold/autonio-(niox).svg
new file mode 100644
index 0000000..70fa350
--- /dev/null
+++ b/public/images/icons/vuesax/bold/autonio-(niox).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 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM10.7 16.14H6.44C6.25 16.14 6.12998 15.93 6.22998 15.76L8.35999 12.21C8.45999 12.05 8.68998 12.05 8.78998 12.21L10.92 15.76C11.02 15.93 10.9 16.14 10.7 16.14ZM9.87 10.14C9.68 10.14 9.55997 9.92999 9.65997 9.75999L11.79 6.21001C11.89 6.05001 12.12 6.05001 12.22 6.21001L14.35 9.75999C14.45 9.92999 14.33 10.14 14.14 10.14H9.87ZM17.56 16.14H13.3C13.11 16.14 12.99 15.93 13.09 15.76L15.22 12.21C15.32 12.05 15.55 12.05 15.65 12.21L17.78 15.76C17.87 15.93 17.75 16.14 17.56 16.14Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/avalanche-(avax).svg b/public/images/icons/vuesax/bold/avalanche-(avax).svg
new file mode 100644
index 0000000..415593c
--- /dev/null
+++ b/public/images/icons/vuesax/bold/avalanche-(avax).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 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM10.72 15.41C10.39 15.94 9.80999 16.26 9.17999 16.26H6.44C6.09 16.26 5.86999 15.88 6.04999 15.58L11.66 5.97C11.82 5.69 12.22 5.67 12.41 5.93L13.97 8.02C14.42 8.62 14.45 9.43 14.06 10.07L10.72 15.41ZM17.55 16.26H13.71C13.36 16.26 13.14 15.88 13.32 15.57L15.24 12.37C15.42 12.08 15.84 12.08 16.02 12.37L17.94 15.57C18.12 15.87 17.9 16.26 17.55 16.26Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/award.svg b/public/images/icons/vuesax/bold/award.svg
new file mode 100644
index 0000000..4f4cf06
--- /dev/null
+++ b/public/images/icons/vuesax/bold/award.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="M17.81 5.49V6.23L14.27 4.18C12.93 3.41 11.06 3.41 9.73 4.18L6.19 6.24V5.49C6.19 3.24 7.42 2 9.67 2H14.33C16.58 2 17.81 3.24 17.81 5.49Z" fill="#292D32"/>
+<path d="M17.84 7.97023L17.7 7.90023L16.34 7.12023L13.52 5.49023C12.66 4.99023 11.34 4.99023 10.48 5.49023L7.66 7.11023L6.3 7.91023L6.12 8.00023C4.37 9.18023 4.25 9.40023 4.25 11.2902V15.8102C4.25 17.7002 4.37 17.9202 6.16 19.1302L10.48 21.6202C10.91 21.8802 11.45 21.9902 12 21.9902C12.54 21.9902 13.09 21.8702 13.52 21.6202L17.88 19.1002C19.64 17.9202 19.75 17.7102 19.75 15.8102V11.2902C19.75 9.40023 19.63 9.18023 17.84 7.97023ZM14.79 13.5002L14.18 14.2502C14.08 14.3602 14.01 14.5702 14.02 14.7202L14.08 15.6802C14.12 16.2702 13.7 16.5702 13.15 16.3602L12.26 16.0002C12.12 15.9502 11.89 15.9502 11.75 16.0002L10.86 16.3502C10.31 16.5702 9.89 16.2602 9.93 15.6702L9.99 14.7102C10 14.5602 9.93 14.3502 9.83 14.2402L9.21 13.5002C8.83 13.0502 9 12.5502 9.57 12.4002L10.5 12.1602C10.65 12.1202 10.82 11.9802 10.9 11.8602L11.42 11.0602C11.74 10.5602 12.25 10.5602 12.58 11.0602L13.1 11.8602C13.18 11.9902 13.36 12.1202 13.5 12.1602L14.43 12.4002C15 12.5502 15.17 13.0502 14.79 13.5002Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/back-square.svg b/public/images/icons/vuesax/bold/back-square.svg
new file mode 100644
index 0000000..9d73550
--- /dev/null
+++ b/public/images/icons/vuesax/bold/back-square.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM13.92 16.13H9C8.59 16.13 8.25 15.79 8.25 15.38C8.25 14.97 8.59 14.63 9 14.63H13.92C15.2 14.63 16.25 13.59 16.25 12.3C16.25 11.01 15.21 9.97 13.92 9.97H8.85L9.11 10.23C9.4 10.53 9.4 11 9.1 11.3C8.95 11.45 8.76 11.52 8.57 11.52C8.38 11.52 8.19 11.45 8.04 11.3L6.47 9.72C6.18 9.43 6.18 8.95 6.47 8.66L8.04 7.09C8.33 6.8 8.81 6.8 9.1 7.09C9.39 7.38 9.39 7.86 9.1 8.15L8.77 8.48H13.92C16.03 8.48 17.75 10.2 17.75 12.31C17.75 14.42 16.03 16.13 13.92 16.13Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/backward-10-seconds.svg b/public/images/icons/vuesax/bold/backward-10-seconds.svg
new file mode 100644
index 0000000..2a19339
--- /dev/null
+++ b/public/images/icons/vuesax/bold/backward-10-seconds.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.54004 16.6698C9.13004 16.6698 8.79004 16.3298 8.79004 15.9198V12.5298L8.60004 12.7498C8.32004 13.0598 7.85004 13.0798 7.54004 12.8098C7.23004 12.5298 7.21004 12.0598 7.48004 11.7498L8.98004 10.0798C9.19004 9.84984 9.52004 9.76984 9.81004 9.87984C10.1 9.98984 10.29 10.2698 10.29 10.5798V15.9298C10.29 16.3398 9.96004 16.6698 9.54004 16.6698Z" fill="#292D32"/>
+<path d="M12 3.48023C11.92 3.48023 11.84 3.49023 11.76 3.49023L12.58 2.47023C12.84 2.15023 12.79 1.67023 12.46 1.42023C12.14 1.16023 11.67 1.21023 11.41 1.54023L9.43999 4.00023C9.42999 4.01023 9.43 4.02023 9.42 4.04023C9.39 4.08023 9.37 4.13023 9.35 4.17023C9.33 4.22023 9.31 4.26023 9.3 4.30023C9.29 4.35023 9.29 4.39023 9.29 4.44023C9.29 4.49023 9.29 4.54023 9.29 4.59023C9.29 4.61023 9.29 4.62023 9.29 4.64023C9.3 4.67023 9.31999 4.69023 9.33 4.73023C9.35 4.78023 9.36 4.82023 9.39 4.86023C9.42 4.90023 9.45 4.94023 9.49 4.98023C9.50999 5.00023 9.53 5.03023 9.55 5.05023C9.56 5.06023 9.58 5.06023 9.59 5.07023C9.62 5.09023 9.64999 5.11023 9.68999 5.12023C9.74 5.15023 9.79 5.17023 9.84 5.18023C9.88 5.20023 9.91 5.20023 9.95 5.20023C9.98 5.20023 9.99999 5.21023 10.03 5.21023C10.05 5.21023 10.08 5.20023 10.1 5.19023C10.13 5.19023 10.16 5.19023 10.2 5.19023C10.84 5.04023 11.44 4.97023 12.01 4.97023C16.5 4.97023 20.15 8.62023 20.15 13.1102C20.15 17.6002 16.5 21.2502 12.01 21.2502C7.52 21.2502 3.87 17.6002 3.87 13.1102C3.87 11.3702 4.44 9.69023 5.52 8.25023C5.77 7.92023 5.7 7.45023 5.37 7.20023C5.04 6.95023 4.57 7.02023 4.32 7.35023C3.04 9.05023 2.37 11.0402 2.37 13.1102C2.37 18.4202 6.69 22.7502 12.01 22.7502C17.33 22.7502 21.65 18.4302 21.65 13.1102C21.65 7.79023 17.31 3.48023 12 3.48023Z" fill="#292D32"/>
+<path d="M14 16.6698C12.48 16.6698 11.25 15.4398 11.25 13.9198V12.5698C11.25 11.0498 12.48 9.81982 14 9.81982C15.52 9.81982 16.75 11.0498 16.75 12.5698V13.9198C16.75 15.4398 15.52 16.6698 14 16.6698ZM14 11.3298C13.31 11.3298 12.75 11.8898 12.75 12.5798V13.9298C12.75 14.6198 13.31 15.1798 14 15.1798C14.69 15.1798 15.25 14.6198 15.25 13.9298V12.5798C15.25 11.8898 14.69 11.3298 14 11.3298Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/backward-15-seconds.svg b/public/images/icons/vuesax/bold/backward-15-seconds.svg
new file mode 100644
index 0000000..998a886
--- /dev/null
+++ b/public/images/icons/vuesax/bold/backward-15-seconds.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="M14.4301 16.9198H12.1401C11.7301 16.9198 11.3901 16.5798 11.3901 16.1698C11.3901 15.7598 11.7301 15.4198 12.1401 15.4198H14.4301C14.8601 15.4198 15.2101 15.0698 15.2101 14.6398C15.2101 14.2098 14.8601 13.8598 14.4301 13.8598H12.1401C11.9001 13.8598 11.6701 13.7398 11.5301 13.5498C11.3901 13.3598 11.3501 13.0998 11.4301 12.8698L12.1901 10.5798C12.2901 10.2698 12.5801 10.0698 12.9001 10.0698H15.9601C16.3701 10.0698 16.7101 10.4098 16.7101 10.8198C16.7101 11.2298 16.3701 11.5698 15.9601 11.5698H13.4401L13.1801 12.3598H14.4301C15.6901 12.3598 16.7101 13.3798 16.7101 14.6398C16.7101 15.8998 15.6801 16.9198 14.4301 16.9198Z" fill="#292D32"/>
+<path d="M9.54004 16.9198C9.13004 16.9198 8.79004 16.5798 8.79004 16.1698V12.7798L8.60004 12.9998C8.32004 13.3098 7.85004 13.3298 7.54004 13.0598C7.24004 12.7798 7.21004 12.3098 7.49004 11.9998L8.99004 10.3298C9.20004 10.0998 9.53004 10.0198 9.82004 10.1298C10.11 10.2398 10.3 10.5198 10.3 10.8298V16.1798C10.29 16.5898 9.96004 16.9198 9.54004 16.9198Z" fill="#292D32"/>
+<path d="M12 3.47994C11.92 3.47994 11.84 3.48994 11.76 3.48994L12.58 2.46994C12.84 2.14994 12.79 1.66994 12.46 1.41994C12.13 1.16994 11.67 1.20994 11.41 1.53994L9.43998 3.99994C9.42998 4.00994 9.42998 4.01994 9.41998 4.03994C9.38998 4.07994 9.36998 4.12994 9.34998 4.16994C9.32998 4.21994 9.30998 4.25994 9.29998 4.29994C9.28998 4.34994 9.28998 4.38994 9.28998 4.43994C9.28998 4.48994 9.28998 4.53994 9.28998 4.58994C9.28998 4.60994 9.28998 4.61994 9.28998 4.63994C9.29998 4.66994 9.31998 4.68994 9.32998 4.71994C9.34998 4.76994 9.36998 4.80994 9.38998 4.85994C9.41998 4.89994 9.44998 4.93994 9.48998 4.96994C9.50998 4.99994 9.51998 5.02994 9.54998 5.04994C9.56998 5.05994 9.57998 5.06994 9.59998 5.07994C9.61998 5.09994 9.64998 5.10994 9.67998 5.11994C9.72998 5.14994 9.78998 5.16994 9.83998 5.17994C9.87998 5.19994 9.90998 5.19994 9.93998 5.19994C9.96998 5.19994 9.98998 5.20994 10.02 5.20994C10.05 5.20994 10.07 5.19994 10.09 5.18994C10.12 5.18994 10.15 5.19994 10.18 5.18994C10.82 5.03994 11.42 4.96994 11.99 4.96994C16.48 4.96994 20.13 8.61994 20.13 13.1099C20.13 17.5999 16.48 21.2499 11.99 21.2499C7.49998 21.2499 3.84998 17.5999 3.84998 13.1099C3.84998 11.3699 4.41998 9.68994 5.49998 8.24994C5.74998 7.91994 5.67998 7.44994 5.34998 7.19994C5.01998 6.94994 4.54998 7.01994 4.29998 7.34994C3.01998 9.04994 2.34998 11.0399 2.34998 13.1099C2.34998 18.4199 6.66997 22.7499 11.99 22.7499C17.31 22.7499 21.63 18.4299 21.63 13.1099C21.63 7.78994 17.31 3.47994 12 3.47994Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/backward-5-seconds.svg b/public/images/icons/vuesax/bold/backward-5-seconds.svg
new file mode 100644
index 0000000..78aa044
--- /dev/null
+++ b/public/images/icons/vuesax/bold/backward-5-seconds.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.38 16.9198H10.09C9.68001 16.9198 9.34001 16.5798 9.34001 16.1698C9.34001 15.7598 9.68001 15.4198 10.09 15.4198H12.38C12.81 15.4198 13.16 15.0698 13.16 14.6398C13.16 14.2098 12.81 13.8598 12.38 13.8598H10.09C9.85001 13.8598 9.62001 13.7398 9.48001 13.5498C9.34001 13.3598 9.30001 13.0998 9.38001 12.8698L10.14 10.5798C10.24 10.2698 10.53 10.0698 10.85 10.0698H13.91C14.32 10.0698 14.66 10.4098 14.66 10.8198C14.66 11.2298 14.32 11.5698 13.91 11.5698H11.39L11.13 12.3598H12.38C13.64 12.3598 14.66 13.3798 14.66 14.6398C14.66 15.8998 13.64 16.9198 12.38 16.9198Z" fill="#292D32"/>
+<path d="M12 3.47994C11.92 3.47994 11.84 3.48994 11.76 3.48994L12.58 2.46994C12.84 2.14994 12.79 1.66994 12.46 1.41994C12.13 1.16994 11.67 1.20994 11.41 1.53994L9.43998 3.99994C9.42998 4.00994 9.42998 4.01994 9.41998 4.03994C9.38998 4.07994 9.36998 4.12994 9.34998 4.16994C9.32998 4.21994 9.30998 4.25994 9.29998 4.29994C9.28998 4.34994 9.28998 4.38994 9.28998 4.43994C9.28998 4.48994 9.28998 4.53994 9.28998 4.58994C9.28998 4.60994 9.28998 4.61994 9.28998 4.63994C9.29998 4.66994 9.31998 4.68994 9.32998 4.71994C9.34998 4.76994 9.36998 4.80994 9.38998 4.85994C9.41998 4.89994 9.44998 4.93994 9.48998 4.96994C9.50998 4.99994 9.51998 5.02994 9.54998 5.04994C9.56998 5.05994 9.57998 5.06994 9.59998 5.07994C9.62998 5.09994 9.64998 5.10994 9.67998 5.11994C9.72998 5.14994 9.78998 5.16994 9.84998 5.17994C9.87998 5.19994 9.90998 5.19994 9.93998 5.19994C9.96998 5.19994 9.98998 5.20994 10.02 5.20994C10.05 5.20994 10.07 5.19994 10.09 5.18994C10.12 5.18994 10.15 5.19994 10.18 5.18994C10.82 5.03994 11.42 4.96994 11.99 4.96994C16.48 4.96994 20.13 8.61994 20.13 13.1099C20.13 17.5999 16.48 21.2499 11.99 21.2499C7.49998 21.2499 3.84998 17.5999 3.84998 13.1099C3.84998 11.3699 4.41998 9.68994 5.49998 8.24994C5.74998 7.91994 5.67998 7.44994 5.34998 7.19994C5.01998 6.94994 4.54998 7.01994 4.29998 7.34994C3.01998 9.04994 2.34998 11.0399 2.34998 13.1099C2.34998 18.4199 6.66997 22.7499 11.99 22.7499C17.31 22.7499 21.63 18.4299 21.63 13.1099C21.63 7.78994 17.31 3.47994 12 3.47994Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/backward-item.svg b/public/images/icons/vuesax/bold/backward-item.svg
new file mode 100644
index 0000000..9661384
--- /dev/null
+++ b/public/images/icons/vuesax/bold/backward-item.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="M21.25 5.15V7.85C21.25 9.69 20.69 10.25 18.85 10.25H16.15C14.31 10.25 13.75 9.69 13.75 7.85V5.15C13.75 3.31 14.31 2.75 16.15 2.75H18.85C20.69 2.75 21.25 3.31 21.25 5.15Z" fill="#292D32"/>
+<path d="M10.25 16.15V18.85C10.25 20.69 9.69 21.25 7.85 21.25H5.15C3.31 21.25 2.75 20.69 2.75 18.85V16.15C2.75 14.31 3.31 13.75 5.15 13.75H7.85C9.69 13.75 10.25 14.31 10.25 16.15Z" fill="#292D32"/>
+<path d="M16.15 11.7501C16.4151 11.7501 16.63 11.965 16.63 12.2301V13.6201C16.63 15.9001 15.9 16.6301 13.62 16.6301H12.23C11.9649 16.6301 11.75 16.4152 11.75 16.1501C11.75 13.4901 10.51 12.2501 7.85 12.2501C7.58491 12.2501 7.37 12.0352 7.37 11.7701V10.3801C7.37 8.10012 8.1 7.37012 10.38 7.37012H11.77C12.0351 7.37012 12.25 7.58502 12.25 7.85012C12.25 10.5101 13.49 11.7501 16.15 11.7501Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/backward.svg b/public/images/icons/vuesax/bold/backward.svg
new file mode 100644
index 0000000..41e1311
--- /dev/null
+++ b/public/images/icons/vuesax/bold/backward.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="M22 8.33983V15.6598C22 17.1598 20.37 18.0998 19.07 17.3498L15.9 15.5198L12.73 13.6898L12.24 13.4098V10.5898L12.73 10.3098L15.9 8.47983L19.07 6.64983C20.37 5.89983 22 6.83983 22 8.33983Z" fill="#292D32"/>
+<path d="M12.2399 8.33983V15.6598C12.2399 17.1598 10.6099 18.0998 9.31994 17.3498L6.13994 15.5198L2.96994 13.6898C1.67994 12.9398 1.67994 11.0598 2.96994 10.3098L6.13994 8.47983L9.31994 6.64983C10.6099 5.89983 12.2399 6.83983 12.2399 8.33983Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/bag-2.svg b/public/images/icons/vuesax/bold/bag-2.svg
new file mode 100644
index 0000000..03ad6a7
--- /dev/null
+++ b/public/images/icons/vuesax/bold/bag-2.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="M19.96 8.9599C19.29 8.2199 18.28 7.7899 16.88 7.6399V6.8799C16.88 5.5099 16.3 4.1899 15.28 3.2699C14.25 2.3299 12.91 1.8899 11.52 2.0199C9.13 2.2499 7.12001 4.5599 7.12001 7.0599V7.6399C5.72001 7.7899 4.71001 8.2199 4.04001 8.9599C3.07001 10.0399 3.10001 11.4799 3.21001 12.4799L3.91001 18.0499C4.12001 19.9999 4.91001 21.9999 9.21001 21.9999H14.79C19.09 21.9999 19.88 19.9999 20.09 18.0599L20.79 12.4699C20.9 11.4799 20.92 10.0399 19.96 8.9599ZM11.66 3.4099C12.66 3.3199 13.61 3.6299 14.35 4.2999C15.08 4.9599 15.49 5.8999 15.49 6.8799V7.5799H8.51001V7.0599C8.51001 5.2799 9.98 3.5699 11.66 3.4099ZM8.42001 13.1499H8.41001C7.86 13.1499 7.41001 12.6999 7.41001 12.1499C7.41001 11.5999 7.86 11.1499 8.41001 11.1499C8.97001 11.1499 9.42001 11.5999 9.42001 12.1499C9.42001 12.6999 8.97001 13.1499 8.42001 13.1499ZM15.42 13.1499H15.41C14.86 13.1499 14.41 12.6999 14.41 12.1499C14.41 11.5999 14.86 11.1499 15.41 11.1499C15.97 11.1499 16.42 11.5999 16.42 12.1499C16.42 12.6999 15.97 13.1499 15.42 13.1499Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/bag-cross-1.svg b/public/images/icons/vuesax/bold/bag-cross-1.svg
new file mode 100644
index 0000000..2010e57
--- /dev/null
+++ b/public/images/icons/vuesax/bold/bag-cross-1.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="M19.24 5.58006H18.84L15.46 2.20006C15.19 1.93006 14.75 1.93006 14.47 2.20006C14.2 2.47006 14.2 2.91006 14.47 3.19006L16.86 5.58006H7.14L9.53 3.19006C9.8 2.92006 9.8 2.48006 9.53 2.20006C9.26 1.93006 8.82 1.93006 8.54 2.20006L5.17 5.58006H4.77C3.87 5.58006 2 5.58006 2 8.14006C2 9.11006 2.2 9.75006 2.62 10.1701C2.86 10.4201 3.15 10.5501 3.46 10.6201C3.75 10.6901 4.06 10.7001 4.36 10.7001H19.64C19.95 10.7001 20.24 10.6801 20.52 10.6201C21.36 10.4201 22 9.82006 22 8.14006C22 5.58006 20.13 5.58006 19.24 5.58006Z" fill="#292D32"/>
+<path d="M19.09 12H4.91C4.29 12 3.82 12.55 3.92 13.16L4.76 18.3C5.04 20.02 5.79 22 9.12 22H14.73C18.1 22 18.7 20.31 19.06 18.42L20.07 13.19C20.19 12.57 19.72 12 19.09 12ZM13.92 18.89C13.78 19.04 13.59 19.11 13.39 19.11C13.2 19.11 13.01 19.04 12.86 18.89L12.02 18.04L11.14 18.92C10.99 19.07 10.8 19.14 10.61 19.14C10.41 19.14 10.22 19.07 10.08 18.92C9.78 18.63 9.78 18.16 10.08 17.86L10.96 16.98L10.11 16.14C9.81 15.84 9.81 15.37 10.11 15.08C10.4 14.78 10.87 14.78 11.17 15.08L12.02 15.92L12.83 15.11C13.13 14.81 13.6 14.81 13.89 15.11C14.19 15.4 14.19 15.87 13.89 16.17L13.08 16.98L13.92 17.83C14.22 18.13 14.22 18.6 13.92 18.89Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/bag-cross.svg b/public/images/icons/vuesax/bold/bag-cross.svg
new file mode 100644
index 0000000..410e64f
--- /dev/null
+++ b/public/images/icons/vuesax/bold/bag-cross.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="M19.96 8.9599C19.29 8.2199 18.28 7.7899 16.88 7.6399V6.8799C16.88 5.5099 16.3 4.1899 15.28 3.2699C14.25 2.3299 12.91 1.8899 11.52 2.0199C9.13 2.2499 7.12001 4.5599 7.12001 7.0599V7.6399C5.72001 7.7899 4.71001 8.2199 4.04001 8.9599C3.07001 10.0399 3.10001 11.4799 3.21001 12.4799L3.91001 18.0499C4.12001 19.9999 4.91001 21.9999 9.21001 21.9999H14.79C19.09 21.9999 19.88 19.9999 20.09 18.0599L20.79 12.4699C20.9 11.4799 20.93 10.0399 19.96 8.9599ZM11.66 3.4099C12.66 3.3199 13.61 3.6299 14.35 4.2999C15.08 4.9599 15.49 5.8999 15.49 6.8799V7.5799H8.51001V7.0599C8.51001 5.2799 9.98 3.5699 11.66 3.4099ZM12 18.5799C9.91 18.5799 8.21001 16.8799 8.21001 14.7899C8.21001 12.6999 9.91 10.9999 12 10.9999C14.09 10.9999 15.79 12.6999 15.79 14.7899C15.79 16.8799 14.09 18.5799 12 18.5799Z" fill="#292D32"/>
+<path d="M13.6 15.3102L13.07 14.7802L13.57 14.2802C13.86 13.9902 13.86 13.5102 13.57 13.2202C13.28 12.9302 12.8 12.9302 12.51 13.2202L12.01 13.7202L11.48 13.1902C11.19 12.9002 10.71 12.9002 10.42 13.1902C10.13 13.4802 10.13 13.9602 10.42 14.2502L10.95 14.7802L10.4 15.3302C10.11 15.6202 10.11 16.1002 10.4 16.3902C10.55 16.5402 10.74 16.6102 10.93 16.6102C11.12 16.6102 11.31 16.5402 11.46 16.3902L12.01 15.8402L12.54 16.3702C12.69 16.5202 12.88 16.5902 13.07 16.5902C13.26 16.5902 13.45 16.5202 13.6 16.3702C13.89 16.0802 13.89 15.6102 13.6 15.3102Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/bag-happy.svg b/public/images/icons/vuesax/bold/bag-happy.svg
new file mode 100644
index 0000000..86108c5
--- /dev/null
+++ b/public/images/icons/vuesax/bold/bag-happy.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="M19.24 5.58006H18.84L15.46 2.20006C15.19 1.93006 14.75 1.93006 14.47 2.20006C14.2 2.47006 14.2 2.91006 14.47 3.19006L16.86 5.58006H7.14L9.53 3.19006C9.8 2.92006 9.8 2.48006 9.53 2.20006C9.26 1.93006 8.82 1.93006 8.54 2.20006L5.17 5.58006H4.77C3.87 5.58006 2 5.58006 2 8.14006C2 9.11006 2.2 9.75006 2.62 10.1701C2.86 10.4201 3.15 10.5501 3.46 10.6201C3.75 10.6901 4.06 10.7001 4.36 10.7001H19.64C19.95 10.7001 20.24 10.6801 20.52 10.6201C21.36 10.4201 22 9.82006 22 8.14006C22 5.58006 20.13 5.58006 19.24 5.58006Z" fill="#292D32"/>
+<path d="M19.05 12H4.87C4.25 12 3.78 12.55 3.88 13.16L4.72 18.3C5 20.02 5.75 22 9.08 22H14.69C18.06 22 18.66 20.31 19.02 18.42L20.03 13.19C20.15 12.57 19.68 12 19.05 12ZM12 19.5C9.66 19.5 7.75 17.59 7.75 15.25C7.75 14.84 8.09 14.5 8.5 14.5C8.91 14.5 9.25 14.84 9.25 15.25C9.25 16.77 10.48 18 12 18C13.52 18 14.75 16.77 14.75 15.25C14.75 14.84 15.09 14.5 15.5 14.5C15.91 14.5 16.25 14.84 16.25 15.25C16.25 17.59 14.34 19.5 12 19.5Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/bag-tick-2.svg b/public/images/icons/vuesax/bold/bag-tick-2.svg
new file mode 100644
index 0000000..75c3c46
--- /dev/null
+++ b/public/images/icons/vuesax/bold/bag-tick-2.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="M19.96 8.9599C19.29 8.2199 18.28 7.7899 16.88 7.6399V6.8799C16.88 5.5099 16.3 4.1899 15.28 3.2699C14.25 2.3299 12.91 1.8899 11.52 2.0199C9.13 2.2499 7.12 4.5599 7.12 7.0599V7.6399C5.72 7.7899 4.71 8.2199 4.04 8.9599C3.07 10.0399 3.1 11.4799 3.21 12.4799L3.91 18.0499C4.12 19.9999 4.91 21.9999 9.21 21.9999H14.79C19.09 21.9999 19.88 19.9999 20.09 18.0599L20.79 12.4699C20.9 11.4799 20.93 10.0399 19.96 8.9599ZM11.66 3.4099C12.66 3.3199 13.61 3.6299 14.35 4.2999C15.08 4.9599 15.49 5.8999 15.49 6.8799V7.5799H8.51V7.0599C8.51 5.2799 9.98 3.5699 11.66 3.4099ZM12 18.5799C9.91 18.5799 8.21 16.8799 8.21 14.7899C8.21 12.6999 9.91 10.9999 12 10.9999C14.09 10.9999 15.79 12.6999 15.79 14.7899C15.79 16.8799 14.09 18.5799 12 18.5799Z" fill="#292D32"/>
+<path d="M11.43 16.64C11.24 16.64 11.05 16.57 10.9 16.42L9.91 15.43C9.62 15.14 9.62 14.66 9.91 14.37C10.2 14.08 10.68 14.08 10.97 14.37L11.45 14.85L13.05 13.37C13.35 13.09 13.83 13.11 14.11 13.41C14.39 13.71 14.37 14.19 14.07 14.47L11.94 16.44C11.79 16.57 11.61 16.64 11.43 16.64Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/bag-tick.svg b/public/images/icons/vuesax/bold/bag-tick.svg
new file mode 100644
index 0000000..a0621d0
--- /dev/null
+++ b/public/images/icons/vuesax/bold/bag-tick.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="M19.24 5.58006H18.84L15.46 2.20006C15.19 1.93006 14.75 1.93006 14.47 2.20006C14.2 2.47006 14.2 2.91006 14.47 3.19006L16.86 5.58006H7.14L9.53 3.19006C9.8 2.92006 9.8 2.48006 9.53 2.20006C9.26 1.93006 8.82 1.93006 8.54 2.20006L5.17 5.58006H4.77C3.87 5.58006 2 5.58006 2 8.14006C2 9.11006 2.2 9.75006 2.62 10.1701C2.86 10.4201 3.15 10.5501 3.46 10.6201C3.75 10.6901 4.06 10.7001 4.36 10.7001H19.64C19.95 10.7001 20.24 10.6801 20.52 10.6201C21.36 10.4201 22 9.82006 22 8.14006C22 5.58006 20.13 5.58006 19.24 5.58006Z" fill="#292D32"/>
+<path d="M19.09 12H4.91C4.29 12 3.82 12.55 3.92 13.16L4.76 18.3C5.04 20.02 5.79 22 9.12 22H14.73C18.1 22 18.7 20.31 19.06 18.42L20.07 13.19C20.19 12.57 19.72 12 19.09 12ZM14.88 16.05L11.63 19.05C11.49 19.18 11.31 19.25 11.12 19.25C10.93 19.25 10.74 19.18 10.59 19.03L9.09 17.53C8.8 17.24 8.8 16.76 9.09 16.47C9.39 16.18 9.86 16.18 10.16 16.47L11.15 17.46L13.87 14.95C14.17 14.67 14.65 14.69 14.93 14.99C15.21 15.3 15.19 15.77 14.88 16.05Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/bag-timer.svg b/public/images/icons/vuesax/bold/bag-timer.svg
new file mode 100644
index 0000000..9a24704
--- /dev/null
+++ b/public/images/icons/vuesax/bold/bag-timer.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="M19.96 8.9599C19.29 8.2199 18.28 7.7899 16.88 7.6399V6.8799C16.88 5.5099 16.3 4.1899 15.28 3.2699C14.25 2.3299 12.91 1.8899 11.52 2.0199C9.13 2.2499 7.12 4.5599 7.12 7.0599V7.6399C5.72 7.7899 4.71 8.2199 4.04 8.9599C3.07 10.0399 3.1 11.4799 3.21 12.4799L3.91 18.0499C4.12 19.9999 4.91 21.9999 9.21 21.9999H14.79C19.09 21.9999 19.88 19.9999 20.09 18.0599L20.79 12.4699C20.9 11.4799 20.93 10.0399 19.96 8.9599ZM11.66 3.4099C12.66 3.3199 13.61 3.6299 14.35 4.2999C15.08 4.9599 15.49 5.8999 15.49 6.8799V7.5799H8.51V7.0599C8.51 5.2799 9.98 3.5699 11.66 3.4099ZM12 18.5799C9.91 18.5799 8.21 16.8799 8.21 14.7899C8.21 12.6999 9.91 10.9999 12 10.9999C14.09 10.9999 15.79 12.6999 15.79 14.7899C15.79 16.8799 14.09 18.5799 12 18.5799Z" fill="#292D32"/>
+<path d="M11 16.5801C10.75 16.5801 10.5 16.4501 10.36 16.2201C10.15 15.8701 10.26 15.4001 10.62 15.1901L11.51 14.6601V13.5801C11.51 13.1701 11.85 12.8301 12.26 12.8301C12.67 12.8301 13 13.1601 13 13.5801V15.0801C13 15.3401 12.86 15.5901 12.64 15.7201L11.39 16.4701C11.27 16.5401 11.13 16.5801 11 16.5801Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/bag.svg b/public/images/icons/vuesax/bold/bag.svg
new file mode 100644
index 0000000..b0a3c33
--- /dev/null
+++ b/public/images/icons/vuesax/bold/bag.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="M19.24 5.58006H18.84L15.46 2.20006C15.19 1.93006 14.75 1.93006 14.47 2.20006C14.2 2.47006 14.2 2.91006 14.47 3.19006L16.86 5.58006H7.14L9.53 3.19006C9.8 2.92006 9.8 2.48006 9.53 2.20006C9.26 1.93006 8.82 1.93006 8.54 2.20006L5.17 5.58006H4.77C3.87 5.58006 2 5.58006 2 8.14006C2 9.11006 2.2 9.75006 2.62 10.1701C2.86 10.4201 3.15 10.5501 3.46 10.6201C3.75 10.6901 4.06 10.7001 4.36 10.7001H19.64C19.95 10.7001 20.24 10.6801 20.52 10.6201C21.36 10.4201 22 9.82006 22 8.14006C22 5.58006 20.13 5.58006 19.24 5.58006Z" fill="#292D32"/>
+<path d="M19.05 12H4.87C4.25 12 3.78 12.55 3.88 13.16L4.72 18.3C5 20.02 5.75 22 9.08 22H14.69C18.06 22 18.66 20.31 19.02 18.42L20.03 13.19C20.15 12.57 19.68 12 19.05 12ZM10.61 18.45C10.61 18.84 10.3 19.15 9.92 19.15C9.53 19.15 9.22 18.84 9.22 18.45V15.15C9.22 14.77 9.53 14.45 9.92 14.45C10.3 14.45 10.61 14.77 10.61 15.15V18.45ZM14.89 18.45C14.89 18.84 14.58 19.15 14.19 19.15C13.81 19.15 13.49 18.84 13.49 18.45V15.15C13.49 14.77 13.81 14.45 14.19 14.45C14.58 14.45 14.89 14.77 14.89 15.15V18.45Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/bank.svg b/public/images/icons/vuesax/bold/bank.svg
new file mode 100644
index 0000000..288c1bb
--- /dev/null
+++ b/public/images/icons/vuesax/bold/bank.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="M22 19V22H2V19C2 18.45 2.45 18 3 18H21C21.55 18 22 18.45 22 19Z" fill="#292D32" stroke="#292D32" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7 11H5V18H7V11Z" fill="#292D32"/>
+<path d="M11 11H9V18H11V11Z" fill="#292D32"/>
+<path d="M15 11H13V18H15V11Z" fill="#292D32"/>
+<path d="M19 11H17V18H19V11Z" fill="#292D32"/>
+<path d="M23 22.75H1C0.59 22.75 0.25 22.41 0.25 22C0.25 21.59 0.59 21.25 1 21.25H23C23.41 21.25 23.75 21.59 23.75 22C23.75 22.41 23.41 22.75 23 22.75Z" fill="#292D32"/>
+<path d="M21.37 5.74984L12.37 2.14984C12.17 2.06984 11.83 2.06984 11.63 2.14984L2.63 5.74984C2.28 5.88984 2 6.29984 2 6.67984V9.99984C2 10.5498 2.45 10.9998 3 10.9998H21C21.55 10.9998 22 10.5498 22 9.99984V6.67984C22 6.29984 21.72 5.88984 21.37 5.74984ZM12 8.49984C11.17 8.49984 10.5 7.82984 10.5 6.99984C10.5 6.16984 11.17 5.49984 12 5.49984C12.83 5.49984 13.5 6.16984 13.5 6.99984C13.5 7.82984 12.83 8.49984 12 8.49984Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/barcode.svg b/public/images/icons/vuesax/bold/barcode.svg
new file mode 100644
index 0000000..cb589aa
--- /dev/null
+++ b/public/images/icons/vuesax/bold/barcode.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 3.5H7C4 3.5 2 5 2 8.5V15.5C2 19 4 20.5 7 20.5H17C20 20.5 22 19 22 15.5V8.5C22 5 20 3.5 17 3.5ZM6.75 16C6.75 16.41 6.41 16.75 6 16.75C5.59 16.75 5.25 16.41 5.25 16V8C5.25 7.59 5.59 7.25 6 7.25C6.41 7.25 6.75 7.59 6.75 8V16ZM9.75 16C9.75 16.41 9.41 16.75 9 16.75C8.59 16.75 8.25 16.41 8.25 16V15C8.25 14.59 8.59 14.25 9 14.25C9.41 14.25 9.75 14.59 9.75 15V16ZM9.75 12C9.75 12.41 9.41 12.75 9 12.75C8.59 12.75 8.25 12.41 8.25 12V8C8.25 7.59 8.59 7.25 9 7.25C9.41 7.25 9.75 7.59 9.75 8V12ZM12.75 16C12.75 16.41 12.41 16.75 12 16.75C11.59 16.75 11.25 16.41 11.25 16V8C11.25 7.59 11.59 7.25 12 7.25C12.41 7.25 12.75 7.59 12.75 8V16ZM15.75 16C15.75 16.41 15.41 16.75 15 16.75C14.59 16.75 14.25 16.41 14.25 16V12C14.25 11.59 14.59 11.25 15 11.25C15.41 11.25 15.75 11.59 15.75 12V16ZM15.75 9C15.75 9.41 15.41 9.75 15 9.75C14.59 9.75 14.25 9.41 14.25 9V8C14.25 7.59 14.59 7.25 15 7.25C15.41 7.25 15.75 7.59 15.75 8V9ZM18.75 16C18.75 16.41 18.41 16.75 18 16.75C17.59 16.75 17.25 16.41 17.25 16V8C17.25 7.59 17.59 7.25 18 7.25C18.41 7.25 18.75 7.59 18.75 8V16Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/battery-charging.svg b/public/images/icons/vuesax/bold/battery-charging.svg
new file mode 100644
index 0000000..ff2ee64
--- /dev/null
+++ b/public/images/icons/vuesax/bold/battery-charging.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="M20.42 8.99998C20.28 8.98998 20.1 8.97998 19.9 8.97998C19.51 8.97998 19.2 9.28998 19.2 9.67998V14.33C19.2 14.72 19.51 15.03 19.9 15.03C20.1 15.03 20.27 15.02 20.44 15.01C22 14.83 22 13.73 22 12.93V11.07C22 10.27 22 9.16998 20.42 8.99998Z" fill="#292D32"/>
+<path d="M12.93 4.79004H7.35C3.25 4.79004 2 6.04004 2 10.14V13.86C2 17.96 3.25 19.21 7.35 19.21H12.93C17.03 19.21 18.28 17.96 18.28 13.86V10.14C18.28 6.04004 17.03 4.79004 12.93 4.79004ZM12.53 13.68C12.51 13.72 12.48 13.76 12.45 13.79L10.58 15.98C10.43 16.15 10.22 16.24 10.01 16.24C9.84 16.24 9.66 16.18 9.52 16.06C9.21 15.79 9.17 15.32 9.44 15L11.24 12.89C11.25 12.86 11.24 12.83 11.22 12.8C11.2 12.76 11.16 12.74 11.11 12.74H9.12C8.53 12.74 8.01 12.44 7.71 11.93C7.42 11.42 7.42 10.82 7.71 10.31L9.42 8.05004C9.67 7.72004 10.14 7.65004 10.47 7.90004C10.8 8.15004 10.87 8.62004 10.62 8.95004L8.97 11.14C9 11.1 9 11.14 9.02 11.19C9.04 11.23 9.08 11.25 9.13 11.25H11.14C11.73 11.25 12.25 11.55 12.55 12.06C12.82 12.57 12.82 13.17 12.53 13.68Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/battery-disable.svg b/public/images/icons/vuesax/bold/battery-disable.svg
new file mode 100644
index 0000000..ab8d8cb
--- /dev/null
+++ b/public/images/icons/vuesax/bold/battery-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 d="M20.42 8.99998C20.28 8.98998 20.1 8.97998 19.9 8.97998C19.51 8.97998 19.2 9.28998 19.2 9.67998V14.33C19.2 14.72 19.51 15.03 19.9 15.03C20.1 15.03 20.27 15.02 20.44 15.01C22 14.83 22 13.73 22 12.93V11.07C22 10.27 22 9.16998 20.42 8.99998Z" fill="#292D32"/>
+<path d="M18.28 10.14V13.86C18.28 16.81 15.88 19.21 12.93 19.21H9.26003C8.47003 19.21 7.99003 18.34 8.41003 17.68L15.67 6.20001C16.03 5.63001 16.84 5.58001 17.29 6.09001C18.01 6.92001 18.28 8.21001 18.28 10.14Z" fill="#292D32"/>
+<path d="M16.4 1.86987C16.05 1.64987 15.59 1.74987 15.37 2.09987L13.66 4.80987C13.43 4.79987 13.19 4.78987 12.93 4.78987H7.35C3.25 4.78987 2 6.03987 2 10.1399V13.8599C2 16.9099 2.7 18.3699 4.74 18.9199L3.37 21.0999C3.15 21.4499 3.25 21.9099 3.6 22.1299C3.72 22.2099 3.86 22.2499 4 22.2499C4.25 22.2499 4.49 22.1299 4.63 21.8999L16.63 2.89987C16.86 2.54987 16.75 2.08987 16.4 1.86987Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/battery-empty-1.svg b/public/images/icons/vuesax/bold/battery-empty-1.svg
new file mode 100644
index 0000000..40c0425
--- /dev/null
+++ b/public/images/icons/vuesax/bold/battery-empty-1.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.93 4.79004H7.35C3.25 4.79004 2 6.04004 2 10.14V13.86C2 17.96 3.25 19.21 7.35 19.21H12.93C17.03 19.21 18.28 17.96 18.28 13.86V10.14C18.28 6.04004 17.03 4.79004 12.93 4.79004Z" fill="#292D32"/>
+<path d="M20.42 8.99998C20.28 8.98998 20.1 8.97998 19.9 8.97998C19.51 8.97998 19.2 9.28998 19.2 9.67998V14.33C19.2 14.72 19.51 15.03 19.9 15.03C20.1 15.03 20.27 15.02 20.44 15.01C22 14.83 22 13.73 22 12.93V11.07C22 10.27 22 9.16998 20.42 8.99998Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/battery-empty.svg b/public/images/icons/vuesax/bold/battery-empty.svg
new file mode 100644
index 0000000..57f7bfc
--- /dev/null
+++ b/public/images/icons/vuesax/bold/battery-empty.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="M20.42 8.99998C20.28 8.98998 20.1 8.97998 19.9 8.97998C19.51 8.97998 19.2 9.28998 19.2 9.67998V14.33C19.2 14.72 19.51 15.03 19.9 15.03C20.1 15.03 20.27 15.02 20.44 15.01C22 14.83 22 13.73 22 12.93V11.07C22 10.27 22 9.16998 20.42 8.99998Z" fill="#292D32"/>
+<path d="M12.93 4.79004H7.35C3.25 4.79004 2 6.04004 2 10.14V13.86C2 17.96 3.25 19.21 7.35 19.21H12.93C17.03 19.21 18.28 17.96 18.28 13.86V10.14C18.28 6.04004 17.03 4.79004 12.93 4.79004ZM7.1 14.18C7.02 14.52 6.71 14.75 6.37 14.75C6.31 14.75 6.25 14.74 6.19 14.73C5.79 14.63 5.54 14.22 5.64 13.82C5.94 12.63 5.94 11.37 5.64 10.18C5.54 9.78004 5.78 9.37004 6.19 9.27004C6.59 9.17004 7 9.42004 7.1 9.82004C7.46 11.25 7.46 12.75 7.1 14.18Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/battery-full.svg b/public/images/icons/vuesax/bold/battery-full.svg
new file mode 100644
index 0000000..24beda4
--- /dev/null
+++ b/public/images/icons/vuesax/bold/battery-full.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="M20.42 8.99998C20.28 8.98998 20.1 8.97998 19.9 8.97998C19.51 8.97998 19.2 9.28998 19.2 9.67998V14.33C19.2 14.72 19.51 15.03 19.9 15.03C20.1 15.03 20.27 15.02 20.44 15.01C22 14.83 22 13.73 22 12.93V11.07C22 10.27 22 9.16998 20.42 8.99998Z" fill="#292D32"/>
+<path d="M12.93 4.79004H7.35C3.25 4.79004 2 6.04004 2 10.14V13.86C2 17.96 3.25 19.21 7.35 19.21H12.93C17.03 19.21 18.28 17.96 18.28 13.86V10.14C18.28 6.04004 17.03 4.79004 12.93 4.79004ZM7.1 14.18C7.02 14.52 6.71 14.75 6.37 14.75C6.31 14.75 6.25 14.74 6.19 14.73C5.79 14.63 5.54 14.22 5.64 13.82C5.94 12.63 5.94 11.37 5.64 10.18C5.54 9.78004 5.78 9.37004 6.19 9.27004C6.6 9.17004 7 9.42004 7.1 9.82004C7.46 11.25 7.46 12.75 7.1 14.18ZM10.6 14.18C10.52 14.52 10.21 14.75 9.87 14.75C9.81 14.75 9.75 14.74 9.69 14.73C9.29 14.63 9.04 14.22 9.14 13.82C9.44 12.63 9.44 11.37 9.14 10.18C9.04 9.78004 9.28 9.37004 9.69 9.27004C10.09 9.17004 10.5 9.41004 10.6 9.82004C10.96 11.25 10.96 12.75 10.6 14.18ZM14.1 14.18C14.02 14.52 13.71 14.75 13.37 14.75C13.31 14.75 13.25 14.74 13.19 14.73C12.79 14.63 12.54 14.22 12.64 13.82C12.94 12.63 12.94 11.37 12.64 10.18C12.54 9.78004 12.78 9.37004 13.19 9.27004C13.59 9.17004 14 9.41004 14.1 9.82004C14.46 11.25 14.46 12.75 14.1 14.18Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/be.svg b/public/images/icons/vuesax/bold/be.svg
new file mode 100644
index 0000000..fe8bedb
--- /dev/null
+++ b/public/images/icons/vuesax/bold/be.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 18.75H3C2.04 18.75 1.25 17.96 1.25 17V7C1.25 6.04 2.04 5.25 3 5.25H8C10.07 5.25 11.75 6.93 11.75 9C11.75 10.03 11.33 10.96 10.66 11.64C11.9 12.25 12.75 13.53 12.75 15C12.75 17.07 11.07 18.75 9 18.75ZM2.75 12.75V17C2.75 17.14 2.86 17.25 3 17.25H9C10.24 17.25 11.25 16.24 11.25 15C11.25 13.76 10.24 12.75 9 12.75H2.75ZM2.75 11.25H8C9.24 11.25 10.25 10.24 10.25 9C10.25 7.76 9.24 6.75 8 6.75H3C2.86 6.75 2.75 6.86 2.75 7V11.25Z" fill="black"/>
+<path d="M19.67 18.75H18C15.38 18.75 13.25 16.62 13.25 14C13.25 11.38 15.38 9.25 18 9.25C20.62 9.25 22.75 11.38 22.75 14C22.75 14.41 22.41 14.75 22 14.75H14.84C15.18 16.18 16.47 17.25 18 17.25H19.67C20.08 17.25 20.42 17.59 20.42 18C20.42 18.41 20.08 18.75 19.67 18.75ZM14.84 13.25H21.17C20.83 11.82 19.54 10.75 18.01 10.75C16.48 10.75 15.18 11.82 14.84 13.25Z" fill="black"/>
+<path d="M19.5 8.25H16.5C16.09 8.25 15.75 7.91 15.75 7.5C15.75 7.09 16.09 6.75 16.5 6.75H19.5C19.91 6.75 20.25 7.09 20.25 7.5C20.25 7.91 19.91 8.25 19.5 8.25Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/bezier.svg b/public/images/icons/vuesax/bold/bezier.svg
new file mode 100644
index 0000000..964bb34
--- /dev/null
+++ b/public/images/icons/vuesax/bold/bezier.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="M19.14 7.72C19.43 8.47 20.15 9 21 9C22.1 9 23 8.1 23 7C23 5.9 22.1 5 21 5C20.15 5 19.43 5.53 19.14 6.28C19.09 6.27 19.05 6.25 19 6.25H15V5.5C15 4.68 14.32 4 13.5 4H10.5C9.68 4 9 4.68 9 5.5V6.25H5C4.95 6.25 4.91 6.27 4.86 6.28C4.57 5.53 3.85 5 3 5C1.9 5 1 5.9 1 7C1 8.1 1.9 9 3 9C3.85 9 4.57 8.47 4.86 7.72C4.91 7.73 4.95 7.75 5 7.75H7.57C5.52 9.27 4.25 11.79 4.25 14.5C4.25 14.67 4.26 14.83 4.28 15H4C3.17 15 2.5 15.67 2.5 16.5V18.5C2.5 19.33 3.17 20 4 20H6C6.22 20 6.42 19.95 6.61 19.86C7.13 19.64 7.5 19.11 7.5 18.5V16.5C7.5 15.67 6.83 15 6 15H5.77C5.77 14.97 5.78 14.94 5.78 14.91C5.76 14.77 5.76 14.64 5.76 14.5C5.76 12.03 7.03 9.77 9.02 8.6C9.06 9.37 9.71 10 10.5 10H13.5C14.29 10 14.94 9.37 14.99 8.6C16.98 9.77 18.25 12.04 18.25 14.5C18.25 14.64 18.24 14.77 18.23 14.91C18.23 14.94 18.24 14.97 18.24 15H18C17.17 15 16.5 15.67 16.5 16.5V18.5C16.5 19.11 16.87 19.64 17.39 19.86C17.58 19.95 17.78 20 18 20H20C20.83 20 21.5 19.33 21.5 18.5V16.5C21.5 15.67 20.83 15 20 15H19.72C19.74 14.83 19.75 14.67 19.75 14.5C19.75 11.79 18.48 9.27 16.43 7.75H19C19.05 7.75 19.09 7.73 19.14 7.72Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/bill.svg b/public/images/icons/vuesax/bold/bill.svg
new file mode 100644
index 0000000..9cdd7cf
--- /dev/null
+++ b/public/images/icons/vuesax/bold/bill.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="M22 3.25H2C1.59 3.25 1.25 2.91 1.25 2.5C1.25 2.09 1.59 1.75 2 1.75H22C22.41 1.75 22.75 2.09 22.75 2.5C22.75 2.91 22.41 3.25 22 3.25Z" fill="#292D32"/>
+<path d="M3.67004 2.5V14.47C3.67004 15.45 4.13004 16.38 4.92004 16.97L10.13 20.87C11.24 21.7 12.77 21.7 13.88 20.87L19.09 16.97C19.88 16.38 20.34 15.45 20.34 14.47V2.5H3.67004ZM16 13.75H8.00004C7.59004 13.75 7.25004 13.41 7.25004 13C7.25004 12.59 7.59004 12.25 8.00004 12.25H16C16.41 12.25 16.75 12.59 16.75 13C16.75 13.41 16.41 13.75 16 13.75ZM16 8.75H8.00004C7.59004 8.75 7.25004 8.41 7.25004 8C7.25004 7.59 7.59004 7.25 8.00004 7.25H16C16.41 7.25 16.75 7.59 16.75 8C16.75 8.41 16.41 8.75 16 8.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/binance-coin-(bnb).svg b/public/images/icons/vuesax/bold/binance-coin-(bnb).svg
new file mode 100644
index 0000000..477273d
--- /dev/null
+++ b/public/images/icons/vuesax/bold/binance-coin-(bnb).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="M11.65 2.35002L6.35996 7.64002C6.15996 7.84002 6.15996 8.15002 6.35996 8.35002L7.64995 9.64002C7.84995 9.84002 8.15996 9.84002 8.35996 9.64002L11.65 6.35002C11.85 6.15002 12.16 6.15002 12.36 6.35002L15.65 9.64002C15.85 9.84002 16.16 9.84002 16.36 9.64002L17.65 8.35002C17.85 8.15002 17.85 7.84002 17.65 7.64002L12.36 2.35002C12.16 2.16002 11.84 2.16002 11.65 2.35002Z" fill="black"/>
+<path d="M11.65 21.65L6.35996 16.36C6.15996 16.16 6.15996 15.85 6.35996 15.65L7.64995 14.36C7.84995 14.16 8.15996 14.16 8.35996 14.36L11.65 17.65C11.85 17.85 12.16 17.85 12.36 17.65L15.65 14.36C15.85 14.16 16.16 14.16 16.36 14.36L17.65 15.65C17.85 15.85 17.85 16.16 17.65 16.36L12.36 21.65C12.16 21.84 11.84 21.84 11.65 21.65Z" fill="black"/>
+<path d="M20.1 10.1L21.6399 11.64C21.8399 11.84 21.8399 12.15 21.6399 12.35L20.1 13.89C19.9 14.09 19.5899 14.09 19.3899 13.89L17.85 12.35C17.65 12.15 17.65 11.84 17.85 11.64L19.3899 10.1C19.5899 9.91002 19.91 9.91002 20.1 10.1Z" fill="black"/>
+<path d="M4.59995 10.1L6.13994 11.64C6.33994 11.84 6.33994 12.15 6.13994 12.35L4.59995 13.89C4.39995 14.09 4.08994 14.09 3.88994 13.89L2.34995 12.35C2.14995 12.15 2.14995 11.84 2.34995 11.64L3.88994 10.1C4.08994 9.91002 4.40995 9.91002 4.59995 10.1Z" fill="black"/>
+<path d="M12.35 9.87998L14.12 11.65C14.32 11.85 14.32 12.16 14.12 12.36L12.35 14.13C12.15 14.33 11.84 14.33 11.64 14.13L9.86997 12.36C9.66997 12.16 9.66997 11.85 9.86997 11.65L11.64 9.87998C11.84 9.67998 12.16 9.67998 12.35 9.87998Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/binance-usd-(busd).svg b/public/images/icons/vuesax/bold/binance-usd-(busd).svg
new file mode 100644
index 0000000..80f1f89
--- /dev/null
+++ b/public/images/icons/vuesax/bold/binance-usd-(busd).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="M11.4001 2.35002L6.2501 7.50002C6.0501 7.70002 6.0501 8.01002 6.2501 8.21002L7.98011 9.94002C8.18011 10.14 8.4901 10.14 8.6901 9.94002L13.8401 4.79002C14.0401 4.59002 14.0401 4.28002 13.8401 4.08002L12.1101 2.35002C11.9101 2.16002 11.6001 2.16002 11.4001 2.35002Z" fill="black"/>
+<path d="M15.3001 6.25986L6.2501 15.3099C6.0501 15.5099 6.0501 15.8199 6.2501 16.0199L7.98011 17.7499C8.18011 17.9499 8.4901 17.9499 8.6901 17.7499L17.7401 8.69986C17.9401 8.49986 17.9401 8.18986 17.7401 7.98986L16.0101 6.25986C15.8201 6.05986 15.5001 6.05986 15.3001 6.25986Z" fill="black"/>
+<path d="M19.21 10.1598L10.16 19.2098C9.96001 19.4098 9.96001 19.7198 10.16 19.9198L11.89 21.6498C12.09 21.8498 12.4 21.8498 12.6 21.6498L21.65 12.5998C21.85 12.3998 21.85 12.0898 21.65 11.8898L19.92 10.1598C19.72 9.95977 19.4 9.95977 19.21 10.1598Z" fill="black"/>
+<path d="M4.08997 13.84L2.35996 12.11C2.15996 11.91 2.15996 11.6 2.35996 11.4L4.08997 9.67002C4.28997 9.47002 4.59996 9.47002 4.79996 9.67002L6.52997 11.4C6.72997 11.6 6.72997 11.91 6.52997 12.11L4.79996 13.84C4.59996 14.04 4.27997 14.04 4.08997 13.84Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/bitcoin-(btc).svg b/public/images/icons/vuesax/bold/bitcoin-(btc).svg
new file mode 100644
index 0000000..018effb
--- /dev/null
+++ b/public/images/icons/vuesax/bold/bitcoin-(btc).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="M14.97 12.75H14.2H9.53003V15.58H10.84H14.97C15.92 15.58 16.7 14.94 16.7 14.16C16.7 13.38 15.92 12.75 14.97 12.75Z" fill="black"/>
+<path d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM14.97 17.08H13.32V18.5C13.32 18.91 12.98 19.25 12.57 19.25C12.16 19.25 11.82 18.91 11.82 18.5V17.08H10.84H10.61V18.5C10.61 18.91 10.27 19.25 9.86 19.25C9.45 19.25 9.11 18.91 9.11 18.5V17.08H8.78H7.05C6.64 17.08 6.3 16.74 6.3 16.33C6.3 15.92 6.64 15.58 7.05 15.58H8.03V12V8.42H7.05C6.64 8.42 6.3 8.08 6.3 7.67C6.3 7.26 6.64 6.92 7.05 6.92H8.78H9.11V5.5C9.11 5.09 9.45 4.75 9.86 4.75C10.27 4.75 10.61 5.09 10.61 5.5V6.92H10.84H11.82V5.5C11.82 5.09 12.16 4.75 12.57 4.75C12.98 4.75 13.32 5.09 13.32 5.5V6.92H14.2C15.75 6.92 17.12 8.28 17.12 9.84C17.12 10.51 16.88 11.12 16.5 11.62C17.51 12.11 18.2 13.07 18.2 14.18C18.2 15.77 16.75 17.08 14.97 17.08Z" fill="black"/>
+<path d="M15.62 9.83016C15.62 9.17016 15 8.41016 14.2 8.41016H10.84H9.53003V11.2402H14.2C14.98 11.2502 15.62 10.6102 15.62 9.83016Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/bitcoin-card.svg b/public/images/icons/vuesax/bold/bitcoin-card.svg
new file mode 100644
index 0000000..8dfac59
--- /dev/null
+++ b/public/images/icons/vuesax/bold/bitcoin-card.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="M17.38 10.75C17.38 10.53 17.14 10.25 16.88 10.25H14.94H14.5V11.25H16.88C17.15 11.25 17.38 11.03 17.38 10.75Z" fill="#292D32"/>
+<path d="M17.32 12.75H16.87H14.5V13.75H14.94H17.32C17.69 13.75 18 13.52 18 13.25C18 12.98 17.69 12.75 17.32 12.75Z" fill="#292D32"/>
+<path d="M17.85 3.3999H6.15C3.86 3.3999 2 5.2499 2 7.5399V16.4599C2 18.7499 3.86 20.5999 6.15 20.5999H17.85C20.14 20.5999 22 18.7499 22 16.4599V7.5399C22 5.2499 20.14 3.3999 17.85 3.3999ZM9.25 12.7499H5.25C4.84 12.7499 4.5 12.4099 4.5 11.9999C4.5 11.5899 4.84 11.2499 5.25 11.2499H9.25C9.66 11.2499 10 11.5899 10 11.9999C10 12.4099 9.66 12.7499 9.25 12.7499ZM17.32 15.2499H16.26V15.7499C16.26 16.1599 15.92 16.4999 15.51 16.4999C15.1 16.4999 14.76 16.1599 14.76 15.7499V15.2499H13.75H12.75C12.34 15.2499 12 14.9099 12 14.4999C12 14.0899 12.34 13.7499 12.75 13.7499H13V11.9999V10.2499H12.75C12.34 10.2499 12 9.9099 12 9.4999C12 9.0899 12.34 8.7499 12.75 8.7499H13.75H14.76V8.2499C14.76 7.8399 15.1 7.4999 15.51 7.4999C15.92 7.4999 16.26 7.8399 16.26 8.2499V8.7499H16.87C17.94 8.7499 18.87 9.6799 18.87 10.7499C18.87 11.0799 18.78 11.3899 18.64 11.6699C19.16 12.0399 19.5 12.6099 19.5 13.2499C19.5 14.3499 18.52 15.2499 17.32 15.2499Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/bitcoin-convert.svg b/public/images/icons/vuesax/bold/bitcoin-convert.svg
new file mode 100644
index 0000000..e2dd905
--- /dev/null
+++ b/public/images/icons/vuesax/bold/bitcoin-convert.svg
@@ -0,0 +1,8 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M23 15.2202C22.59 15.2202 22.25 15.5602 22.25 15.9702C22.25 18.9302 20.19 21.4102 17.42 22.0602L17.69 21.6102C17.9 21.2502 17.79 20.7902 17.43 20.5802C17.08 20.3702 16.61 20.4802 16.4 20.8402L15.35 22.5902C15.21 22.8202 15.21 23.1102 15.34 23.3402C15.47 23.5802 15.72 23.7202 15.99 23.7202C20.26 23.7202 23.74 20.2402 23.74 15.9702C23.75 15.5602 23.41 15.2202 23 15.2202Z" fill="#292D32"/>
+<path d="M8 0.220215C3.73 0.220215 0.25 3.70021 0.25 7.97021C0.25 8.38021 0.59 8.72021 1 8.72021C1.41 8.72021 1.75 8.38021 1.75 7.97021C1.75 5.01021 3.81 2.53021 6.58 1.88021L6.31 2.33021C6.1 2.69021 6.21 3.15021 6.57 3.36021C6.92 3.57021 7.39 3.46021 7.6 3.10021L8.65 1.35021C8.78 1.12021 8.79 0.840215 8.65 0.600215C8.52 0.370215 8.27 0.220215 8 0.220215Z" fill="#292D32"/>
+<path d="M21.5 8.67C21.5 11.75 19.26 14.29 16.33 14.76C16.33 14.75 16.33 14.75 16.33 14.74C16.04 11.01 13.02 7.97 9.24 7.67C9.71 4.74 12.25 2.5 15.33 2.5C18.74 2.5 21.5 5.26 21.5 8.67Z" fill="#292D32"/>
+<path d="M9.81 14.1998C9.81 14.0498 9.64 13.8198 9.43 13.8198H7.37V14.5698H9.43C9.64 14.5798 9.81 14.4098 9.81 14.1998Z" fill="#292D32"/>
+<path d="M9.83 16.0801H9.43H7.37V16.8301H9.84C10.16 16.8301 10.38 16.6301 10.38 16.4501C10.38 16.2701 10.15 16.0801 9.83 16.0801Z" fill="#292D32"/>
+<path d="M14.83 14.8499C14.6 11.8199 12.18 9.3999 9.15 9.1699C8.99 9.1599 8.84 9.1499 8.67 9.1499C5.26 9.1499 2.5 11.9099 2.5 15.3299C2.5 18.7399 5.26 21.4999 8.67 21.4999C12.08 21.4999 14.85 18.7399 14.85 15.3299C14.85 15.1599 14.84 15.0099 14.83 14.8499ZM9.83 18.3299H9.17V18.7099C9.17 19.1199 8.83 19.4599 8.42 19.4599C8.01 19.4599 7.67 19.1199 7.67 18.7099V18.3299H6.62C6.21 18.3299 5.87 17.9899 5.87 17.5799V15.3299V13.0799C5.87 12.6699 6.21 12.3299 6.62 12.3299H7.67V11.9499C7.67 11.5399 8.01 11.1999 8.42 11.1999C8.83 11.1999 9.17 11.5399 9.17 11.9499V12.3299H9.43C10.43 12.3299 11.31 13.2099 11.31 14.2099C11.31 14.4999 11.24 14.7699 11.12 15.0199C11.58 15.3599 11.87 15.8799 11.87 16.4599C11.87 17.4899 10.96 18.3299 9.83 18.3299Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/bitcoin-refresh.svg b/public/images/icons/vuesax/bold/bitcoin-refresh.svg
new file mode 100644
index 0000000..815a6a6
--- /dev/null
+++ b/public/images/icons/vuesax/bold/bitcoin-refresh.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="M23.53 12.0502C23.24 11.7602 22.76 11.7602 22.47 12.0502L22.01 12.5102V12.0002C22.01 6.48023 17.52 1.99023 12 1.99023C8.95 1.99023 6.1 3.36023 4.19 5.74023C3.93 6.06023 3.98 6.54023 4.31 6.80023C4.63 7.05023 5.1 7.00023 5.36 6.68023C6.99 4.65023 9.41 3.49023 12 3.49023C16.69 3.49023 20.51 7.31023 20.51 12.0002V12.5002L20.05 12.0402C19.76 11.7502 19.28 11.7502 18.99 12.0402C18.7 12.3302 18.7 12.8102 18.99 13.1002L20.73 14.8402C20.8 14.9102 20.88 14.9602 20.97 15.0002C21.06 15.0402 21.16 15.0602 21.26 15.0602C21.36 15.0602 21.45 15.0402 21.55 15.0002C21.64 14.9602 21.72 14.9102 21.79 14.8402L23.53 13.1002C23.82 12.8202 23.82 12.3402 23.53 12.0502Z" fill="#292D32"/>
+<path d="M19.69 17.2002C19.37 16.9402 18.89 16.9902 18.64 17.3202C17.01 19.3502 14.59 20.5102 12 20.5102C7.31 20.5102 3.49 16.6902 3.49 12.0002V11.5002L3.95 11.9602C4.1 12.1102 4.29 12.1802 4.48 12.1802C4.67 12.1802 4.86 12.1002 5 11.9502C5.29 11.6602 5.29 11.1802 5 10.8902L3.27 9.15018C3.2 9.09018 3.11 9.03018 3.02 8.99018C2.84 8.91018 2.63 8.91018 2.45 8.99018C2.36 9.03018 2.28 9.09018 2.21 9.15018L0.470002 10.8902C0.180002 11.1802 0.180002 11.6602 0.470002 11.9502C0.760002 12.2402 1.24 12.2402 1.53 11.9502L1.99 11.4902V12.0002C1.99 17.5202 6.48 22.0102 12 22.0102C15.05 22.0102 17.9 20.6402 19.81 18.2602C20.07 17.9402 20.02 17.4602 19.69 17.2002Z" fill="#292D32"/>
+<path d="M15.45 11.64C15.72 11.24 15.87 10.77 15.87 10.25C15.87 8.92 14.7 7.75 13.37 7.75H12.55V6.75C12.55 6.34 12.21 6 11.8 6C11.39 6 11.05 6.34 11.05 6.75V7.75H9C8.59 7.75 8.25 8.09 8.25 8.5V12V15.5C8.25 15.91 8.59 16.25 9 16.25H11.05V17.25C11.05 17.66 11.39 18 11.8 18C12.21 18 12.55 17.66 12.55 17.25V16.25H14C15.52 16.25 16.75 15.13 16.75 13.75C16.75 12.86 16.23 12.08 15.45 11.64ZM9.75 9.25H13.37C13.92 9.25 14.37 9.8 14.37 10.25C14.37 10.8 13.92 11.25 13.37 11.25H9.75V9.25ZM14 14.75H9.75V12.75H13.37H14C14.69 12.75 15.25 13.2 15.25 13.75C15.25 14.3 14.69 14.75 14 14.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/blend-2.svg b/public/images/icons/vuesax/bold/blend-2.svg
new file mode 100644
index 0000000..a0450c0
--- /dev/null
+++ b/public/images/icons/vuesax/bold/blend-2.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="M15.9 8.07C15.45 4.64 12.52 2 8.97 2C5.1 2 1.97 5.13 1.97 9C1.97 12.55 4.61 15.48 8.04 15.93C8.34 15.98 8.65 16 8.97 16C9.08637 16 9.20124 15.997 9.31519 15.991C9.53556 15.9793 9.62604 15.716 9.47 15.56C9.18 15.26 9.18 14.79 9.47 14.5C9.76 14.2 10.24 14.2 10.53 14.5L11.3095 15.2795C11.4496 15.4196 11.6599 15.4653 11.8409 15.3847C12.2234 15.2145 12.5852 15.0103 12.9264 14.7743C13.1706 14.6053 13.1861 14.2581 12.9749 14.0493L12.47 13.55C12.18 13.26 12.17 12.79 12.47 12.49C12.76 12.2 13.23 12.19 13.53 12.48L14.0386 12.9829C14.2484 13.1904 14.5929 13.1728 14.7609 12.9302C14.9917 12.5969 15.1925 12.2431 15.3575 11.869C15.4369 11.689 15.3906 11.4806 15.2515 11.3415L14.47 10.56C14.18 10.26 14.18 9.79 14.47 9.5C14.76 9.2 15.24 9.2 15.53 9.5C15.686 9.65604 15.9493 9.56556 15.961 9.34519C15.967 9.23124 15.97 9.11637 15.97 9C15.97 8.68 15.95 8.37 15.9 8.07Z" fill="#292D32"/>
+<path d="M21.97 15C21.97 18.87 18.84 22 14.97 22C12.0398 22 9.52572 20.2001 8.49159 17.6328C8.36638 17.322 8.63488 17 8.97 17C9.32 17 9.65 16.98 9.99 16.93L10.4951 16.8627C10.6494 16.8421 10.8046 16.8946 10.9147 17.0048L11.44 17.53C11.59 17.68 11.78 17.75 11.97 17.75C12.17 17.75 12.36 17.68 12.5 17.53C12.8 17.24 12.8 16.76 12.5 16.47C12.4037 16.3737 12.4339 16.2103 12.5558 16.1496C12.9548 15.9507 13.3636 15.6973 13.7316 15.4238C13.9394 15.2694 14.2311 15.2794 14.4153 15.4613L14.9 15.94C15.05 16.08 15.24 16.16 15.43 16.16C15.62 16.16 15.82 16.08 15.96 15.93C16.25 15.64 16.25 15.16 15.95 14.87L15.472 14.398C15.2892 14.2175 15.274 13.9286 15.4254 13.7211C15.6888 13.3598 15.9362 12.9667 16.1328 12.5818C16.192 12.4659 16.348 12.438 16.44 12.53C16.59 12.68 16.78 12.75 16.97 12.75C17.17 12.75 17.36 12.68 17.5 12.53C17.8 12.24 17.8 11.76 17.5 11.47L16.9747 10.9448C16.8646 10.8346 16.8121 10.6795 16.8327 10.5251L16.9 10.02C16.95 9.68004 16.97 9.35004 16.97 9.00004C16.97 8.66508 17.292 8.39682 17.6025 8.52233C20.1624 9.55689 21.97 12.0705 21.97 15Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/blend.svg b/public/images/icons/vuesax/bold/blend.svg
new file mode 100644
index 0000000..31a18a4
--- /dev/null
+++ b/public/images/icons/vuesax/bold/blend.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="M21.97 12C21.97 15.31 19.28 18 15.97 18C15.2255 18 14.5093 17.8643 13.8511 17.6141C13.5324 17.4929 13.473 17.0851 13.6948 16.8262C14.8368 15.4938 15.47 13.786 15.47 12C15.47 10.2082 14.8312 8.49432 13.6979 7.17467C13.4752 6.91543 13.5342 6.50621 13.8537 6.38494C14.5111 6.13537 15.2265 6 15.97 6C19.28 6 21.97 8.69 21.97 12Z" fill="#292D32"/>
+<path d="M13.97 12C13.97 13.77 13.2 15.37 11.97 16.46C10.91 17.42 9.51 18 7.97 18C4.66 18 1.97 15.31 1.97 12C1.97 8.69 4.66 6 7.97 6C9.51 6 10.91 6.58 11.97 7.54C13.2 8.63 13.97 10.23 13.97 12Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/blogger.svg b/public/images/icons/vuesax/bold/blogger.svg
new file mode 100644
index 0000000..683c15c
--- /dev/null
+++ b/public/images/icons/vuesax/bold/blogger.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="M14 13.25H10C9.59 13.25 9.25 13.59 9.25 14C9.25 14.41 9.59 14.75 10 14.75H14C14.41 14.75 14.75 14.41 14.75 14C14.75 13.59 14.41 13.25 14 13.25Z" fill="black"/>
+<path d="M10 10.75H12C12.41 10.75 12.75 10.41 12.75 10C12.75 9.59 12.41 9.25 12 9.25H10C9.59 9.25 9.25 9.59 9.25 10C9.25 10.41 9.59 10.75 10 10.75Z" fill="black"/>
+<path d="M16.19 2H7.82001C4.18001 2 2.01001 4.17 2.01001 7.81V16.18C2.01001 19.82 4.18001 21.99 7.82001 21.99H16.19C19.83 21.99 22 19.82 22 16.18V7.81C22 4.17 19.83 2 16.19 2ZM18 15C18 17 17 18 15 18H9C7 18 6 17 6 15V9C6 7 7 6 9 6H13C15 6 16 7 16 9V10C16 10.55 16.45 11 17 11C17.55 11 18 11.45 18 12V15Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/bluetooth-2.svg b/public/images/icons/vuesax/bold/bluetooth-2.svg
new file mode 100644
index 0000000..b5757f2
--- /dev/null
+++ b/public/images/icons/vuesax/bold/bluetooth-2.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.3 17.3198L14.61 15.3898L12.3 13.2998V17.3198Z" fill="#292D32"/>
+<path d="M12.3 6.68018V10.6402L14.61 8.52018L12.3 6.68018Z" fill="#292D32"/>
+<path d="M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM5.25 12C5.25 11.24 5.87 10.62 6.63 10.62C7.39 10.62 8 11.24 8 12C8 12.76 7.38 13.38 6.62 13.38C5.86 13.38 5.25 12.76 5.25 12ZM15.57 16.54L13.16 18.55C12.75 18.9 12.37 19 12.08 19C11.85 19 11.67 18.94 11.57 18.89C11.34 18.78 10.8 18.43 10.8 17.45V14.06L7.9 16.71C7.6 16.99 7.12 16.97 6.84 16.66C6.56 16.35 6.58 15.88 6.89 15.6L10.8 12.02V11.94L6.89 8.4C6.58 8.12 6.56 7.65 6.84 7.34C7.12 7.04 7.6 7.01 7.9 7.29L10.8 9.94V6.56C10.8 5.58 11.34 5.22 11.57 5.12C11.8 5.01 12.42 4.83 13.17 5.46L15.58 7.47C15.91 7.74 16.1 8.13 16.11 8.54C16.12 8.95 15.95 9.35 15.64 9.64L13.04 12L15.63 14.37C15.94 14.66 16.12 15.06 16.11 15.47C16.09 15.88 15.9 16.27 15.57 16.54ZM17.38 13.38C16.62 13.38 16 12.76 16 12C16 11.24 16.62 10.62 17.38 10.62C18.14 10.62 18.76 11.24 18.76 12C18.76 12.76 18.13 13.38 17.38 13.38Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/bluetooth-circle.svg b/public/images/icons/vuesax/bold/bluetooth-circle.svg
new file mode 100644
index 0000000..f739401
--- /dev/null
+++ b/public/images/icons/vuesax/bold/bluetooth-circle.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.9 10.5899L14.57 9.05992L12.9 7.66992V10.5899Z" fill="#292D32"/>
+<path d="M12.9 16.3302L14.57 14.9402L12.9 13.4102V16.3302Z" fill="#292D32"/>
+<path d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM15.72 13.95C16.01 14.22 16.17 14.59 16.16 14.97C16.15 15.35 15.97 15.72 15.67 15.97L13.6 17.7C13.22 18.02 12.87 18.11 12.6 18.11C12.38 18.11 12.21 18.05 12.11 18.01C11.89 17.91 11.39 17.58 11.39 16.67V14L9.09 16.11C8.79 16.39 8.31 16.37 8.03 16.06C7.75 15.75 7.77 15.28 8.08 15L11.36 12L8.08 8.99C7.78 8.71 7.76 8.24 8.04 7.93C8.32 7.63 8.8 7.6 9.1 7.88L11.4 10V7.33C11.4 6.43 11.9 6.1 12.12 5.99C12.33 5.89 12.91 5.72 13.61 6.29L15.67 8.01C15.97 8.26 16.15 8.63 16.16 9.01C16.17 9.39 16.01 9.77 15.72 10.03L13.58 12L15.72 13.95Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/bluetooth-rectangle.svg b/public/images/icons/vuesax/bold/bluetooth-rectangle.svg
new file mode 100644
index 0000000..d0e02ca
--- /dev/null
+++ b/public/images/icons/vuesax/bold/bluetooth-rectangle.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.9 16.3302L14.57 14.9402L12.9 13.4102V16.3302Z" fill="#292D32"/>
+<path d="M12.9 10.5899L14.57 9.05992L12.9 7.66992V10.5899Z" fill="#292D32"/>
+<path d="M15 2H9C6 2 4 4 4 7V17C4 20 6 22 9 22H15C18 22 20 20 20 17V7C20 4 18 2 15 2ZM15.72 13.95C16.01 14.22 16.17 14.59 16.16 14.97C16.15 15.35 15.97 15.72 15.67 15.97L13.6 17.7C13.22 18.02 12.87 18.11 12.6 18.11C12.38 18.11 12.21 18.05 12.11 18.01C11.89 17.91 11.39 17.58 11.39 16.67V14L9.09 16.11C8.79 16.39 8.31 16.37 8.03 16.06C7.75 15.75 7.77 15.28 8.08 15L11.36 12L8.08 8.99C7.78 8.71 7.76 8.24 8.04 7.93C8.32 7.63 8.8 7.6 9.1 7.88L11.4 10V7.33C11.4 6.43 11.9 6.1 12.12 5.99C12.33 5.89 12.91 5.71 13.61 6.29L15.67 8.01C15.97 8.26 16.15 8.63 16.16 9.01C16.17 9.39 16.01 9.77 15.72 10.03L13.58 12L15.72 13.95Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/bluetooth.svg b/public/images/icons/vuesax/bold/bluetooth.svg
new file mode 100644
index 0000000..c403e99
--- /dev/null
+++ b/public/images/icons/vuesax/bold/bluetooth.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.9299 10.6401L15.2599 8.51014L12.9299 6.64014V10.6401Z" fill="#292D32"/>
+<path d="M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM16.27 14.39C16.58 14.68 16.76 15.08 16.75 15.49C16.74 15.9 16.55 16.29 16.22 16.57L13.8 18.59C13.38 18.94 13 19.04 12.71 19.04C12.48 19.04 12.3 18.98 12.2 18.93C11.97 18.82 11.43 18.46 11.43 17.48V14.06L8.51 16.74C8.21 17.02 7.73 17 7.45 16.69C7.17 16.38 7.19 15.91 7.5 15.63L11.43 12.03V11.95L7.49 8.38C7.19 8.1 7.17 7.62 7.45 7.32C7.73 7.02 8.21 6.99 8.51 7.27L11.43 9.95V6.53C11.43 5.55 11.97 5.19 12.2 5.08C12.43 4.97 13.05 4.79 13.8 5.42L16.22 7.44C16.55 7.71 16.74 8.11 16.75 8.52C16.76 8.93 16.59 9.33 16.27 9.62L13.67 12L16.27 14.39Z" fill="#292D32"/>
+<path d="M12.9299 17.3598L15.2599 15.4098L12.9299 13.2998V17.3598Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/blur.svg b/public/images/icons/vuesax/bold/blur.svg
new file mode 100644
index 0000000..aed081d
--- /dev/null
+++ b/public/images/icons/vuesax/bold/blur.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.47 7.41012L15.93 6.20012C16.23 6.05012 16.31 5.66012 16.08 5.42012C15.19 4.44012 14.29 3.62012 13.57 3.00012C13.24 2.72012 12.75 2.95012 12.75 3.38012V6.96012C12.75 7.33012 13.14 7.57012 13.47 7.41012Z" fill="#292D32"/>
+<path d="M12.75 19.7399V21.3899C12.75 21.6899 13.02 21.9399 13.32 21.8899C16.05 21.4399 18.33 19.6099 19.41 17.1499C19.6 16.7299 19.14 16.3099 18.72 16.5099L13.03 19.2999C12.86 19.3799 12.75 19.5499 12.75 19.7399Z" fill="#292D32"/>
+<path d="M11.25 3.36012C11.25 2.93012 10.76 2.70012 10.43 2.97012C8.07 4.95012 3.88 9.12012 3.9 13.9001C3.9 17.9201 6.84 21.2501 10.68 21.8901C10.98 21.9401 11.25 21.6901 11.25 21.3901V3.36012Z" fill="#292D32"/>
+<path d="M13.44 12.4699L18.73 10.2499C19 10.1299 19.13 9.81995 19 9.55995C18.63 8.82995 18.2 8.11995 17.73 7.45995C17.59 7.25995 17.33 7.19995 17.11 7.29995L13.02 9.28995C12.85 9.36995 12.74 9.54994 12.74 9.73994V12.0099C12.75 12.3599 13.11 12.6099 13.44 12.4699Z" fill="#292D32"/>
+<path d="M19.83 14.3102C19.99 14.2302 20.09 14.0802 20.09 13.9102C20.09 13.2702 20.01 12.6402 19.87 12.0202C19.8 11.7202 19.47 11.5602 19.19 11.6802L13.05 14.3002C12.87 14.3802 12.75 14.5602 12.75 14.7602V16.9602C12.75 17.3302 13.14 17.5702 13.47 17.4102L19.37 14.5402L19.83 14.3102Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/book-1.svg b/public/images/icons/vuesax/bold/book-1.svg
new file mode 100644
index 0000000..84377a2
--- /dev/null
+++ b/public/images/icons/vuesax/bold/book-1.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="M22 4.85018V16.7402C22 17.7102 21.21 18.6002 20.24 18.7202L19.93 18.7602C18.29 18.9802 15.98 19.6602 14.12 20.4402C13.47 20.7102 12.75 20.2202 12.75 19.5102V5.60018C12.75 5.23018 12.96 4.89018 13.29 4.71018C15.12 3.72018 17.89 2.84018 19.77 2.68018H19.83C21.03 2.68018 22 3.65018 22 4.85018Z" fill="#292D32"/>
+<path d="M10.71 4.71018C8.87999 3.72018 6.10999 2.84018 4.22999 2.68018H4.15999C2.95999 2.68018 1.98999 3.65018 1.98999 4.85018V16.7402C1.98999 17.7102 2.77999 18.6002 3.74999 18.7202L4.05999 18.7602C5.69999 18.9802 8.00999 19.6602 9.86999 20.4402C10.52 20.7102 11.24 20.2202 11.24 19.5102V5.60018C11.24 5.22018 11.04 4.89018 10.71 4.71018ZM4.99999 7.74018H7.24999C7.65999 7.74018 7.99999 8.08018 7.99999 8.49018C7.99999 8.91018 7.65999 9.24018 7.24999 9.24018H4.99999C4.58999 9.24018 4.24999 8.91018 4.24999 8.49018C4.24999 8.08018 4.58999 7.74018 4.99999 7.74018ZM7.99999 12.2402H4.99999C4.58999 12.2402 4.24999 11.9102 4.24999 11.4902C4.24999 11.0802 4.58999 10.7402 4.99999 10.7402H7.99999C8.40999 10.7402 8.74999 11.0802 8.74999 11.4902C8.74999 11.9102 8.40999 12.2402 7.99999 12.2402Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/book-saved.svg b/public/images/icons/vuesax/bold/book-saved.svg
new file mode 100644
index 0000000..ab92118
--- /dev/null
+++ b/public/images/icons/vuesax/bold/book-saved.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 6.00008V19.9101C11.25 20.6201 10.53 21.1101 9.88 20.8401C8.02 20.0601 5.71 19.3801 4.07 19.1601L3.76 19.1201C2.79 19.0001 2 18.1101 2 17.1401V5.25008C2 4.05008 2.97 3.08008 4.17 3.08008H4.24C6.12 3.24008 8.89 4.12008 10.72 5.11008C11.05 5.29008 11.25 5.62008 11.25 6.00008Z" fill="#292D32"/>
+<path d="M19.83 3.08008H19.77C19.53 3.10008 19.27 3.13008 19 3.18008C17.77 3.38008 16.31 3.80008 15 4.32008C14.38 4.57008 13.8 4.84008 13.29 5.11008C12.96 5.29008 12.75 5.63008 12.75 6.00008V19.9101C12.75 20.6201 13.47 21.1101 14.12 20.8401C15.98 20.0601 18.29 19.3801 19.93 19.1601L20.24 19.1201C21.21 19.0001 22 18.1101 22 17.1401V5.25008C22 4.05008 21.03 3.08008 19.83 3.08008ZM19.27 13.7301C19.27 14.1201 18.99 14.2901 18.65 14.1001L17.59 13.5101C17.48 13.4501 17.3 13.4501 17.18 13.5101L16.12 14.1001C15.78 14.2901 15.5 14.1201 15.5 13.7301V10.6601C15.5 10.2001 15.88 9.82008 16.34 9.82008H18.44C18.9 9.82008 19.28 10.2001 19.28 10.6601V13.7301H19.27Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/book-square.svg b/public/images/icons/vuesax/bold/book-square.svg
new file mode 100644
index 0000000..726a175
--- /dev/null
+++ b/public/images/icons/vuesax/bold/book-square.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM11.5 17.25C11.5 17.61 11.14 17.85 10.81 17.71C9.6 17.19 8.02 16.71 6.92 16.57L6.73 16.55C6.12 16.47 5.62 15.9 5.62 15.28V7.58C5.62 6.81 6.24 6.24 7 6.3C8.25 6.4 10.1 7 11.26 7.66C11.42 7.75 11.5 7.92 11.5 8.09V17.25ZM18.38 15.27C18.38 15.89 17.88 16.46 17.27 16.54L17.06 16.56C15.97 16.71 14.4 17.18 13.19 17.69C12.86 17.83 12.5 17.59 12.5 17.23V8.08C12.5 7.9 12.59 7.73 12.75 7.64C13.91 6.99 15.72 6.41 16.95 6.3H16.99C17.76 6.3 18.38 6.92 18.38 7.69V15.27Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/book.svg b/public/images/icons/vuesax/bold/book.svg
new file mode 100644
index 0000000..f2395f4
--- /dev/null
+++ b/public/images/icons/vuesax/bold/book.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="M20.5 16V18.5C20.5 20.43 18.93 22 17 22H7C5.07 22 3.5 20.43 3.5 18.5V17.85C3.5 16.28 4.78 15 6.35 15H19.5C20.05 15 20.5 15.45 20.5 16Z" fill="#292D32"/>
+<path d="M15.5 2H8.5C4.5 2 3.5 3 3.5 7V14.58C4.26 13.91 5.26 13.5 6.35 13.5H19.5C20.05 13.5 20.5 13.05 20.5 12.5V7C20.5 3 19.5 2 15.5 2ZM13 10.75H8C7.59 10.75 7.25 10.41 7.25 10C7.25 9.59 7.59 9.25 8 9.25H13C13.41 9.25 13.75 9.59 13.75 10C13.75 10.41 13.41 10.75 13 10.75ZM16 7.25H8C7.59 7.25 7.25 6.91 7.25 6.5C7.25 6.09 7.59 5.75 8 5.75H16C16.41 5.75 16.75 6.09 16.75 6.5C16.75 6.91 16.41 7.25 16 7.25Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/bookmark-2.svg b/public/images/icons/vuesax/bold/bookmark-2.svg
new file mode 100644
index 0000000..bc51bae
--- /dev/null
+++ b/public/images/icons/vuesax/bold/bookmark-2.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="M17 4.96V12.08C17 14.07 15.59 14.84 13.86 13.8L12.54 13C12.24 12.82 11.76 12.82 11.46 13L10.14 13.8C8.41 14.84 7 14.07 7 12.08V4.99C7.01 3 8.01 2 10 2H14C15.98 2 16.98 2.99 17 4.96Z" fill="#292D32"/>
+<path d="M22 11.8999V14.9299C22 19.9799 20 21.9999 15 21.9999H9C4 21.9999 2 19.9799 2 14.9299V11.8999C2 9.20986 2.57 7.37986 3.85 6.25986C4.5 5.70986 5.5 6.18986 5.5 7.03986V12.0799C5.5 13.5699 6.11 14.7699 7.17 15.3699C8.24 15.9799 9.6 15.8699 10.92 15.0799L12 14.4299L13.09 15.0799C13.83 15.5299 14.6 15.7599 15.32 15.7599C15.86 15.7599 16.37 15.6299 16.83 15.3699C17.89 14.7699 18.5 13.5699 18.5 12.0799V7.02986C18.5 6.17986 19.51 5.69986 20.15 6.25986C21.43 7.37986 22 9.20986 22 11.8999Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/bookmark.svg b/public/images/icons/vuesax/bold/bookmark.svg
new file mode 100644
index 0000000..7241bbc
--- /dev/null
+++ b/public/images/icons/vuesax/bold/bookmark.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="M22 7.80983V16.1898C22 19.3998 19.4 21.9998 16.19 21.9998H7.81C4.6 21.9998 2 19.3998 2 16.1898V7.80983C2 5.31983 3.02 3.50983 4.83 2.62983C5.49 2.30983 6.25 2.80983 6.25 3.53983V12.4198C6.25 13.6098 6.71 14.5598 7.54 15.0398C8.38 15.5098 9.44 15.4098 10.52 14.7598L11.82 13.9798C11.9 13.9398 12.1 13.9398 12.16 13.9698L13.48 14.7598C14.2 15.1898 14.82 15.3298 15.32 15.3298C15.84 15.3298 16.24 15.1698 16.48 15.0298C17.29 14.5598 17.75 13.6098 17.75 12.4198V3.53983C17.75 2.80983 18.52 2.30983 19.17 2.62983C20.98 3.50983 22 5.31983 22 7.80983Z" fill="#292D32"/>
+<path d="M15.25 2C15.8 2 16.25 2.45 16.25 3V12.42C16.25 13.06 16.06 13.54 15.73 13.73C15.39 13.93 14.85 13.83 14.25 13.47L12.93 12.68C12.42 12.37 11.58 12.37 11.07 12.68L9.75 13.47C9.15 13.83 8.61 13.92 8.27 13.73C7.94 13.54 7.75 13.06 7.75 12.42V3C7.75 2.45 8.2 2 8.75 2H15.25Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/bootsrap.svg b/public/images/icons/vuesax/bold/bootsrap.svg
new file mode 100644
index 0000000..90c62ed
--- /dev/null
+++ b/public/images/icons/vuesax/bold/bootsrap.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.67 12.75H10.5V15.42H12.67C13.41 15.42 14 14.82 14 14.09C14 13.36 13.4 12.75 12.67 12.75Z" fill="black"/>
+<path d="M12.67 8.58008H10.5V11.2501H12.67C13.41 11.2501 14 10.6501 14 9.9201C14 9.1901 13.4 8.58008 12.67 8.58008Z" fill="black"/>
+<path d="M23 11C21.81 11 20.75 10.24 20.37 9.10001C20.13 8.37001 20 7.59999 20 6.82999V6C20 4.34 18.66 3 17 3H7C5.34 3 4 4.34 4 6V6.84C4 7.61 3.88 8.36999 3.63 9.10999C3.25 10.24 2.19 11.01 1 11.01V13.01C2.19 13.01 3.25 13.77 3.63 14.91C3.87 15.64 4 16.41 4 17.17V18C4 19.66 5.34 21 7 21H17C18.66 21 20 19.66 20 18V17.16C20 16.39 20.12 15.63 20.37 14.9C20.75 13.77 21.81 13 23 13V11ZM15.5 14.08C15.5 15.64 14.23 16.91 12.67 16.91H9.75C9.34 16.91 9 16.57 9 16.16V7.82999C9 7.41999 9.34 7.07999 9.75 7.07999H12.67C14.23 7.07999 15.5 8.35 15.5 9.91C15.5 10.73 15.15 11.48 14.58 11.99C15.15 12.52 15.5 13.26 15.5 14.08Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/box-1.svg b/public/images/icons/vuesax/bold/box-1.svg
new file mode 100644
index 0000000..3fdcbe4
--- /dev/null
+++ b/public/images/icons/vuesax/bold/box-1.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="M20.1 6.94C20.1 7.48 19.81 7.97 19.35 8.22L17.61 9.16L16.13 9.95L13.06 11.61C12.73 11.79 12.37 11.88 12 11.88C11.63 11.88 11.27 11.79 10.94 11.61L4.65002 8.22C4.19002 7.97 3.90002 7.48 3.90002 6.94C3.90002 6.4 4.19002 5.91 4.65002 5.66L6.62002 4.6L8.19002 3.75L10.94 2.27C11.6 1.91 12.4 1.91 13.06 2.27L19.35 5.66C19.81 5.91 20.1 6.4 20.1 6.94Z" fill="#292D32"/>
+<path d="M9.89997 12.7901L4.04997 9.87014C3.59997 9.64014 3.07997 9.67014 2.64997 9.93014C2.21997 10.1901 1.96997 10.6501 1.96997 11.1501V16.6801C1.96997 17.6401 2.49997 18.5001 3.35997 18.9301L9.20997 21.8501C9.40997 21.9501 9.62997 22.0001 9.84997 22.0001C10.11 22.0001 10.37 21.9301 10.6 21.7801C11.03 21.5201 11.28 21.0601 11.28 20.5601V15.0301C11.29 14.0801 10.76 13.2201 9.89997 12.7901Z" fill="#292D32"/>
+<path d="M22.03 11.1501V16.6801C22.03 17.6301 21.5 18.4901 20.64 18.9201L14.79 21.8501C14.59 21.9501 14.37 22.0001 14.15 22.0001C13.89 22.0001 13.63 21.9301 13.39 21.7801C12.97 21.5201 12.71 21.0601 12.71 20.5601V15.0401C12.71 14.0801 13.24 13.2201 14.1 12.7901L16.25 11.7201L17.75 10.9701L19.95 9.87013C20.4 9.64013 20.92 9.66013 21.35 9.93013C21.77 10.1901 22.03 10.6501 22.03 11.1501Z" fill="#292D32"/>
+<path d="M17.61 9.16L16.13 9.95L6.62 4.6L8.18999 3.75L17.37 8.93C17.47 8.99 17.55 9.07 17.61 9.16Z" fill="#292D32"/>
+<path d="M17.75 10.9702V13.2402C17.75 13.6502 17.41 13.9902 17 13.9902C16.59 13.9902 16.25 13.6502 16.25 13.2402V11.7202L17.75 10.9702Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/box-2.svg b/public/images/icons/vuesax/bold/box-2.svg
new file mode 100644
index 0000000..598c0f7
--- /dev/null
+++ b/public/images/icons/vuesax/bold/box-2.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="M5.33 19.4198C5.22 19.4198 5.1 19.3898 5 19.3398L2.78 18.2298C2.53 18.0998 2.37 17.8398 2.37 17.5598V14.7798C2.37 14.3698 2.71 14.0298 3.12 14.0298C3.53 14.0298 3.87 14.3698 3.87 14.7798V17.0898L5.67 17.9998C6.04 18.1798 6.19 18.6298 6 18.9998C5.87 19.2598 5.61 19.4198 5.33 19.4198Z" fill="#292D32"/>
+<path d="M12 22.7502C11.94 22.7502 11.88 22.7402 11.83 22.7302C11.77 22.7202 11.71 22.6902 11.65 22.6602L9.44002 21.5602C9.07002 21.3702 8.92002 20.9202 9.10002 20.5502C9.29002 20.1802 9.74002 20.0302 10.11 20.2102L11.25 20.7802V19.2202C11.25 18.8102 11.59 18.4702 12 18.4702C12.41 18.4702 12.75 18.8102 12.75 19.2202V20.7802L13.89 20.2102C14.26 20.0302 14.71 20.1802 14.9 20.5502C15.09 20.9202 14.94 21.3702 14.56 21.5602L12.35 22.6602C12.29 22.6902 12.23 22.7102 12.17 22.7302C12.11 22.7402 12.06 22.7502 12 22.7502Z" fill="#292D32"/>
+<path d="M18.67 19.42C18.4 19.42 18.13 19.27 18 19.01C17.81 18.64 17.96 18.19 18.34 18L20.15 17.1V14.79C20.15 14.38 20.49 14.04 20.9 14.04C21.31 14.04 21.65 14.38 21.65 14.79V17.57C21.65 17.85 21.49 18.11 21.24 18.24L19 19.34C18.89 19.39 18.78 19.42 18.67 19.42Z" fill="#292D32"/>
+<path d="M12 14.42C11.59 14.42 11.25 14.08 11.25 13.67V11.36L9.44002 10.46C9.07002 10.27 8.92002 9.82004 9.10002 9.45005C9.29002 9.08005 9.74002 8.93004 10.11 9.11004L12 10.05L13.89 9.11004C14.26 8.93004 14.71 9.07005 14.9 9.45005C15.09 9.82004 14.94 10.27 14.56 10.46L12.75 11.36V13.67C12.75 14.08 12.41 14.42 12 14.42Z" fill="#292D32"/>
+<path d="M3.10999 9.97002C2.69999 9.97002 2.35999 9.63002 2.35999 9.22002V6.46002V6.45002C2.35999 6.39002 2.36999 6.33002 2.37999 6.28002C2.39999 6.19002 2.42999 6.12002 2.46999 6.05002C2.49999 6.00002 2.53999 5.96002 2.57999 5.92002C2.61999 5.88002 2.66999 5.84002 2.71999 5.81002C2.73999 5.80002 2.76999 5.78002 2.78999 5.77002L4.99999 4.66002C5.36999 4.48002 5.81999 4.63002 5.99999 5.00002C6.18999 5.37002 6.03999 5.82002 5.66999 6.00002L4.78999 6.44002L5.66999 6.88002C6.03999 7.07002 6.18999 7.52002 5.99999 7.89002C5.81999 8.26002 5.36999 8.41002 4.99999 8.23002L3.85999 7.66002V9.22002C3.85999 9.64002 3.52999 9.97002 3.10999 9.97002Z" fill="#292D32"/>
+<path d="M14.22 3.86006C14.11 3.86006 13.99 3.83006 13.89 3.78006L12 2.84006L10.11 3.78006C9.73999 3.97006 9.28999 3.82006 9.10999 3.45006C8.91999 3.08006 9.06999 2.63006 9.43999 2.44006L11.66 1.33006C11.87 1.22006 12.12 1.22006 12.33 1.33006L14.55 2.44006C14.92 2.63006 15.07 3.08006 14.89 3.45006C14.76 3.71006 14.5 3.86006 14.22 3.86006Z" fill="#292D32"/>
+<path d="M20.89 9.97002C20.48 9.97002 20.14 9.63002 20.14 9.22002V7.66002L19 8.23002C18.63 8.41002 18.18 8.26002 18 7.89002C17.81 7.52002 17.96 7.07002 18.34 6.88002L19.22 6.44002L18.33 6.00002C17.96 5.82002 17.81 5.37002 18 5.00002C18.19 4.63002 18.63 4.48002 19 4.66002L21.21 5.76002C21.23 5.77002 21.26 5.78002 21.28 5.80002C21.34 5.83002 21.39 5.88002 21.44 5.93002C21.47 5.97002 21.5 6.01002 21.53 6.05002C21.57 6.12002 21.6 6.19002 21.62 6.27002C21.63 6.33002 21.64 6.39002 21.64 6.44002V6.45002V9.21002C21.64 9.64002 21.3 9.97002 20.89 9.97002Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/box-add.svg b/public/images/icons/vuesax/bold/box-add.svg
new file mode 100644
index 0000000..b3853f9
--- /dev/null
+++ b/public/images/icons/vuesax/bold/box-add.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.6 5.30979L11.95 2.26979C11.35 1.94979 10.64 1.94979 10.04 2.26979L4.39998 5.30979C3.98998 5.53979 3.72998 5.97978 3.72998 6.45978C3.72998 6.94979 3.97998 7.38979 4.39998 7.60979L10.05 10.6498C10.35 10.8098 10.68 10.8898 11 10.8898C11.32 10.8898 11.66 10.8098 11.95 10.6498L17.6 7.60979C18.01 7.38979 18.27 6.94979 18.27 6.45978C18.27 5.97978 18.01 5.53979 17.6 5.30979Z" fill="#292D32"/>
+<path d="M9.12 11.7096L3.87 9.0896C3.46 8.8796 3 8.9096 2.61 9.1396C2.23 9.3796 2 9.7896 2 10.2396V15.1996C2 16.0596 2.48 16.8296 3.25 17.2196L8.5 19.8396C8.68 19.9296 8.88 19.9796 9.08 19.9796C9.31 19.9796 9.55 19.9096 9.76 19.7896C10.14 19.5496 10.37 19.1396 10.37 18.6896V13.7296C10.36 12.8696 9.88 12.0996 9.12 11.7096Z" fill="#292D32"/>
+<path d="M20 10.2396V12.6996C19.52 12.5596 19.01 12.4996 18.5 12.4996C17.14 12.4996 15.81 12.9696 14.76 13.8096C13.32 14.9396 12.5 16.6496 12.5 18.4996C12.5 18.9896 12.56 19.4796 12.69 19.9496C12.54 19.9296 12.39 19.8696 12.25 19.7796C11.87 19.5496 11.64 19.1396 11.64 18.6896V13.7296C11.64 12.8696 12.12 12.0996 12.88 11.7096L18.13 9.0896C18.54 8.8796 19 8.9096 19.39 9.1396C19.77 9.3796 20 9.7896 20 10.2396Z" fill="#292D32"/>
+<path d="M22 15.7C22 15.69 21.99 15.68 21.98 15.67C21.94 15.61 21.89 15.55 21.84 15.5C21.83 15.49 21.82 15.47 21.81 15.46C21 14.56 19.81 14 18.5 14C17.24 14 16.09 14.52 15.27 15.36C14.48 16.17 14 17.28 14 18.5C14 19.34 14.24 20.14 14.65 20.82C14.87 21.19 15.15 21.53 15.47 21.81C15.49 21.82 15.5 21.83 15.51 21.84C15.56 21.89 15.61 21.93 15.67 21.98C15.67 21.98 15.67 21.98 15.68 21.98C15.69 21.99 15.7 22 15.71 22C16.46 22.63 17.43 23 18.5 23C20.14 23 21.57 22.12 22.35 20.82C22.58 20.43 22.76 20 22.87 19.55C22.96 19.21 23 18.86 23 18.5C23 17.44 22.63 16.46 22 15.7ZM20.18 19.23H19.25V20.2C19.25 20.61 18.91 20.95 18.5 20.95C18.09 20.95 17.75 20.61 17.75 20.2V19.23H16.82C16.41 19.23 16.07 18.89 16.07 18.48C16.07 18.07 16.41 17.73 16.82 17.73H17.75V16.84C17.75 16.43 18.09 16.09 18.5 16.09C18.91 16.09 19.25 16.43 19.25 16.84V17.73H20.18C20.59 17.73 20.93 18.07 20.93 18.48C20.93 18.89 20.6 19.23 20.18 19.23Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/box-remove.svg b/public/images/icons/vuesax/bold/box-remove.svg
new file mode 100644
index 0000000..4c55e21
--- /dev/null
+++ b/public/images/icons/vuesax/bold/box-remove.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.6 5.30979L11.95 2.26979C11.35 1.94979 10.64 1.94979 10.04 2.26979L4.39998 5.30979C3.98998 5.53979 3.72998 5.97978 3.72998 6.45978C3.72998 6.94979 3.97998 7.38979 4.39998 7.60979L10.05 10.6498C10.35 10.8098 10.68 10.8898 11 10.8898C11.32 10.8898 11.66 10.8098 11.95 10.6498L17.6 7.60979C18.01 7.38979 18.27 6.94979 18.27 6.45978C18.27 5.97978 18.01 5.53979 17.6 5.30979Z" fill="#292D32"/>
+<path d="M9.12 11.7096L3.87 9.0896C3.46 8.8796 3 8.9096 2.61 9.1396C2.23 9.3796 2 9.7896 2 10.2396V15.1996C2 16.0596 2.48 16.8296 3.25 17.2196L8.5 19.8396C8.68 19.9296 8.88 19.9796 9.08 19.9796C9.31 19.9796 9.55 19.9096 9.76 19.7896C10.14 19.5496 10.37 19.1396 10.37 18.6896V13.7296C10.36 12.8696 9.88 12.0996 9.12 11.7096Z" fill="#292D32"/>
+<path d="M20 10.2396V12.6996C19.52 12.5596 19.01 12.4996 18.5 12.4996C17.14 12.4996 15.81 12.9696 14.76 13.8096C13.32 14.9396 12.5 16.6496 12.5 18.4996C12.5 18.9896 12.56 19.4796 12.69 19.9496C12.54 19.9296 12.39 19.8696 12.25 19.7796C11.87 19.5496 11.64 19.1396 11.64 18.6896V13.7296C11.64 12.8696 12.12 12.0996 12.88 11.7096L18.13 9.0896C18.54 8.8796 19 8.9096 19.39 9.1396C19.77 9.3796 20 9.7896 20 10.2396Z" fill="#292D32"/>
+<path d="M21.68 15.3202C20.79 14.4302 19.61 13.9802 18.44 14.0002C17.31 14.0102 16.18 14.4602 15.32 15.3202C14.72 15.9102 14.33 16.6502 14.14 17.4202C14.03 17.8402 13.99 18.2702 14.02 18.7002V18.7502C14.02 18.8202 14.03 18.8801 14.04 18.9601C14.04 18.9601 14.04 18.9601 14.05 18.9701V19.0002C14.14 19.9802 14.56 20.9302 15.32 21.6802C16.48 22.8402 18.11 23.2302 19.58 22.8602C20.02 22.7502 20.45 22.5702 20.85 22.3302C21.15 22.1602 21.43 21.9402 21.68 21.6802C22.43 20.9302 22.86 19.9802 22.95 18.9901C22.96 18.9901 22.96 18.9701 22.96 18.9601C22.98 18.8901 22.98 18.8102 22.98 18.7401C22.98 18.7301 22.99 18.7102 22.99 18.6902C23.05 17.4802 22.61 16.2401 21.68 15.3202ZM20.23 20.2101C19.94 20.5001 19.47 20.5001 19.17 20.2101L18.51 19.5501L17.83 20.2301C17.53 20.5301 17.06 20.5301 16.77 20.2301C16.47 19.9401 16.47 19.4702 16.77 19.1702L17.45 18.4901L16.79 17.8302C16.5 17.5302 16.5 17.0602 16.79 16.7702C17.09 16.4702 17.56 16.4702 17.86 16.7702L18.51 17.4302L19.14 16.7902C19.44 16.5002 19.91 16.5002 20.21 16.7902C20.5 17.0902 20.5 17.5602 20.21 17.8602L19.57 18.4901L20.23 19.1401C20.53 19.4401 20.53 19.9101 20.23 20.2101Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/box-search.svg b/public/images/icons/vuesax/bold/box-search.svg
new file mode 100644
index 0000000..e2db86e
--- /dev/null
+++ b/public/images/icons/vuesax/bold/box-search.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.6 5.30979L11.95 2.26979C11.35 1.94979 10.64 1.94979 10.04 2.26979L4.39998 5.30979C3.98998 5.53979 3.72998 5.97978 3.72998 6.45978C3.72998 6.94979 3.97998 7.38979 4.39998 7.60979L10.05 10.6498C10.35 10.8098 10.68 10.8898 11 10.8898C11.32 10.8898 11.66 10.8098 11.95 10.6498L17.6 7.60979C18.01 7.38979 18.27 6.94979 18.27 6.45978C18.27 5.97978 18.01 5.53979 17.6 5.30979Z" fill="#292D32"/>
+<path d="M9.12 11.7096L3.87 9.0896C3.46 8.8796 3 8.9096 2.61 9.1396C2.23 9.3796 2 9.7896 2 10.2396V15.1996C2 16.0596 2.48 16.8296 3.25 17.2196L8.5 19.8396C8.68 19.9296 8.88 19.9796 9.08 19.9796C9.31 19.9796 9.55 19.9096 9.76 19.7896C10.14 19.5496 10.37 19.1396 10.37 18.6896V13.7296C10.36 12.8696 9.88 12.0996 9.12 11.7096Z" fill="#292D32"/>
+<path d="M20 10.2396V12.6996C19.52 12.5596 19.01 12.4996 18.5 12.4996C17.14 12.4996 15.81 12.9696 14.76 13.8096C13.32 14.9396 12.5 16.6496 12.5 18.4996C12.5 18.9896 12.56 19.4796 12.69 19.9496C12.54 19.9296 12.39 19.8696 12.25 19.7796C11.87 19.5496 11.64 19.1396 11.64 18.6896V13.7296C11.64 12.8696 12.12 12.0996 12.88 11.7096L18.13 9.0896C18.54 8.8796 19 8.9096 19.39 9.1396C19.77 9.3796 20 9.7896 20 10.2396Z" fill="#292D32"/>
+<path d="M22.58 21.4999L21.74 20.6599C22.18 19.9999 22.44 19.1999 22.44 18.3499C22.44 16.0199 20.55 14.1299 18.22 14.1299C15.89 14.1299 14 16.0199 14 18.3499C14 20.6799 15.89 22.5699 18.22 22.5699C19.07 22.5699 19.87 22.3099 20.53 21.8699L21.37 22.7099C21.54 22.8799 21.75 22.9599 21.97 22.9599C22.19 22.9599 22.41 22.8799 22.57 22.7099C22.91 22.3699 22.91 21.8299 22.58 21.4999Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/box-tick.svg b/public/images/icons/vuesax/bold/box-tick.svg
new file mode 100644
index 0000000..e61335f
--- /dev/null
+++ b/public/images/icons/vuesax/bold/box-tick.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.6 5.30979L11.95 2.26979C11.35 1.94979 10.64 1.94979 10.04 2.26979L4.39998 5.30979C3.98998 5.53979 3.72998 5.97978 3.72998 6.45978C3.72998 6.94979 3.97998 7.38979 4.39998 7.60979L10.05 10.6498C10.35 10.8098 10.68 10.8898 11 10.8898C11.32 10.8898 11.66 10.8098 11.95 10.6498L17.6 7.60979C18.01 7.38979 18.27 6.94979 18.27 6.45978C18.27 5.97978 18.01 5.53979 17.6 5.30979Z" fill="#292D32"/>
+<path d="M9.12 11.7096L3.87 9.0896C3.46 8.8796 3 8.9096 2.61 9.1396C2.23 9.3796 2 9.7896 2 10.2396V15.1996C2 16.0596 2.48 16.8296 3.25 17.2196L8.5 19.8396C8.68 19.9296 8.88 19.9796 9.08 19.9796C9.31 19.9796 9.55 19.9096 9.76 19.7896C10.14 19.5496 10.37 19.1396 10.37 18.6896V13.7296C10.36 12.8696 9.88 12.0996 9.12 11.7096Z" fill="#292D32"/>
+<path d="M20 10.2396V12.6996C19.52 12.5596 19.01 12.4996 18.5 12.4996C17.14 12.4996 15.81 12.9696 14.76 13.8096C13.32 14.9396 12.5 16.6496 12.5 18.4996C12.5 18.9896 12.56 19.4796 12.69 19.9496C12.54 19.9296 12.39 19.8696 12.25 19.7796C11.87 19.5496 11.64 19.1396 11.64 18.6896V13.7296C11.64 12.8696 12.12 12.0996 12.88 11.7096L18.13 9.0896C18.54 8.8796 19 8.9096 19.39 9.1396C19.77 9.3796 20 9.7896 20 10.2396Z" fill="#292D32"/>
+<path d="M21.98 15.67C21.16 14.66 19.91 14.02 18.5 14.02C17.44 14.02 16.46 14.39 15.69 15.01C14.65 15.83 14 17.1 14 18.52C14 19.36 14.24 20.16 14.65 20.84C14.92 21.29 15.26 21.68 15.66 22H15.67C16.44 22.64 17.43 23.02 18.5 23.02C19.64 23.02 20.67 22.6 21.46 21.9C21.81 21.6 22.11 21.24 22.35 20.84C22.76 20.16 23 19.36 23 18.52C23 17.44 22.62 16.44 21.98 15.67ZM20.76 17.96L18.36 20.18C18.22 20.31 18.03 20.38 17.85 20.38C17.66 20.38 17.47 20.31 17.32 20.16L16.21 19.05C15.92 18.76 15.92 18.28 16.21 17.99C16.5 17.7 16.98 17.7 17.27 17.99L17.87 18.59L19.74 16.86C20.04 16.58 20.52 16.6 20.8 16.9C21.09 17.21 21.07 17.68 20.76 17.96Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/box-time.svg b/public/images/icons/vuesax/bold/box-time.svg
new file mode 100644
index 0000000..e6ef7f9
--- /dev/null
+++ b/public/images/icons/vuesax/bold/box-time.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.6 5.30979L11.95 2.26979C11.35 1.94979 10.64 1.94979 10.04 2.26979L4.39998 5.30979C3.98998 5.53979 3.72998 5.97978 3.72998 6.45978C3.72998 6.94979 3.97998 7.38979 4.39998 7.60979L10.05 10.6498C10.35 10.8098 10.68 10.8898 11 10.8898C11.32 10.8898 11.66 10.8098 11.95 10.6498L17.6 7.60979C18.01 7.38979 18.27 6.94979 18.27 6.45978C18.27 5.97978 18.01 5.53979 17.6 5.30979Z" fill="#292D32"/>
+<path d="M9.12 11.7096L3.87 9.0896C3.46 8.8796 3 8.9096 2.61 9.1396C2.23 9.3796 2 9.7896 2 10.2396V15.1996C2 16.0596 2.48 16.8296 3.25 17.2196L8.5 19.8396C8.68 19.9296 8.88 19.9796 9.08 19.9796C9.31 19.9796 9.55 19.9096 9.76 19.7896C10.14 19.5496 10.37 19.1396 10.37 18.6896V13.7296C10.36 12.8696 9.88 12.0996 9.12 11.7096Z" fill="#292D32"/>
+<path d="M20 10.2396V12.6996C19.52 12.5596 19.01 12.4996 18.5 12.4996C17.14 12.4996 15.81 12.9696 14.76 13.8096C13.32 14.9396 12.5 16.6496 12.5 18.4996C12.5 18.9896 12.56 19.4796 12.69 19.9496C12.54 19.9296 12.39 19.8696 12.25 19.7796C11.87 19.5496 11.64 19.1396 11.64 18.6896V13.7296C11.64 12.8696 12.12 12.0996 12.88 11.7096L18.13 9.0896C18.54 8.8796 19 8.9096 19.39 9.1396C19.77 9.3796 20 9.7896 20 10.2396Z" fill="#292D32"/>
+<path d="M21.98 15.65C21.16 14.64 19.91 14 18.5 14C17.44 14 16.46 14.37 15.69 14.99C14.65 15.81 14 17.08 14 18.5C14 19.91 14.64 21.16 15.65 21.98C16.42 22.62 17.42 23 18.5 23C19.64 23 20.67 22.57 21.47 21.88C22.4 21.05 23 19.85 23 18.5C23 17.42 22.62 16.42 21.98 15.65ZM19.53 18.78C19.53 19.04 19.39 19.29 19.17 19.42L17.76 20.26C17.64 20.33 17.51 20.37 17.37 20.37C17.12 20.37 16.87 20.24 16.73 20.01C16.52 19.65 16.63 19.19 16.99 18.98L18.03 18.36V17.1C18.03 16.69 18.37 16.35 18.78 16.35C19.19 16.35 19.53 16.69 19.53 17.1V18.78Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/box.svg b/public/images/icons/vuesax/bold/box.svg
new file mode 100644
index 0000000..244a0ab
--- /dev/null
+++ b/public/images/icons/vuesax/bold/box.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.21 7.81994L12.51 12.2799C12.2 12.4599 11.81 12.4599 11.49 12.2799L3.78997 7.81994C3.23997 7.49994 3.09997 6.74994 3.51997 6.27994C3.80997 5.94994 4.13997 5.67994 4.48997 5.48994L9.90997 2.48994C11.07 1.83994 12.95 1.83994 14.11 2.48994L19.53 5.48994C19.88 5.67994 20.21 5.95994 20.5 6.27994C20.9 6.74994 20.76 7.49994 20.21 7.81994Z" fill="#292D32"/>
+<path d="M11.43 14.1399V20.9599C11.43 21.7199 10.66 22.2199 9.97998 21.8899C7.91998 20.8799 4.44998 18.9899 4.44998 18.9899C3.22998 18.2999 2.22998 16.5599 2.22998 15.1299V9.96988C2.22998 9.17988 3.05998 8.67988 3.73998 9.06988L10.93 13.2399C11.23 13.4299 11.43 13.7699 11.43 14.1399Z" fill="#292D32"/>
+<path d="M12.5699 14.1399V20.9599C12.5699 21.7199 13.3399 22.2199 14.0199 21.8899C16.0799 20.8799 19.5499 18.9899 19.5499 18.9899C20.7699 18.2999 21.7699 16.5599 21.7699 15.1299V9.96988C21.7699 9.17988 20.9399 8.67988 20.2599 9.06988L13.0699 13.2399C12.7699 13.4299 12.5699 13.7699 12.5699 14.1399Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/briefcase.svg b/public/images/icons/vuesax/bold/briefcase.svg
new file mode 100644
index 0000000..555335e
--- /dev/null
+++ b/public/images/icons/vuesax/bold/briefcase.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="M21.09 6.98002C20.24 6.04002 18.82 5.57002 16.76 5.57002H16.52V5.53002C16.52 3.85002 16.52 1.77002 12.76 1.77002H11.24C7.48004 1.77002 7.48004 3.86002 7.48004 5.53002V5.58002H7.24004C5.17004 5.58002 3.76004 6.05002 2.91004 6.99002C1.92004 8.09002 1.95004 9.57002 2.05004 10.58L2.06004 10.65L2.13749 11.4633C2.15176 11.6131 2.23242 11.7484 2.35831 11.8307C2.59812 11.9877 2.99946 12.2464 3.24004 12.38C3.38004 12.47 3.53004 12.55 3.68004 12.63C5.39004 13.57 7.27004 14.2 9.18004 14.51C9.27004 15.45 9.68004 16.55 11.87 16.55C14.06 16.55 14.49 15.46 14.56 14.49C16.6 14.16 18.57 13.45 20.35 12.41C20.41 12.38 20.45 12.35 20.5 12.32C20.8968 12.0958 21.3083 11.8195 21.6835 11.5489C21.7965 11.4673 21.8688 11.3413 21.8842 11.2028L21.9 11.06L21.95 10.59C21.96 10.53 21.96 10.48 21.97 10.41C22.05 9.40002 22.03 8.02002 21.09 6.98002ZM13.09 13.83C13.09 14.89 13.09 15.05 11.86 15.05C10.63 15.05 10.63 14.86 10.63 13.84V12.58H13.09V13.83ZM8.91004 5.57002V5.53002C8.91004 3.83002 8.91004 3.20002 11.24 3.20002H12.76C15.09 3.20002 15.09 3.84002 15.09 5.53002V5.58002H8.91004V5.57002Z" fill="#292D32"/>
+<path d="M20.8734 13.7344C21.227 13.5661 21.6343 13.8464 21.5989 14.2364L21.24 18.1902C21.03 20.1902 20.21 22.2302 15.81 22.2302H8.18997C3.78997 22.2302 2.96997 20.1902 2.75997 18.2002L2.41925 14.4524C2.38421 14.0669 2.78217 13.787 3.13481 13.9465C4.27422 14.462 6.37736 15.3766 7.67653 15.7169C7.84084 15.7599 7.97374 15.8775 8.04568 16.0314C8.65265 17.3295 9.96908 18.0202 11.87 18.0202C13.7521 18.0202 15.0851 17.3029 15.6941 16.0016C15.7662 15.8476 15.8992 15.7301 16.0636 15.6868C17.4431 15.3238 19.6817 14.3015 20.8734 13.7344Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/brifecase-cross.svg b/public/images/icons/vuesax/bold/brifecase-cross.svg
new file mode 100644
index 0000000..11f0a13
--- /dev/null
+++ b/public/images/icons/vuesax/bold/brifecase-cross.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.6 14.5099L13.07 13.9799L13.57 13.4799C13.86 13.1899 13.86 12.7099 13.57 12.4199C13.28 12.1299 12.8 12.1299 12.51 12.4199L12.01 12.9199L11.48 12.3899C11.19 12.0999 10.71 12.0999 10.42 12.3899C10.13 12.6799 10.13 13.1599 10.42 13.4499L10.95 13.9799L10.4 14.5299C10.11 14.8199 10.11 15.2999 10.4 15.5899C10.55 15.7399 10.74 15.8099 10.93 15.8099C11.12 15.8099 11.31 15.7399 11.46 15.5899L12.01 15.0399L12.54 15.5699C12.69 15.7199 12.88 15.7899 13.07 15.7899C13.26 15.7899 13.45 15.7199 13.6 15.5699C13.89 15.2799 13.89 14.8099 13.6 14.5099Z" fill="#292D32"/>
+<path d="M21.09 6.98002C20.24 6.04002 18.83 5.57002 16.76 5.57002H16.52V5.53002C16.52 3.85002 16.52 1.77002 12.76 1.77002H11.24C7.48004 1.77002 7.48004 3.85002 7.48004 5.53002V5.57002H7.24004C5.17004 5.57002 3.75004 6.04002 2.91004 6.98002C1.92004 8.09002 1.95004 9.56002 2.05004 10.57L2.06004 10.64L2.12912 11.446C2.14232 11.5999 2.22586 11.7392 2.35558 11.8232C2.63927 12.0068 2.94109 12.1995 3.23004 12.36C3.37004 12.45 3.52004 12.53 3.67004 12.61C4.80004 13.23 6.01004 13.72 7.25004 14.06C7.28004 16.65 9.40004 18.75 12 18.75C14.62 18.75 16.75 16.62 16.75 14V13.96C18.01 13.58 19.22 13.05 20.35 12.39C20.41 12.36 20.45 12.33 20.5 12.3C20.8949 12.0854 21.3045 11.8045 21.6782 11.5395C21.7941 11.4573 21.869 11.3293 21.8847 11.1881L21.9 11.05L21.95 10.58C21.96 10.52 21.96 10.47 21.97 10.4C22.05 9.40002 22.03 8.02002 21.09 6.98002ZM8.91004 5.53002C8.91004 3.83002 8.91004 3.19002 11.24 3.19002H12.76C15.09 3.19002 15.09 3.83002 15.09 5.53002V5.57002H8.91004V5.53002ZM12 17.25C10.35 17.25 8.98004 16.01 8.78004 14.41C8.76004 14.28 8.75004 14.14 8.75004 14C8.75004 12.21 10.21 10.75 12 10.75C13.79 10.75 15.25 12.21 15.25 14C15.25 14.12 15.24 14.23 15.23 14.34V14.35C15.05 15.98 13.67 17.25 12 17.25Z" fill="#292D32"/>
+<path d="M21.0416 13.7311C21.2903 13.5929 21.6129 13.7931 21.587 14.0765L21.2316 17.9611C21.0216 19.9611 20.2016 22.0011 15.8016 22.0011H8.18156C3.78156 22.0011 2.96156 19.9611 2.76156 17.9711L2.41569 14.2678C2.38884 13.9802 2.69635 13.786 2.95156 13.9211C3.73156 14.3511 4.54156 14.7311 5.37156 15.0311C5.68156 15.1411 5.90156 15.4011 5.99156 15.7211C6.74156 18.3211 9.16156 20.2511 12.0016 20.2511C14.8916 20.2511 17.3316 18.2811 18.0416 15.5811C18.1216 15.2611 18.3416 15.0011 18.6516 14.8811C19.4916 14.5511 20.2916 14.1611 21.0416 13.7311Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/brifecase-tick.svg b/public/images/icons/vuesax/bold/brifecase-tick.svg
new file mode 100644
index 0000000..756f343
--- /dev/null
+++ b/public/images/icons/vuesax/bold/brifecase-tick.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="M21.09 6.98002C20.24 6.04002 18.83 5.57002 16.76 5.57002H16.52V5.53002C16.52 3.85002 16.52 1.77002 12.76 1.77002H11.24C7.48004 1.77002 7.48004 3.85002 7.48004 5.53002V5.57002H7.24004C5.17004 5.57002 3.75004 6.04002 2.91004 6.98002C1.92004 8.09002 1.95004 9.56002 2.05004 10.57L2.06004 10.64L2.12912 11.446C2.14232 11.5999 2.22586 11.7392 2.35558 11.8232C2.63927 12.0068 2.94109 12.1995 3.23004 12.36C3.37004 12.45 3.52004 12.53 3.67004 12.61C4.80004 13.23 6.01004 13.72 7.25004 14.06C7.28004 16.65 9.40004 18.75 12 18.75C14.62 18.75 16.75 16.62 16.75 14V13.96C18.01 13.58 19.22 13.05 20.35 12.39C20.41 12.36 20.45 12.33 20.5 12.3C20.8947 12.0855 21.304 11.8048 21.6776 11.54C21.7938 11.4575 21.8688 11.329 21.8842 11.1873L21.95 10.58C21.96 10.52 21.96 10.47 21.97 10.4C22.05 9.40002 22.03 8.02002 21.09 6.98002ZM8.91004 5.53002C8.91004 3.83002 8.91004 3.19002 11.24 3.19002H12.76C15.09 3.19002 15.09 3.83002 15.09 5.53002V5.57002H8.91004V5.53002ZM12 17.25C10.35 17.25 8.98004 16.01 8.78004 14.41C8.76004 14.28 8.75004 14.14 8.75004 14C8.75004 12.21 10.21 10.75 12 10.75C13.79 10.75 15.25 12.21 15.25 14C15.25 14.12 15.24 14.23 15.23 14.34V14.35C15.05 15.98 13.67 17.25 12 17.25Z" fill="#292D32"/>
+<path d="M11.43 16.0299C11.24 16.0299 11.05 15.9599 10.9 15.8099L9.91 14.8299C9.62 14.5399 9.62 14.0599 9.91 13.7699C10.2 13.4799 10.68 13.4799 10.97 13.7699L11.45 14.2499L13.06 12.7699C13.36 12.4899 13.84 12.5099 14.12 12.8099C14.4 13.1099 14.38 13.5899 14.08 13.8699L11.95 15.8399C11.79 15.9599 11.61 16.0299 11.43 16.0299Z" fill="#292D32"/>
+<path d="M21.0416 13.7311C21.2903 13.5929 21.6129 13.7931 21.587 14.0765L21.2316 17.9611C21.0216 19.9611 20.2016 22.0011 15.8016 22.0011H8.18156C3.78156 22.0011 2.96156 19.9611 2.76156 17.9711L2.41569 14.2678C2.38884 13.9802 2.69635 13.786 2.95156 13.9211C3.73156 14.3511 4.54156 14.7311 5.37156 15.0311C5.68156 15.1411 5.90156 15.4011 5.99156 15.7211C6.74156 18.3211 9.16156 20.2511 12.0016 20.2511C14.8916 20.2511 17.3316 18.2811 18.0416 15.5811C18.1216 15.2611 18.3416 15.0011 18.6516 14.8811C19.4916 14.5511 20.2916 14.1611 21.0416 13.7311Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/brifecase-timer.svg b/public/images/icons/vuesax/bold/brifecase-timer.svg
new file mode 100644
index 0000000..6d4cfe0
--- /dev/null
+++ b/public/images/icons/vuesax/bold/brifecase-timer.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="M11.13 15.8799C10.88 15.8799 10.63 15.7499 10.49 15.5199C10.28 15.1699 10.39 14.6999 10.75 14.4899L11.64 13.9599V12.8799C11.64 12.4699 11.98 12.1299 12.39 12.1299C12.8 12.1299 13.14 12.4699 13.14 12.8799V14.3799C13.14 14.6399 13 14.8899 12.78 15.0199L11.53 15.7699C11.39 15.8399 11.26 15.8799 11.13 15.8799Z" fill="#292D32"/>
+<path d="M21.09 6.98002C20.24 6.04002 18.83 5.57002 16.76 5.57002H16.52V5.53002C16.52 3.85002 16.52 1.77002 12.76 1.77002H11.24C7.48004 1.77002 7.48004 3.85002 7.48004 5.53002V5.57002H7.24004C5.17004 5.57002 3.75004 6.04002 2.91004 6.98002C1.92004 8.09002 1.95004 9.56002 2.05004 10.57L2.06004 10.64L2.12912 11.446C2.14232 11.5999 2.22586 11.7392 2.35558 11.8232C2.63927 12.0068 2.94109 12.1995 3.23004 12.36C3.37004 12.45 3.52004 12.53 3.67004 12.61C4.80004 13.23 6.01004 13.72 7.25004 14.06C7.28004 16.65 9.40004 18.75 12 18.75C14.62 18.75 16.75 16.62 16.75 14V13.96C18.01 13.58 19.22 13.05 20.35 12.39C20.41 12.36 20.45 12.33 20.5 12.3C20.8949 12.0854 21.3045 11.8045 21.6782 11.5395C21.7941 11.4573 21.869 11.3293 21.8847 11.1881L21.9 11.05L21.95 10.58C21.96 10.52 21.96 10.47 21.97 10.4C22.05 9.40002 22.03 8.02002 21.09 6.98002ZM8.91004 5.53002C8.91004 3.83002 8.91004 3.19002 11.24 3.19002H12.76C15.09 3.19002 15.09 3.83002 15.09 5.53002V5.57002H8.91004V5.53002ZM12 17.25C10.35 17.25 8.98004 16.01 8.78004 14.41C8.76004 14.28 8.75004 14.14 8.75004 14C8.75004 12.21 10.21 10.75 12 10.75C13.79 10.75 15.25 12.21 15.25 14C15.25 14.12 15.24 14.23 15.23 14.34V14.35C15.05 15.98 13.67 17.25 12 17.25Z" fill="#292D32"/>
+<path d="M21.04 13.7301C21.2887 13.5919 21.6114 13.7922 21.5854 14.0755L21.23 17.9601C21.02 19.9601 20.2 22.0001 15.8 22.0001H8.17998C3.77998 22.0001 2.95998 19.9601 2.75998 17.9701L2.41411 14.2668C2.38725 13.9793 2.69476 13.785 2.94998 13.9201C3.72998 14.3501 4.53998 14.7301 5.36998 15.0301C5.67998 15.1401 5.89998 15.4001 5.98998 15.7201C6.73997 18.3201 9.15997 20.2501 12 20.2501C14.89 20.2501 17.33 18.2801 18.04 15.5801C18.12 15.2601 18.34 15.0001 18.65 14.8801C19.49 14.5501 20.29 14.1601 21.04 13.7301Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/broom.svg b/public/images/icons/vuesax/bold/broom.svg
new file mode 100644
index 0000000..95f6238
--- /dev/null
+++ b/public/images/icons/vuesax/bold/broom.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.81999 4.90003L7.53999 2.78003C7.05999 2.00003 6.10999 1.56003 5.21999 1.82003C3.87999 2.22003 3.35999 3.73003 4.02999 4.84003L5.34999 7.01003C5.49999 7.24003 5.80999 7.32003 6.03999 7.18003L8.64999 5.59003C8.88999 5.44003 8.96999 5.13003 8.81999 4.90003Z" fill="#292D32"/>
+<path d="M19.74 14.2098L16.93 10.4098C15.95 9.08984 14.25 8.46984 12.65 8.89984C12.65 8.88984 12.64 8.88984 12.64 8.87984L10.98 6.14984C10.68 5.67984 10.06 5.52984 9.59 5.81984L6.12 7.92984C5.64 8.20984 5.49 8.83984 5.78 9.31984L7.43 12.0498C7.43 12.0498 7.43 12.0598 7.44 12.0598C6.33 13.2898 6.09 15.0798 6.83 16.5698L8.91 20.8098C9.55 22.1198 11.06 22.6198 12.34 21.9598C12.44 21.9098 12.47 21.7898 12.41 21.6898L10.85 19.1098C10.63 18.7498 10.74 18.2898 11.1 18.0598C11.46 17.8498 11.92 17.9598 12.15 18.3098L13.72 20.8898C13.78 20.9798 13.9 21.0098 13.99 20.9598L14.95 20.3798C15.04 20.3198 15.07 20.1998 15.02 20.1098L13.45 17.5298C13.24 17.1698 13.35 16.7098 13.7 16.4798C14.07 16.2698 14.53 16.3798 14.75 16.7298L16.32 19.3098C16.38 19.3998 16.5 19.4298 16.59 19.3798L17.55 18.7998C17.64 18.7398 17.67 18.6198 17.62 18.5298L16.05 15.9498C15.84 15.5898 15.95 15.1298 16.3 14.8998C16.67 14.6898 17.13 14.7998 17.35 15.1498L18.93 17.7198C18.99 17.8098 19.11 17.8398 19.2 17.7798C20.36 16.9498 20.62 15.3898 19.74 14.2098Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/brush-1.svg b/public/images/icons/vuesax/bold/brush-1.svg
new file mode 100644
index 0000000..a541375
--- /dev/null
+++ b/public/images/icons/vuesax/bold/brush-1.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.65 4.79H16.37C16.27 4 15.98 3.37 15.52 2.9C14.92 2.3 14.05 2 12.93 2H7.35C5.1 2 3.86 3.24 3.86 5.49C3.86 6.61 4.16 7.48 4.76 8.08C5.36 8.68 6.23 8.98 7.35 8.98H12.93C14.93 8.98 16.13 7.99 16.37 6.19H16.65C18.74 6.19 18.74 6.47 18.74 8.28V10.14C18.74 11.95 18.74 12.23 16.65 12.23H12.93C9.94 12.23 9.51 13.65 9.45 15.03C8.55 15.09 7.58 15.51 7.58 17.11V19.9C7.58 21.63 8.72 21.99 9.67 21.99H10.6C11.55 21.99 12.69 21.63 12.69 19.9V17.11C12.69 15.53 11.74 15.09 10.84 15.03C10.89 14.02 11.18 13.62 12.92 13.62H16.64C19.89 13.62 20.13 12.3 20.13 10.13V8.28C20.14 6.11 19.9 4.79 16.65 4.79Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/brush-2.svg b/public/images/icons/vuesax/bold/brush-2.svg
new file mode 100644
index 0000000..2641c50
--- /dev/null
+++ b/public/images/icons/vuesax/bold/brush-2.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="M21.81 3.94009C20.5 7.21009 17.51 11.4801 14.66 14.2701C14.25 11.6901 12.19 9.67009 9.59 9.31009C12.39 6.45009 16.69 3.42009 19.97 2.10009C20.55 1.88009 21.13 2.05009 21.49 2.41009C21.87 2.79009 22.05 3.36009 21.81 3.94009Z" fill="#292D32"/>
+<path d="M13.78 15.09C13.58 15.26 13.38 15.43 13.18 15.59L11.39 17.02C11.39 16.99 11.38 16.95 11.38 16.91C11.24 15.84 10.74 14.85 9.93 14.04C9.11 13.22 8.09 12.72 6.97 12.58C6.94 12.58 6.9 12.57 6.87 12.57L8.32 10.74C8.46 10.56 8.61 10.39 8.77 10.21L9.45 10.3C11.6 10.6 13.33 12.29 13.67 14.43L13.78 15.09Z" fill="#292D32"/>
+<path d="M10.43 17.6198C10.43 18.7198 10.01 19.7698 9.21 20.5598C8.6 21.1798 7.78 21.5998 6.78 21.7198L4.33 21.9898C2.99 22.1398 1.84 20.9898 1.99 19.6398L2.26 17.1798C2.5 14.9898 4.33 13.5898 6.27 13.5498C6.46 13.5398 6.67 13.5498 6.87 13.5698C7.72 13.6798 8.54 14.0698 9.23 14.7498C9.9 15.4198 10.28 16.2098 10.39 17.0398C10.41 17.2398 10.43 17.4298 10.43 17.6198Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/brush-3.svg b/public/images/icons/vuesax/bold/brush-3.svg
new file mode 100644
index 0000000..50a4bd1
--- /dev/null
+++ b/public/images/icons/vuesax/bold/brush-3.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM10.49 16.72C10.15 17.06 9.7 17.29 9.15 17.36L7.8 17.51C7.06 17.59 6.43 16.96 6.51 16.21L6.66 14.85C6.79 13.64 7.8 12.87 8.87 12.85C8.97 12.84 9.09 12.85 9.2 12.86C9.67 12.92 10.12 13.14 10.5 13.51C10.87 13.88 11.08 14.32 11.14 14.77C11.15 14.88 11.16 14.99 11.16 15.09C11.16 15.71 10.93 16.28 10.49 16.72ZM17.44 7.55C16.72 9.35 15.07 11.71 13.5 13.25C13.27 11.83 12.14 10.71 10.7 10.51C12.24 8.93 14.62 7.26 16.43 6.53C16.75 6.41 17.07 6.5 17.27 6.7C17.47 6.92 17.57 7.23 17.44 7.55Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/brush-4.svg b/public/images/icons/vuesax/bold/brush-4.svg
new file mode 100644
index 0000000..d3fa53e
--- /dev/null
+++ b/public/images/icons/vuesax/bold/brush-4.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.5 19.5V18H4.5C3.95 18 3.45 17.78 3.09 17.41C2.72 17.05 2.5 16.55 2.5 16C2.5 14.97 3.3 14.11 4.31 14.01C4.37 14 4.43 14 4.5 14H19.5C19.57 14 19.63 14 19.69 14.01C20.17 14.05 20.59 14.26 20.91 14.59C21.32 14.99 21.54 15.56 21.49 16.18C21.4 17.23 20.45 18 19.39 18H14.5V19.5C14.5 20.88 13.38 22 12 22C10.62 22 9.5 20.88 9.5 19.5Z" fill="#292D32"/>
+<path d="M17.19 2H13.25C12.97 2 12.75 2.22 12.75 2.5V4C12.75 4.41 12.41 4.75 12 4.75C11.91 4.75 11.83 4.73 11.75 4.7C11.46 4.6 11.25 4.32 11.25 4V2.5C11.25 2.22 11.03 2 10.75 2H9.24C8.96 2 8.74 2.22 8.74 2.5V7C8.74 7.41 8.4 7.75 7.99 7.75C7.58 7.75 7.24 7.41 7.24 7V4.75V2.5C7.24 2.23 7.04 2.02 6.77 2H6.74C5 2.04 3.65 3.55 3.83 5.3L4.2 12.05C4.23 12.58 4.67 13 5.2 13H18.8C19.33 13 19.77 12.58 19.8 12.05L20.17 5.3C20.35 3.53 18.96 2 17.19 2Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/brush.svg b/public/images/icons/vuesax/bold/brush.svg
new file mode 100644
index 0000000..279e013
--- /dev/null
+++ b/public/images/icons/vuesax/bold/brush.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 2H18C19.1 2 20 2.9 20 4V7.32C20 7.87 19.55 8.32 19 8.32H5C4.45 8.32 4 7.87 4 7.32V4C4 2.9 4.9 2 6 2Z" fill="#292D32"/>
+<path d="M4 10.3198V11.8798C4 12.9598 4.58 13.9598 5.53 14.4898L8.49 16.1598C9.12 16.5098 9.51 17.1798 9.51 17.8998V19.9998C9.51 21.0998 10.41 21.9998 11.51 21.9998H12.51C13.61 21.9998 14.51 21.0998 14.51 19.9998V17.8998C14.51 17.1798 14.9 16.5098 15.53 16.1598L18.49 14.4898C19.43 13.9598 20.02 12.9598 20.02 11.8798V10.3198C20.02 9.76982 19.57 9.31982 19.02 9.31982H5C4.45 9.31982 4 9.75982 4 10.3198Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/bubble.svg b/public/images/icons/vuesax/bold/bubble.svg
new file mode 100644
index 0000000..5454f86
--- /dev/null
+++ b/public/images/icons/vuesax/bold/bubble.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="M15.59 1.75C12.62 1.75 10.21 4.16 10.21 7.13C10.21 10.1 12.62 12.51 15.59 12.51C18.56 12.51 20.97 10.1 20.97 7.13C20.97 4.16 18.56 1.75 15.59 1.75Z" fill="#292D32"/>
+<path d="M6.36003 13.0298C4.53003 13.0298 3.03003 14.5198 3.03003 16.3598C3.03003 18.1998 4.52003 19.6898 6.36003 19.6898C8.19003 19.6898 9.69003 18.1998 9.69003 16.3598C9.69003 14.5198 8.19003 13.0298 6.36003 13.0298Z" fill="#292D32"/>
+<path d="M16.62 16.6201C15.07 16.6201 13.81 17.8801 13.81 19.4301C13.81 20.9801 15.07 22.2401 16.62 22.2401C18.17 22.2401 19.43 20.9801 19.43 19.4301C19.43 17.8801 18.17 16.6201 16.62 16.6201Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/bucket-circle.svg b/public/images/icons/vuesax/bold/bucket-circle.svg
new file mode 100644
index 0000000..2a3dc57
--- /dev/null
+++ b/public/images/icons/vuesax/bold/bucket-circle.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 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM11.63 16.25C10.78 17.1 9.92 17.1 9.06 16.25L6.5 13.68C6.06 13.24 5.85 12.8 5.86 12.35C5.87 11.93 6.09 11.52 6.5 11.11L10.1 7.51L9.54 6.96C9.35 6.77 9.35 6.47 9.54 6.28C9.73 6.09 10.03 6.09 10.22 6.28L10.77 6.83L15.47 11.53C15.57 11.63 15.64 11.78 15.64 11.92C15.65 12.09 15.6 12.26 15.47 12.39L11.63 16.25ZM16.64 17.86C15.81 17.86 15.14 17.19 15.14 16.36C15.14 15.52 16.13 14.41 16.33 14.19C16.49 14.01 16.8 14.01 16.97 14.19C17.17 14.4 18.16 15.52 18.16 16.36C18.14 17.19 17.47 17.86 16.64 17.86Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/bucket-square.svg b/public/images/icons/vuesax/bold/bucket-square.svg
new file mode 100644
index 0000000..db5a194
--- /dev/null
+++ b/public/images/icons/vuesax/bold/bucket-square.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM9.06 16.25L6.5 13.68C6.06 13.24 5.85 12.8 5.86 12.35C5.87 11.93 6.09 11.52 6.5 11.11L10.1 7.51L9.54 6.96C9.35 6.77 9.35 6.47 9.54 6.28C9.73 6.09 10.03 6.09 10.22 6.28L10.77 6.83L15.47 11.53C15.57 11.63 15.64 11.78 15.64 11.92C15.65 12.09 15.6 12.26 15.47 12.39L11.62 16.24C10.78 17.1 9.92 17.1 9.06 16.25ZM16.64 17.86C15.81 17.86 15.14 17.19 15.14 16.36C15.14 15.52 16.13 14.41 16.33 14.19C16.49 14.01 16.8 14.01 16.97 14.19C17.17 14.4 18.16 15.52 18.16 16.36C18.14 17.19 17.47 17.86 16.64 17.86Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/bucket.svg b/public/images/icons/vuesax/bold/bucket.svg
new file mode 100644
index 0000000..e82b9c4
--- /dev/null
+++ b/public/images/icons/vuesax/bold/bucket.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="M17.04 10.6401L9.69 3.29014L8.82 2.42014C8.53 2.13014 8.05 2.13014 7.76 2.42014C7.47 2.71014 7.47 3.19014 7.76 3.48014L8.63 4.35014L3 9.98014C2.36 10.6201 2.02 11.2701 2 11.9201C1.98 12.6101 2.32 13.3001 3 13.9901L7.01 18.0001C8.35 19.3301 9.69 19.3301 11.02 18.0001L17.04 11.9801C17.24 11.7801 17.33 11.5101 17.31 11.2501C17.3 11.0301 17.2 10.8001 17.04 10.6401Z" fill="#292D32"/>
+<path d="M16 22.75H3C2.59 22.75 2.25 22.41 2.25 22C2.25 21.59 2.59 21.25 3 21.25H16C16.41 21.25 16.75 21.59 16.75 22C16.75 22.41 16.41 22.75 16 22.75Z" fill="#292D32"/>
+<path d="M19.35 14.7798C19.09 14.4998 18.61 14.4998 18.35 14.7798C18.04 15.1198 16.5 16.8498 16.5 18.1698C16.5 19.4698 17.55 20.5198 18.85 20.5198C20.15 20.5198 21.2 19.4698 21.2 18.1698C21.2 16.8598 19.66 15.1198 19.35 14.7798Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/building-3.svg b/public/images/icons/vuesax/bold/building-3.svg
new file mode 100644
index 0000000..9de1fac
--- /dev/null
+++ b/public/images/icons/vuesax/bold/building-3.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="M15 7.06984C15 6.39984 14.67 5.77984 14.11 5.40984L10.11 2.73984C9.44 2.28984 8.56 2.28984 7.89 2.73984L3.89 5.40984C3.34 5.77984 3 6.39984 3 7.06984V12.7498C3 13.0298 3.22 13.2498 3.5 13.2498H14.5C14.78 13.2498 15 13.0298 15 12.7498V7.06984ZM9 10.7498C8.04 10.7498 7.25 9.95984 7.25 8.99984C7.25 8.03984 8.04 7.24984 9 7.24984C9.96 7.24984 10.75 8.03984 10.75 8.99984C10.75 9.95984 9.96 10.7498 9 10.7498Z" fill="#292D32"/>
+<path d="M22 21.2501H20.73V18.2501C21.68 17.9401 22.37 17.0501 22.37 16.0001V14.0001C22.37 12.6901 21.3 11.6201 19.99 11.6201C18.68 11.6201 17.61 12.6901 17.61 14.0001V16.0001C17.61 17.0401 18.29 17.9201 19.22 18.2401V21.2501H15V15.2501C15 14.9701 14.78 14.7501 14.5 14.7501H3.5C3.22 14.7501 3 14.9701 3 15.2501V21.2501H2C1.59 21.2501 1.25 21.5901 1.25 22.0001C1.25 22.4101 1.59 22.7501 2 22.7501H19.93C19.95 22.7501 19.96 22.7601 19.98 22.7601C20 22.7601 20.01 22.7501 20.03 22.7501H22C22.41 22.7501 22.75 22.4101 22.75 22.0001C22.75 21.5901 22.41 21.2501 22 21.2501ZM8.25 18.2501C8.25 17.8401 8.59 17.5001 9 17.5001C9.41 17.5001 9.75 17.8401 9.75 18.2501V21.2501H8.25V18.2501Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/building-4.svg b/public/images/icons/vuesax/bold/building-4.svg
new file mode 100644
index 0000000..cc13d4d
--- /dev/null
+++ b/public/images/icons/vuesax/bold/building-4.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.3201 3H5.0901C3.1001 3 2.1001 4.01 2.1001 6.02V22H7.5001V18.25C7.5001 17.84 7.8401 17.5 8.2501 17.5C8.6601 17.5 9.0001 17.83 9.0001 18.25V22H14.3001V6.02C14.3001 4.01 13.3101 3 11.3201 3ZM10.7501 12.75H5.8001C5.3901 12.75 5.0501 12.41 5.0501 12C5.0501 11.59 5.3901 11.25 5.8001 11.25H10.7501C11.1601 11.25 11.5001 11.59 11.5001 12C11.5001 12.41 11.1601 12.75 10.7501 12.75ZM10.7501 9H5.8001C5.3901 9 5.0501 8.66 5.0501 8.25C5.0501 7.84 5.3901 7.5 5.8001 7.5H10.7501C11.1601 7.5 11.5001 7.84 11.5001 8.25C11.5001 8.66 11.1601 9 10.7501 9Z" fill="#292D32"/>
+<path d="M23 21.2501H20.73V18.2501C21.68 17.9401 22.37 17.0501 22.37 16.0001V14.0001C22.37 12.6901 21.3 11.6201 19.99 11.6201C18.68 11.6201 17.61 12.6901 17.61 14.0001V16.0001C17.61 17.0401 18.29 17.9201 19.22 18.2401V21.2501H1C0.59 21.2501 0.25 21.5901 0.25 22.0001C0.25 22.4101 0.59 22.7501 1 22.7501H19.93C19.95 22.7501 19.96 22.7601 19.98 22.7601C20 22.7601 20.01 22.7501 20.03 22.7501H23C23.41 22.7501 23.75 22.4101 23.75 22.0001C23.75 21.5901 23.41 21.2501 23 21.2501Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/building.svg b/public/images/icons/vuesax/bold/building.svg
new file mode 100644
index 0000000..2ba5cd9
--- /dev/null
+++ b/public/images/icons/vuesax/bold/building.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.75 4.63986L6.31997 2.44986C3.92997 1.27986 1.96997 2.46986 1.96997 5.08986V19.9299C1.96997 21.0699 2.91997 21.9999 4.07997 21.9999H11.5C12.05 21.9999 12.5 21.5499 12.5 20.9999V7.40986C12.5 6.35986 11.71 5.10986 10.75 4.63986ZM8.96997 13.7499H5.49997C5.08997 13.7499 4.74997 13.4099 4.74997 12.9999C4.74997 12.5899 5.08997 12.2499 5.49997 12.2499H8.96997C9.37997 12.2499 9.71997 12.5899 9.71997 12.9999C9.71997 13.4099 9.38997 13.7499 8.96997 13.7499ZM8.96997 9.74986H5.49997C5.08997 9.74986 4.74997 9.40986 4.74997 8.99986C4.74997 8.58986 5.08997 8.24986 5.49997 8.24986H8.96997C9.37997 8.24986 9.71997 8.58986 9.71997 8.99986C9.71997 9.40986 9.38997 9.74986 8.96997 9.74986Z" fill="#292D32"/>
+<path d="M22 18.04V19.5C22 20.88 20.88 22 19.5 22H14.97C14.43 22 14 21.57 14 21.03V18.87C15.07 19 16.2 18.69 17.01 18.04C17.69 18.59 18.56 18.92 19.51 18.92C20.44 18.92 21.31 18.59 22 18.04Z" fill="#292D32"/>
+<path d="M22 15.05V15.06C21.92 16.37 20.85 17.42 19.51 17.42C18.12 17.42 17.01 16.29 17.01 14.92C17.01 16.45 15.6 17.68 14 17.37V12C14 11.36 14.59 10.88 15.22 11.02L17.01 11.42L17.49 11.53L19.53 11.99C20.02 12.09 20.47 12.26 20.86 12.51C20.86 12.52 20.87 12.52 20.87 12.52C20.97 12.59 21.07 12.67 21.16 12.76C21.62 13.22 21.92 13.89 21.99 14.87C21.99 14.93 22 14.99 22 15.05Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/buildings-2.svg b/public/images/icons/vuesax/bold/buildings-2.svg
new file mode 100644
index 0000000..f728248
--- /dev/null
+++ b/public/images/icons/vuesax/bold/buildings-2.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.6 4.15C10.6 4.34 10.44 4.5 10.25 4.5H9.12C6.96 4.5 5.2 6.26 5.2 8.42V17.65C5.2 17.84 5.04 18 4.85 18H4.15C2.96 18 2 17.04 2 15.85V4.15C2 2.96 2.96 2 4.15 2H8.45C9.64 2 10.6 2.96 10.6 4.15Z" fill="#292D32"/>
+<path d="M21.9999 4.15V15.85C21.9999 17.04 21.0399 18 19.8499 18H19.2199C19.0299 18 18.8699 17.84 18.8699 17.65V8.42C18.8699 6.26 17.1099 4.5 14.9499 4.5H13.7499C13.5599 4.5 13.3999 4.34 13.3999 4.15C13.3999 2.96 14.3599 2 15.5499 2H19.8499C21.0399 2 21.9999 2.96 21.9999 4.15Z" fill="#292D32"/>
+<path d="M14.95 6H9.11995C7.77995 6 6.69995 7.08 6.69995 8.42V19.58C6.69995 20.92 7.77995 22 9.11995 22H10.75C11.03 22 11.25 21.78 11.25 21.5V19C11.25 18.59 11.59 18.25 12 18.25C12.41 18.25 12.75 18.59 12.75 19V21.5C12.75 21.78 12.97 22 13.25 22H14.96C16.29 22 17.37 20.92 17.37 19.59V8.42C17.37 7.08 16.29 6 14.95 6ZM14 14.75H9.99995C9.58995 14.75 9.24995 14.41 9.24995 14C9.24995 13.59 9.58995 13.25 9.99995 13.25H14C14.41 13.25 14.75 13.59 14.75 14C14.75 14.41 14.41 14.75 14 14.75ZM14 11.75H9.99995C9.58995 11.75 9.24995 11.41 9.24995 11C9.24995 10.59 9.58995 10.25 9.99995 10.25H14C14.41 10.25 14.75 10.59 14.75 11C14.75 11.41 14.41 11.75 14 11.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/buildings.svg b/public/images/icons/vuesax/bold/buildings.svg
new file mode 100644
index 0000000..11ead8c
--- /dev/null
+++ b/public/images/icons/vuesax/bold/buildings.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="M5 8C3.34 8 2 9.34 2 11V19C2 20.66 3.34 22 5 22H6.5C7.6 22 8.5 21.1 8.5 20V10C8.5 8.9 7.6 8 6.5 8H5ZM6 17C6 17.41 5.66 17.75 5.25 17.75C4.84 17.75 4.5 17.41 4.5 17V13C4.5 12.59 4.84 12.25 5.25 12.25C5.66 12.25 6 12.59 6 13V17Z" fill="#292D32"/>
+<path d="M19 2H13C11.34 2 10 3.34 10 5V19C10 20.66 11.34 22 13 22H13.5C13.78 22 14 21.78 14 21.5V18C14 17.45 14.45 17 15 17H17C17.55 17 18 17.45 18 18V21.5C18 21.78 18.22 22 18.5 22H19C20.66 22 22 20.66 22 19V5C22 3.34 20.66 2 19 2ZM14.75 13C14.75 13.41 14.41 13.75 14 13.75C13.59 13.75 13.25 13.41 13.25 13V8C13.25 7.59 13.59 7.25 14 7.25C14.41 7.25 14.75 7.59 14.75 8V13ZM18.75 13C18.75 13.41 18.41 13.75 18 13.75C17.59 13.75 17.25 13.41 17.25 13V8C17.25 7.59 17.59 7.25 18 7.25C18.41 7.25 18.75 7.59 18.75 8V13Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/buliding.svg b/public/images/icons/vuesax/bold/buliding.svg
new file mode 100644
index 0000000..5ffdbdd
--- /dev/null
+++ b/public/images/icons/vuesax/bold/buliding.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="M22 21.25H2C1.59 21.25 1.25 21.59 1.25 22C1.25 22.41 1.59 22.75 2 22.75H22C22.41 22.75 22.75 22.41 22.75 22C22.75 21.59 22.41 21.25 22 21.25Z" fill="#292D32"/>
+<path d="M17 2H7C4 2 3 3.79 3 6V22H21V6C21 3.79 20 2 17 2ZM10 17.25H7C6.59 17.25 6.25 16.91 6.25 16.5C6.25 16.09 6.59 15.75 7 15.75H10C10.41 15.75 10.75 16.09 10.75 16.5C10.75 16.91 10.41 17.25 10 17.25ZM10 12.75H7C6.59 12.75 6.25 12.41 6.25 12C6.25 11.59 6.59 11.25 7 11.25H10C10.41 11.25 10.75 11.59 10.75 12C10.75 12.41 10.41 12.75 10 12.75ZM10 8.25H7C6.59 8.25 6.25 7.91 6.25 7.5C6.25 7.09 6.59 6.75 7 6.75H10C10.41 6.75 10.75 7.09 10.75 7.5C10.75 7.91 10.41 8.25 10 8.25ZM17 17.25H14C13.59 17.25 13.25 16.91 13.25 16.5C13.25 16.09 13.59 15.75 14 15.75H17C17.41 15.75 17.75 16.09 17.75 16.5C17.75 16.91 17.41 17.25 17 17.25ZM17 12.75H14C13.59 12.75 13.25 12.41 13.25 12C13.25 11.59 13.59 11.25 14 11.25H17C17.41 11.25 17.75 11.59 17.75 12C17.75 12.41 17.41 12.75 17 12.75ZM17 8.25H14C13.59 8.25 13.25 7.91 13.25 7.5C13.25 7.09 13.59 6.75 14 6.75H17C17.41 6.75 17.75 7.09 17.75 7.5C17.75 7.91 17.41 8.25 17 8.25Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/bus.svg b/public/images/icons/vuesax/bold/bus.svg
new file mode 100644
index 0000000..08a20c2
--- /dev/null
+++ b/public/images/icons/vuesax/bold/bus.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 13.5V18.9C4 20.6 5.39 22 7.1 22H16.9C18.6 22 20 20.61 20 18.9V13.5C20 13.22 19.78 13 19.5 13H4.5C4.22 13 4 13.22 4 13.5ZM8.88 18.38C8.65 18.62 8.33 18.75 8 18.75C7.92 18.75 7.84 18.74 7.76 18.73C7.68 18.71 7.6 18.69 7.52 18.65C7.45 18.62 7.37 18.58 7.31 18.54C7.24 18.49 7.17 18.44 7.12 18.38C6.88 18.15 6.75 17.83 6.75 17.5C6.75 17.17 6.88 16.85 7.12 16.62C7.17 16.56 7.24 16.51 7.31 16.46C7.37 16.42 7.45 16.38 7.52 16.35C7.6 16.31 7.68 16.29 7.76 16.27C8.16 16.19 8.59 16.33 8.88 16.62C9.12 16.85 9.25 17.17 9.25 17.5C9.25 17.83 9.12 18.15 8.88 18.38ZM16.88 18.38C16.83 18.44 16.76 18.49 16.69 18.54C16.63 18.58 16.55 18.62 16.48 18.65C16.4 18.69 16.32 18.71 16.25 18.73C16.16 18.74 16.08 18.75 16 18.75C15.92 18.75 15.84 18.74 15.76 18.73C15.68 18.71 15.6 18.69 15.52 18.65C15.45 18.62 15.37 18.58 15.31 18.54C15.24 18.49 15.17 18.44 15.12 18.38C14.88 18.15 14.75 17.83 14.75 17.5C14.75 17.17 14.88 16.85 15.12 16.62C15.17 16.56 15.24 16.51 15.31 16.46C15.37 16.42 15.45 16.38 15.52 16.35C15.6 16.31 15.68 16.29 15.76 16.27C15.92 16.24 16.08 16.24 16.25 16.27C16.32 16.29 16.4 16.31 16.48 16.35C16.55 16.38 16.63 16.42 16.69 16.46C16.76 16.51 16.83 16.56 16.88 16.62C17.12 16.85 17.25 17.17 17.25 17.5C17.25 17.83 17.12 18.15 16.88 18.38Z" fill="#292D32"/>
+<path d="M16.9 2H7.1C5.39 2 4 3.39 4 5.1V7.5C4 7.78 4.22 8 4.5 8H19.5C19.78 8 20 7.78 20 7.5V5.1C20 3.39 18.61 2 16.9 2ZM14.5 5.75H9.5C9.09 5.75 8.75 5.41 8.75 5C8.75 4.59 9.09 4.25 9.5 4.25H14.5C14.91 4.25 15.25 4.59 15.25 5C15.25 5.41 14.91 5.75 14.5 5.75Z" fill="#292D32"/>
+<path d="M19.5 12H4.5C4.22 12 4 11.78 4 11.5V9.5C4 9.22 4.22 9 4.5 9H19.5C19.78 9 20 9.22 20 9.5V11.5C20 11.78 19.78 12 19.5 12Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/buy-crypto.svg b/public/images/icons/vuesax/bold/buy-crypto.svg
new file mode 100644
index 0000000..8059c70
--- /dev/null
+++ b/public/images/icons/vuesax/bold/buy-crypto.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="M22 8.5C22 11.76 19.6 14.45 16.48 14.92V14.86C16.17 10.98 13.02 7.83 9.11 7.52H9.08C9.55 4.4 12.24 2 15.5 2C19.09 2 22 4.91 22 8.5Z" fill="#292D32"/>
+<path d="M14.98 14.98C14.73 11.81 12.19 9.27 9.02 9.02C8.85 9.01 8.67 9 8.5 9C4.91 9 2 11.91 2 15.5C2 19.09 4.91 22 8.5 22C12.09 22 15 19.09 15 15.5C15 15.33 14.99 15.15 14.98 14.98ZM9.38 16.38L8.5 18L7.62 16.38L6 15.5L7.62 14.62L8.5 13L9.38 14.62L11 15.5L9.38 16.38Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/cake.svg b/public/images/icons/vuesax/bold/cake.svg
new file mode 100644
index 0000000..dca755b
--- /dev/null
+++ b/public/images/icons/vuesax/bold/cake.svg
@@ -0,0 +1,8 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.89 13V14H20.02C19.28 14 18.68 14.6 18.68 15.35V15.65C18.68 16.4 18.08 17 17.33 17C16.59 17 15.99 16.4 15.99 15.65V15.35C15.99 14.6 15.38 14 14.64 14C13.9 14 13.3 14.6 13.3 15.35V15.65C13.3 16.4 12.69 17 11.95 17C11.21 17 10.6 16.4 10.6 15.65V15.35C10.6 14.6 9.99999 14 9.25999 14C8.51999 14 7.90999 14.6 7.90999 15.35V15.65C7.90999 16.4 7.30999 17 6.56999 17C5.81999 17 5.21999 16.4 5.21999 15.65V15.33C5.21999 14.59 4.62999 13.99 3.89999 13.98H3.10999V13C3.10999 11.62 4.14999 10.45 5.55999 10.11C5.83999 10.04 6.12999 10 6.43999 10H17.56C17.87 10 18.16 10.04 18.44 10.11C19.85 10.45 20.89 11.62 20.89 13Z" fill="#292D32"/>
+<path d="M18.4401 7.17V8.58C18.1501 8.52 17.8601 8.5 17.5601 8.5H6.44006C6.14006 8.5 5.85006 8.53 5.56006 8.59V7.17C5.56006 5.97 6.64006 5 7.98006 5H16.0201C17.3601 5 18.4401 5.97 18.4401 7.17Z" fill="#292D32"/>
+<path d="M8.75 3.5499V5.0099H7.98C7.72 5.0099 7.48 5.0399 7.25 5.0999V3.5499C7.25 3.1999 7.59 2.8999 8 2.8999C8.41 2.8999 8.75 3.1999 8.75 3.5499Z" fill="#292D32"/>
+<path d="M16.75 3.33008V5.10008C16.52 5.03008 16.28 5.00008 16.02 5.00008H15.25V3.33008C15.25 2.92008 15.59 2.58008 16 2.58008C16.41 2.58008 16.75 2.92008 16.75 3.33008Z" fill="#292D32"/>
+<path d="M12.75 2.82V5H11.25V2.82C11.25 2.37 11.59 2 12 2C12.41 2 12.75 2.37 12.75 2.82Z" fill="#292D32"/>
+<path d="M22 21.25C22 21.66 21.66 22 21.25 22H2.75C2.34 22 2 21.66 2 21.25C2 20.84 2.34 20.5 2.75 20.5H3.11V15.48H3.72V15.55C3.72 16.89 4.6 18.13 5.91 18.42C6.93 18.66 7.9 18.33 8.56 17.68C8.94 17.3 9.56 17.29 9.94 17.67C10.46 18.18 11.17 18.5 11.95 18.5C12.73 18.5 13.44 18.19 13.96 17.67C14.34 17.3 14.95 17.3 15.34 17.68C15.99 18.33 16.96 18.66 17.99 18.42C19.3 18.13 20.18 16.89 20.18 15.55V15.5H20.89V20.5H21.25C21.66 20.5 22 20.84 22 21.25Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/calculator.svg b/public/images/icons/vuesax/bold/calculator.svg
new file mode 100644
index 0000000..63424f5
--- /dev/null
+++ b/public/images/icons/vuesax/bold/calculator.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 2H8C5.24 2 3 4.24 3 7V17C3 19.76 5.24 22 8 22H16C18.76 22 21 19.76 21 17V7C21 4.24 18.76 2 16 2ZM8.86 18.63C8.67 18.82 8.42 18.92 8.16 18.92C7.89 18.92 7.64 18.82 7.45 18.63C7.26 18.44 7.15 18.19 7.15 17.92C7.15 17.66 7.26 17.4 7.45 17.21C7.54 17.12 7.65 17.05 7.77 17C8.02 16.9 8.29 16.9 8.54 17C8.6 17.02 8.66 17.05 8.71 17.09C8.77 17.12 8.82 17.17 8.86 17.21C9.05 17.4 9.16 17.66 9.16 17.92C9.16 18.19 9.05 18.44 8.86 18.63ZM7.15 13.92C7.15 13.79 7.18 13.66 7.23 13.54C7.28 13.41 7.35 13.31 7.45 13.21C7.68 12.98 8.03 12.87 8.35 12.94C8.41 12.95 8.48 12.97 8.54 13C8.6 13.02 8.66 13.05 8.71 13.09C8.77 13.12 8.82 13.17 8.86 13.21C8.95 13.31 9.03 13.41 9.08 13.54C9.13 13.66 9.15 13.79 9.15 13.92C9.15 14.19 9.05 14.44 8.86 14.63C8.67 14.82 8.42 14.92 8.16 14.92C8.02 14.92 7.89 14.89 7.77 14.84C7.65 14.79 7.54 14.72 7.45 14.63C7.26 14.44 7.15 14.19 7.15 13.92ZM12.86 18.63C12.77 18.72 12.66 18.79 12.54 18.84C12.42 18.89 12.29 18.92 12.15 18.92C11.89 18.92 11.64 18.82 11.45 18.63C11.26 18.44 11.15 18.19 11.15 17.92C11.15 17.85 11.16 17.79 11.17 17.72C11.19 17.66 11.21 17.6 11.23 17.54C11.26 17.48 11.29 17.42 11.32 17.36C11.36 17.31 11.4 17.26 11.45 17.21C11.54 17.12 11.65 17.05 11.77 17C12.14 16.85 12.58 16.93 12.86 17.21C13.05 17.4 13.15 17.66 13.15 17.92C13.15 18.19 13.05 18.44 12.86 18.63ZM12.86 14.63C12.67 14.82 12.42 14.92 12.15 14.92C11.89 14.92 11.64 14.82 11.45 14.63C11.26 14.44 11.15 14.19 11.15 13.92C11.15 13.66 11.26 13.4 11.45 13.21C11.82 12.84 12.49 12.84 12.86 13.21C12.95 13.31 13.03 13.41 13.08 13.54C13.13 13.66 13.15 13.79 13.15 13.92C13.15 14.19 13.05 14.44 12.86 14.63ZM9 10.46C7.97 10.46 7.12 9.62 7.12 8.58V7.58C7.12 6.55 7.96 5.7 9 5.7H15C16.03 5.7 16.88 6.54 16.88 7.58V8.58C16.88 9.61 16.04 10.46 15 10.46H9ZM16.86 18.63C16.67 18.82 16.42 18.92 16.15 18.92C16.02 18.92 15.89 18.89 15.77 18.84C15.65 18.79 15.54 18.72 15.45 18.63C15.26 18.44 15.16 18.19 15.16 17.92C15.16 17.66 15.26 17.4 15.45 17.21C15.72 16.93 16.17 16.85 16.54 17C16.66 17.05 16.77 17.12 16.86 17.21C17.05 17.4 17.15 17.66 17.15 17.92C17.15 18.19 17.05 18.44 16.86 18.63ZM17.08 14.3C17.03 14.42 16.96 14.53 16.86 14.63C16.67 14.82 16.42 14.92 16.15 14.92C15.89 14.92 15.64 14.82 15.45 14.63C15.26 14.44 15.15 14.19 15.15 13.92C15.15 13.66 15.26 13.4 15.45 13.21C15.82 12.84 16.49 12.84 16.86 13.21C17.05 13.4 17.16 13.66 17.16 13.92C17.16 14.05 17.13 14.18 17.08 14.3Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/calendar-1.svg b/public/images/icons/vuesax/bold/calendar-1.svg
new file mode 100644
index 0000000..fe139fa
--- /dev/null
+++ b/public/images/icons/vuesax/bold/calendar-1.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="M8.25 5.75C7.84 5.75 7.5 5.41 7.5 5V2C7.5 1.59 7.84 1.25 8.25 1.25C8.66 1.25 9 1.59 9 2V5C9 5.41 8.66 5.75 8.25 5.75Z" fill="#292D32"/>
+<path d="M15.75 5.75C15.34 5.75 15 5.41 15 5V2C15 1.59 15.34 1.25 15.75 1.25C16.16 1.25 16.5 1.59 16.5 2V5C16.5 5.41 16.16 5.75 15.75 5.75Z" fill="#292D32"/>
+<path d="M12 14.09C12.52 14.09 12.9 13.78 12.9 13.29C12.9 12.79 12.52 12.5 12 12.5C11.48 12.5 11.1 12.79 11.1 13.29C11.1 13.78 11.48 14.09 12 14.09Z" fill="#292D32"/>
+<path d="M12 17.0001C12.6296 17.0001 13.14 16.5838 13.14 16.0701C13.14 15.5565 12.6296 15.1401 12 15.1401C11.3704 15.1401 10.86 15.5565 10.86 16.0701C10.86 16.5838 11.3704 17.0001 12 17.0001Z" fill="#292D32"/>
+<path d="M19.57 4.5C18.91 4.01 17.96 4.48 17.96 5.31V5.41C17.96 6.58 17.12 7.66 15.95 7.78C14.6 7.92 13.46 6.86 13.46 5.54V4.5C13.46 3.95 13.01 3.5 12.46 3.5H11.54C10.99 3.5 10.54 3.95 10.54 4.5V5.54C10.54 6.33 10.13 7.03 9.51 7.42C9.42 7.48 9.32 7.53 9.22 7.58C9.13 7.63 9.03 7.67 8.92 7.7C8.8 7.74 8.67 7.77 8.53 7.78C8.37 7.8 8.21 7.8 8.05 7.78C7.91 7.77 7.78 7.74 7.66 7.7C7.56 7.67 7.46 7.63 7.36 7.58C7.26 7.53 7.16 7.48 7.07 7.42C6.44 6.98 6.04 6.22 6.04 5.41V5.31C6.04 4.54 5.22 4.08 4.57 4.41C4.56 4.42 4.55 4.42 4.54 4.43C4.5 4.45 4.47 4.47 4.43 4.5C4.4 4.53 4.36 4.55 4.33 4.58C4.05 4.8 3.8 5.05 3.59 5.32C3.48 5.44 3.39 5.57 3.31 5.7C3.3 5.71 3.29 5.72 3.28 5.74C3.19 5.87 3.11 6.02 3.04 6.16C3.02 6.18 3.01 6.19 3.01 6.21C2.95 6.33 2.89 6.45 2.85 6.58C2.82 6.63 2.81 6.67 2.79 6.72C2.73 6.87 2.69 7.02 2.65 7.17C2.61 7.31 2.58 7.46 2.56 7.61C2.54 7.72 2.53 7.83 2.52 7.95C2.51 8.09 2.5 8.23 2.5 8.37V17.13C2.5 19.82 4.68 22 7.37 22H16.63C19.32 22 21.5 19.82 21.5 17.13V8.37C21.5 6.78 20.74 5.39 19.57 4.5ZM12 18.25C10.45 18.25 9.5 17.48 9.5 16.24C9.5 15.56 9.85 14.97 10.46 14.62C10.02 14.31 9.73 13.85 9.73 13.22C9.73 11.92 10.77 11.25 12 11.25C13.23 11.25 14.26 11.92 14.26 13.22C14.26 13.85 13.98 14.31 13.53 14.62C14.15 14.97 14.5 15.56 14.5 16.24C14.5 17.48 13.54 18.25 12 18.25Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/calendar-2.svg b/public/images/icons/vuesax/bold/calendar-2.svg
new file mode 100644
index 0000000..949e45d
--- /dev/null
+++ b/public/images/icons/vuesax/bold/calendar-2.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.75 3.56V2C16.75 1.59 16.41 1.25 16 1.25C15.59 1.25 15.25 1.59 15.25 2V3.5H8.74999V2C8.74999 1.59 8.40999 1.25 7.99999 1.25C7.58999 1.25 7.24999 1.59 7.24999 2V3.56C4.54999 3.81 3.23999 5.42 3.03999 7.81C3.01999 8.1 3.25999 8.34 3.53999 8.34H20.46C20.75 8.34 20.99 8.09 20.96 7.81C20.76 5.42 19.45 3.81 16.75 3.56Z" fill="#292D32"/>
+<path d="M20 9.83984H4C3.45 9.83984 3 10.2898 3 10.8398V16.9998C3 19.9998 4.5 21.9998 8 21.9998H16C19.5 21.9998 21 19.9998 21 16.9998V10.8398C21 10.2898 20.55 9.83984 20 9.83984ZM9.21 18.2098C9.11 18.2998 9 18.3698 8.88 18.4198C8.76 18.4698 8.63 18.4998 8.5 18.4998C8.37 18.4998 8.24 18.4698 8.12 18.4198C8 18.3698 7.89 18.2998 7.79 18.2098C7.61 18.0198 7.5 17.7598 7.5 17.4998C7.5 17.2398 7.61 16.9798 7.79 16.7898C7.89 16.6998 8 16.6298 8.12 16.5798C8.36 16.4798 8.64 16.4798 8.88 16.5798C9 16.6298 9.11 16.6998 9.21 16.7898C9.39 16.9798 9.5 17.2398 9.5 17.4998C9.5 17.7598 9.39 18.0198 9.21 18.2098ZM9.42 14.3798C9.37 14.4998 9.3 14.6098 9.21 14.7098C9.11 14.7998 9 14.8698 8.88 14.9198C8.76 14.9698 8.63 14.9998 8.5 14.9998C8.37 14.9998 8.24 14.9698 8.12 14.9198C8 14.8698 7.89 14.7998 7.79 14.7098C7.7 14.6098 7.63 14.4998 7.58 14.3798C7.53 14.2598 7.5 14.1298 7.5 13.9998C7.5 13.8698 7.53 13.7398 7.58 13.6198C7.63 13.4998 7.7 13.3898 7.79 13.2898C7.89 13.1998 8 13.1298 8.12 13.0798C8.36 12.9798 8.64 12.9798 8.88 13.0798C9 13.1298 9.11 13.1998 9.21 13.2898C9.3 13.3898 9.37 13.4998 9.42 13.6198C9.47 13.7398 9.5 13.8698 9.5 13.9998C9.5 14.1298 9.47 14.2598 9.42 14.3798ZM12.71 14.7098C12.61 14.7998 12.5 14.8698 12.38 14.9198C12.26 14.9698 12.13 14.9998 12 14.9998C11.87 14.9998 11.74 14.9698 11.62 14.9198C11.5 14.8698 11.39 14.7998 11.29 14.7098C11.11 14.5198 11 14.2598 11 13.9998C11 13.7398 11.11 13.4798 11.29 13.2898C11.39 13.1998 11.5 13.1298 11.62 13.0798C11.86 12.9698 12.14 12.9698 12.38 13.0798C12.5 13.1298 12.61 13.1998 12.71 13.2898C12.89 13.4798 13 13.7398 13 13.9998C13 14.2598 12.89 14.5198 12.71 14.7098Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/calendar-add.svg b/public/images/icons/vuesax/bold/calendar-add.svg
new file mode 100644
index 0000000..760375e
--- /dev/null
+++ b/public/images/icons/vuesax/bold/calendar-add.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.75 3.56V2C16.75 1.59 16.41 1.25 16 1.25C15.59 1.25 15.25 1.59 15.25 2V3.5H8.74999V2C8.74999 1.59 8.40999 1.25 7.99999 1.25C7.58999 1.25 7.24999 1.59 7.24999 2V3.56C4.54999 3.81 3.23999 5.42 3.03999 7.81C3.01999 8.1 3.25999 8.34 3.53999 8.34H20.46C20.75 8.34 20.99 8.09 20.96 7.81C20.76 5.42 19.45 3.81 16.75 3.56Z" fill="#292D32"/>
+<path d="M20 9.83984H4C3.45 9.83984 3 10.2898 3 10.8398V16.9998C3 19.9998 4.5 21.9998 8 21.9998H12.93C13.62 21.9998 14.1 21.3298 13.88 20.6798C13.68 20.0998 13.51 19.4598 13.51 18.9998C13.51 15.9698 15.98 13.4998 19.01 13.4998C19.3 13.4998 19.59 13.5198 19.87 13.5698C20.47 13.6598 21.01 13.1898 21.01 12.5898V10.8498C21 10.2898 20.55 9.83984 20 9.83984ZM9.21 17.7098C9.11 17.7998 9 17.8698 8.88 17.9198C8.76 17.9698 8.63 17.9998 8.5 17.9998C8.37 17.9998 8.24 17.9698 8.12 17.9198C8 17.8698 7.89 17.7998 7.79 17.7098C7.61 17.5198 7.5 17.2598 7.5 16.9998C7.5 16.9398 7.51 16.8698 7.52 16.8098C7.53 16.7398 7.55 16.6798 7.58 16.6198C7.6 16.5598 7.63 16.4998 7.67 16.4398C7.7 16.3898 7.75 16.3398 7.79 16.2898C7.89 16.1998 8 16.1298 8.12 16.0798C8.36 15.9798 8.64 15.9798 8.88 16.0798C9 16.1298 9.11 16.1998 9.21 16.2898C9.25 16.3398 9.3 16.3898 9.33 16.4398C9.37 16.4998 9.4 16.5598 9.42 16.6198C9.45 16.6798 9.47 16.7398 9.48 16.8098C9.49 16.8698 9.5 16.9398 9.5 16.9998C9.5 17.2598 9.39 17.5198 9.21 17.7098ZM9.21 14.2098C9.11 14.2998 9 14.3698 8.88 14.4198C8.76 14.4698 8.63 14.4998 8.5 14.4998C8.37 14.4998 8.24 14.4698 8.12 14.4198C7.99 14.3698 7.89 14.2998 7.79 14.2098C7.61 14.0198 7.5 13.7598 7.5 13.4998C7.5 13.2398 7.61 12.9798 7.79 12.7898C7.89 12.6998 8 12.6298 8.12 12.5798C8.36 12.4798 8.64 12.4798 8.88 12.5798C9 12.6298 9.11 12.6998 9.21 12.7898C9.25 12.8398 9.3 12.8898 9.33 12.9398C9.37 12.9998 9.4 13.0598 9.42 13.1198C9.45 13.1798 9.47 13.2398 9.48 13.2998C9.49 13.3698 9.5 13.4398 9.5 13.4998C9.5 13.7598 9.39 14.0198 9.21 14.2098ZM12.71 14.2098C12.52 14.3898 12.27 14.4998 12 14.4998C11.87 14.4998 11.74 14.4698 11.62 14.4198C11.49 14.3698 11.39 14.2998 11.29 14.2098C11.11 14.0198 11 13.7598 11 13.4998C11 13.4398 11.01 13.3698 11.02 13.2998C11.03 13.2398 11.05 13.1798 11.08 13.1198C11.1 13.0598 11.13 12.9998 11.17 12.9398C11.21 12.8898 11.25 12.8398 11.29 12.7898C11.66 12.4198 12.33 12.4198 12.71 12.7898C12.75 12.8398 12.79 12.8898 12.83 12.9398C12.87 12.9998 12.9 13.0598 12.92 13.1198C12.95 13.1798 12.97 13.2398 12.98 13.2998C12.99 13.3698 13 13.4398 13 13.4998C13 13.7598 12.89 14.0198 12.71 14.2098Z" fill="#292D32"/>
+<path d="M21.83 16.17C20.27 14.61 17.73 14.61 16.17 16.17C14.61 17.73 14.61 20.27 16.17 21.83C17.73 23.39 20.27 23.39 21.83 21.83C23.39 20.27 23.39 17.73 21.83 16.17ZM21.07 19.56C20.94 19.7 20.75 19.78 20.54 19.78H19.8V20.56C19.8 20.77 19.72 20.95 19.58 21.09C19.44 21.23 19.26 21.31 19.05 21.31C18.64 21.31 18.3 20.97 18.3 20.56V19.78H17.55C17.14 19.78 16.8 19.45 16.8 19.03C16.8 18.62 17.14 18.28 17.55 18.28H18.3V17.57C18.3 17.16 18.63 16.82 19.05 16.82C19.46 16.82 19.8 17.16 19.8 17.57V18.28H20.54C20.96 18.28 21.29 18.62 21.29 19.03C21.29 19.24 21.21 19.43 21.07 19.56Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/calendar-circle.svg b/public/images/icons/vuesax/bold/calendar-circle.svg
new file mode 100644
index 0000000..f2d155d
--- /dev/null
+++ b/public/images/icons/vuesax/bold/calendar-circle.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 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM6.85 9.44C7.27 8.47 8.06 7.72 9.15 7.38V6.58C9.15 6.17 9.49 5.83 9.9 5.83C10.31 5.83 10.65 6.17 10.65 6.58V7.17H13.36V6.58C13.36 6.17 13.7 5.83 14.11 5.83C14.52 5.83 14.86 6.17 14.86 6.58V7.37C15.95 7.71 16.74 8.46 17.16 9.43C17.3 9.76 17.06 10.14 16.7 10.14H7.31C6.95 10.14 6.71 9.77 6.85 9.44ZM17.5 14.17C17.5 16.37 16 18.17 13.5 18.17H10.5C8 18.17 6.5 16.37 6.5 14.17V11.64C6.5 11.36 6.72 11.14 7 11.14H17C17.28 11.14 17.5 11.36 17.5 11.64V14.17Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/calendar-edit.svg b/public/images/icons/vuesax/bold/calendar-edit.svg
new file mode 100644
index 0000000..9642f9a
--- /dev/null
+++ b/public/images/icons/vuesax/bold/calendar-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="M16.75 3.56V2C16.75 1.59 16.41 1.25 16 1.25C15.59 1.25 15.25 1.59 15.25 2V3.5H8.74999V2C8.74999 1.59 8.40999 1.25 7.99999 1.25C7.58999 1.25 7.24999 1.59 7.24999 2V3.56C4.54999 3.81 3.23999 5.42 3.03999 7.81C3.01999 8.1 3.25999 8.34 3.53999 8.34H20.46C20.75 8.34 20.99 8.09 20.96 7.81C20.76 5.42 19.45 3.81 16.75 3.56Z" fill="#292D32"/>
+<path d="M20 9.83984H4C3.45 9.83984 3 10.2898 3 10.8398V16.9998C3 19.9998 4.5 21.9998 8 21.9998H16C19.5 21.9998 21 19.9998 21 16.9998V10.8398C21 10.2898 20.55 9.83984 20 9.83984ZM14.84 14.9898L14.34 15.4998H14.33L11.3 18.5298C11.17 18.6598 10.9 18.7998 10.71 18.8198L9.36 19.0198C8.87 19.0898 8.53 18.7398 8.6 18.2598L8.79 16.8998C8.82 16.7098 8.95 16.4498 9.08 16.3098L12.12 13.2798L12.62 12.7698C12.95 12.4398 13.32 12.1998 13.72 12.1998C14.06 12.1998 14.43 12.3598 14.84 12.7698C15.74 13.6698 15.45 14.3798 14.84 14.9898Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/calendar-remove.svg b/public/images/icons/vuesax/bold/calendar-remove.svg
new file mode 100644
index 0000000..ddd6129
--- /dev/null
+++ b/public/images/icons/vuesax/bold/calendar-remove.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.75 3.56V2C16.75 1.59 16.41 1.25 16 1.25C15.59 1.25 15.25 1.59 15.25 2V3.5H8.74999V2C8.74999 1.59 8.40999 1.25 7.99999 1.25C7.58999 1.25 7.24999 1.59 7.24999 2V3.56C4.54999 3.81 3.23999 5.42 3.03999 7.81C3.01999 8.1 3.25999 8.34 3.53999 8.34H20.46C20.75 8.34 20.99 8.09 20.96 7.81C20.76 5.42 19.45 3.81 16.75 3.56Z" fill="#292D32"/>
+<path d="M20 9.83984H4C3.45 9.83984 3 10.2898 3 10.8398V16.9998C3 19.9998 4.5 21.9998 8 21.9998H12.93C13.62 21.9998 14.1 21.3298 13.88 20.6798C13.68 20.0998 13.51 19.4598 13.51 18.9998C13.51 15.9698 15.98 13.4998 19.01 13.4998C19.3 13.4998 19.59 13.5198 19.87 13.5698C20.47 13.6598 21.01 13.1898 21.01 12.5898V10.8498C21 10.2898 20.55 9.83984 20 9.83984ZM9.21 17.7098C9.02 17.8898 8.76 17.9998 8.5 17.9998C8.37 17.9998 8.24 17.9698 8.12 17.9198C8 17.8698 7.89 17.7998 7.79 17.7098C7.61 17.5198 7.5 17.2698 7.5 16.9998C7.5 16.8698 7.53 16.7398 7.58 16.6198C7.63 16.4898 7.7 16.3898 7.79 16.2898C7.89 16.1998 8 16.1298 8.12 16.0798C8.48 15.9198 8.93 16.0098 9.21 16.2898C9.3 16.3898 9.37 16.4898 9.42 16.6198C9.47 16.7398 9.5 16.8698 9.5 16.9998C9.5 17.2698 9.39 17.5198 9.21 17.7098ZM9.21 14.2098C9.02 14.3898 8.76 14.4998 8.5 14.4998C8.37 14.4998 8.24 14.4798 8.12 14.4198C8 14.3698 7.89 14.2998 7.79 14.2098C7.61 14.0198 7.5 13.7598 7.5 13.4998C7.5 13.3698 7.53 13.2398 7.58 13.1198C7.63 12.9998 7.7 12.8898 7.79 12.7898C7.89 12.6998 8 12.6298 8.12 12.5798C8.48 12.4298 8.93 12.5098 9.21 12.7898C9.3 12.8898 9.37 12.9998 9.42 13.1198C9.47 13.2398 9.5 13.3698 9.5 13.4998C9.5 13.7598 9.39 14.0198 9.21 14.2098ZM12.92 13.8798C12.87 13.9998 12.8 14.1098 12.71 14.2098C12.61 14.2998 12.5 14.3698 12.38 14.4198C12.26 14.4798 12.13 14.4998 12 14.4998C11.74 14.4998 11.48 14.3898 11.29 14.2098C11.2 14.1098 11.13 13.9998 11.08 13.8798C11.03 13.7598 11 13.6298 11 13.4998C11 13.2398 11.11 12.9798 11.29 12.7898C11.57 12.5098 12.01 12.4198 12.38 12.5798C12.5 12.6298 12.61 12.6998 12.71 12.7898C12.89 12.9798 13 13.2398 13 13.4998C13 13.6298 12.98 13.7598 12.92 13.8798Z" fill="#292D32"/>
+<path d="M19 15C16.79 15 15 16.79 15 19C15 21.21 16.79 23 19 23C21.21 23 23 21.21 23 19C23 16.79 21.21 15 19 15ZM20.6 20.64C20.45 20.79 20.26 20.86 20.07 20.86C19.88 20.86 19.69 20.79 19.54 20.64L19.01 20.11L18.46 20.66C18.31 20.81 18.12 20.88 17.93 20.88C17.74 20.88 17.55 20.81 17.4 20.66C17.11 20.37 17.11 19.89 17.4 19.6L17.95 19.05L17.42 18.52C17.13 18.23 17.13 17.75 17.42 17.46C17.71 17.17 18.19 17.17 18.48 17.46L19.01 18L19.51 17.5C19.8 17.21 20.28 17.21 20.57 17.5C20.86 17.79 20.86 18.27 20.57 18.56L20.07 19.06L20.6 19.59C20.89 19.88 20.89 20.35 20.6 20.64Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/calendar-search.svg b/public/images/icons/vuesax/bold/calendar-search.svg
new file mode 100644
index 0000000..5ebe4e3
--- /dev/null
+++ b/public/images/icons/vuesax/bold/calendar-search.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.75 3.56V2C16.75 1.59 16.41 1.25 16 1.25C15.59 1.25 15.25 1.59 15.25 2V3.5H8.74999V2C8.74999 1.59 8.40999 1.25 7.99999 1.25C7.58999 1.25 7.24999 1.59 7.24999 2V3.56C4.54999 3.81 3.23999 5.42 3.03999 7.81C3.01999 8.1 3.25999 8.34 3.53999 8.34H20.46C20.75 8.34 20.99 8.09 20.96 7.81C20.76 5.42 19.45 3.81 16.75 3.56Z" fill="#292D32"/>
+<path d="M20 9.83984H4C3.45 9.83984 3 10.2898 3 10.8398V16.9998C3 19.9998 4.5 21.9998 8 21.9998H16C19.5 21.9998 21 19.9998 21 16.9998V10.8398C21 10.2898 20.55 9.83984 20 9.83984ZM15.66 19.5298C15.51 19.6798 15.32 19.7498 15.13 19.7498C14.94 19.7498 14.75 19.6798 14.6 19.5298L13.86 18.7898C13.28 19.1698 12.58 19.3998 11.83 19.3998C9.79 19.3998 8.13 17.7398 8.13 15.6998C8.13 13.6598 9.79 11.9998 11.83 11.9998C13.87 11.9998 15.53 13.6598 15.53 15.6998C15.53 16.4498 15.3 17.1498 14.92 17.7298L15.66 18.4698C15.95 18.7598 15.95 19.2398 15.66 19.5298Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/calendar-tick.svg b/public/images/icons/vuesax/bold/calendar-tick.svg
new file mode 100644
index 0000000..b3ebf9f
--- /dev/null
+++ b/public/images/icons/vuesax/bold/calendar-tick.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.75 3.56V2C16.75 1.59 16.41 1.25 16 1.25C15.59 1.25 15.25 1.59 15.25 2V3.5H8.74999V2C8.74999 1.59 8.40999 1.25 7.99999 1.25C7.58999 1.25 7.24999 1.59 7.24999 2V3.56C4.54999 3.81 3.23999 5.42 3.03999 7.81C3.01999 8.1 3.25999 8.34 3.53999 8.34H20.46C20.75 8.34 20.99 8.09 20.96 7.81C20.76 5.42 19.45 3.81 16.75 3.56Z" fill="#292D32"/>
+<path d="M19 15C16.79 15 15 16.79 15 19C15 19.75 15.21 20.46 15.58 21.06C16.27 22.22 17.54 23 19 23C20.46 23 21.73 22.22 22.42 21.06C22.79 20.46 23 19.75 23 19C23 16.79 21.21 15 19 15ZM21.07 18.57L18.94 20.54C18.8 20.67 18.61 20.74 18.43 20.74C18.24 20.74 18.05 20.67 17.9 20.52L16.91 19.53C16.62 19.24 16.62 18.76 16.91 18.47C17.2 18.18 17.68 18.18 17.97 18.47L18.45 18.95L20.05 17.47C20.35 17.19 20.83 17.21 21.11 17.51C21.39 17.81 21.37 18.28 21.07 18.57Z" fill="#292D32"/>
+<path d="M20 9.83984H4C3.45 9.83984 3 10.2898 3 10.8398V16.9998C3 19.9998 4.5 21.9998 8 21.9998H12.93C13.62 21.9998 14.1 21.3298 13.88 20.6798C13.68 20.0998 13.51 19.4598 13.51 18.9998C13.51 15.9698 15.98 13.4998 19.01 13.4998C19.3 13.4998 19.59 13.5198 19.87 13.5698C20.47 13.6598 21.01 13.1898 21.01 12.5898V10.8498C21 10.2898 20.55 9.83984 20 9.83984ZM9.21 18.2098C9.02 18.3898 8.76 18.4998 8.5 18.4998C8.24 18.4998 7.98 18.3898 7.79 18.2098C7.61 18.0198 7.5 17.7598 7.5 17.4998C7.5 17.2398 7.61 16.9798 7.79 16.7898C7.89 16.6998 7.99 16.6298 8.12 16.5798C8.49 16.4198 8.93 16.5098 9.21 16.7898C9.39 16.9798 9.5 17.2398 9.5 17.4998C9.5 17.7598 9.39 18.0198 9.21 18.2098ZM9.21 14.7098C9.16 14.7498 9.11 14.7898 9.06 14.8298C9 14.8698 8.94 14.8998 8.88 14.9198C8.82 14.9498 8.76 14.9698 8.7 14.9798C8.63 14.9898 8.56 14.9998 8.5 14.9998C8.24 14.9998 7.98 14.8898 7.79 14.7098C7.61 14.5198 7.5 14.2598 7.5 13.9998C7.5 13.7398 7.61 13.4798 7.79 13.2898C8.02 13.0598 8.37 12.9498 8.7 13.0198C8.76 13.0298 8.82 13.0498 8.88 13.0798C8.94 13.0998 9 13.1298 9.06 13.1698C9.11 13.2098 9.16 13.2498 9.21 13.2898C9.39 13.4798 9.5 13.7398 9.5 13.9998C9.5 14.2598 9.39 14.5198 9.21 14.7098ZM12.71 14.7098C12.52 14.8898 12.26 14.9998 12 14.9998C11.74 14.9998 11.48 14.8898 11.29 14.7098C11.11 14.5198 11 14.2598 11 13.9998C11 13.7398 11.11 13.4798 11.29 13.2898C11.67 12.9198 12.34 12.9198 12.71 13.2898C12.89 13.4798 13 13.7398 13 13.9998C13 14.2598 12.89 14.5198 12.71 14.7098Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/calendar.svg b/public/images/icons/vuesax/bold/calendar.svg
new file mode 100644
index 0000000..f52dddf
--- /dev/null
+++ b/public/images/icons/vuesax/bold/calendar.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.75 3.56V2C16.75 1.59 16.41 1.25 16 1.25C15.59 1.25 15.25 1.59 15.25 2V3.5H8.74999V2C8.74999 1.59 8.40999 1.25 7.99999 1.25C7.58999 1.25 7.24999 1.59 7.24999 2V3.56C4.54999 3.81 3.23999 5.42 3.03999 7.81C3.01999 8.1 3.25999 8.34 3.53999 8.34H20.46C20.75 8.34 20.99 8.09 20.96 7.81C20.76 5.42 19.45 3.81 16.75 3.56Z" fill="#292D32"/>
+<path d="M20 9.83984H4C3.45 9.83984 3 10.2898 3 10.8398V16.9998C3 19.9998 4.5 21.9998 8 21.9998H16C19.5 21.9998 21 19.9998 21 16.9998V10.8398C21 10.2898 20.55 9.83984 20 9.83984ZM9.21 18.2098C9.16 18.2498 9.11 18.2998 9.06 18.3298C9 18.3698 8.94 18.3998 8.88 18.4198C8.82 18.4498 8.76 18.4698 8.7 18.4798C8.63 18.4898 8.57 18.4998 8.5 18.4998C8.37 18.4998 8.24 18.4698 8.12 18.4198C7.99 18.3698 7.89 18.2998 7.79 18.2098C7.61 18.0198 7.5 17.7598 7.5 17.4998C7.5 17.2398 7.61 16.9798 7.79 16.7898C7.89 16.6998 7.99 16.6298 8.12 16.5798C8.3 16.4998 8.5 16.4798 8.7 16.5198C8.76 16.5298 8.82 16.5498 8.88 16.5798C8.94 16.5998 9 16.6298 9.06 16.6698C9.11 16.7098 9.16 16.7498 9.21 16.7898C9.39 16.9798 9.5 17.2398 9.5 17.4998C9.5 17.7598 9.39 18.0198 9.21 18.2098ZM9.21 14.7098C9.02 14.8898 8.76 14.9998 8.5 14.9998C8.24 14.9998 7.98 14.8898 7.79 14.7098C7.61 14.5198 7.5 14.2598 7.5 13.9998C7.5 13.7398 7.61 13.4798 7.79 13.2898C8.07 13.0098 8.51 12.9198 8.88 13.0798C9.01 13.1298 9.12 13.1998 9.21 13.2898C9.39 13.4798 9.5 13.7398 9.5 13.9998C9.5 14.2598 9.39 14.5198 9.21 14.7098ZM12.71 18.2098C12.52 18.3898 12.26 18.4998 12 18.4998C11.74 18.4998 11.48 18.3898 11.29 18.2098C11.11 18.0198 11 17.7598 11 17.4998C11 17.2398 11.11 16.9798 11.29 16.7898C11.66 16.4198 12.34 16.4198 12.71 16.7898C12.89 16.9798 13 17.2398 13 17.4998C13 17.7598 12.89 18.0198 12.71 18.2098ZM12.71 14.7098C12.66 14.7498 12.61 14.7898 12.56 14.8298C12.5 14.8698 12.44 14.8998 12.38 14.9198C12.32 14.9498 12.26 14.9698 12.2 14.9798C12.13 14.9898 12.07 14.9998 12 14.9998C11.74 14.9998 11.48 14.8898 11.29 14.7098C11.11 14.5198 11 14.2598 11 13.9998C11 13.7398 11.11 13.4798 11.29 13.2898C11.38 13.1998 11.49 13.1298 11.62 13.0798C11.99 12.9198 12.43 13.0098 12.71 13.2898C12.89 13.4798 13 13.7398 13 13.9998C13 14.2598 12.89 14.5198 12.71 14.7098ZM16.21 18.2098C16.02 18.3898 15.76 18.4998 15.5 18.4998C15.24 18.4998 14.98 18.3898 14.79 18.2098C14.61 18.0198 14.5 17.7598 14.5 17.4998C14.5 17.2398 14.61 16.9798 14.79 16.7898C15.16 16.4198 15.84 16.4198 16.21 16.7898C16.39 16.9798 16.5 17.2398 16.5 17.4998C16.5 17.7598 16.39 18.0198 16.21 18.2098ZM16.21 14.7098C16.16 14.7498 16.11 14.7898 16.06 14.8298C16 14.8698 15.94 14.8998 15.88 14.9198C15.82 14.9498 15.76 14.9698 15.7 14.9798C15.63 14.9898 15.56 14.9998 15.5 14.9998C15.24 14.9998 14.98 14.8898 14.79 14.7098C14.61 14.5198 14.5 14.2598 14.5 13.9998C14.5 13.7398 14.61 13.4798 14.79 13.2898C14.89 13.1998 14.99 13.1298 15.12 13.0798C15.3 12.9998 15.5 12.9798 15.7 13.0198C15.76 13.0298 15.82 13.0498 15.88 13.0798C15.94 13.0998 16 13.1298 16.06 13.1698C16.11 13.2098 16.16 13.2498 16.21 13.2898C16.39 13.4798 16.5 13.7398 16.5 13.9998C16.5 14.2598 16.39 14.5198 16.21 14.7098Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/call-add.svg b/public/images/icons/vuesax/bold/call-add.svg
new file mode 100644
index 0000000..7f0535c
--- /dev/null
+++ b/public/images/icons/vuesax/bold/call-add.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.5 5.25H18.75V3.5C18.75 3.09 18.41 2.75 18 2.75C17.59 2.75 17.25 3.09 17.25 3.5V5.25H15.5C15.09 5.25 14.75 5.59 14.75 6C14.75 6.41 15.09 6.75 15.5 6.75H17.25V8.5C17.25 8.91 17.59 9.25 18 9.25C18.41 9.25 18.75 8.91 18.75 8.5V6.75H20.5C20.91 6.75 21.25 6.41 21.25 6C21.25 5.59 20.91 5.25 20.5 5.25Z" fill="#292D32"/>
+<path d="M11.05 14.95L9.2 16.8C8.81 17.19 8.19 17.19 7.79 16.81C7.68 16.7 7.57 16.6 7.46 16.49C6.43 15.45 5.5 14.36 4.67 13.22C3.85 12.08 3.19 10.94 2.71 9.81C2.24 8.67 2 7.58 2 6.54C2 5.86 2.12 5.21 2.36 4.61C2.6 4 2.98 3.44 3.51 2.94C4.15 2.31 4.85 2 5.59 2C5.87 2 6.15 2.06 6.4 2.18C6.66 2.3 6.89 2.48 7.07 2.74L9.39 6.01C9.57 6.26 9.7 6.49 9.79 6.71C9.88 6.92 9.93 7.13 9.93 7.32C9.93 7.56 9.86 7.8 9.72 8.03C9.59 8.26 9.4 8.5 9.16 8.74L8.4 9.53C8.29 9.64 8.24 9.77 8.24 9.93C8.24 10.01 8.25 10.08 8.27 10.16C8.3 10.24 8.33 10.3 8.35 10.36C8.53 10.69 8.84 11.12 9.28 11.64C9.73 12.16 10.21 12.69 10.73 13.22C10.83 13.32 10.94 13.42 11.04 13.52C11.44 13.91 11.45 14.55 11.05 14.95Z" fill="#292D32"/>
+<path d="M21.9701 18.33C21.9701 18.61 21.9201 18.9 21.8201 19.18C21.7901 19.26 21.7601 19.34 21.7201 19.42C21.5501 19.78 21.3301 20.12 21.0401 20.44C20.5501 20.98 20.0101 21.37 19.4001 21.62C19.3901 21.62 19.3801 21.63 19.3701 21.63C18.7801 21.87 18.1401 22 17.4501 22C16.4301 22 15.3401 21.76 14.1901 21.27C13.0401 20.78 11.8901 20.12 10.7501 19.29C10.3601 19 9.9701 18.71 9.6001 18.4L12.8701 15.13C13.1501 15.34 13.4001 15.5 13.6101 15.61C13.6601 15.63 13.7201 15.66 13.7901 15.69C13.8701 15.72 13.9501 15.73 14.0401 15.73C14.2101 15.73 14.3401 15.67 14.4501 15.56L15.2101 14.81C15.4601 14.56 15.7001 14.37 15.9301 14.25C16.1601 14.11 16.3901 14.04 16.6401 14.04C16.8301 14.04 17.0301 14.08 17.2501 14.17C17.4701 14.26 17.7001 14.39 17.9501 14.56L21.2601 16.91C21.5201 17.09 21.7001 17.3 21.8101 17.55C21.9101 17.8 21.9701 18.05 21.9701 18.33Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/call-calling.svg b/public/images/icons/vuesax/bold/call-calling.svg
new file mode 100644
index 0000000..f0febdf
--- /dev/null
+++ b/public/images/icons/vuesax/bold/call-calling.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.62 10.7501C17.19 10.7501 16.85 10.4001 16.85 9.9801C16.85 9.6101 16.48 8.8401 15.86 8.1701C15.25 7.5201 14.58 7.1401 14.02 7.1401C13.59 7.1401 13.25 6.7901 13.25 6.3701C13.25 5.9501 13.6 5.6001 14.02 5.6001C15.02 5.6001 16.07 6.1401 16.99 7.1101C17.85 8.0201 18.4 9.1501 18.4 9.9701C18.4 10.4001 18.05 10.7501 17.62 10.7501Z" fill="#292D32"/>
+<path d="M21.23 10.75C20.8 10.75 20.46 10.4 20.46 9.98C20.46 6.43 17.57 3.55 14.03 3.55C13.6 3.55 13.26 3.2 13.26 2.78C13.26 2.36 13.6 2 14.02 2C18.42 2 22 5.58 22 9.98C22 10.4 21.65 10.75 21.23 10.75Z" fill="#292D32"/>
+<path d="M11.05 14.95L9.2 16.8C8.81 17.19 8.19 17.19 7.79 16.81C7.68 16.7 7.57 16.6 7.46 16.49C6.43 15.45 5.5 14.36 4.67 13.22C3.85 12.08 3.19 10.94 2.71 9.81C2.24 8.67 2 7.58 2 6.54C2 5.86 2.12 5.21 2.36 4.61C2.6 4 2.98 3.44 3.51 2.94C4.15 2.31 4.85 2 5.59 2C5.87 2 6.15 2.06 6.4 2.18C6.66 2.3 6.89 2.48 7.07 2.74L9.39 6.01C9.57 6.26 9.7 6.49 9.79 6.71C9.88 6.92 9.93 7.13 9.93 7.32C9.93 7.56 9.86 7.8 9.72 8.03C9.59 8.26 9.4 8.5 9.16 8.74L8.4 9.53C8.29 9.64 8.24 9.77 8.24 9.93C8.24 10.01 8.25 10.08 8.27 10.16C8.3 10.24 8.33 10.3 8.35 10.36C8.53 10.69 8.84 11.12 9.28 11.64C9.73 12.16 10.21 12.69 10.73 13.22C10.83 13.32 10.94 13.42 11.04 13.52C11.44 13.91 11.45 14.55 11.05 14.95Z" fill="#292D32"/>
+<path d="M21.9701 18.33C21.9701 18.61 21.9201 18.9 21.8201 19.18C21.7901 19.26 21.7601 19.34 21.7201 19.42C21.5501 19.78 21.3301 20.12 21.0401 20.44C20.5501 20.98 20.0101 21.37 19.4001 21.62C19.3901 21.62 19.3801 21.63 19.3701 21.63C18.7801 21.87 18.1401 22 17.4501 22C16.4301 22 15.3401 21.76 14.1901 21.27C13.0401 20.78 11.8901 20.12 10.7501 19.29C10.3601 19 9.9701 18.71 9.6001 18.4L12.8701 15.13C13.1501 15.34 13.4001 15.5 13.6101 15.61C13.6601 15.63 13.7201 15.66 13.7901 15.69C13.8701 15.72 13.9501 15.73 14.0401 15.73C14.2101 15.73 14.3401 15.67 14.4501 15.56L15.2101 14.81C15.4601 14.56 15.7001 14.37 15.9301 14.25C16.1601 14.11 16.3901 14.04 16.6401 14.04C16.8301 14.04 17.0301 14.08 17.2501 14.17C17.4701 14.26 17.7001 14.39 17.9501 14.56L21.2601 16.91C21.5201 17.09 21.7001 17.3 21.8101 17.55C21.9101 17.8 21.9701 18.05 21.9701 18.33Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/call-incoming.svg b/public/images/icons/vuesax/bold/call-incoming.svg
new file mode 100644
index 0000000..965a288
--- /dev/null
+++ b/public/images/icons/vuesax/bold/call-incoming.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="M21 8.55H16.2C15.79 8.55 15.45 8.21 15.45 7.8V3C15.45 2.59 15.79 2.25 16.2 2.25C16.61 2.25 16.95 2.59 16.95 3V7.05H21C21.41 7.05 21.75 7.39 21.75 7.8C21.75 8.21 21.41 8.55 21 8.55Z" fill="#292D32"/>
+<path d="M11.05 14.95L9.2 16.8C8.81 17.19 8.19 17.19 7.79 16.81C7.68 16.7 7.57 16.6 7.46 16.49C6.43 15.45 5.5 14.36 4.67 13.22C3.85 12.08 3.19 10.94 2.71 9.81C2.24 8.67 2 7.58 2 6.54C2 5.86 2.12 5.21 2.36 4.61C2.6 4 2.98 3.44 3.51 2.94C4.15 2.31 4.85 2 5.59 2C5.87 2 6.15 2.06 6.4 2.18C6.66 2.3 6.89 2.48 7.07 2.74L9.39 6.01C9.57 6.26 9.7 6.49 9.79 6.71C9.88 6.92 9.93 7.13 9.93 7.32C9.93 7.56 9.86 7.8 9.72 8.03C9.59 8.26 9.4 8.5 9.16 8.74L8.4 9.53C8.29 9.64 8.24 9.77 8.24 9.93C8.24 10.01 8.25 10.08 8.27 10.16C8.3 10.24 8.33 10.3 8.35 10.36C8.53 10.69 8.84 11.12 9.28 11.64C9.73 12.16 10.21 12.69 10.73 13.22C10.83 13.32 10.94 13.42 11.04 13.52C11.44 13.91 11.45 14.55 11.05 14.95Z" fill="#292D32"/>
+<path d="M21.9701 18.33C21.9701 18.61 21.9201 18.9 21.8201 19.18C21.7901 19.26 21.7601 19.34 21.7201 19.42C21.5501 19.78 21.3301 20.12 21.0401 20.44C20.5501 20.98 20.0101 21.37 19.4001 21.62C19.3901 21.62 19.3801 21.63 19.3701 21.63C18.7801 21.87 18.1401 22 17.4501 22C16.4301 22 15.3401 21.76 14.1901 21.27C13.0401 20.78 11.8901 20.12 10.7501 19.29C10.3601 19 9.9701 18.71 9.6001 18.4L12.8701 15.13C13.1501 15.34 13.4001 15.5 13.6101 15.61C13.6601 15.63 13.7201 15.66 13.7901 15.69C13.8701 15.72 13.9501 15.73 14.0401 15.73C14.2101 15.73 14.3401 15.67 14.4501 15.56L15.2101 14.81C15.4601 14.56 15.7001 14.37 15.9301 14.25C16.1601 14.11 16.3901 14.04 16.6401 14.04C16.8301 14.04 17.0301 14.08 17.2501 14.17C17.4701 14.26 17.7001 14.39 17.9501 14.56L21.2601 16.91C21.5201 17.09 21.7001 17.3 21.8101 17.55C21.9101 17.8 21.9701 18.05 21.9701 18.33Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/call-minus.svg b/public/images/icons/vuesax/bold/call-minus.svg
new file mode 100644
index 0000000..30a2219
--- /dev/null
+++ b/public/images/icons/vuesax/bold/call-minus.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.5 6.75H15.5C15.09 6.75 14.75 6.41 14.75 6C14.75 5.59 15.09 5.25 15.5 5.25H20.5C20.91 5.25 21.25 5.59 21.25 6C21.25 6.41 20.91 6.75 20.5 6.75Z" fill="#292D32"/>
+<path d="M11.05 14.95L9.2 16.8C8.81 17.19 8.19 17.19 7.79 16.81C7.68 16.7 7.57 16.6 7.46 16.49C6.43 15.45 5.5 14.36 4.67 13.22C3.85 12.08 3.19 10.94 2.71 9.81C2.24 8.67 2 7.58 2 6.54C2 5.86 2.12 5.21 2.36 4.61C2.6 4 2.98 3.44 3.51 2.94C4.15 2.31 4.85 2 5.59 2C5.87 2 6.15 2.06 6.4 2.18C6.66 2.3 6.89 2.48 7.07 2.74L9.39 6.01C9.57 6.26 9.7 6.49 9.79 6.71C9.88 6.92 9.93 7.13 9.93 7.32C9.93 7.56 9.86 7.8 9.72 8.03C9.59 8.26 9.4 8.5 9.16 8.74L8.4 9.53C8.29 9.64 8.24 9.77 8.24 9.93C8.24 10.01 8.25 10.08 8.27 10.16C8.3 10.24 8.33 10.3 8.35 10.36C8.53 10.69 8.84 11.12 9.28 11.64C9.73 12.16 10.21 12.69 10.73 13.22C10.83 13.32 10.94 13.42 11.04 13.52C11.44 13.91 11.45 14.55 11.05 14.95Z" fill="#292D32"/>
+<path d="M21.9701 18.33C21.9701 18.61 21.9201 18.9 21.8201 19.18C21.7901 19.26 21.7601 19.34 21.7201 19.42C21.5501 19.78 21.3301 20.12 21.0401 20.44C20.5501 20.98 20.0101 21.37 19.4001 21.62C19.3901 21.62 19.3801 21.63 19.3701 21.63C18.7801 21.87 18.1401 22 17.4501 22C16.4301 22 15.3401 21.76 14.1901 21.27C13.0401 20.78 11.8901 20.12 10.7501 19.29C10.3601 19 9.9701 18.71 9.6001 18.4L12.8701 15.13C13.1501 15.34 13.4001 15.5 13.6101 15.61C13.6601 15.63 13.7201 15.66 13.7901 15.69C13.8701 15.72 13.9501 15.73 14.0401 15.73C14.2101 15.73 14.3401 15.67 14.4501 15.56L15.2101 14.81C15.4601 14.56 15.7001 14.37 15.9301 14.25C16.1601 14.11 16.3901 14.04 16.6401 14.04C16.8301 14.04 17.0301 14.08 17.2501 14.17C17.4701 14.26 17.7001 14.39 17.9501 14.56L21.2601 16.91C21.5201 17.09 21.7001 17.3 21.8101 17.55C21.9101 17.8 21.9701 18.05 21.9701 18.33Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/call-outgoing.svg b/public/images/icons/vuesax/bold/call-outgoing.svg
new file mode 100644
index 0000000..61ca981
--- /dev/null
+++ b/public/images/icons/vuesax/bold/call-outgoing.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 9.55C19.59 9.55 19.25 9.21 19.25 8.8V4.75H15.2C14.79 4.75 14.45 4.41 14.45 4C14.45 3.59 14.79 3.25 15.2 3.25H20C20.41 3.25 20.75 3.59 20.75 4V8.8C20.75 9.21 20.41 9.55 20 9.55Z" fill="#292D32"/>
+<path d="M11.05 14.95L9.2 16.8C8.81 17.19 8.19 17.19 7.79 16.81C7.68 16.7 7.57 16.6 7.46 16.49C6.43 15.45 5.5 14.36 4.67 13.22C3.85 12.08 3.19 10.94 2.71 9.81C2.24 8.67 2 7.58 2 6.54C2 5.86 2.12 5.21 2.36 4.61C2.6 4 2.98 3.44 3.51 2.94C4.15 2.31 4.85 2 5.59 2C5.87 2 6.15 2.06 6.4 2.18C6.66 2.3 6.89 2.48 7.07 2.74L9.39 6.01C9.57 6.26 9.7 6.49 9.79 6.71C9.88 6.92 9.93 7.13 9.93 7.32C9.93 7.56 9.86 7.8 9.72 8.03C9.59 8.26 9.4 8.5 9.16 8.74L8.4 9.53C8.29 9.64 8.24 9.77 8.24 9.93C8.24 10.01 8.25 10.08 8.27 10.16C8.3 10.24 8.33 10.3 8.35 10.36C8.53 10.69 8.84 11.12 9.28 11.64C9.73 12.16 10.21 12.69 10.73 13.22C10.83 13.32 10.94 13.42 11.04 13.52C11.44 13.91 11.45 14.55 11.05 14.95Z" fill="#292D32"/>
+<path d="M21.9701 18.33C21.9701 18.61 21.9201 18.9 21.8201 19.18C21.7901 19.26 21.7601 19.34 21.7201 19.42C21.5501 19.78 21.3301 20.12 21.0401 20.44C20.5501 20.98 20.0101 21.37 19.4001 21.62C19.3901 21.62 19.3801 21.63 19.3701 21.63C18.7801 21.87 18.1401 22 17.4501 22C16.4301 22 15.3401 21.76 14.1901 21.27C13.0401 20.78 11.8901 20.12 10.7501 19.29C10.3601 19 9.9701 18.71 9.6001 18.4L12.8701 15.13C13.1501 15.34 13.4001 15.5 13.6101 15.61C13.6601 15.63 13.7201 15.66 13.7901 15.69C13.8701 15.72 13.9501 15.73 14.0401 15.73C14.2101 15.73 14.3401 15.67 14.4501 15.56L15.2101 14.81C15.4601 14.56 15.7001 14.37 15.9301 14.25C16.1601 14.11 16.3901 14.04 16.6401 14.04C16.8301 14.04 17.0301 14.08 17.2501 14.17C17.4701 14.26 17.7001 14.39 17.9501 14.56L21.2601 16.91C21.5201 17.09 21.7001 17.3 21.8101 17.55C21.9101 17.8 21.9701 18.05 21.9701 18.33Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/call-received.svg b/public/images/icons/vuesax/bold/call-received.svg
new file mode 100644
index 0000000..ba3ad1d
--- /dev/null
+++ b/public/images/icons/vuesax/bold/call-received.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.9999 8.71992C16.8099 8.71992 16.6199 8.64992 16.4699 8.49992L14.4699 6.49992C14.1799 6.20992 14.1799 5.72992 14.4699 5.43992C14.7599 5.14992 15.2399 5.14992 15.5299 5.43992L16.9999 6.90992L20.4699 3.44992C20.7599 3.15992 21.2399 3.15992 21.5299 3.44992C21.8199 3.73992 21.8199 4.21992 21.5299 4.50992L17.5299 8.50992C17.3799 8.63992 17.1899 8.71992 16.9999 8.71992Z" fill="#292D32"/>
+<path d="M11.05 14.95L9.2 16.8C8.81 17.19 8.19 17.19 7.79 16.81C7.68 16.7 7.57 16.6 7.46 16.49C6.43 15.45 5.5 14.36 4.67 13.22C3.85 12.08 3.19 10.94 2.71 9.81C2.24 8.67 2 7.58 2 6.54C2 5.86 2.12 5.21 2.36 4.61C2.6 4 2.98 3.44 3.51 2.94C4.15 2.31 4.85 2 5.59 2C5.87 2 6.15 2.06 6.4 2.18C6.66 2.3 6.89 2.48 7.07 2.74L9.39 6.01C9.57 6.26 9.7 6.49 9.79 6.71C9.88 6.92 9.93 7.13 9.93 7.32C9.93 7.56 9.86 7.8 9.72 8.03C9.59 8.26 9.4 8.5 9.16 8.74L8.4 9.53C8.29 9.64 8.24 9.77 8.24 9.93C8.24 10.01 8.25 10.08 8.27 10.16C8.3 10.24 8.33 10.3 8.35 10.36C8.53 10.69 8.84 11.12 9.28 11.64C9.73 12.16 10.21 12.69 10.73 13.22C10.83 13.32 10.94 13.42 11.04 13.52C11.44 13.91 11.45 14.55 11.05 14.95Z" fill="#292D32"/>
+<path d="M21.9701 18.33C21.9701 18.61 21.9201 18.9 21.8201 19.18C21.7901 19.26 21.7601 19.34 21.7201 19.42C21.5501 19.78 21.3301 20.12 21.0401 20.44C20.5501 20.98 20.0101 21.37 19.4001 21.62C19.3901 21.62 19.3801 21.63 19.3701 21.63C18.7801 21.87 18.1401 22 17.4501 22C16.4301 22 15.3401 21.76 14.1901 21.27C13.0401 20.78 11.8901 20.12 10.7501 19.29C10.3601 19 9.9701 18.71 9.6001 18.4L12.8701 15.13C13.1501 15.34 13.4001 15.5 13.6101 15.61C13.6601 15.63 13.7201 15.66 13.7901 15.69C13.8701 15.72 13.9501 15.73 14.0401 15.73C14.2101 15.73 14.3401 15.67 14.4501 15.56L15.2101 14.81C15.4601 14.56 15.7001 14.37 15.9301 14.25C16.1601 14.11 16.3901 14.04 16.6401 14.04C16.8301 14.04 17.0301 14.08 17.2501 14.17C17.4701 14.26 17.7001 14.39 17.9501 14.56L21.2601 16.91C21.5201 17.09 21.7001 17.3 21.8101 17.55C21.9101 17.8 21.9701 18.05 21.9701 18.33Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/call-remove.svg b/public/images/icons/vuesax/bold/call-remove.svg
new file mode 100644
index 0000000..6429b29
--- /dev/null
+++ b/public/images/icons/vuesax/bold/call-remove.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="M19.0599 5.99992L20.2999 4.75992C20.5899 4.46992 20.5899 3.98992 20.2999 3.69992C20.0099 3.40992 19.5299 3.40992 19.2399 3.69992L17.9999 4.93992L16.7599 3.69992C16.4699 3.40992 15.9899 3.40992 15.6999 3.69992C15.4099 3.98992 15.4099 4.46992 15.6999 4.75992L16.9399 5.99992L15.6999 7.23992C15.4099 7.52992 15.4099 8.00992 15.6999 8.29992C15.8499 8.44992 16.0399 8.51992 16.2299 8.51992C16.4199 8.51992 16.6099 8.44992 16.7599 8.29992L17.9999 7.05992L19.2399 8.29992C19.3899 8.44992 19.5799 8.51992 19.7699 8.51992C19.9599 8.51992 20.1499 8.44992 20.2999 8.29992C20.5899 8.00992 20.5899 7.52992 20.2999 7.23992L19.0599 5.99992Z" fill="#292D32"/>
+<path d="M11.05 14.95L9.2 16.8C8.81 17.19 8.19 17.19 7.79 16.81C7.68 16.7 7.57 16.6 7.46 16.49C6.43 15.45 5.5 14.36 4.67 13.22C3.85 12.08 3.19 10.94 2.71 9.81C2.24 8.67 2 7.58 2 6.54C2 5.86 2.12 5.21 2.36 4.61C2.6 4 2.98 3.44 3.51 2.94C4.15 2.31 4.85 2 5.59 2C5.87 2 6.15 2.06 6.4 2.18C6.66 2.3 6.89 2.48 7.07 2.74L9.39 6.01C9.57 6.26 9.7 6.49 9.79 6.71C9.88 6.92 9.93 7.13 9.93 7.32C9.93 7.56 9.86 7.8 9.72 8.03C9.59 8.26 9.4 8.5 9.16 8.74L8.4 9.53C8.29 9.64 8.24 9.77 8.24 9.93C8.24 10.01 8.25 10.08 8.27 10.16C8.3 10.24 8.33 10.3 8.35 10.36C8.53 10.69 8.84 11.12 9.28 11.64C9.73 12.16 10.21 12.69 10.73 13.22C10.83 13.32 10.94 13.42 11.04 13.52C11.44 13.91 11.45 14.55 11.05 14.95Z" fill="#292D32"/>
+<path d="M21.9701 18.33C21.9701 18.61 21.9201 18.9 21.8201 19.18C21.7901 19.26 21.7601 19.34 21.7201 19.42C21.5501 19.78 21.3301 20.12 21.0401 20.44C20.5501 20.98 20.0101 21.37 19.4001 21.62C19.3901 21.62 19.3801 21.63 19.3701 21.63C18.7801 21.87 18.1401 22 17.4501 22C16.4301 22 15.3401 21.76 14.1901 21.27C13.0401 20.78 11.8901 20.12 10.7501 19.29C10.3601 19 9.9701 18.71 9.6001 18.4L12.8701 15.13C13.1501 15.34 13.4001 15.5 13.6101 15.61C13.6601 15.63 13.7201 15.66 13.7901 15.69C13.8701 15.72 13.9501 15.73 14.0401 15.73C14.2101 15.73 14.3401 15.67 14.4501 15.56L15.2101 14.81C15.4601 14.56 15.7001 14.37 15.9301 14.25C16.1601 14.11 16.3901 14.04 16.6401 14.04C16.8301 14.04 17.0301 14.08 17.2501 14.17C17.4701 14.26 17.7001 14.39 17.9501 14.56L21.2601 16.91C21.5201 17.09 21.7001 17.3 21.8101 17.55C21.9101 17.8 21.9701 18.05 21.9701 18.33Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/call-slash.svg b/public/images/icons/vuesax/bold/call-slash.svg
new file mode 100644
index 0000000..e38958f
--- /dev/null
+++ b/public/images/icons/vuesax/bold/call-slash.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="M22.0001 18.33C22.0001 18.69 21.9201 19.06 21.7501 19.42C21.5801 19.78 21.3601 20.12 21.0701 20.44C20.5801 20.98 20.0401 21.37 19.4301 21.62C18.8301 21.87 18.1701 22 17.4701 22C16.4501 22 15.3601 21.76 14.2101 21.27C13.0601 20.78 11.9001 20.12 10.7601 19.29C10.1801 18.86 9.61006 18.42 9.06006 17.94L12.3201 14.68C12.3301 14.68 12.3301 14.68 12.3401 14.69C12.8601 15.13 13.2901 15.43 13.6301 15.61C13.6801 15.63 13.7401 15.66 13.8101 15.69C13.8901 15.72 13.9701 15.73 14.0601 15.73C14.2301 15.73 14.3601 15.67 14.4701 15.56L15.2301 14.81C15.4801 14.56 15.7201 14.37 15.9501 14.25C16.1801 14.11 16.4101 14.04 16.6601 14.04C16.8501 14.04 17.0501 14.08 17.2701 14.17C17.4901 14.26 17.7201 14.39 17.9701 14.56L21.2901 16.91C21.5501 17.09 21.7301 17.3 21.8401 17.55C21.9401 17.8 22.0001 18.05 22.0001 18.33Z" fill="#292D32"/>
+<path d="M10.76 13.24L7.5 16.5C7.49 16.5 7.49 16.5 7.48 16.49C6.45 15.45 5.52 14.36 4.68 13.22C3.87 12.1 3.22 10.97 2.74 9.86C2.73 9.84 2.73 9.83 2.72 9.81C2.24 8.67 2 7.58 2 6.54C2 5.86 2.12 5.21 2.36 4.61C2.56 4.1 2.86 3.62 3.27 3.19C3.34 3.11 3.42 3.02 3.51 2.94C3.67 2.78 3.83 2.64 4 2.53C4.01 2.53 4.01 2.53 4.01 2.53C4.51 2.17 5.04 2 5.6 2C5.88 2 6.16 2.06 6.41 2.18C6.65 2.29 6.86 2.45 7.03 2.68C7.05 2.7 7.06 2.72 7.08 2.74L9.4 6.01C9.58 6.26 9.71 6.49 9.8 6.71C9.89 6.92 9.94 7.13 9.94 7.32C9.94 7.56 9.87 7.8 9.73 8.03C9.6 8.26 9.41 8.5 9.17 8.74L8.41 9.53C8.3 9.64 8.25 9.77 8.25 9.93C8.25 10.01 8.26 10.08 8.28 10.16C8.31 10.24 8.34 10.3 8.36 10.36C8.54 10.69 8.85 11.12 9.29 11.64C9.74 12.16 10.22 12.69 10.74 13.22C10.75 13.23 10.75 13.23 10.76 13.24Z" fill="#292D32"/>
+<path d="M21.7699 2.22988C21.4699 1.92988 20.9799 1.92988 20.6799 2.22988L2.22988 20.6899C1.92988 20.9899 1.92988 21.4799 2.22988 21.7799C2.37988 21.9199 2.56988 21.9999 2.76988 21.9999C2.96988 21.9999 3.15988 21.9199 3.30988 21.7699L21.7699 3.30988C22.0799 3.00988 22.0799 2.52988 21.7699 2.22988Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/call.svg b/public/images/icons/vuesax/bold/call.svg
new file mode 100644
index 0000000..8745e80
--- /dev/null
+++ b/public/images/icons/vuesax/bold/call.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.05 14.95L9.2 16.8C8.81 17.19 8.19 17.19 7.79 16.81C7.68 16.7 7.57 16.6 7.46 16.49C6.43 15.45 5.5 14.36 4.67 13.22C3.85 12.08 3.19 10.94 2.71 9.81C2.24 8.67 2 7.58 2 6.54C2 5.86 2.12 5.21 2.36 4.61C2.6 4 2.98 3.44 3.51 2.94C4.15 2.31 4.85 2 5.59 2C5.87 2 6.15 2.06 6.4 2.18C6.66 2.3 6.89 2.48 7.07 2.74L9.39 6.01C9.57 6.26 9.7 6.49 9.79 6.71C9.88 6.92 9.93 7.13 9.93 7.32C9.93 7.56 9.86 7.8 9.72 8.03C9.59 8.26 9.4 8.5 9.16 8.74L8.4 9.53C8.29 9.64 8.24 9.77 8.24 9.93C8.24 10.01 8.25 10.08 8.27 10.16C8.3 10.24 8.33 10.3 8.35 10.36C8.53 10.69 8.84 11.12 9.28 11.64C9.73 12.16 10.21 12.69 10.73 13.22C10.83 13.32 10.94 13.42 11.04 13.52C11.44 13.91 11.45 14.55 11.05 14.95Z" fill="#292D32"/>
+<path d="M21.9701 18.33C21.9701 18.61 21.9201 18.9 21.8201 19.18C21.7901 19.26 21.7601 19.34 21.7201 19.42C21.5501 19.78 21.3301 20.12 21.0401 20.44C20.5501 20.98 20.0101 21.37 19.4001 21.62C19.3901 21.62 19.3801 21.63 19.3701 21.63C18.7801 21.87 18.1401 22 17.4501 22C16.4301 22 15.3401 21.76 14.1901 21.27C13.0401 20.78 11.8901 20.12 10.7501 19.29C10.3601 19 9.9701 18.71 9.6001 18.4L12.8701 15.13C13.1501 15.34 13.4001 15.5 13.6101 15.61C13.6601 15.63 13.7201 15.66 13.7901 15.69C13.8701 15.72 13.9501 15.73 14.0401 15.73C14.2101 15.73 14.3401 15.67 14.4501 15.56L15.2101 14.81C15.4601 14.56 15.7001 14.37 15.9301 14.25C16.1601 14.11 16.3901 14.04 16.6401 14.04C16.8301 14.04 17.0301 14.08 17.2501 14.17C17.4701 14.26 17.7001 14.39 17.9501 14.56L21.2601 16.91C21.5201 17.09 21.7001 17.3 21.8101 17.55C21.9101 17.8 21.9701 18.05 21.9701 18.33Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/camera-slash.svg b/public/images/icons/vuesax/bold/camera-slash.svg
new file mode 100644
index 0000000..724bc00
--- /dev/null
+++ b/public/images/icons/vuesax/bold/camera-slash.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="M21.77 2.22988C21.47 1.92988 20.98 1.92988 20.68 2.22988L2.23 20.6899C1.93 20.9899 1.93 21.4799 2.23 21.7799C2.38 21.9199 2.57 21.9999 2.77 21.9999C2.97 21.9999 3.16 21.9199 3.31 21.7699L21.77 3.30988C22.08 3.00988 22.08 2.52988 21.77 2.22988Z" fill="#292D32"/>
+<path d="M16.55 5.11L15.83 3.66C15.37 2.75 14.17 2 13.15 2H10.86C9.83005 2 8.63005 2.75 8.17005 3.66L7.45005 5.11C7.17004 5.65 6.61005 6 6.00005 6C3.83005 6 2.11005 7.83 2.25005 9.99L2.77005 18.25C2.82005 19.1 3.03005 19.89 3.48005 20.52L18 6C17.39 6 16.83 5.65 16.55 5.11ZM9.50005 10.75H6.50005C6.09005 10.75 5.75005 10.41 5.75005 10C5.75005 9.59 6.09005 9.25 6.50005 9.25H9.50005C9.91005 9.25 10.25 9.59 10.25 10C10.25 10.41 9.91005 10.75 9.50005 10.75Z" fill="#292D32"/>
+<path d="M21.75 9.98981L21.23 18.2498C21.1 20.3098 20 21.9998 17.24 21.9998H7.41002C6.52002 21.9998 6.07002 20.9198 6.70002 20.2898L9.17002 17.8198C9.48002 17.5098 9.96002 17.4698 10.35 17.6898C11.04 18.0798 11.87 18.2298 12.75 18.0398C14.02 17.7698 15.05 16.7298 15.3 15.4498C15.47 14.5898 15.32 13.7798 14.94 13.1098C14.72 12.7198 14.75 12.2298 15.07 11.9198L19.57 7.41981C19.98 7.00981 20.67 7.05981 21.02 7.52981C21.54 8.20981 21.81 9.06981 21.75 9.98981Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/camera.svg b/public/images/icons/vuesax/bold/camera.svg
new file mode 100644
index 0000000..b205aeb
--- /dev/null
+++ b/public/images/icons/vuesax/bold/camera.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 6C17.39 6 16.83 5.65 16.55 5.11L15.83 3.66C15.37 2.75 14.17 2 13.15 2H10.86C9.83005 2 8.63005 2.75 8.17005 3.66L7.45005 5.11C7.17004 5.65 6.61005 6 6.00005 6C3.83005 6 2.11005 7.83 2.25005 9.99L2.77005 18.25C2.89005 20.31 4.00005 22 6.76005 22H17.24C20 22 21.1 20.31 21.23 18.25L21.75 9.99C21.89 7.83 20.17 6 18 6ZM10.5 7.25H13.5C13.91 7.25 14.25 7.59 14.25 8C14.25 8.41 13.91 8.75 13.5 8.75H10.5C10.09 8.75 9.75005 8.41 9.75005 8C9.75005 7.59 10.09 7.25 10.5 7.25ZM12 18.12C10.14 18.12 8.62005 16.61 8.62005 14.74C8.62005 12.87 10.13 11.36 12 11.36C13.87 11.36 15.38 12.87 15.38 14.74C15.38 16.61 13.86 18.12 12 18.12Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/candle-2.svg b/public/images/icons/vuesax/bold/candle-2.svg
new file mode 100644
index 0000000..098abee
--- /dev/null
+++ b/public/images/icons/vuesax/bold/candle-2.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="M22.75 17.5C22.75 17.91 22.41 18.25 22 18.25H15V18.5C15 20 14.1 20.5 13 20.5H7C5.9 20.5 5 20 5 18.5V18.25H2C1.59 18.25 1.25 17.91 1.25 17.5C1.25 17.09 1.59 16.75 2 16.75H5V16.5C5 15 5.9 14.5 7 14.5H13C14.1 14.5 15 15 15 16.5V16.75H22C22.41 16.75 22.75 17.09 22.75 17.5Z" fill="#292D32"/>
+<path d="M22.75 6.5C22.75 6.91 22.41 7.25 22 7.25H19V7.5C19 9 18.1 9.5 17 9.5H11C9.9 9.5 9 9 9 7.5V7.25H2C1.59 7.25 1.25 6.91 1.25 6.5C1.25 6.09 1.59 5.75 2 5.75H9V5.5C9 4 9.9 3.5 11 3.5H17C18.1 3.5 19 4 19 5.5V5.75H22C22.41 5.75 22.75 6.09 22.75 6.5Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/candle.svg b/public/images/icons/vuesax/bold/candle.svg
new file mode 100644
index 0000000..f9a9014
--- /dev/null
+++ b/public/images/icons/vuesax/bold/candle.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.5 4.5H7.25V2C7.25 1.59 6.91 1.25 6.5 1.25C6.09 1.25 5.75 1.59 5.75 2V4.5H5.5C3.91 4.5 3 5.41 3 7V13C3 14.59 3.91 15.5 5.5 15.5H5.75V22C5.75 22.41 6.09 22.75 6.5 22.75C6.91 22.75 7.25 22.41 7.25 22V15.5H7.5C9.09 15.5 10 14.59 10 13V7C10 5.41 9.09 4.5 7.5 4.5Z" fill="#292D32"/>
+<path d="M18.5 8.5H18.25V2C18.25 1.59 17.91 1.25 17.5 1.25C17.09 1.25 16.75 1.59 16.75 2V8.5H16.5C14.91 8.5 14 9.41 14 11V17C14 18.59 14.91 19.5 16.5 19.5H16.75V22C16.75 22.41 17.09 22.75 17.5 22.75C17.91 22.75 18.25 22.41 18.25 22V19.5H18.5C20.09 19.5 21 18.59 21 17V11C21 9.41 20.09 8.5 18.5 8.5Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/car.svg b/public/images/icons/vuesax/bold/car.svg
new file mode 100644
index 0000000..e358ae3
--- /dev/null
+++ b/public/images/icons/vuesax/bold/car.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="M21.75 8.00008C21.75 8.41008 21.41 8.75008 21 8.75008H3C2.59 8.75008 2.25 8.41008 2.25 8.00008C2.25 7.59008 2.59 7.25008 3 7.25008H4.02L4.4 5.44008C4.76 3.69008 5.51 2.08008 8.49 2.08008H15.51C18.49 2.08008 19.24 3.69008 19.6 5.44008L19.98 7.25008H21C21.41 7.25008 21.75 7.59008 21.75 8.00008Z" fill="#292D32"/>
+<path d="M22.1801 13.66C22.0301 12.01 21.5901 10.25 18.3801 10.25H5.62009C2.41009 10.25 1.98009 12.01 1.82009 13.66L1.26009 19.75C1.19009 20.51 1.44009 21.27 1.96009 21.84C2.49009 22.42 3.24009 22.75 4.04009 22.75H5.92009C7.54009 22.75 7.85009 21.82 8.05009 21.21L8.25009 20.61C8.48009 19.92 8.54009 19.75 9.44009 19.75H14.5601C15.4601 19.75 15.4901 19.85 15.7501 20.61L15.9501 21.21C16.1501 21.82 16.4601 22.75 18.0801 22.75H19.9601C20.7501 22.75 21.5101 22.42 22.0401 21.84C22.5601 21.27 22.8101 20.51 22.7401 19.75L22.1801 13.66ZM9.00009 15.75H6.00009C5.59009 15.75 5.25009 15.41 5.25009 15C5.25009 14.59 5.59009 14.25 6.00009 14.25H9.00009C9.41009 14.25 9.75009 14.59 9.75009 15C9.75009 15.41 9.41009 15.75 9.00009 15.75ZM18.0001 15.75H15.0001C14.5901 15.75 14.2501 15.41 14.2501 15C14.2501 14.59 14.5901 14.25 15.0001 14.25H18.0001C18.4101 14.25 18.7501 14.59 18.7501 15C18.7501 15.41 18.4101 15.75 18.0001 15.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/card-add.svg b/public/images/icons/vuesax/bold/card-add.svg
new file mode 100644
index 0000000..f11a4e3
--- /dev/null
+++ b/public/images/icons/vuesax/bold/card-add.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="M2 11.46V16.46C2 18.75 3.85 20.6 6.14 20.6H17.85C20.14 20.6 22 18.74 22 16.45V11.46C22 10.79 21.46 10.25 20.79 10.25H3.21C2.54 10.25 2 10.79 2 11.46ZM8 17.25H6C5.59 17.25 5.25 16.91 5.25 16.5C5.25 16.09 5.59 15.75 6 15.75H8C8.41 15.75 8.75 16.09 8.75 16.5C8.75 16.91 8.41 17.25 8 17.25ZM14.5 17.25H10.5C10.09 17.25 9.75 16.91 9.75 16.5C9.75 16.09 10.09 15.75 10.5 15.75H14.5C14.91 15.75 15.25 16.09 15.25 16.5C15.25 16.91 14.91 17.25 14.5 17.25Z" fill="#292D32"/>
+<path d="M13.5 4.6099V7.5399C13.5 8.2099 12.96 8.7499 12.29 8.7499H3.21C2.53 8.7499 2 8.1899 2 7.5199C2.01 6.3899 2.46 5.3599 3.21 4.6099C3.96 3.8599 5 3.3999 6.14 3.3999H12.29C12.96 3.3999 13.5 3.9399 13.5 4.6099Z" fill="#292D32"/>
+<path d="M19.97 2H17.03C15.76 2 15 2.76 15 4.03V6.97C15 8.24 15.76 9 17.03 9H19.97C21.24 9 22 8.24 22 6.97V4.03C22 2.76 21.24 2 19.97 2ZM20.91 5.93C20.81 6.03 20.66 6.1 20.5 6.11H19.09L19.1 7.5C19.09 7.67 19.03 7.81 18.91 7.93C18.81 8.03 18.66 8.1 18.5 8.1C18.17 8.1 17.9 7.83 17.9 7.5V6.1L16.5 6.11C16.17 6.11 15.9 5.83 15.9 5.5C15.9 5.17 16.17 4.9 16.5 4.9L17.9 4.91V3.51C17.9 3.18 18.17 2.9 18.5 2.9C18.83 2.9 19.1 3.18 19.1 3.51L19.09 4.9H20.5C20.83 4.9 21.1 5.17 21.1 5.5C21.09 5.67 21.02 5.81 20.91 5.93Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/card-coin.svg b/public/images/icons/vuesax/bold/card-coin.svg
new file mode 100644
index 0000000..84d3603
--- /dev/null
+++ b/public/images/icons/vuesax/bold/card-coin.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="M12 15.7V15.81C12 16.09 11.78 16.31 11.5 16.31H2.5C2.22 16.31 2 16.09 2 15.81V15.7C2 13.94 2.44 13.5 4.22 13.5H9.78C11.56 13.5 12 13.94 12 15.7Z" fill="#292D32"/>
+<path d="M2.5 17.3101C2.22 17.3101 2 17.5301 2 17.8101V18.8101V19.8001C2 21.5601 2.44 22.0001 4.22 22.0001H9.78C11.56 22.0001 12 21.5601 12 19.8001V18.8101V17.8101C12 17.5301 11.78 17.3101 11.5 17.3101H2.5Z" fill="#292D32"/>
+<path d="M22 15C22 18.87 18.87 22 15 22L16.05 20.25" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M2 9C2 5.13 5.13 2 9 2L7.95 3.75" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M18.5 11C20.9853 11 23 8.98528 23 6.5C23 4.01472 20.9853 2 18.5 2C16.0147 2 14 4.01472 14 6.5C14 8.98528 16.0147 11 18.5 11Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/card-edit.svg b/public/images/icons/vuesax/bold/card-edit.svg
new file mode 100644
index 0000000..5d68e09
--- /dev/null
+++ b/public/images/icons/vuesax/bold/card-edit.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.5 4.6099V7.5399C13.5 8.2099 12.96 8.7499 12.29 8.7499H3.21C2.53 8.7499 2 8.1899 2 7.5199C2.01 6.3899 2.46 5.3599 3.21 4.6099C3.96 3.8599 5 3.3999 6.14 3.3999H12.29C12.96 3.3999 13.5 3.9399 13.5 4.6099Z" fill="#292D32"/>
+<path d="M2 11.46V16.46C2 18.75 3.85 20.6 6.14 20.6H17.85C20.14 20.6 22 18.74 22 16.45V11.46C22 10.79 21.46 10.25 20.79 10.25H3.21C2.54 10.25 2 10.79 2 11.46ZM8 17.25H6C5.59 17.25 5.25 16.91 5.25 16.5C5.25 16.09 5.59 15.75 6 15.75H8C8.41 15.75 8.75 16.09 8.75 16.5C8.75 16.91 8.41 17.25 8 17.25ZM14.5 17.25H10.5C10.09 17.25 9.75 16.91 9.75 16.5C9.75 16.09 10.09 15.75 10.5 15.75H14.5C14.91 15.75 15.25 16.09 15.25 16.5C15.25 16.91 14.91 17.25 14.5 17.25Z" fill="#292D32"/>
+<path d="M19.97 1.75H17.03C15.76 1.75 15 2.51 15 3.78V6.72C15 7.99 15.76 8.75 17.03 8.75H19.97C21.24 8.75 22 7.99 22 6.72V3.78C22 2.51 21.24 1.75 19.97 1.75ZM18.01 7.32C17.98 7.35 17.91 7.39 17.86 7.39L16.82 7.54C16.79 7.55 16.75 7.55 16.72 7.55C16.57 7.55 16.44 7.5 16.35 7.4C16.23 7.28 16.18 7.11 16.21 6.93L16.36 5.89C16.37 5.84 16.4 5.77 16.43 5.74L18.13 4.04C18.16 4.11 18.19 4.19 18.22 4.27C18.26 4.35 18.3 4.42 18.34 4.49C18.37 4.55 18.41 4.61 18.45 4.65C18.49 4.71 18.53 4.77 18.56 4.8C18.58 4.83 18.59 4.84 18.6 4.85C18.69 4.96 18.79 5.06 18.88 5.13C18.9 5.15 18.92 5.17 18.93 5.17C18.98 5.21 19.04 5.26 19.08 5.29C19.14 5.33 19.19 5.37 19.25 5.4C19.32 5.44 19.4 5.48 19.48 5.52C19.56 5.56 19.64 5.59 19.71 5.61L18.01 7.32ZM20.4 4.93L20.07 5.26C20.06 5.28 20.03 5.29 20 5.29C19.99 5.29 19.98 5.29 19.97 5.29C19.25 5.08 18.68 4.51 18.47 3.79C18.46 3.75 18.47 3.71 18.5 3.68L18.83 3.35C19.37 2.81 19.88 2.82 20.41 3.35C20.68 3.62 20.81 3.88 20.81 4.14C20.8 4.4 20.67 4.66 20.4 4.93Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/card-pos.svg b/public/images/icons/vuesax/bold/card-pos.svg
new file mode 100644
index 0000000..b4c3d04
--- /dev/null
+++ b/public/images/icons/vuesax/bold/card-pos.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="M22 21.25C22 21.66 21.66 22 21.25 22H2.75C2.34 22 2 21.66 2 21.25C2 20.84 2.34 20.5 2.75 20.5H21.25C21.66 20.5 22 20.84 22 21.25Z" fill="#292D32"/>
+<path d="M15.3899 4.51977L4.64994 15.2598C4.23994 15.6698 3.57994 15.6698 3.17994 15.2598H3.16994C1.77994 13.8598 1.77994 11.5998 3.16994 10.2098L10.3199 3.05977C11.7199 1.65977 13.9799 1.65977 15.3799 3.05977C15.7899 3.44977 15.7899 4.11977 15.3899 4.51977Z" fill="#292D32"/>
+<path d="M20.8199 8.48982L17.7699 5.43982C17.3599 5.02982 16.6999 5.02982 16.2999 5.43982L5.55994 16.1798C5.14994 16.5798 5.14994 17.2398 5.55994 17.6498L8.60994 20.7098C10.0099 22.0998 12.2699 22.0998 13.6699 20.7098L20.8099 13.5598C22.2299 12.1598 22.2299 9.88982 20.8199 8.48982ZM12.7599 17.5198L11.5499 18.7398C11.2999 18.9898 10.8899 18.9898 10.6299 18.7398C10.3799 18.4898 10.3799 18.0798 10.6299 17.8198L11.8499 16.5998C12.0899 16.3598 12.5099 16.3598 12.7599 16.5998C13.0099 16.8498 13.0099 17.2798 12.7599 17.5198ZM16.7299 13.5498L14.2899 15.9998C14.0399 16.2398 13.6299 16.2398 13.3699 15.9998C13.1199 15.7498 13.1199 15.3398 13.3699 15.0798L15.8199 12.6298C16.0599 12.3898 16.4799 12.3898 16.7299 12.6298C16.9799 12.8898 16.9799 13.2998 16.7299 13.5498Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/card-receive.svg b/public/images/icons/vuesax/bold/card-receive.svg
new file mode 100644
index 0000000..f9e2b63
--- /dev/null
+++ b/public/images/icons/vuesax/bold/card-receive.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="M19.97 8.75H17.03C15.76 8.75 15 7.99 15 6.72V3.78C15 2.51 15.76 1.75 17.03 1.75H19.97C21.24 1.75 22 2.51 22 3.78V6.72C22 7.99 21.24 8.75 19.97 8.75ZM20.19 5.44C20.07 5.32 19.91 5.26 19.75 5.26C19.59 5.26 19.43 5.32 19.31 5.44L19.13 5.62V3.38C19.13 3.03 18.85 2.75 18.5 2.75C18.15 2.75 17.87 3.03 17.87 3.38V5.62L17.69 5.44C17.45 5.2 17.05 5.2 16.81 5.44C16.57 5.68 16.57 6.08 16.81 6.32L18.06 7.57C18.11 7.62 18.18 7.66 18.25 7.69C18.27 7.7 18.29 7.7 18.31 7.71C18.36 7.73 18.41 7.74 18.47 7.74C18.49 7.74 18.51 7.74 18.53 7.74C18.6 7.74 18.66 7.73 18.73 7.7C18.74 7.7 18.74 7.7 18.75 7.7C18.82 7.67 18.88 7.63 18.93 7.58C18.94 7.57 18.94 7.57 18.95 7.57L20.2 6.32C20.44 6.08 20.44 5.68 20.19 5.44Z" fill="#292D32"/>
+<path d="M2 11.46V16.46C2 18.75 3.85 20.6 6.14 20.6H17.85C20.14 20.6 22 18.74 22 16.45V11.46C22 10.79 21.46 10.25 20.79 10.25H3.21C2.54 10.25 2 10.79 2 11.46ZM8 17.25H6C5.59 17.25 5.25 16.91 5.25 16.5C5.25 16.09 5.59 15.75 6 15.75H8C8.41 15.75 8.75 16.09 8.75 16.5C8.75 16.91 8.41 17.25 8 17.25ZM14.5 17.25H10.5C10.09 17.25 9.75 16.91 9.75 16.5C9.75 16.09 10.09 15.75 10.5 15.75H14.5C14.91 15.75 15.25 16.09 15.25 16.5C15.25 16.91 14.91 17.25 14.5 17.25Z" fill="#292D32"/>
+<path d="M13.5 4.6099V7.5399C13.5 8.2099 12.96 8.7499 12.29 8.7499H3.21C2.53 8.7499 2 8.1899 2 7.5199C2.01 6.3899 2.46 5.3599 3.21 4.6099C3.96 3.8599 5 3.3999 6.14 3.3999H12.29C12.96 3.3999 13.5 3.9399 13.5 4.6099Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/card-remove-1.svg b/public/images/icons/vuesax/bold/card-remove-1.svg
new file mode 100644
index 0000000..aaf1be2
--- /dev/null
+++ b/public/images/icons/vuesax/bold/card-remove-1.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="M2 11.46V16.46C2 18.75 3.85 20.6 6.14 20.6H17.85C20.14 20.6 22 18.74 22 16.45V11.46C22 10.79 21.46 10.25 20.79 10.25H3.21C2.54 10.25 2 10.79 2 11.46ZM8 17.25H6C5.59 17.25 5.25 16.91 5.25 16.5C5.25 16.09 5.59 15.75 6 15.75H8C8.41 15.75 8.75 16.09 8.75 16.5C8.75 16.91 8.41 17.25 8 17.25ZM14.5 17.25H10.5C10.09 17.25 9.75 16.91 9.75 16.5C9.75 16.09 10.09 15.75 10.5 15.75H14.5C14.91 15.75 15.25 16.09 15.25 16.5C15.25 16.91 14.91 17.25 14.5 17.25Z" fill="#292D32"/>
+<path d="M13.5 4.6099V7.5399C13.5 8.2099 12.96 8.7499 12.29 8.7499H3.21C2.53 8.7499 2 8.1899 2 7.5199C2.01 6.3899 2.46 5.3599 3.21 4.6099C3.96 3.8599 5 3.3999 6.14 3.3999H12.29C12.96 3.3999 13.5 3.9399 13.5 4.6099Z" fill="#292D32"/>
+<path d="M19.97 2H17.03C15.76 2 15 2.76 15 4.03V6.97C15 8.24 15.76 9 17.03 9H19.97C21.24 9 22 8.24 22 6.97V4.03C22 2.76 21.24 2 19.97 2ZM20.34 6.49C20.45 6.62 20.51 6.76 20.51 6.93C20.51 7.07 20.45 7.23 20.34 7.34C20.11 7.57 19.72 7.57 19.49 7.34L18.5 6.35L17.52 7.35C17.29 7.58 16.9 7.58 16.66 7.34C16.43 7.11 16.43 6.72 16.66 6.49L17.66 5.51L16.67 4.52C16.44 4.29 16.43 3.9 16.66 3.66C16.89 3.42 17.28 3.43 17.52 3.67L18.5 4.66L19.5 3.66C19.73 3.43 20.12 3.43 20.35 3.66C20.46 3.79 20.51 3.94 20.52 4.1C20.52 4.24 20.46 4.4 20.36 4.52L19.36 5.52L20.34 6.49Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/card-remove.svg b/public/images/icons/vuesax/bold/card-remove.svg
new file mode 100644
index 0000000..7d3641e
--- /dev/null
+++ b/public/images/icons/vuesax/bold/card-remove.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="M18.8999 15.0298C16.6899 15.0298 14.8999 16.8198 14.8999 19.0298C14.8999 21.2398 16.6899 23.0298 18.8999 23.0298C21.1099 23.0298 22.8999 21.2398 22.8999 19.0298C22.8999 16.8198 21.1099 15.0298 18.8999 15.0298ZM20.4999 20.6798C20.3499 20.8298 20.1599 20.8998 19.9699 20.8998C19.7799 20.8998 19.5899 20.8298 19.4399 20.6798L18.9099 20.1498L18.3599 20.6998C18.2099 20.8498 18.0199 20.9198 17.8299 20.9198C17.6399 20.9198 17.4499 20.8498 17.2999 20.6998C17.0099 20.4098 17.0099 19.9298 17.2999 19.6398L17.8499 19.0898L17.3199 18.5598C17.0299 18.2698 17.0299 17.7898 17.3199 17.4998C17.6099 17.2098 18.0899 17.2098 18.3799 17.4998L18.9099 18.0298L19.4099 17.5298C19.6999 17.2398 20.1799 17.2398 20.4699 17.5298C20.7599 17.8198 20.7599 18.2998 20.4699 18.5898L19.9699 19.0898L20.4999 19.6198C20.7899 19.9098 20.7899 20.3898 20.4999 20.6798Z" fill="#292D32"/>
+<path d="M22 7.5499V7.9999C22 8.5499 21.55 8.9999 21 8.9999H3C2.45 8.9999 2 8.5499 2 7.9999V7.5399C2 5.2499 3.85 3.3999 6.14 3.3999H17.85C20.14 3.3999 22 5.2599 22 7.5499Z" fill="#292D32"/>
+<path d="M2 11.5002V16.4602C2 18.7502 3.85 20.6002 6.14 20.6002H12.4C12.98 20.6002 13.48 20.1102 13.43 19.5302C13.29 18.0002 13.78 16.3402 15.14 15.0202C15.7 14.4702 16.39 14.0502 17.14 13.8102C18.39 13.4102 19.6 13.4602 20.67 13.8202C21.32 14.0402 22 13.5702 22 12.8802V11.4902C22 10.9402 21.55 10.4902 21 10.4902H3C2.45 10.5002 2 10.9502 2 11.5002ZM8 17.2502H6C5.59 17.2502 5.25 16.9102 5.25 16.5002C5.25 16.0902 5.59 15.7502 6 15.7502H8C8.41 15.7502 8.75 16.0902 8.75 16.5002C8.75 16.9102 8.41 17.2502 8 17.2502Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/card-send.svg b/public/images/icons/vuesax/bold/card-send.svg
new file mode 100644
index 0000000..06a62f5
--- /dev/null
+++ b/public/images/icons/vuesax/bold/card-send.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="M19.97 1.75H17.03C15.76 1.75 15 2.51 15 3.78V6.72C15 7.99 15.76 8.75 17.03 8.75H19.97C21.24 8.75 22 7.99 22 6.72V3.78C22 2.51 21.24 1.75 19.97 1.75ZM20.19 5.06C20.07 5.18 19.91 5.24 19.75 5.24C19.59 5.24 19.43 5.18 19.31 5.06L19.13 4.88V7.12C19.13 7.47 18.85 7.75 18.5 7.75C18.15 7.75 17.87 7.47 17.87 7.12V4.88L17.69 5.06C17.45 5.3 17.05 5.3 16.81 5.06C16.57 4.82 16.57 4.42 16.81 4.18L18.06 2.93C18.11 2.88 18.18 2.84 18.25 2.81C18.27 2.8 18.29 2.8 18.31 2.79C18.36 2.77 18.41 2.76 18.47 2.76C18.49 2.76 18.51 2.76 18.53 2.76C18.6 2.76 18.66 2.77 18.73 2.8C18.74 2.8 18.74 2.8 18.75 2.8C18.82 2.83 18.88 2.87 18.93 2.92C18.94 2.93 18.94 2.93 18.95 2.93L20.2 4.18C20.44 4.42 20.44 4.82 20.19 5.06Z" fill="#292D32"/>
+<path d="M2 11.46V16.46C2 18.75 3.85 20.6 6.14 20.6H17.85C20.14 20.6 22 18.74 22 16.45V11.46C22 10.79 21.46 10.25 20.79 10.25H3.21C2.54 10.25 2 10.79 2 11.46ZM8 17.25H6C5.59 17.25 5.25 16.91 5.25 16.5C5.25 16.09 5.59 15.75 6 15.75H8C8.41 15.75 8.75 16.09 8.75 16.5C8.75 16.91 8.41 17.25 8 17.25ZM14.5 17.25H10.5C10.09 17.25 9.75 16.91 9.75 16.5C9.75 16.09 10.09 15.75 10.5 15.75H14.5C14.91 15.75 15.25 16.09 15.25 16.5C15.25 16.91 14.91 17.25 14.5 17.25Z" fill="#292D32"/>
+<path d="M13.5 4.6099V7.5399C13.5 8.2099 12.96 8.7499 12.29 8.7499H3.21C2.53 8.7499 2 8.1899 2 7.5199C2.01 6.3899 2.46 5.3599 3.21 4.6099C3.96 3.8599 5 3.3999 6.14 3.3999H12.29C12.96 3.3999 13.5 3.9399 13.5 4.6099Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/card-slash.svg b/public/images/icons/vuesax/bold/card-slash.svg
new file mode 100644
index 0000000..5dc9510
--- /dev/null
+++ b/public/images/icons/vuesax/bold/card-slash.svg
@@ -0,0 +1,8 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.27 3.6499L14.17 8.7499H3.2C2.54 8.7499 2 8.2099 2 7.5499V7.5399C2 5.2499 3.85 3.3999 6.14 3.3999H17.85C18.35 3.3999 18.83 3.4899 19.27 3.6499Z" fill="#292D32"/>
+<path d="M12.67 10.25L7.17 15.75H6C5.59 15.75 5.25 16.09 5.25 16.5C5.25 16.81 5.45 17.09 5.73 17.19L3.38 19.54C2.53 18.79 2 17.69 2 16.46V11.45C2 10.79 2.54 10.25 3.2 10.25H12.67Z" fill="#292D32"/>
+<path d="M21.9999 11V16.46C21.9999 18.75 20.1499 20.6 17.8599 20.6H8.80992C7.91992 20.6 7.46992 19.52 8.09992 18.89L9.44992 17.54C9.63992 17.35 9.88992 17.25 10.1599 17.25H14.4999C14.9099 17.25 15.2499 16.91 15.2499 16.5C15.2499 16.09 14.9099 15.75 14.4999 15.75H13.6599C12.7699 15.75 12.3199 14.67 12.9499 14.04L16.4099 10.58C16.7899 10.21 17.2999 10 17.8299 10H20.9999C21.5499 10 21.9999 10.45 21.9999 11Z" fill="#292D32"/>
+<path d="M21.7699 2.22988C21.4699 1.92988 20.9799 1.92988 20.6799 2.22988L2.22988 20.6899C1.92988 20.9899 1.92988 21.4799 2.22988 21.7799C2.37988 21.9199 2.56988 21.9999 2.76988 21.9999C2.96988 21.9999 3.15988 21.9199 3.30988 21.7699L21.7699 3.30988C22.0799 3.00988 22.0799 2.52988 21.7699 2.22988Z" fill="#292D32"/>
+<path d="M21.7701 3.31006L20.6101 4.47006L16.3301 8.75006L3.31006 21.7701C3.16006 21.9201 2.97006 22.0001 2.77006 22.0001C2.57006 22.0001 2.38006 21.9201 2.23006 21.7701C1.92006 21.4701 1.92006 20.9901 2.23006 20.6901L3.38006 19.5401L5.73006 17.1901L19.2701 3.65006L20.6901 2.23006C20.9901 1.92006 21.4701 1.92006 21.7701 2.23006C22.0801 2.53006 22.0801 3.01006 21.7701 3.31006Z" fill="#292D32"/>
+<path d="M22.0001 7.40977C22.0001 6.51977 20.9201 6.06977 20.2901 6.69977L20.0001 6.99977L19.7101 7.28977C19.0801 7.91977 19.5201 8.99977 20.4101 8.99977H21.0001C21.5501 8.99977 22.0001 8.54977 22.0001 7.99977V7.40977Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/card-tick-1.svg b/public/images/icons/vuesax/bold/card-tick-1.svg
new file mode 100644
index 0000000..ed44e16
--- /dev/null
+++ b/public/images/icons/vuesax/bold/card-tick-1.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="M2 11.46V16.46C2 18.75 3.85 20.6 6.14 20.6H17.85C20.14 20.6 22 18.74 22 16.45V11.46C22 10.79 21.46 10.25 20.79 10.25H3.21C2.54 10.25 2 10.79 2 11.46ZM8 17.25H6C5.59 17.25 5.25 16.91 5.25 16.5C5.25 16.09 5.59 15.75 6 15.75H8C8.41 15.75 8.75 16.09 8.75 16.5C8.75 16.91 8.41 17.25 8 17.25ZM14.5 17.25H10.5C10.09 17.25 9.75 16.91 9.75 16.5C9.75 16.09 10.09 15.75 10.5 15.75H14.5C14.91 15.75 15.25 16.09 15.25 16.5C15.25 16.91 14.91 17.25 14.5 17.25Z" fill="#292D32"/>
+<path d="M13.5 4.6099V7.5399C13.5 8.2099 12.96 8.7499 12.29 8.7499H3.21C2.53 8.7499 2 8.1899 2 7.5199C2.01 6.3899 2.46 5.3599 3.21 4.6099C3.96 3.8599 5 3.3999 6.14 3.3999H12.29C12.96 3.3999 13.5 3.9399 13.5 4.6099Z" fill="#292D32"/>
+<path d="M19.97 2H17.03C15.76 2 15 2.76 15 4.03V6.97C15 8.24 15.76 9 17.03 9H19.97C21.24 9 22 8.24 22 6.97V4.03C22 2.76 21.24 2 19.97 2ZM20.63 4.45L18.26 7.22C18.17 7.33 18.03 7.4 17.89 7.4C17.88 7.4 17.88 7.4 17.87 7.4C17.73 7.4 17.6 7.35 17.5 7.25L16.4 6.17C16.2 5.97 16.2 5.64 16.4 5.44C16.6 5.24 16.93 5.23 17.13 5.44L17.83 6.13L19.83 3.79C20.02 3.57 20.34 3.55 20.56 3.73C20.79 3.91 20.81 4.24 20.63 4.45Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/card-tick.svg b/public/images/icons/vuesax/bold/card-tick.svg
new file mode 100644
index 0000000..ba64217
--- /dev/null
+++ b/public/images/icons/vuesax/bold/card-tick.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="M19 15C16.79 15 15 16.79 15 19C15 19.75 15.21 20.46 15.58 21.06C16.27 22.22 17.54 23 19 23C20.46 23 21.73 22.22 22.42 21.06C22.79 20.46 23 19.75 23 19C23 16.79 21.21 15 19 15ZM21.07 18.57L18.94 20.54C18.8 20.67 18.61 20.74 18.43 20.74C18.24 20.74 18.05 20.67 17.9 20.52L16.91 19.53C16.62 19.24 16.62 18.76 16.91 18.47C17.2 18.18 17.68 18.18 17.97 18.47L18.45 18.95L20.05 17.47C20.35 17.19 20.83 17.21 21.11 17.51C21.39 17.81 21.37 18.28 21.07 18.57Z" fill="#292D32"/>
+<path d="M22 7.5499V7.9999C22 8.5499 21.55 8.9999 21 8.9999H3C2.45 8.9999 2 8.5499 2 7.9999V7.5399C2 5.2499 3.85 3.3999 6.14 3.3999H17.85C20.14 3.3999 22 5.2599 22 7.5499Z" fill="#292D32"/>
+<path d="M2 11.5002V16.4602C2 18.7502 3.85 20.6002 6.14 20.6002H12.4C12.98 20.6002 13.48 20.1102 13.43 19.5302C13.29 18.0002 13.78 16.3402 15.14 15.0202C15.7 14.4702 16.39 14.0502 17.14 13.8102C18.39 13.4102 19.6 13.4602 20.67 13.8202C21.32 14.0402 22 13.5702 22 12.8802V11.4902C22 10.9402 21.55 10.4902 21 10.4902H3C2.45 10.5002 2 10.9502 2 11.5002ZM8 17.2502H6C5.59 17.2502 5.25 16.9102 5.25 16.5002C5.25 16.0902 5.59 15.7502 6 15.7502H8C8.41 15.7502 8.75 16.0902 8.75 16.5002C8.75 16.9102 8.41 17.2502 8 17.2502Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/card.svg b/public/images/icons/vuesax/bold/card.svg
new file mode 100644
index 0000000..be33776
--- /dev/null
+++ b/public/images/icons/vuesax/bold/card.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="M22 7.5499C22 8.2099 21.46 8.7499 20.8 8.7499H3.2C2.54 8.7499 2 8.2099 2 7.5499V7.5399C2 5.2499 3.85 3.3999 6.14 3.3999H17.85C20.14 3.3999 22 5.2599 22 7.5499Z" fill="#292D32"/>
+<path d="M2 11.45V16.46C2 18.75 3.85 20.6 6.14 20.6H17.85C20.14 20.6 22 18.74 22 16.45V11.45C22 10.79 21.46 10.25 20.8 10.25H3.2C2.54 10.25 2 10.79 2 11.45ZM8 17.25H6C5.59 17.25 5.25 16.91 5.25 16.5C5.25 16.09 5.59 15.75 6 15.75H8C8.41 15.75 8.75 16.09 8.75 16.5C8.75 16.91 8.41 17.25 8 17.25ZM14.5 17.25H10.5C10.09 17.25 9.75 16.91 9.75 16.5C9.75 16.09 10.09 15.75 10.5 15.75H14.5C14.91 15.75 15.25 16.09 15.25 16.5C15.25 16.91 14.91 17.25 14.5 17.25Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/cardano-(ada).svg b/public/images/icons/vuesax/bold/cardano-(ada).svg
new file mode 100644
index 0000000..5aa7b24
--- /dev/null
+++ b/public/images/icons/vuesax/bold/cardano-(ada).svg
@@ -0,0 +1,32 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.1499 10C17.7022 10 18.1499 9.55228 18.1499 9C18.1499 8.44772 17.7022 8 17.1499 8C16.5976 8 16.1499 8.44772 16.1499 9C16.1499 9.55228 16.5976 10 17.1499 10Z" fill="black"/>
+<path d="M17.1499 16C17.7022 16 18.1499 15.5523 18.1499 15C18.1499 14.4477 17.7022 14 17.1499 14C16.5976 14 16.1499 14.4477 16.1499 15C16.1499 15.5523 16.5976 16 17.1499 16Z" fill="black"/>
+<path d="M19.75 13C20.3023 13 20.75 12.5523 20.75 12C20.75 11.4477 20.3023 11 19.75 11C19.1977 11 18.75 11.4477 18.75 12C18.75 12.5523 19.1977 13 19.75 13Z" fill="black"/>
+<path d="M6.7998 10C7.35209 10 7.7998 9.55228 7.7998 9C7.7998 8.44772 7.35209 8 6.7998 8C6.24752 8 5.7998 8.44772 5.7998 9C5.7998 9.55228 6.24752 10 6.7998 10Z" fill="black"/>
+<path d="M6.7998 16C7.35209 16 7.7998 15.5523 7.7998 15C7.7998 14.4477 7.35209 14 6.7998 14C6.24752 14 5.7998 14.4477 5.7998 15C5.7998 15.5523 6.24752 16 6.7998 16Z" fill="black"/>
+<path d="M4.19995 13C4.75224 13 5.19995 12.5523 5.19995 12C5.19995 11.4477 4.75224 11 4.19995 11C3.64767 11 3.19995 11.4477 3.19995 12C3.19995 12.5523 3.64767 13 4.19995 13Z" fill="black"/>
+<path d="M15.8999 6.2002C16.4522 6.2002 16.8999 5.75248 16.8999 5.2002C16.8999 4.64791 16.4522 4.2002 15.8999 4.2002C15.3476 4.2002 14.8999 4.64791 14.8999 5.2002C14.8999 5.75248 15.3476 6.2002 15.8999 6.2002Z" fill="black"/>
+<path d="M8.09985 6.2002C8.65214 6.2002 9.09985 5.75248 9.09985 5.2002C9.09985 4.64791 8.65214 4.2002 8.09985 4.2002C7.54757 4.2002 7.09985 4.64791 7.09985 5.2002C7.09985 5.75248 7.54757 6.2002 8.09985 6.2002Z" fill="black"/>
+<path d="M12.0498 7C12.6021 7 13.0498 6.55228 13.0498 6C13.0498 5.44772 12.6021 5 12.0498 5C11.4975 5 11.0498 5.44772 11.0498 6C11.0498 6.55228 11.4975 7 12.0498 7Z" fill="black"/>
+<path d="M15.8999 20C16.4522 20 16.8999 19.5523 16.8999 19C16.8999 18.4477 16.4522 18 15.8999 18C15.3476 18 14.8999 18.4477 14.8999 19C14.8999 19.5523 15.3476 20 15.8999 20Z" fill="black"/>
+<path d="M8.09985 20C8.65214 20 9.09985 19.5523 9.09985 19C9.09985 18.4477 8.65214 18 8.09985 18C7.54757 18 7.09985 18.4477 7.09985 19C7.09985 19.5523 7.54757 20 8.09985 20Z" fill="black"/>
+<path d="M12.0498 19.2002C12.6021 19.2002 13.0498 18.7525 13.0498 18.2002C13.0498 17.6479 12.6021 17.2002 12.0498 17.2002C11.4975 17.2002 11.0498 17.6479 11.0498 18.2002C11.0498 18.7525 11.4975 19.2002 12.0498 19.2002Z" fill="black"/>
+<path d="M13.75 10.25C14.4404 10.25 15 9.69036 15 9C15 8.30964 14.4404 7.75 13.75 7.75C13.0596 7.75 12.5 8.30964 12.5 9C12.5 9.69036 13.0596 10.25 13.75 10.25Z" fill="black"/>
+<path d="M10.25 10.25C10.9404 10.25 11.5 9.69036 11.5 9C11.5 8.30964 10.9404 7.75 10.25 7.75C9.55964 7.75 9 8.30964 9 9C9 9.69036 9.55964 10.25 10.25 10.25Z" fill="black"/>
+<path d="M15.5 13.25C16.1904 13.25 16.75 12.6904 16.75 12C16.75 11.3096 16.1904 10.75 15.5 10.75C14.8096 10.75 14.25 11.3096 14.25 12C14.25 12.6904 14.8096 13.25 15.5 13.25Z" fill="black"/>
+<path d="M8.5 13.25C9.19036 13.25 9.75 12.6904 9.75 12C9.75 11.3096 9.19036 10.75 8.5 10.75C7.80964 10.75 7.25 11.3096 7.25 12C7.25 12.6904 7.80964 13.25 8.5 13.25Z" fill="black"/>
+<path d="M10.25 16.25C10.9404 16.25 11.5 15.6904 11.5 15C11.5 14.3096 10.9404 13.75 10.25 13.75C9.55964 13.75 9 14.3096 9 15C9 15.6904 9.55964 16.25 10.25 16.25Z" fill="black"/>
+<path d="M13.75 16.25C14.4404 16.25 15 15.6904 15 15C15 14.3096 14.4404 13.75 13.75 13.75C13.0596 13.75 12.5 14.3096 12.5 15C12.5 15.6904 13.0596 16.25 13.75 16.25Z" fill="black"/>
+<path d="M12.0001 3.32982C11.5101 3.32982 11.1201 2.93982 11.1201 2.44982C11.1201 1.95982 11.5101 1.56982 12.0001 1.56982C12.4901 1.56982 12.8801 1.95982 12.8801 2.44982C12.8801 2.93982 12.4901 3.32982 12.0001 3.32982Z" fill="black"/>
+<path d="M17.25 3.6001C16.83 3.6001 16.49 3.2601 16.49 2.8501C16.49 2.4401 16.83 2.1001 17.24 2.1001C17.65 2.1001 18 2.4401 18 2.8501C18 3.2601 17.67 3.6001 17.25 3.6001Z" fill="black"/>
+<path d="M6.75 3.6001C6.34 3.6001 6 3.2601 6 2.8501C6 2.4401 6.33 2.1001 6.75 2.1001H6.76001C7.17001 2.1001 7.51001 2.4401 7.51001 2.8501C7.51001 3.2601 7.17 3.6001 6.75 3.6001Z" fill="black"/>
+<path d="M12.0001 22.3801C11.5101 22.3801 11.1201 21.9901 11.1201 21.5001C11.1201 21.0101 11.5101 20.6201 12.0001 20.6201C12.4901 20.6201 12.8801 21.0101 12.8801 21.5001C12.8801 21.9901 12.4901 22.3801 12.0001 22.3801Z" fill="black"/>
+<path d="M17.25 21.8501C16.83 21.8501 16.49 21.5101 16.49 21.1001C16.49 20.6901 16.83 20.3501 17.24 20.3501C17.65 20.3501 18 20.6901 18 21.1001C18 21.5101 17.67 21.8501 17.25 21.8501Z" fill="black"/>
+<path d="M6.75 21.8501C6.34 21.8501 6 21.5101 6 21.1001C6 20.6901 6.33 20.3501 6.75 20.3501H6.76001C7.17001 20.3501 7.51001 20.6901 7.51001 21.1001C7.51001 21.5101 7.17 21.8501 6.75 21.8501Z" fill="black"/>
+<path d="M1.5499 12.8801C1.0699 12.8801 0.669922 12.4901 0.669922 12.0101V12.0001C0.669922 11.5201 1.0599 11.1201 1.5499 11.1201C2.0399 11.1201 2.4299 11.5101 2.4299 12.0001C2.4299 12.4901 2.0299 12.8801 1.5499 12.8801Z" fill="black"/>
+<path d="M3.75 17.7502C3.34 17.7502 3 17.4202 3 17.0002V16.9902C3 16.5802 3.34 16.2402 3.75 16.2402C4.16 16.2402 4.5 16.5802 4.5 16.9902C4.5 17.4002 4.16 17.7502 3.75 17.7502Z" fill="black"/>
+<path d="M3.75 7.75977C3.34 7.75977 3 7.41977 3 7.00977C3 6.59977 3.34 6.25977 3.75 6.25977C4.16 6.25977 4.5 6.58977 4.5 6.99977V7.00977C4.5 7.41977 4.16 7.75977 3.75 7.75977Z" fill="black"/>
+<path d="M22.5001 12.8801C22.0201 12.8801 21.6201 12.4901 21.6201 12.0101V12.0001C21.6201 11.5201 22.0101 11.1201 22.5001 11.1201C22.9901 11.1201 23.3801 11.5101 23.3801 12.0001C23.3801 12.4901 22.9801 12.8801 22.5001 12.8801Z" fill="black"/>
+<path d="M20.3 17.7502C19.89 17.7502 19.55 17.4202 19.55 17.0002V16.9902C19.55 16.5802 19.89 16.2402 20.3 16.2402C20.71 16.2402 21.05 16.5802 21.05 16.9902C21.05 17.4002 20.71 17.7502 20.3 17.7502Z" fill="black"/>
+<path d="M20.3 7.75977C19.89 7.75977 19.55 7.41977 19.55 7.00977C19.55 6.59977 19.89 6.25977 20.3 6.25977C20.71 6.25977 21.05 6.58977 21.05 7.00977V7.01977C21.05 7.41977 20.71 7.75977 20.3 7.75977Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/cards.svg b/public/images/icons/vuesax/bold/cards.svg
new file mode 100644
index 0000000..f08392e
--- /dev/null
+++ b/public/images/icons/vuesax/bold/cards.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="M15.22 6.5498H5.78C5.5 6.5498 5.24 6.5598 5 6.5698C2.63 6.7098 2 7.5798 2 10.2798V10.8598C2 11.4098 2.45 11.8598 3 11.8598H18C18.55 11.8598 19 11.4098 19 10.8598V10.2798C19 7.2998 18.24 6.5498 15.22 6.5498Z" fill="#292D32"/>
+<path d="M3 13.3599C2.45 13.3599 2 13.8099 2 14.3599V17.2699C2 20.2499 2.76 20.9999 5.78 20.9999H15.22C18.19 20.9999 18.97 20.2799 19 17.4299V14.3599C19 13.8099 18.55 13.3599 18 13.3599H3ZM6.96 18.5599H5.25C4.84 18.5599 4.5 18.2199 4.5 17.8099C4.5 17.3999 4.84 17.0599 5.25 17.0599H6.97C7.38 17.0599 7.72 17.3999 7.72 17.8099C7.72 18.2199 7.38 18.5599 6.96 18.5599ZM12.55 18.5599H9.11C8.7 18.5599 8.36 18.2199 8.36 17.8099C8.36 17.3999 8.7 17.0599 9.11 17.0599H12.55C12.96 17.0599 13.3 17.3999 13.3 17.8099C13.3 18.2199 12.97 18.5599 12.55 18.5599Z" fill="#292D32"/>
+<path d="M22.0001 13.3301V8.0901C22.0001 4.9601 20.2101 3.6001 17.5101 3.6001H8.58011C7.82011 3.6001 7.14011 3.7101 6.54011 3.9401C6.07011 4.1101 5.65011 4.3601 5.31011 4.6901C5.13011 4.8601 5.27011 5.1401 5.53011 5.1401H16.4001C18.6501 5.1401 20.4701 6.9601 20.4701 9.2101V16.3801C20.4701 16.6301 20.7401 16.7701 20.9201 16.5901C21.6101 15.8601 22.0001 14.7901 22.0001 13.3301Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/category-2.svg b/public/images/icons/vuesax/bold/category-2.svg
new file mode 100644
index 0000000..00685a4
--- /dev/null
+++ b/public/images/icons/vuesax/bold/category-2.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="M18.6699 2H16.7699C14.5899 2 13.4399 3.15 13.4399 5.33V7.23C13.4399 9.41 14.5899 10.56 16.7699 10.56H18.6699C20.8499 10.56 21.9999 9.41 21.9999 7.23V5.33C21.9999 3.15 20.8499 2 18.6699 2Z" fill="#292D32"/>
+<path d="M7.24 13.4302H5.34C3.15 13.4302 2 14.5802 2 16.7602V18.6602C2 20.8502 3.15 22.0002 5.33 22.0002H7.23C9.41 22.0002 10.56 20.8502 10.56 18.6702V16.7702C10.57 14.5802 9.42 13.4302 7.24 13.4302Z" fill="#292D32"/>
+<path d="M6.29 10.58C8.6593 10.58 10.58 8.6593 10.58 6.29C10.58 3.9207 8.6593 2 6.29 2C3.9207 2 2 3.9207 2 6.29C2 8.6593 3.9207 10.58 6.29 10.58Z" fill="#292D32"/>
+<path d="M17.71 21.9999C20.0793 21.9999 22 20.0792 22 17.7099C22 15.3406 20.0793 13.4199 17.71 13.4199C15.3407 13.4199 13.42 15.3406 13.42 17.7099C13.42 20.0792 15.3407 21.9999 17.71 21.9999Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/category.svg b/public/images/icons/vuesax/bold/category.svg
new file mode 100644
index 0000000..779d03b
--- /dev/null
+++ b/public/images/icons/vuesax/bold/category.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="M7.24 2H5.34C3.15 2 2 3.15 2 5.33V7.23C2 9.41 3.15 10.56 5.33 10.56H7.23C9.41 10.56 10.56 9.41 10.56 7.23V5.33C10.57 3.15 9.42 2 7.24 2Z" fill="#292D32"/>
+<path d="M18.6699 2H16.7699C14.5899 2 13.4399 3.15 13.4399 5.33V7.23C13.4399 9.41 14.5899 10.56 16.7699 10.56H18.6699C20.8499 10.56 21.9999 9.41 21.9999 7.23V5.33C21.9999 3.15 20.8499 2 18.6699 2Z" fill="#292D32"/>
+<path d="M18.6699 13.4302H16.7699C14.5899 13.4302 13.4399 14.5802 13.4399 16.7602V18.6602C13.4399 20.8402 14.5899 21.9902 16.7699 21.9902H18.6699C20.8499 21.9902 21.9999 20.8402 21.9999 18.6602V16.7602C21.9999 14.5802 20.8499 13.4302 18.6699 13.4302Z" fill="#292D32"/>
+<path d="M7.24 13.4302H5.34C3.15 13.4302 2 14.5802 2 16.7602V18.6602C2 20.8502 3.15 22.0002 5.33 22.0002H7.23C9.41 22.0002 10.56 20.8502 10.56 18.6702V16.7702C10.57 14.5802 9.42 13.4302 7.24 13.4302Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/cd.svg b/public/images/icons/vuesax/bold/cd.svg
new file mode 100644
index 0000000..e5d9241
--- /dev/null
+++ b/public/images/icons/vuesax/bold/cd.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 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 14.5C10.62 14.5 9.5 13.38 9.5 12C9.5 10.62 10.62 9.5 12 9.5C13.38 9.5 14.5 10.62 14.5 12C14.5 13.38 13.38 14.5 12 14.5Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/celo-(celo).svg b/public/images/icons/vuesax/bold/celo-(celo).svg
new file mode 100644
index 0000000..f4684a8
--- /dev/null
+++ b/public/images/icons/vuesax/bold/celo-(celo).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 22C12.866 22 16 18.866 16 15C16 11.134 12.866 8 9 8C5.13401 8 2 11.134 2 15C2 18.866 5.13401 22 9 22Z" fill="black"/>
+<path d="M21.9998 9C21.9998 11.74 20.4299 14.11 18.1399 15.25C17.8299 15.41 17.4798 15.16 17.4498 14.82C17.1098 10.37 13.5998 6.89 9.17983 6.55C8.82983 6.52 8.58984 6.17 8.74984 5.86C9.88984 3.57 12.2598 2 14.9998 2C18.8698 2 21.9998 5.13 21.9998 9Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/celsius-(cel)-.svg b/public/images/icons/vuesax/bold/celsius-(cel)-.svg
new file mode 100644
index 0000000..a138dd6
--- /dev/null
+++ b/public/images/icons/vuesax/bold/celsius-(cel)-.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 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM16.93 15.74C15.75 17.3 13.95 18.19 12 18.19C8.59 18.19 5.81 15.41 5.81 12C5.81 8.59 8.59 5.81 12 5.81C13.35 5.81 14.64 6.24 15.72 7.05C16.05 7.3 16.12 7.77001 15.87 8.10001C15.62 8.43001 15.15 8.5 14.82 8.25C14 7.63 13.03 7.31 12 7.31C9.42 7.31 7.31 9.41 7.31 12C7.31 14.59 9.41 16.69 12 16.69C13.48 16.69 14.84 16.01 15.74 14.83C15.99 14.5 16.46 14.44 16.79 14.69C17.12 14.94 17.18 15.41 16.93 15.74ZM17.42 11.34C16.77 11.34 16.25 10.82 16.25 10.17C16.25 9.52 16.77 9 17.42 9C18.07 9 18.59 9.52 18.59 10.17C18.59 10.82 18.07 11.34 17.42 11.34Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/chainlink-(link).svg b/public/images/icons/vuesax/bold/chainlink-(link).svg
new file mode 100644
index 0000000..13fcdb3
--- /dev/null
+++ b/public/images/icons/vuesax/bold/chainlink-(link).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="M3 8.17994V15.8299C3 16.4799 3.46 17.2599 4.03 17.5799L11.03 21.4699C11.56 21.7699 12.44 21.7699 12.97 21.4699L19.97 17.5799C20.54 17.2699 21 16.4799 21 15.8299V8.17994C21 7.52994 20.54 6.74994 19.97 6.42994L12.97 2.53994C12.44 2.23994 11.56 2.23994 11.03 2.53994L4.03 6.42994C3.46 6.73994 3 7.52994 3 8.17994Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/chart-1.svg b/public/images/icons/vuesax/bold/chart-1.svg
new file mode 100644
index 0000000..18d165f
--- /dev/null
+++ b/public/images/icons/vuesax/bold/chart-1.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.19C2 19.83 4.17 22 7.81 22H16.19C19.83 22 22 19.83 22 16.19V7.81C22 4.17 19.83 2 16.19 2ZM7.75 13.6C7.75 14.01 7.41 14.35 7 14.35C6.59 14.35 6.25 14.01 6.25 13.6V10.4C6.25 9.99 6.59 9.65 7 9.65C7.41 9.65 7.75 9.99 7.75 10.4V13.6ZM12.75 15.34C12.75 15.75 12.41 16.09 12 16.09C11.59 16.09 11.25 15.75 11.25 15.34V8.66C11.25 8.25 11.59 7.91 12 7.91C12.41 7.91 12.75 8.25 12.75 8.66V15.34ZM17.75 13.6C17.75 14.01 17.41 14.35 17 14.35C16.59 14.35 16.25 14.01 16.25 13.6V10.4C16.25 9.99 16.59 9.65 17 9.65C17.41 9.65 17.75 9.99 17.75 10.4V13.6Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/chart-2.svg b/public/images/icons/vuesax/bold/chart-2.svg
new file mode 100644
index 0000000..3ca48cc
--- /dev/null
+++ b/public/images/icons/vuesax/bold/chart-2.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM9.91 16.19C9.91 16.83 9.39 17.35 8.74 17.35C8.1 17.35 7.58 16.83 7.58 16.19V12.93C7.58 12.29 8.1 11.77 8.74 11.77C9.39 11.77 9.91 12.29 9.91 12.93V16.19ZM16.42 16.19C16.42 16.83 15.9 17.35 15.26 17.35C14.61 17.35 14.09 16.83 14.09 16.19V7.81C14.09 7.17 14.61 6.65 15.26 6.65C15.9 6.65 16.42 7.17 16.42 7.81V16.19Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/chart-21.svg b/public/images/icons/vuesax/bold/chart-21.svg
new file mode 100644
index 0000000..0eac61f
--- /dev/null
+++ b/public/images/icons/vuesax/bold/chart-21.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="M22 22H2C1.59 22 1.25 21.66 1.25 21.25C1.25 20.84 1.59 20.5 2 20.5H22C22.41 20.5 22.75 20.84 22.75 21.25C22.75 21.66 22.41 22 22 22Z" fill="#292D32"/>
+<path d="M9.75 4V22H14.25V4C14.25 2.9 13.8 2 12.45 2H11.55C10.2 2 9.75 2.9 9.75 4Z" fill="#292D32"/>
+<path d="M3 10V22H7V10C7 8.9 6.6 8 5.4 8H4.6C3.4 8 3 8.9 3 10Z" fill="#292D32"/>
+<path d="M17 15V22H21V15C21 13.9 20.6 13 19.4 13H18.6C17.4 13 17 13.9 17 15Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/chart-fail.svg b/public/images/icons/vuesax/bold/chart-fail.svg
new file mode 100644
index 0000000..46006d0
--- /dev/null
+++ b/public/images/icons/vuesax/bold/chart-fail.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="M21.97 7.21C21.69 4.48 19.52 2.31 16.79 2.03C16.59 2.01 16.39 2 16.19 2H7.81C7.61 2 7.41 2.01 7.21 2.03C4.48 2.31 2.31 4.48 2.03 7.21C2.01 7.41 2 7.61 2 7.81V16.19C2 16.39 2.01 16.59 2.03 16.79C2.31 19.52 4.48 21.69 7.21 21.97C7.41 21.99 7.61 22 7.81 22H14C14.55 22 15 21.55 15 21V18.03C15 16.36 16.36 15 18.03 15H21C21.55 15 22 14.55 22 14V7.81C22 7.61 21.99 7.41 21.97 7.21ZM7.75 13.5C7.75 13.91 7.41 14.25 7 14.25C6.59 14.25 6.25 13.91 6.25 13.5V10.5C6.25 10.09 6.59 9.75 7 9.75C7.41 9.75 7.75 10.09 7.75 10.5V13.5ZM12.75 13.5C12.75 13.91 12.41 14.25 12 14.25C11.59 14.25 11.25 13.91 11.25 13.5V10.5C11.25 10.09 11.59 9.75 12 9.75C12.41 9.75 12.75 10.09 12.75 10.5V13.5Z" fill="#292D32"/>
+<path d="M20.97 16H18.03C16.76 16 16 16.76 16 18.03V20.97C16 22.24 16.76 23 18.03 23H20.97C22.24 23 23 22.24 23 20.97V18.03C23 16.76 22.24 16 20.97 16ZM21.47 20.56C21.72 20.81 21.72 21.22 21.47 21.47C21.34 21.59 21.17 21.65 21.01 21.65C20.85 21.65 20.68 21.59 20.55 21.47L19.49 20.41L18.45 21.47C18.32 21.59 18.16 21.65 17.98 21.65C17.83 21.65 17.66 21.59 17.54 21.47C17.29 21.22 17.29 20.81 17.54 20.56L18.6 19.5L17.54 18.45C17.29 18.2 17.29 17.79 17.54 17.54C17.79 17.29 18.2 17.29 18.45 17.54L19.49 18.6L20.55 17.54C20.8 17.29 21.22 17.29 21.47 17.54C21.72 17.79 21.72 18.2 21.47 18.45L20.41 19.5L21.47 20.56Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/chart-square.svg b/public/images/icons/vuesax/bold/chart-square.svg
new file mode 100644
index 0000000..8e92011
--- /dev/null
+++ b/public/images/icons/vuesax/bold/chart-square.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM9.11 16.9C9.11 17.18 8.89 17.4 8.61 17.4H5.82C5.54 17.4 5.32 17.18 5.32 16.9V12.28C5.32 11.65 5.83 11.14 6.46 11.14H8.61C8.89 11.14 9.11 11.36 9.11 11.64V16.9ZM13.89 16.9C13.89 17.18 13.67 17.4 13.39 17.4H10.6C10.32 17.4 10.1 17.18 10.1 16.9V7.74C10.1 7.11 10.61 6.6 11.24 6.6H12.76C13.39 6.6 13.9 7.11 13.9 7.74V16.9H13.89ZM18.68 16.9C18.68 17.18 18.46 17.4 18.18 17.4H15.39C15.11 17.4 14.89 17.18 14.89 16.9V13.35C14.89 13.07 15.11 12.85 15.39 12.85H17.54C18.17 12.85 18.68 13.36 18.68 13.99V16.9Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/chart-success.svg b/public/images/icons/vuesax/bold/chart-success.svg
new file mode 100644
index 0000000..258baac
--- /dev/null
+++ b/public/images/icons/vuesax/bold/chart-success.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.97 16H18.03C16.76 16 16 16.76 16 18.03V20.97C16 22.24 16.76 23 18.03 23H20.97C22.24 23 23 22.24 23 20.97V18.03C23 16.76 22.24 16 20.97 16ZM21.63 18.45L19.26 21.22C19.16 21.33 19.03 21.4 18.88 21.4C18.88 21.4 18.87 21.4 18.86 21.4C18.73 21.4 18.59 21.35 18.5 21.25L17.4 20.17C17.2 19.97 17.2 19.64 17.4 19.43C17.6 19.23 17.93 19.23 18.14 19.43L18.83 20.12L20.84 17.78C21.02 17.56 21.35 17.53 21.57 17.72C21.79 17.91 21.81 18.24 21.63 18.45Z" fill="#292D32"/>
+<path d="M20.97 16H18.03C16.76 16 16 16.76 16 18.03V20.97C16 22.24 16.76 23 18.03 23H20.97C22.24 23 23 22.24 23 20.97V18.03C23 16.76 22.24 16 20.97 16ZM21.63 18.45L19.26 21.22C19.16 21.33 19.03 21.4 18.88 21.4C18.88 21.4 18.87 21.4 18.86 21.4C18.73 21.4 18.59 21.35 18.5 21.25L17.4 20.17C17.2 19.97 17.2 19.64 17.4 19.43C17.6 19.23 17.93 19.23 18.14 19.43L18.83 20.12L20.84 17.78C21.02 17.56 21.35 17.53 21.57 17.72C21.79 17.91 21.81 18.24 21.63 18.45Z" fill="#292D32"/>
+<path d="M21.97 7.21C21.69 4.48 19.52 2.31 16.79 2.03C16.59 2.01 16.39 2 16.19 2H7.81C7.61 2 7.41 2.01 7.21 2.03C4.48 2.31 2.31 4.48 2.03 7.21C2.01 7.41 2 7.61 2 7.81V16.19C2 16.39 2.01 16.59 2.03 16.79C2.31 19.52 4.48 21.69 7.21 21.97C7.41 21.99 7.61 22 7.81 22H14C14.55 22 15 21.55 15 21V18.03C15 16.36 16.36 15 18.03 15H21C21.55 15 22 14.55 22 14V7.81C22 7.61 21.99 7.41 21.97 7.21ZM7.75 13.5C7.75 13.91 7.41 14.25 7 14.25C6.59 14.25 6.25 13.91 6.25 13.5V10.5C6.25 10.09 6.59 9.75 7 9.75C7.41 9.75 7.75 10.09 7.75 10.5V13.5ZM12.75 13.5C12.75 13.91 12.41 14.25 12 14.25C11.59 14.25 11.25 13.91 11.25 13.5V10.5C11.25 10.09 11.59 9.75 12 9.75C12.41 9.75 12.75 10.09 12.75 10.5V13.5Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/chart.svg b/public/images/icons/vuesax/bold/chart.svg
new file mode 100644
index 0000000..0b33197
--- /dev/null
+++ b/public/images/icons/vuesax/bold/chart.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 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 8.75C11.59 8.75 11.25 8.41 11.25 8C11.25 7.59 11.59 7.25 12 7.25C14.62 7.25 16.75 9.38 16.75 12C16.75 14.62 14.62 16.75 12 16.75C11.59 16.75 11.25 16.41 11.25 16C11.25 15.59 11.59 15.25 12 15.25C13.79 15.25 15.25 13.79 15.25 12C15.25 10.21 13.79 8.75 12 8.75ZM12 19.75C7.73 19.75 4.25 16.27 4.25 12C4.25 11.59 4.59 11.25 5 11.25C5.41 11.25 5.75 11.59 5.75 12C5.75 15.45 8.55 18.25 12 18.25C15.45 18.25 18.25 15.45 18.25 12C18.25 8.55 15.45 5.75 12 5.75C11.59 5.75 11.25 5.41 11.25 5C11.25 4.59 11.59 4.25 12 4.25C16.27 4.25 19.75 7.73 19.75 12C19.75 16.27 16.27 19.75 12 19.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/check.svg b/public/images/icons/vuesax/bold/check.svg
new file mode 100644
index 0000000..aee600c
--- /dev/null
+++ b/public/images/icons/vuesax/bold/check.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="M15 22C14.59 22 14.25 21.66 14.25 21.25V2.75C14.25 2.34 14.59 2 15 2C15.41 2 15.75 2.34 15.75 2.75V21.25C15.75 21.66 15.41 22 15 22Z" fill="#292D32"/>
+<path d="M18 20H15V4H18C20.21 4 22 5.79 22 8V16C22 18.21 20.21 20 18 20Z" fill="#292D32"/>
+<path d="M6 4C3.79 4 2 5.79 2 8V16C2 18.21 3.79 20 6 20H11C11.55 20 12 19.55 12 19V5C12 4.45 11.55 4 11 4H6ZM7.75 15.5C7.75 15.91 7.41 16.25 7 16.25C6.59 16.25 6.25 15.91 6.25 15.5V8.5C6.25 8.09 6.59 7.75 7 7.75C7.41 7.75 7.75 8.09 7.75 8.5V15.5Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/chrome.svg b/public/images/icons/vuesax/bold/chrome.svg
new file mode 100644
index 0000000..da08113
--- /dev/null
+++ b/public/images/icons/vuesax/bold/chrome.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="M11.82 6.9C14.68 6.28 17.58 6.19 20.45 6.66C18.68 3.86 15.56 2 12 2C8.89002 2 6.11002 3.42 4.27002 5.65C4.71002 6.95 5.27002 8.19 5.94002 9.37C6.32002 10.05 7.29002 10.02 7.68002 9.35C8.53002 7.92 10.06 6.96 11.82 6.9Z" fill="#292D32"/>
+<path d="M7.72002 14.7199C5.72002 12.5799 4.16002 10.1399 3.09002 7.43994C1.59002 10.3999 1.60002 14.0299 3.43002 17.0799C5.03002 19.7499 7.67002 21.4099 10.53 21.8399C11.42 20.7899 12.2 19.6699 12.87 18.4999C13.26 17.8199 12.73 17.0099 11.95 17.0099C10.28 17.0199 8.67002 16.1999 7.72002 14.7199Z" fill="#292D32"/>
+<path d="M8.57001 12.0001C8.57001 12.6101 8.72001 13.1801 9.03001 13.7201C9.64001 14.7701 10.77 15.4301 11.99 15.4301C13.21 15.4301 14.35 14.7701 14.95 13.7201C15.26 13.1801 15.42 12.6101 15.42 12.0001C15.42 10.1101 13.88 8.58013 11.99 8.58013C10.11 8.57013 8.57001 10.1101 8.57001 12.0001Z" fill="#292D32"/>
+<path d="M21.34 8.41979C19.97 8.12979 18.58 7.96979 17.2 7.94979C16.41 7.93979 15.96 8.79979 16.35 9.48979C16.75 10.1998 16.98 11.0198 16.98 11.8898C16.98 12.7298 16.76 13.5598 16.35 14.2998C15.41 17.1798 14.01 19.7398 12.16 21.9998C17.61 21.9098 22 17.4698 22 11.9998C22 10.7398 21.77 9.52979 21.34 8.41979Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/civic-(cvc).svg b/public/images/icons/vuesax/bold/civic-(cvc).svg
new file mode 100644
index 0000000..116c80e
--- /dev/null
+++ b/public/images/icons/vuesax/bold/civic-(cvc).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.3001 10.1301C14.5801 11.2301 14.0901 12.2501 13.2501 12.7701V14.7501C13.2501 15.4401 12.6901 16.0001 12.0001 16.0001C11.3101 16.0001 10.7501 15.4401 10.7501 14.7501V12.7701C10.0701 12.3501 9.62012 11.6001 9.62012 10.7501C9.62012 9.23006 11.0601 8.05006 12.6401 8.47006C13.4401 8.68006 14.0901 9.33006 14.3001 10.1301Z" fill="black"/>
+<path d="M12 22.75C6.07 22.75 1.25 17.93 1.25 12C1.25 6.07 6.07 1.25 12 1.25C16.74 1.25 20.86 4.29 22.27 8.8C22.39 9.2 22.17 9.62001 21.78 9.74001C21.38 9.86001 20.96 9.64 20.84 9.25C19.63 5.36 16.08 2.75 12.01 2.75C6.90999 2.75 2.75999 6.9 2.75999 12C2.75999 17.1 6.90999 21.25 12.01 21.25C16.07 21.25 19.62 18.65 20.83 14.78C20.95 14.38 21.37 14.17 21.77 14.29C22.17 14.41 22.38 14.84 22.26 15.23C20.84 19.73 16.72 22.75 12 22.75Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/clipboard-close.svg b/public/images/icons/vuesax/bold/clipboard-close.svg
new file mode 100644
index 0000000..b22ae1a
--- /dev/null
+++ b/public/images/icons/vuesax/bold/clipboard-close.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.35 2H9.65001C8.61001 2 7.76001 2.84 7.76001 3.88V4.82C7.76001 5.86 8.60001 6.7 9.64001 6.7H14.35C15.39 6.7 16.23 5.86 16.23 4.82V3.88C16.24 2.84 15.39 2 14.35 2Z" fill="#292D32"/>
+<path d="M17.24 4.81998C17.24 6.40998 15.94 7.70998 14.35 7.70998H9.64998C8.05998 7.70998 6.75998 6.40998 6.75998 4.81998C6.75998 4.25998 6.15998 3.90998 5.65998 4.16998C4.24998 4.91998 3.28998 6.40998 3.28998 8.11998V17.53C3.28998 19.99 5.29998 22 7.75998 22H16.24C18.7 22 20.71 19.99 20.71 17.53V8.11998C20.71 6.40998 19.75 4.91998 18.34 4.16998C17.84 3.90998 17.24 4.25998 17.24 4.81998ZM14.53 16.69C14.38 16.84 14.19 16.91 14 16.91C13.81 16.91 13.62 16.84 13.47 16.69L12.02 15.24L10.53 16.73C10.38 16.88 10.19 16.95 9.99998 16.95C9.80998 16.95 9.61998 16.88 9.46998 16.73C9.17998 16.44 9.17998 15.96 9.46998 15.67L10.96 14.18L9.50998 12.73C9.21998 12.44 9.21998 11.96 9.50998 11.67C9.79998 11.38 10.28 11.38 10.57 11.67L12.02 13.12L13.42 11.72C13.71 11.43 14.19 11.43 14.48 11.72C14.77 12.01 14.77 12.49 14.48 12.78L13.08 14.18L14.53 15.63C14.82 15.92 14.82 16.39 14.53 16.69Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/clipboard-export.svg b/public/images/icons/vuesax/bold/clipboard-export.svg
new file mode 100644
index 0000000..57ddeef
--- /dev/null
+++ b/public/images/icons/vuesax/bold/clipboard-export.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.35 2H9.65001C8.61001 2 7.76001 2.84 7.76001 3.88V4.82C7.76001 5.86 8.60001 6.7 9.64001 6.7H14.35C15.39 6.7 16.23 5.86 16.23 4.82V3.88C16.24 2.84 15.39 2 14.35 2Z" fill="#292D32"/>
+<path d="M17.24 4.81998C17.24 6.40998 15.94 7.70998 14.35 7.70998H9.64998C8.05998 7.70998 6.75998 6.40998 6.75998 4.81998C6.75998 4.25998 6.15998 3.90998 5.65998 4.16998C4.24998 4.91998 3.28998 6.40998 3.28998 8.11998V17.53C3.28998 19.99 5.29998 22 7.75998 22H16.24C18.7 22 20.71 19.99 20.71 17.53V8.11998C20.71 6.40998 19.75 4.91998 18.34 4.16998C17.84 3.90998 17.24 4.25998 17.24 4.81998ZM15.53 17.53C15.38 17.68 15.19 17.75 15 17.75C14.81 17.75 14.62 17.68 14.47 17.53L9.74998 12.81V14C9.74998 14.41 9.40998 14.75 8.99998 14.75C8.58998 14.75 8.24998 14.41 8.24998 14V11C8.24998 10.59 8.58998 10.25 8.99998 10.25H12C12.41 10.25 12.75 10.59 12.75 11C12.75 11.41 12.41 11.75 12 11.75H10.81L15.53 16.47C15.82 16.76 15.82 17.24 15.53 17.53Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/clipboard-import.svg b/public/images/icons/vuesax/bold/clipboard-import.svg
new file mode 100644
index 0000000..6c5c558
--- /dev/null
+++ b/public/images/icons/vuesax/bold/clipboard-import.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.35 2H9.65001C8.61001 2 7.76001 2.84 7.76001 3.88V4.82C7.76001 5.86 8.60001 6.7 9.64001 6.7H14.35C15.39 6.7 16.23 5.86 16.23 4.82V3.88C16.24 2.84 15.39 2 14.35 2Z" fill="#292D32"/>
+<path d="M17.24 4.81998C17.24 6.40998 15.94 7.70998 14.35 7.70998H9.64998C8.05998 7.70998 6.75998 6.40998 6.75998 4.81998C6.75998 4.25998 6.15998 3.90998 5.65998 4.16998C4.24998 4.91998 3.28998 6.40998 3.28998 8.11998V17.53C3.28998 19.99 5.29998 22 7.75998 22H16.24C18.7 22 20.71 19.99 20.71 17.53V8.11998C20.71 6.40998 19.75 4.91998 18.34 4.16998C17.84 3.90998 17.24 4.25998 17.24 4.81998ZM15.75 17C15.75 17.41 15.41 17.75 15 17.75H12C11.59 17.75 11.25 17.41 11.25 17C11.25 16.59 11.59 16.25 12 16.25H13.19L8.46998 11.53C8.17998 11.24 8.17998 10.76 8.46998 10.47C8.75998 10.18 9.23998 10.18 9.52998 10.47L14.25 15.19V14C14.25 13.59 14.59 13.25 15 13.25C15.41 13.25 15.75 13.59 15.75 14V17Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/clipboard-text.svg b/public/images/icons/vuesax/bold/clipboard-text.svg
new file mode 100644
index 0000000..48bf63c
--- /dev/null
+++ b/public/images/icons/vuesax/bold/clipboard-text.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.35 2H9.65001C8.61001 2 7.76001 2.84 7.76001 3.88V4.82C7.76001 5.86 8.60001 6.7 9.64001 6.7H14.35C15.39 6.7 16.23 5.86 16.23 4.82V3.88C16.24 2.84 15.39 2 14.35 2Z" fill="#292D32"/>
+<path d="M17.24 4.81998C17.24 6.40998 15.94 7.70998 14.35 7.70998H9.64998C8.05998 7.70998 6.75998 6.40998 6.75998 4.81998C6.75998 4.25998 6.15998 3.90998 5.65998 4.16998C4.24998 4.91998 3.28998 6.40998 3.28998 8.11998V17.53C3.28998 19.99 5.29998 22 7.75998 22H16.24C18.7 22 20.71 19.99 20.71 17.53V8.11998C20.71 6.40998 19.75 4.91998 18.34 4.16998C17.84 3.90998 17.24 4.25998 17.24 4.81998ZM12.38 16.95H7.99998C7.58998 16.95 7.24998 16.61 7.24998 16.2C7.24998 15.79 7.58998 15.45 7.99998 15.45H12.38C12.79 15.45 13.13 15.79 13.13 16.2C13.13 16.61 12.79 16.95 12.38 16.95ZM15 12.95H7.99998C7.58998 12.95 7.24998 12.61 7.24998 12.2C7.24998 11.79 7.58998 11.45 7.99998 11.45H15C15.41 11.45 15.75 11.79 15.75 12.2C15.75 12.61 15.41 12.95 15 12.95Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/clipboard-tick.svg b/public/images/icons/vuesax/bold/clipboard-tick.svg
new file mode 100644
index 0000000..fc2eadf
--- /dev/null
+++ b/public/images/icons/vuesax/bold/clipboard-tick.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.35 2H9.65001C8.61001 2 7.76001 2.84 7.76001 3.88V4.82C7.76001 5.86 8.60001 6.7 9.64001 6.7H14.35C15.39 6.7 16.23 5.86 16.23 4.82V3.88C16.24 2.84 15.39 2 14.35 2Z" fill="#292D32"/>
+<path d="M17.24 4.81998C17.24 6.40998 15.94 7.70998 14.35 7.70998H9.64998C8.05998 7.70998 6.75998 6.40998 6.75998 4.81998C6.75998 4.25998 6.15998 3.90998 5.65998 4.16998C4.24998 4.91998 3.28998 6.40998 3.28998 8.11998V17.53C3.28998 19.99 5.29998 22 7.75998 22H16.24C18.7 22 20.71 19.99 20.71 17.53V8.11998C20.71 6.40998 19.75 4.91998 18.34 4.16998C17.84 3.90998 17.24 4.25998 17.24 4.81998ZM15.34 12.73L11.34 16.73C11.19 16.88 11 16.95 10.81 16.95C10.62 16.95 10.43 16.88 10.28 16.73L8.77998 15.23C8.48998 14.94 8.48998 14.46 8.77998 14.17C9.06998 13.88 9.54998 13.88 9.83998 14.17L10.81 15.14L14.28 11.67C14.57 11.38 15.05 11.38 15.34 11.67C15.63 11.96 15.63 12.44 15.34 12.73Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/clipboard.svg b/public/images/icons/vuesax/bold/clipboard.svg
new file mode 100644
index 0000000..dfa89a5
--- /dev/null
+++ b/public/images/icons/vuesax/bold/clipboard.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="M13.89 2.88014L9.19999 2.14014C5.28999 1.53014 3.47999 2.85014 2.85999 6.76014L2.11999 11.4501C1.71999 14.0101 2.13999 15.6701 3.58999 16.6801C4.34999 17.2201 5.38999 17.5801 6.73999 17.7901L11.43 18.5301C15.34 19.1401 17.15 17.8201 17.77 13.9101L18.5 9.22014C18.62 8.45014 18.67 7.76014 18.63 7.15014C18.5 4.65014 17.03 3.37014 13.89 2.88014ZM8.23999 9.35014C7.06999 9.35014 6.11999 8.40014 6.11999 7.24014C6.11999 6.07014 7.06999 5.12014 8.23999 5.12014C9.39999 5.12014 10.35 6.07014 10.35 7.24014C10.35 8.40014 9.39999 9.35014 8.23999 9.35014Z" fill="#292D32"/>
+<path d="M20.5 13.4701L19 17.9801C17.75 21.7401 15.75 22.7401 11.99 21.4901L7.48001 19.9901C6.07001 19.5201 5.05001 18.9401 4.39001 18.2101C5.02001 18.4601 5.75001 18.6501 6.58001 18.7801L11.28 19.5201C11.92 19.6201 12.52 19.6701 13.08 19.6701C16.38 19.6701 18.15 17.8901 18.76 14.0601L19.49 9.37006C19.59 8.79006 19.63 8.28006 19.63 7.81006C21.15 9.06006 21.37 10.8401 20.5 13.4701Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/clock.svg b/public/images/icons/vuesax/bold/clock.svg
new file mode 100644
index 0000000..089af7b
--- /dev/null
+++ b/public/images/icons/vuesax/bold/clock.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 2C6.49 2 2 6.49 2 12C2 17.51 6.49 22 12 22C17.51 22 22 17.51 22 12C22 6.49 17.51 2 12 2ZM16.35 15.57C16.21 15.81 15.96 15.94 15.7 15.94C15.57 15.94 15.44 15.91 15.32 15.83L12.22 13.98C11.45 13.52 10.88 12.51 10.88 11.62V7.52C10.88 7.11 11.22 6.77 11.63 6.77C12.04 6.77 12.38 7.11 12.38 7.52V11.62C12.38 11.98 12.68 12.51 12.99 12.69L16.09 14.54C16.45 14.75 16.57 15.21 16.35 15.57Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/close-circle.svg b/public/images/icons/vuesax/bold/close-circle.svg
new file mode 100644
index 0000000..71a975c
--- /dev/null
+++ b/public/images/icons/vuesax/bold/close-circle.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 2C6.49 2 2 6.49 2 12C2 17.51 6.49 22 12 22C17.51 22 22 17.51 22 12C22 6.49 17.51 2 12 2ZM15.36 14.3C15.65 14.59 15.65 15.07 15.36 15.36C15.21 15.51 15.02 15.58 14.83 15.58C14.64 15.58 14.45 15.51 14.3 15.36L12 13.06L9.7 15.36C9.55 15.51 9.36 15.58 9.17 15.58C8.98 15.58 8.79 15.51 8.64 15.36C8.35 15.07 8.35 14.59 8.64 14.3L10.94 12L8.64 9.7C8.35 9.41 8.35 8.93 8.64 8.64C8.93 8.35 9.41 8.35 9.7 8.64L12 10.94L14.3 8.64C14.59 8.35 15.07 8.35 15.36 8.64C15.65 8.93 15.65 9.41 15.36 9.7L13.06 12L15.36 14.3Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/close-square.svg b/public/images/icons/vuesax/bold/close-square.svg
new file mode 100644
index 0000000..0eb8e30
--- /dev/null
+++ b/public/images/icons/vuesax/bold/close-square.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM15.36 14.3C15.65 14.59 15.65 15.07 15.36 15.36C15.21 15.51 15.02 15.58 14.83 15.58C14.64 15.58 14.45 15.51 14.3 15.36L12 13.06L9.7 15.36C9.55 15.51 9.36 15.58 9.17 15.58C8.98 15.58 8.79 15.51 8.64 15.36C8.35 15.07 8.35 14.59 8.64 14.3L10.94 12L8.64 9.7C8.35 9.41 8.35 8.93 8.64 8.64C8.93 8.35 9.41 8.35 9.7 8.64L12 10.94L14.3 8.64C14.59 8.35 15.07 8.35 15.36 8.64C15.65 8.93 15.65 9.41 15.36 9.7L13.06 12L15.36 14.3Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/cloud-add.svg b/public/images/icons/vuesax/bold/cloud-add.svg
new file mode 100644
index 0000000..7cf4ed1
--- /dev/null
+++ b/public/images/icons/vuesax/bold/cloud-add.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.5298C9.24 11.5298 7 13.7698 7 16.5298C7 17.2698 7.16 17.9698 7.46 18.5898C7.54 18.7698 7.63 18.9398 7.73 19.0998C8.59 20.5498 10.18 21.5298 12 21.5298C13.82 21.5298 15.41 20.5498 16.27 19.0998C16.37 18.9398 16.46 18.7698 16.54 18.5898C16.84 17.9698 17 17.2698 17 16.5298C17 13.7698 14.76 11.5298 12 11.5298ZM14.07 16.0998L11.94 18.0698C11.8 18.1998 11.61 18.2698 11.43 18.2698C11.24 18.2698 11.05 18.1998 10.9 18.0498L9.91 17.0598C9.62 16.7698 9.62 16.2898 9.91 15.9998C10.2 15.7098 10.68 15.7098 10.97 15.9998L11.45 16.4798L13.05 14.9998C13.36 14.7198 13.83 14.7398 14.11 15.0398C14.39 15.3398 14.37 15.8098 14.07 16.0998Z" fill="#292D32"/>
+<path d="M20.1999 17.07C19.8399 17.39 19.4499 17.66 19.0299 17.88C18.6699 18.06 18.3099 17.71 18.3699 17.31C18.41 17.02 18.4299 16.72 18.4299 16.41C18.4299 12.83 15.5099 9.91003 11.9299 9.91003C8.34995 9.91003 5.42995 12.83 5.42995 16.41C5.42995 16.87 5.47995 17.31 5.56995 17.74C5.63995 18.09 5.36995 18.44 5.01995 18.35C1.06995 17.39 1.04995 11.31 5.46995 11H5.51995C2.30995 2.07003 15.8499 -1.49997 17.3999 7.88003C21.7299 8.43003 23.4799 14.2 20.1999 17.07Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/cloud-change.svg b/public/images/icons/vuesax/bold/cloud-change.svg
new file mode 100644
index 0000000..a43685a
--- /dev/null
+++ b/public/images/icons/vuesax/bold/cloud-change.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.11003 11.8498C5.29003 12.0498 5.30003 16.1498 8.11003 16.3498H14.78C15.59 16.3598 16.37 16.0498 16.97 15.5098C18.95 13.7798 17.89 10.3098 15.29 9.97976C14.36 4.33976 6.21003 6.47976 8.14003 11.8498" fill="#292D32"/>
+<path d="M9 22.75C4.73 22.75 1.25 19.27 1.25 15C1.25 14.59 1.59 14.25 2 14.25C2.41 14.25 2.75 14.59 2.75 15C2.75 17.96 4.81 20.44 7.58 21.09L7.31 20.64C7.1 20.28 7.21 19.82 7.57 19.61C7.92 19.4 8.39 19.51 8.6 19.87L9.65 21.62C9.79 21.85 9.79 22.14 9.66 22.37C9.52 22.6 9.27 22.75 9 22.75Z" fill="#292D32"/>
+<path d="M22.0001 9.75C21.5901 9.75 21.2501 9.41 21.2501 9C21.2501 6.04 19.1901 3.56 16.4201 2.91L16.6901 3.36C16.9001 3.72 16.7901 4.18 16.4301 4.39C16.0801 4.6 15.6101 4.49 15.4001 4.13L14.3501 2.38C14.2101 2.15 14.2101 1.86 14.3401 1.63C14.4801 1.4 14.7301 1.25 15.0001 1.25C19.2701 1.25 22.7501 4.73 22.7501 9C22.7501 9.41 22.4101 9.75 22.0001 9.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/cloud-connection.svg b/public/images/icons/vuesax/bold/cloud-connection.svg
new file mode 100644
index 0000000..d074b9f
--- /dev/null
+++ b/public/images/icons/vuesax/bold/cloud-connection.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="M19.2 14.7802C18.34 15.5702 17.2 16.0102 16.03 16.0002H6.36997C2.29997 15.7102 2.28997 9.80016 6.36997 9.51016H6.40997C3.61997 1.75016 15.41 -1.33984 16.76 6.80016C20.53 7.28016 22.06 12.2902 19.2 14.7802Z" fill="#292D32"/>
+<path d="M18.75 21C18.75 21.41 18.41 21.75 18 21.75H14C13.95 21.75 13.91 21.75 13.86 21.73C13.57 22.47 12.84 23 12 23C11.16 23 10.43 22.47 10.14 21.73C10.09 21.75 10.05 21.75 10 21.75H6C5.59 21.75 5.25 21.41 5.25 21C5.25 20.59 5.59 20.25 6 20.25H10C10.05 20.25 10.09 20.25 10.14 20.27C10.34 19.75 10.75 19.34 11.27 19.14C11.25 19.09 11.25 19.05 11.25 19V16H12.75V19C12.75 19.05 12.75 19.09 12.73 19.14C13.25 19.34 13.66 19.75 13.86 20.27C13.91 20.25 13.95 20.25 14 20.25H18C18.41 20.25 18.75 20.59 18.75 21Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/cloud-cross.svg b/public/images/icons/vuesax/bold/cloud-cross.svg
new file mode 100644
index 0000000..e3b43a9
--- /dev/null
+++ b/public/images/icons/vuesax/bold/cloud-cross.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="M20.17 17.5699C19.64 18.0599 19.03 18.4299 18.37 18.6799C17.71 18.9299 17 18.4499 17 17.7399V16.4199C17 14.4699 15.42 12.8899 13.47 12.8899H10.53C8.58 12.8899 7 14.4699 7 16.4199V17.9999C7 18.5499 6.55 18.9999 6 18.9999H5.55C3.1 18.6299 2 16.6399 2 14.8599C2 13.1799 2.98 11.3199 5.11 10.7999C4.52 8.46994 5.02 6.27994 6.54 4.68994C8.27 2.87994 11.03 2.15994 13.41 2.89994C15.6 3.56994 17.14 5.36994 17.69 7.86994C19.6 8.29994 21.13 9.73994 21.74 11.7399C22.4 13.9099 21.8 16.1399 20.17 17.5699Z" fill="#292D32"/>
+<path d="M13.47 14.3901H10.53C9.26 14.3901 8.5 15.1501 8.5 16.4201V19.3601C8.5 20.6301 9.26 21.3901 10.53 21.3901H13.47C14.74 21.3901 15.5 20.6301 15.5 19.3601V16.4201C15.5 15.1501 14.74 14.3901 13.47 14.3901ZM13.97 18.9401C14.22 19.1901 14.22 19.6001 13.97 19.8501C13.84 19.9701 13.68 20.0301 13.51 20.0301C13.35 20.0301 13.19 19.9701 13.06 19.8501L12 18.7901L10.95 19.8501C10.82 19.9701 10.66 20.0301 10.49 20.0301C10.33 20.0301 10.17 19.9701 10.04 19.8501C9.79 19.6001 9.79 19.1901 10.04 18.9401L11.1 17.8801L10.04 16.8301C9.79 16.5801 9.79 16.1701 10.04 15.9201C10.29 15.6701 10.7 15.6701 10.95 15.9201L12 16.9801L13.06 15.9201C13.31 15.6701 13.72 15.6701 13.97 15.9201C14.22 16.1701 14.22 16.5801 13.97 16.8301L12.91 17.8801L13.97 18.9401Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/cloud-drizzle.svg b/public/images/icons/vuesax/bold/cloud-drizzle.svg
new file mode 100644
index 0000000..c03ffc0
--- /dev/null
+++ b/public/images/icons/vuesax/bold/cloud-drizzle.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="M20.17 17.5699C19.64 18.0599 19.03 18.4299 18.37 18.6799C17.71 18.9299 17 18.4499 17 17.7399V16.4199C17 14.4699 15.42 12.8899 13.47 12.8899H10.53C8.58 12.8899 7 14.4699 7 16.4199V17.9999C7 18.5499 6.55 18.9999 6 18.9999H5.55C3.1 18.6299 2 16.6399 2 14.8599C2 13.1799 2.98 11.3199 5.11 10.7999C4.52 8.46994 5.02 6.27994 6.54 4.68994C8.27 2.87994 11.03 2.15994 13.41 2.89994C15.6 3.56994 17.14 5.36994 17.69 7.86994C19.6 8.29994 21.13 9.73994 21.74 11.7399C22.4 13.9099 21.8 16.1399 20.17 17.5699Z" fill="#292D32"/>
+<path d="M13.47 14.3901H10.53C9.26 14.3901 8.5 15.1501 8.5 16.4201V19.3601C8.5 20.6301 9.26 21.3901 10.53 21.3901H13.47C14.74 21.3901 15.5 20.6301 15.5 19.3601V16.4201C15.5 15.1501 14.74 14.3901 13.47 14.3901ZM11.71 18.8401L10.47 20.0701C10.38 20.1601 10.26 20.2101 10.15 20.2101C10.02 20.2101 9.91 20.1601 9.82 20.0701C9.64 19.8901 9.64 19.6001 9.82 19.4201L11.05 18.1801C11.24 18.0001 11.53 18.0001 11.71 18.1801C11.89 18.3601 11.89 18.6601 11.71 18.8401ZM11.71 16.3601L10.47 17.6001C10.38 17.6901 10.26 17.7401 10.15 17.7401C10.02 17.7401 9.91 17.6901 9.82 17.6001C9.64 17.4201 9.64 17.1201 9.82 16.9401L11.05 15.7101C11.24 15.5301 11.53 15.5301 11.71 15.7101C11.89 15.8901 11.89 16.1801 11.71 16.3601ZM14.18 18.8401L12.95 20.0701C12.85 20.1601 12.74 20.2101 12.62 20.2101C12.5 20.2101 12.38 20.1601 12.29 20.0701C12.11 19.8901 12.11 19.6001 12.29 19.4201L13.53 18.1801C13.71 18.0001 14 18.0001 14.18 18.1801C14.36 18.3601 14.36 18.6601 14.18 18.8401ZM14.18 16.3601L12.95 17.6001C12.85 17.6901 12.74 17.7401 12.62 17.7401C12.5 17.7401 12.38 17.6901 12.29 17.6001C12.11 17.4201 12.11 17.1201 12.29 16.9401L13.53 15.7101C13.71 15.5301 14 15.5301 14.18 15.7101C14.36 15.8901 14.36 16.1801 14.18 16.3601Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/cloud-fog.svg b/public/images/icons/vuesax/bold/cloud-fog.svg
new file mode 100644
index 0000000..2ffb3c9
--- /dev/null
+++ b/public/images/icons/vuesax/bold/cloud-fog.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="M19.8 11.9998H4.20005C3.98005 11.9998 3.78005 11.8498 3.71005 11.6398C0.96005 2.54979 14.8401 -0.94021 16.4501 8.81979C18.1101 9.02979 19.42 9.96979 20.23 11.2298C20.44 11.5598 20.19 11.9998 19.8 11.9998Z" fill="#292D32"/>
+<path d="M20 15.7798H4C3.59 15.7798 3.25 15.4398 3.25 15.0298C3.25 14.6198 3.59 14.2798 4 14.2798H20C20.41 14.2798 20.75 14.6198 20.75 15.0298C20.75 15.4398 20.41 15.7798 20 15.7798Z" fill="#292D32"/>
+<path d="M18 18.7798H6C5.59 18.7798 5.25 18.4398 5.25 18.0298C5.25 17.6198 5.59 17.2798 6 17.2798H18C18.41 17.2798 18.75 17.6198 18.75 18.0298C18.75 18.4398 18.41 18.7798 18 18.7798Z" fill="#292D32"/>
+<path d="M15 21.7798H9C8.59 21.7798 8.25 21.4398 8.25 21.0298C8.25 20.6198 8.59 20.2798 9 20.2798H15C15.41 20.2798 15.75 20.6198 15.75 21.0298C15.75 21.4398 15.41 21.7798 15 21.7798Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/cloud-lightning.svg b/public/images/icons/vuesax/bold/cloud-lightning.svg
new file mode 100644
index 0000000..7a99bbf
--- /dev/null
+++ b/public/images/icons/vuesax/bold/cloud-lightning.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="M20.17 17.5699C19.64 18.0599 19.03 18.4299 18.37 18.6799C17.71 18.9299 17 18.4499 17 17.7399V16.4199C17 14.4699 15.42 12.8899 13.47 12.8899H10.53C8.58 12.8899 7 14.4699 7 16.4199V17.9999C7 18.5499 6.55 18.9999 6 18.9999H5.55C3.1 18.6299 2 16.6399 2 14.8599C2 13.1799 2.98 11.3199 5.11 10.7999C4.52 8.46994 5.02 6.27994 6.54 4.68994C8.27 2.87994 11.03 2.15994 13.41 2.89994C15.6 3.56994 17.14 5.36994 17.69 7.86994C19.6 8.29994 21.13 9.73994 21.74 11.7399C22.4 13.9099 21.8 16.1399 20.17 17.5699Z" fill="#292D32"/>
+<path d="M13.47 14.3901H10.53C9.26 14.3901 8.5 15.1501 8.5 16.4201V19.3601C8.5 20.6301 9.26 21.3901 10.53 21.3901H13.47C14.74 21.3901 15.5 20.6301 15.5 19.3601V16.4201C15.5 15.1501 14.74 14.3901 13.47 14.3901ZM13.67 18.0501L12 19.9501L11.8 20.1801C11.53 20.4901 11.3 20.4101 11.3 19.9901V18.2101H10.54C10.19 18.2101 10.1 18.0001 10.33 17.7401L12 15.8401L12.2 15.6101C12.47 15.3001 12.7 15.3801 12.7 15.8001V17.5801H13.46C13.81 17.5701 13.9 17.7901 13.67 18.0501Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/cloud-minus.svg b/public/images/icons/vuesax/bold/cloud-minus.svg
new file mode 100644
index 0000000..92a26e7
--- /dev/null
+++ b/public/images/icons/vuesax/bold/cloud-minus.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="M20.17 17.5699C19.64 18.0599 19.03 18.4299 18.37 18.6799C17.71 18.9299 17 18.4499 17 17.7399V16.4199C17 14.4699 15.42 12.8899 13.47 12.8899H10.53C8.58 12.8899 7 14.4699 7 16.4199V17.9999C7 18.5499 6.55 18.9999 6 18.9999H5.55C3.1 18.6299 2 16.6399 2 14.8599C2 13.1799 2.98 11.3199 5.11 10.7999C4.52 8.46994 5.02 6.27994 6.54 4.68994C8.27 2.87994 11.03 2.15994 13.41 2.89994C15.6 3.56994 17.14 5.36994 17.69 7.86994C19.6 8.29994 21.13 9.73994 21.74 11.7399C22.4 13.9099 21.8 16.1399 20.17 17.5699Z" fill="#292D32"/>
+<path d="M13.47 14.3901H10.53C9.26 14.3901 8.5 15.1501 8.5 16.4201V19.3601C8.5 20.6301 9.26 21.3901 10.53 21.3901H13.47C14.74 21.3901 15.5 20.6301 15.5 19.3601V16.4201C15.5 15.1501 14.74 14.3901 13.47 14.3901ZM13.71 18.4601H10.3C9.94 18.4601 9.65 18.1701 9.65 17.8101C9.65 17.4601 9.94 17.1701 10.3 17.1701H13.72C14.07 17.1701 14.36 17.4601 14.36 17.8101C14.35 18.1801 14.06 18.4601 13.71 18.4601Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/cloud-notif.svg b/public/images/icons/vuesax/bold/cloud-notif.svg
new file mode 100644
index 0000000..c4b3fe4
--- /dev/null
+++ b/public/images/icons/vuesax/bold/cloud-notif.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="M21.27 8.75977C21.27 9.77977 20.8 10.6998 20.04 11.2998C19.49 11.7498 18.78 12.0198 18.01 12.0198C16.22 12.0198 14.76 10.5598 14.76 8.76977C14.76 7.87977 15.12 7.06977 15.72 6.47977V6.46977C16.31 5.87977 17.12 5.50977 18.01 5.50977C19.81 5.50977 21.27 6.96977 21.27 8.75977Z" fill="#292D32"/>
+<path d="M20.18 18.7298C19.13 19.6898 17.78 20.2198 16.35 20.2198H5.97001C3.23001 20.0198 2.01001 17.9098 2.01001 16.0298C2.01001 14.3498 2.98001 12.4898 5.11001 11.9698C4.18001 8.38985 5.96001 5.88985 8.04001 4.69985C10.1 3.52985 13 3.33985 15.18 4.94985C14.99 5.08985 14.82 5.23985 14.65 5.40985L14.22 5.85985V5.91985C13.6 6.72985 13.26 7.71985 13.26 8.75985C13.26 11.3798 15.4 13.5098 18.02 13.5098C19.1 13.5098 20.15 13.1398 20.97 12.4698C21.12 12.3498 21.27 12.2198 21.4 12.0798C22.39 14.1598 22.25 16.9198 20.18 18.7298Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/cloud-plus.svg b/public/images/icons/vuesax/bold/cloud-plus.svg
new file mode 100644
index 0000000..723b5fc
--- /dev/null
+++ b/public/images/icons/vuesax/bold/cloud-plus.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="M13.47 14.3901H10.53C9.26 14.3901 8.5 15.1501 8.5 16.4201V19.3601C8.5 20.6301 9.26 21.3901 10.53 21.3901H13.47C14.74 21.3901 15.5 20.6301 15.5 19.3601V16.4201C15.5 15.1501 14.74 14.3901 13.47 14.3901ZM14.41 18.3201C14.31 18.4201 14.16 18.4901 14 18.5001H12.59L12.6 19.8901C12.59 20.0601 12.53 20.2001 12.41 20.3201C12.31 20.4201 12.16 20.4901 12 20.4901C11.67 20.4901 11.4 20.2201 11.4 19.8901V18.4901L10 18.5001C9.67 18.5001 9.4 18.2201 9.4 17.8901C9.4 17.5601 9.67 17.2901 10 17.2901L11.4 17.3001V15.9001C11.4 15.5701 11.67 15.2901 12 15.2901C12.33 15.2901 12.6 15.5701 12.6 15.9001L12.59 17.2901H14C14.33 17.2901 14.6 17.5601 14.6 17.8901C14.59 18.0601 14.52 18.2001 14.41 18.3201Z" fill="#292D32"/>
+<path d="M20.17 17.5699C19.64 18.0599 19.03 18.4299 18.37 18.6799C17.71 18.9299 17 18.4499 17 17.7399V16.4199C17 14.4699 15.42 12.8899 13.47 12.8899H10.53C8.58 12.8899 7 14.4699 7 16.4199V17.9999C7 18.5499 6.55 18.9999 6 18.9999H5.55C3.1 18.6299 2 16.6399 2 14.8599C2 13.1799 2.98 11.3199 5.11 10.7999C4.52 8.46994 5.02 6.27994 6.54 4.68994C8.27 2.87994 11.03 2.15994 13.41 2.89994C15.6 3.56994 17.14 5.36994 17.69 7.86994C19.6 8.29994 21.13 9.73994 21.74 11.7399C22.4 13.9099 21.8 16.1399 20.17 17.5699Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/cloud-remove.svg b/public/images/icons/vuesax/bold/cloud-remove.svg
new file mode 100644
index 0000000..0c335c0
--- /dev/null
+++ b/public/images/icons/vuesax/bold/cloud-remove.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.5298C9.24 11.5298 7 13.7698 7 16.5298C7 17.2698 7.16 17.9698 7.46 18.5898C7.54 18.7698 7.63 18.9398 7.73 19.0998C8.59 20.5498 10.18 21.5298 12 21.5298C13.82 21.5298 15.41 20.5498 16.27 19.0998C16.37 18.9398 16.46 18.7698 16.54 18.5898C16.84 17.9698 17 17.2698 17 16.5298C17 13.7698 14.76 11.5298 12 11.5298ZM13.5 18.1398C13.35 18.2898 13.16 18.3598 12.97 18.3598C12.78 18.3598 12.59 18.2898 12.44 18.1398L11.91 17.6098L11.36 18.1598C11.21 18.3098 11.02 18.3798 10.83 18.3798C10.64 18.3798 10.45 18.3098 10.3 18.1598C10.01 17.8698 10.01 17.3898 10.3 17.0998L10.85 16.5498L10.32 16.0198C10.03 15.7298 10.03 15.2498 10.32 14.9598C10.61 14.6698 11.09 14.6698 11.38 14.9598L11.91 15.4898L12.41 14.9898C12.7 14.6998 13.18 14.6998 13.47 14.9898C13.76 15.2798 13.76 15.7598 13.47 16.0498L12.97 16.5498L13.5 17.0798C13.79 17.3798 13.79 17.8498 13.5 18.1398Z" fill="#292D32"/>
+<path d="M20.1999 17.29C19.8399 17.61 19.4499 17.88 19.0299 18.1C18.6699 18.28 18.3099 17.93 18.3699 17.53C18.41 17.24 18.4299 16.94 18.4299 16.63C18.4299 13.05 15.5099 10.13 11.9299 10.13C8.34995 10.13 5.42995 13.05 5.42995 16.63C5.42995 17.09 5.47995 17.53 5.56995 17.96C5.63995 18.31 5.36995 18.66 5.01995 18.57C1.06995 17.61 1.04995 11.53 5.46995 11.21H5.51995C2.30995 2.28996 15.8499 -1.28004 17.3999 8.09996C21.7299 8.64996 23.4799 14.42 20.1999 17.29Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/cloud-snow.svg b/public/images/icons/vuesax/bold/cloud-snow.svg
new file mode 100644
index 0000000..c7c1a09
--- /dev/null
+++ b/public/images/icons/vuesax/bold/cloud-snow.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="M20.17 17.5699C19.64 18.0599 19.03 18.4299 18.37 18.6799C17.71 18.9299 17 18.4499 17 17.7399V16.4199C17 14.4699 15.42 12.8899 13.47 12.8899H10.53C8.58 12.8899 7 14.4699 7 16.4199V17.9999C7 18.5499 6.55 18.9999 6 18.9999H5.55C3.1 18.6299 2 16.6399 2 14.8599C2 13.1799 2.98 11.3199 5.11 10.7999C4.52 8.46994 5.02 6.27994 6.54 4.68994C8.27 2.87994 11.03 2.15994 13.41 2.89994C15.6 3.56994 17.14 5.36994 17.69 7.86994C19.6 8.29994 21.13 9.73994 21.74 11.7399C22.4 13.9099 21.8 16.1399 20.17 17.5699Z" fill="#292D32"/>
+<path d="M13.47 14.3901H10.53C9.26 14.3901 8.5 15.1501 8.5 16.4201V19.3601C8.5 20.6301 9.26 21.3901 10.53 21.3901H13.47C14.74 21.3901 15.5 20.6301 15.5 19.3601V16.4201C15.5 15.1501 14.74 14.3901 13.47 14.3901ZM10.5 17.6301C10.08 17.6301 9.75 17.2901 9.75 16.8801C9.75 16.4701 10.08 16.1301 10.5 16.1301C10.92 16.1301 11.25 16.4701 11.25 16.8801C11.25 17.2901 10.91 17.6301 10.5 17.6301ZM12 19.8801C11.59 19.8801 11.25 19.5401 11.25 19.1301C11.25 18.7201 11.59 18.3801 12 18.3801C12.41 18.3801 12.75 18.7201 12.75 19.1301C12.75 19.5401 12.42 19.8801 12 19.8801ZM13.51 17.6301C13.09 17.6301 12.76 17.2901 12.76 16.8801C12.76 16.4701 13.09 16.1301 13.51 16.1301C13.93 16.1301 14.26 16.4701 14.26 16.8801C14.26 17.2901 13.92 17.6301 13.51 17.6301Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/cloud-sunny.svg b/public/images/icons/vuesax/bold/cloud-sunny.svg
new file mode 100644
index 0000000..412f7ad
--- /dev/null
+++ b/public/images/icons/vuesax/bold/cloud-sunny.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="M20.61 10.83C19.84 9.90996 18.85 9.30996 17.7 9.04996C17.44 7.88996 16.99 6.88996 16.33 6.05996C16.31 6.02996 16.29 5.99996 16.27 5.97996C14.07 3.31996 10.47 3.32996 8.04001 4.70996C5.96001 5.89996 4.19001 8.40996 5.12001 11.99C2.99001 12.51 2.01001 14.37 2.01001 16.05C2.01001 17.93 3.24001 20.04 5.98001 20.24H16.32C16.33 20.24 16.35 20.24 16.36 20.24C17.78 20.24 19.14 19.71 20.19 18.75C22.7 16.53 22.37 12.91 20.61 10.83Z" fill="#292D32"/>
+<path d="M21.76 8.73977C21.76 9.07977 21.72 9.40976 21.62 9.72976C20.89 8.87977 19.96 8.24977 18.93 7.85977C18.61 6.85977 18.1499 5.96977 17.5499 5.18977C17.5199 5.14977 17.49 5.10977 17.45 5.05977C17.64 5.01977 17.84 5.00977 18.03 5.00977C20.09 5.00977 21.76 6.67977 21.76 8.73977Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/cloud.svg b/public/images/icons/vuesax/bold/cloud.svg
new file mode 100644
index 0000000..ebae8da
--- /dev/null
+++ b/public/images/icons/vuesax/bold/cloud.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="M21.74 12.9099C21.48 12.0499 21.05 11.2999 20.48 10.6899C19.75 9.85986 18.78 9.28986 17.69 9.03986C17.14 6.53986 15.6 4.73986 13.41 4.06986C11.03 3.32986 8.27 4.04986 6.54 5.85986C5.02 7.44986 4.52 9.63986 5.11 11.9699C3.11 12.4599 2.12 14.1299 2.01 15.7199C2 15.8299 2 15.9299 2 16.0299C2 17.9099 3.23 20.0199 5.97 20.2199H16.35C17.77 20.2199 19.13 19.6899 20.17 18.7399C21.8 17.3099 22.4 15.0799 21.74 12.9099Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/code-1.svg b/public/images/icons/vuesax/bold/code-1.svg
new file mode 100644
index 0000000..b84f23e
--- /dev/null
+++ b/public/images/icons/vuesax/bold/code-1.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM9.94 13.27C9.26 14.29 8.32 15.12 7.22 15.67C7.12 15.72 7 15.75 6.89 15.75C6.61 15.75 6.35 15.6 6.22 15.34C6.03 14.97 6.18 14.52 6.56 14.33C7.43 13.9 8.17 13.24 8.7 12.44C8.88 12.17 8.88 11.83 8.7 11.56C8.16 10.76 7.42 10.1 6.56 9.67C6.18 9.49 6.03 9.04 6.22 8.66C6.4 8.29 6.85 8.14 7.22 8.33C8.32 8.88 9.26 9.71 9.94 10.73C10.46 11.5 10.46 12.5 9.94 13.27ZM17 15.75H13C12.59 15.75 12.25 15.41 12.25 15C12.25 14.59 12.59 14.25 13 14.25H17C17.41 14.25 17.75 14.59 17.75 15C17.75 15.41 17.41 15.75 17 15.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/code-circle.svg b/public/images/icons/vuesax/bold/code-circle.svg
new file mode 100644
index 0000000..696e732
--- /dev/null
+++ b/public/images/icons/vuesax/bold/code-circle.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 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM8.53 13.47C8.82 13.76 8.82 14.24 8.53 14.53C8.38 14.68 8.19 14.75 8 14.75C7.81 14.75 7.62 14.68 7.47 14.53L5.47 12.53C5.18 12.24 5.18 11.76 5.47 11.47L7.47 9.47C7.76 9.18 8.24 9.18 8.53 9.47C8.82 9.76 8.82 10.24 8.53 10.53L7.06 12L8.53 13.47ZM13.69 9.96L11.69 14.63C11.57 14.91 11.29 15.08 11 15.08C10.9 15.08 10.8 15.06 10.71 15.02C10.33 14.86 10.15 14.42 10.32 14.03L12.32 9.36C12.48 8.98 12.92 8.8 13.3 8.97C13.68 9.14 13.85 9.58 13.69 9.96ZM18.53 12.53L16.53 14.53C16.38 14.68 16.19 14.75 16 14.75C15.81 14.75 15.62 14.68 15.47 14.53C15.18 14.24 15.18 13.76 15.47 13.47L16.94 12L15.47 10.53C15.18 10.24 15.18 9.76 15.47 9.47C15.76 9.18 16.24 9.18 16.53 9.47L18.53 11.47C18.82 11.76 18.82 12.24 18.53 12.53Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/code.svg b/public/images/icons/vuesax/bold/code.svg
new file mode 100644
index 0000000..8cbcb86
--- /dev/null
+++ b/public/images/icons/vuesax/bold/code.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="M21 10H3C2.45 10 2 10.45 2 11V16.19C2 16.39 2.01 16.59 2.03 16.79C2.23 19.87 4.13 21.77 7.21 21.97C7.41 21.99 7.61 22 7.81 22H16.19C16.39 22 16.59 21.99 16.79 21.97C19.87 21.77 21.77 19.87 21.97 16.79C21.99 16.59 22 16.39 22 16.19V11C22 10.45 21.55 10 21 10ZM8 16.15C8.34 16.65 8.8 17.06 9.33 17.33C9.71 17.51 9.86 17.96 9.67 18.34C9.54 18.6 9.27 18.75 9 18.75C8.89 18.75 8.77 18.72 8.67 18.67C7.89 18.29 7.23 17.7 6.76 16.99C6.36 16.39 6.36 15.61 6.76 15.01C7.23 14.3 7.89 13.71 8.67 13.33C9.04 13.14 9.49 13.29 9.67 13.66C9.86 14.04 9.71 14.49 9.33 14.67C8.8 14.94 8.34 15.35 8 15.85C7.94 15.94 7.94 16.06 8 16.15ZM17.45 16.99C16.97 17.7 16.31 18.29 15.54 18.67C15.43 18.72 15.32 18.75 15.21 18.75C14.93 18.75 14.67 18.6 14.54 18.34C14.35 17.96 14.5 17.51 14.87 17.33C15.41 17.06 15.87 16.65 16.2 16.15C16.27 16.06 16.27 15.94 16.2 15.85C15.87 15.35 15.41 14.94 14.87 14.67C14.5 14.49 14.35 14.04 14.54 13.66C14.72 13.29 15.17 13.14 15.54 13.33C16.31 13.71 16.97 14.3 17.45 15.01C17.85 15.61 17.85 16.39 17.45 16.99Z" fill="#292D32"/>
+<path d="M22 7.81V8C22 8.55 21.55 9 21 9L3 9.01C2.45 9.01 2 8.56 2 8.01V7.81C2 7.61 2.01 7.41 2.03 7.21C2.23 4.13 4.13 2.23 7.21 2.03C7.41 2.01 7.61 2 7.81 2H16.19C16.39 2 16.59 2.01 16.79 2.03C19.87 2.23 21.77 4.13 21.97 7.21C21.99 7.41 22 7.61 22 7.81Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/coffee.svg b/public/images/icons/vuesax/bold/coffee.svg
new file mode 100644
index 0000000..df9a495
--- /dev/null
+++ b/public/images/icons/vuesax/bold/coffee.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="M6 5.12012C5.59 5.12012 5.25 4.78012 5.25 4.37012V2.62012C5.25 2.21012 5.59 1.87012 6 1.87012C6.41 1.87012 6.75 2.21012 6.75 2.62012V4.37012C6.75 4.79012 6.41 5.12012 6 5.12012Z" fill="#292D32"/>
+<path d="M10 5.12012C9.59 5.12012 9.25 4.78012 9.25 4.37012V2.62012C9.25 2.21012 9.59 1.87012 10 1.87012C10.41 1.87012 10.75 2.21012 10.75 2.62012V4.37012C10.75 4.79012 10.41 5.12012 10 5.12012Z" fill="#292D32"/>
+<path d="M14 5.12012C13.59 5.12012 13.25 4.78012 13.25 4.37012V2.62012C13.25 2.21012 13.59 1.87012 14 1.87012C14.41 1.87012 14.75 2.21012 14.75 2.62012V4.37012C14.75 4.79012 14.41 5.12012 14 5.12012Z" fill="#292D32"/>
+<path d="M22.25 13.2498C22.25 10.6298 20.22 8.50977 17.66 8.28977C16.92 7.07977 15.6 6.25977 14.08 6.25977H6.71C4.39 6.25977 2.5 8.14977 2.5 10.4698V10.9998H18.29V10.4698C18.29 10.2798 18.26 10.0898 18.23 9.90977C19.68 10.3398 20.75 11.6598 20.75 13.2498C20.75 14.8198 19.71 16.1298 18.29 16.5698V11.9998H2.5V17.7898C2.5 20.1098 4.39 21.9998 6.71 21.9998H14.08C16.28 21.9998 18.07 20.2998 18.25 18.1398C20.53 17.6798 22.25 15.6598 22.25 13.2498Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/coin-1.svg b/public/images/icons/vuesax/bold/coin-1.svg
new file mode 100644
index 0000000..36fd9cc
--- /dev/null
+++ b/public/images/icons/vuesax/bold/coin-1.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="M21.9201 16.7501C21.5901 19.4101 19.4101 21.5901 16.7501 21.9201C15.1401 22.1201 13.6401 21.6801 12.4701 20.8201C11.8001 20.3301 11.9601 19.2901 12.7601 19.0501C15.7701 18.1401 18.1401 15.7601 19.0601 12.7501C19.3001 11.9601 20.3401 11.8001 20.8301 12.4601C21.6801 13.6401 22.1201 15.1401 21.9201 16.7501Z" fill="#292D32"/>
+<path d="M9.99 2C5.58 2 2 5.58 2 9.99C2 14.4 5.58 17.98 9.99 17.98C14.4 17.98 17.98 14.4 17.98 9.99C17.97 5.58 14.4 2 9.99 2ZM9.05 8.87L11.46 9.71C12.33 10.02 12.75 10.63 12.75 11.57C12.75 12.65 11.89 13.54 10.84 13.54H10.75V13.59C10.75 14 10.41 14.34 10 14.34C9.59 14.34 9.25 14 9.25 13.59V13.53C8.14 13.48 7.25 12.55 7.25 11.39C7.25 10.98 7.59 10.64 8 10.64C8.41 10.64 8.75 10.98 8.75 11.39C8.75 11.75 9.01 12.04 9.33 12.04H10.83C11.06 12.04 11.24 11.83 11.24 11.57C11.24 11.22 11.18 11.2 10.95 11.12L8.54 10.28C7.68 9.98 7.25 9.37 7.25 8.42C7.25 7.34 8.11 6.45 9.16 6.45H9.25V6.41C9.25 6 9.59 5.66 10 5.66C10.41 5.66 10.75 6 10.75 6.41V6.47C11.86 6.52 12.75 7.45 12.75 8.61C12.75 9.02 12.41 9.36 12 9.36C11.59 9.36 11.25 9.02 11.25 8.61C11.25 8.25 10.99 7.96 10.67 7.96H9.17C8.94 7.96 8.76 8.17 8.76 8.43C8.75 8.77 8.81 8.79 9.05 8.87Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/coin.svg b/public/images/icons/vuesax/bold/coin.svg
new file mode 100644
index 0000000..33c58e3
--- /dev/null
+++ b/public/images/icons/vuesax/bold/coin.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 22.7499C8 22.7499 4.75 19.8799 4.75 16.3499V12.6499C4.75 12.2399 5.09 11.8999 5.5 11.8999C5.91 11.8999 6.25 12.2399 6.25 12.6499C6.25 15.2699 8.72 17.2499 12 17.2499C15.28 17.2499 17.75 15.2699 17.75 12.6499C17.75 12.2399 18.09 11.8999 18.5 11.8999C18.91 11.8999 19.25 12.2399 19.25 12.6499V16.3499C19.25 19.8799 16 22.7499 12 22.7499ZM6.25 16.4599C6.32 19.1099 8.87 21.2499 12 21.2499C15.13 21.2499 17.68 19.1099 17.75 16.4599C16.45 17.8699 14.39 18.7499 12 18.7499C9.61 18.7499 7.56 17.8699 6.25 16.4599Z" fill="#292D32"/>
+<path d="M12 13.75C9.24 13.75 6.75999 12.51 5.54999 10.51C5.02999 9.66 4.75 8.67 4.75 7.65C4.75 5.93 5.52 4.31 6.91 3.09C8.27 1.9 10.08 1.25 12 1.25C13.92 1.25 15.72 1.9 17.09 3.08C18.48 4.31 19.25 5.93 19.25 7.65C19.25 8.67 18.97 9.65 18.45 10.51C17.24 12.51 14.76 13.75 12 13.75ZM12 2.75C10.44 2.75 8.98001 3.27 7.89001 4.23C6.83001 5.15 6.25 6.37 6.25 7.65C6.25 8.4 6.44999 9.1 6.82999 9.73C7.77999 11.29 9.76 12.25 12 12.25C14.24 12.25 16.22 11.28 17.17 9.73C17.56 9.1 17.75 8.4 17.75 7.65C17.75 6.37 17.17 5.15 16.1 4.21C15.01 3.27 13.56 2.75 12 2.75Z" fill="#292D32"/>
+<path d="M12 18.75C7.87 18.75 4.75 16.13 4.75 12.65V7.65C4.75 4.12 8 1.25 12 1.25C13.92 1.25 15.72 1.9 17.09 3.08C18.48 4.31 19.25 5.93 19.25 7.65V12.65C19.25 16.13 16.13 18.75 12 18.75ZM12 2.75C8.83 2.75 6.25 4.95 6.25 7.65V12.65C6.25 15.27 8.72 17.25 12 17.25C15.28 17.25 17.75 15.27 17.75 12.65V7.65C17.75 6.37 17.17 5.15 16.1 4.21C15.01 3.27 13.56 2.75 12 2.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/color-swatch.svg b/public/images/icons/vuesax/bold/color-swatch.svg
new file mode 100644
index 0000000..3b39010
--- /dev/null
+++ b/public/images/icons/vuesax/bold/color-swatch.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="M22 16.5V19.5C22 20.88 20.88 22 19.5 22H12.36C11.47 22 11.03 20.93 11.65 20.3L17.52 14.3C17.71 14.11 17.97 14 18.23 14H19.5C20.88 14 22 15.12 22 16.5Z" fill="#292D32"/>
+<path d="M18.37 11.29L15.66 14L13.2 16.45C12.57 17.08 11.49 16.64 11.49 15.75C11.49 12.54 11.49 7.26002 11.49 7.26002C11.49 6.99002 11.6 6.74002 11.78 6.55002L12.7 5.63002C13.68 4.65002 15.26 4.65002 16.24 5.63002L18.36 7.75002C19.35 8.73002 19.35 10.31 18.37 11.29Z" fill="#292D32"/>
+<path d="M7.5 2H4.5C3 2 2 3 2 4.5V18C2 18.27 2.03 18.54 2.08 18.8C2.11 18.93 2.14 19.06 2.18 19.19C2.23 19.34 2.28 19.49 2.34 19.63C2.35 19.64 2.35 19.65 2.35 19.65C2.36 19.65 2.36 19.65 2.35 19.66C2.49 19.94 2.65 20.21 2.84 20.46C2.95 20.59 3.06 20.71 3.17 20.83C3.28 20.95 3.4 21.05 3.53 21.15L3.54 21.16C3.79 21.35 4.06 21.51 4.34 21.65C4.35 21.64 4.35 21.64 4.35 21.65C4.5 21.72 4.65 21.77 4.81 21.82C4.94 21.86 5.07 21.89 5.2 21.92C5.46 21.97 5.73 22 6 22C6.41 22 6.83 21.94 7.22 21.81C7.33 21.77 7.44 21.73 7.55 21.68C7.9 21.54 8.24 21.34 8.54 21.08C8.63 21.01 8.73 20.92 8.82 20.83L8.86 20.79C9.56 20.07 10 19.08 10 18V4.5C10 3 9 2 7.5 2ZM6 19.5C5.17 19.5 4.5 18.83 4.5 18C4.5 17.17 5.17 16.5 6 16.5C6.83 16.5 7.5 17.17 7.5 18C7.5 18.83 6.83 19.5 6 19.5Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/colorfilter.svg b/public/images/icons/vuesax/bold/colorfilter.svg
new file mode 100644
index 0000000..646894b
--- /dev/null
+++ b/public/images/icons/vuesax/bold/colorfilter.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="M14 16C14 17.77 13.23 19.37 12 20.46C10.94 21.42 9.54 22 8 22C4.69 22 2 19.31 2 16C2 13.9753 3.01397 12.1814 4.5554 11.0974C4.80358 10.9228 5.1393 11.0422 5.27324 11.3145C6.21715 13.2332 7.95419 14.67 10.02 15.23C10.65 15.41 11.31 15.5 12 15.5C12.4872 15.5 12.9539 15.4538 13.4074 15.3688C13.6958 15.3147 13.9828 15.4995 13.9955 15.7926C13.9985 15.8621 14 15.9314 14 16Z" fill="#292D32"/>
+<path d="M18 8C18 8.78 17.85 9.53 17.58 10.21C16.89 11.95 15.41 13.29 13.58 13.79C13.08 13.93 12.55 14 12 14C11.45 14 10.92 13.93 10.42 13.79C8.59 13.29 7.11 11.95 6.42 10.21C6.15 9.53 6 8.78 6 8C6 4.69 8.69 2 12 2C15.31 2 18 4.69 18 8Z" fill="#292D32"/>
+<path d="M22 16C22 19.31 19.31 22 16 22C15.2555 22 14.5393 21.8643 13.8811 21.6141C13.5624 21.493 13.503 21.0851 13.7248 20.8263C14.8668 19.4938 15.5 17.786 15.5 16C15.5 15.66 15.47 15.32 15.42 15C15.3902 14.8156 15.4844 14.6342 15.6478 14.5438C16.9719 13.8107 18.0532 12.6876 18.727 11.3153C18.8609 11.0428 19.1968 10.9231 19.4452 11.0978C20.9863 12.1819 22 13.9756 22 16Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/colors-square.svg b/public/images/icons/vuesax/bold/colors-square.svg
new file mode 100644
index 0000000..d87cd55
--- /dev/null
+++ b/public/images/icons/vuesax/bold/colors-square.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM12 6C13.99 6 15.6 7.61 15.6 9.6C15.6 10.07 15.51 10.52 15.35 10.93C14.94 11.97 14.05 12.78 12.95 13.08C12.65 13.16 12.33 13.21 12 13.21C11.67 13.21 11.35 13.17 11.05 13.08C9.95 12.78 9.06 11.98 8.65 10.93C8.49 10.52 8.4 10.07 8.4 9.6C8.4 7.61 10.01 6 12 6ZM9.6 18C7.61 18 6 16.39 6 14.4C6 13.2675 6.52861 12.2563 7.34433 11.5961C7.58105 11.4045 7.91916 11.5252 8.06744 11.7912C8.65221 12.8402 9.64554 13.6195 10.81 13.93C11.19 14.04 11.58 14.09 12 14.09C12.2489 14.09 12.4868 14.0716 12.7181 14.0347C12.9554 13.9969 13.2 14.1497 13.2 14.39C13.2 15.45 12.74 16.41 12 17.07C11.36 17.65 10.52 18 9.6 18ZM14.4 18C14.0515 18 13.71 17.9512 13.3878 17.8576C13.0613 17.7628 13.0015 17.3559 13.2059 17.0843C13.781 16.3202 14.1 15.3764 14.1 14.4C14.1 14.2 14.08 13.99 14.05 13.8C14.0321 13.6868 14.0898 13.5756 14.1899 13.5197C14.914 13.1155 15.5205 12.5224 15.9242 11.7942C16.0723 11.5272 16.4106 11.4042 16.6487 11.5953C17.471 12.2555 18 13.267 18 14.4C18 16.39 16.39 18 14.4 18Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/command-square.svg b/public/images/icons/vuesax/bold/command-square.svg
new file mode 100644
index 0000000..495d971
--- /dev/null
+++ b/public/images/icons/vuesax/bold/command-square.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM9.6 16.2C9.6 17.19 8.79 18 7.8 18C6.81 18 6 17.19 6 16.2C6 15.21 6.81 14.4 7.8 14.4H8.6C9.15 14.4 9.6 14.85 9.6 15.4V16.2ZM9.6 8.6C9.6 9.15 9.15 9.6 8.6 9.6H7.8C6.81 9.6 6 8.79 6 7.8C6 6.81 6.81 6 7.8 6C8.79 6 9.6 6.81 9.6 7.8V8.6ZM14.15 13.25C14.15 13.74 13.75 14.15 13.25 14.15H10.74C10.25 14.15 9.84 13.75 9.84 13.25V10.74C9.84 10.25 10.24 9.84 10.74 9.84H13.25C13.74 9.84 14.15 10.24 14.15 10.74V13.25ZM16.2 18C15.21 18 14.4 17.19 14.4 16.2V15.4C14.4 14.85 14.85 14.4 15.4 14.4H16.2C17.19 14.4 18 15.21 18 16.2C18 17.19 17.19 18 16.2 18ZM16.2 9.6H15.4C14.85 9.6 14.4 9.15 14.4 8.6V7.8C14.4 6.81 15.21 6 16.2 6C17.19 6 18 6.81 18 7.8C18 8.79 17.19 9.6 16.2 9.6Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/command.svg b/public/images/icons/vuesax/bold/command.svg
new file mode 100644
index 0000000..5171e30
--- /dev/null
+++ b/public/images/icons/vuesax/bold/command.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="M16 8H8V16H16V8Z" fill="#292D32"/>
+<path d="M2 19C2 20.65 3.35 22 5 22C6.65 22 8 20.65 8 19V16H5C3.35 16 2 17.35 2 19Z" fill="#292D32"/>
+<path d="M5 2C3.35 2 2 3.35 2 5C2 6.65 3.35 8 5 8H8V5C8 3.35 6.65 2 5 2Z" fill="#292D32"/>
+<path d="M22 5C22 3.35 20.65 2 19 2C17.35 2 16 3.35 16 5V8H19C20.65 8 22 6.65 22 5Z" fill="#292D32"/>
+<path d="M19 16H16V19C16 20.65 17.35 22 19 22C20.65 22 22 20.65 22 19C22 17.35 20.65 16 19 16Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/component.svg b/public/images/icons/vuesax/bold/component.svg
new file mode 100644
index 0000000..8a950c6
--- /dev/null
+++ b/public/images/icons/vuesax/bold/component.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="M20.95 14.55L14.56 20.94C13.16 22.34 10.86 22.34 9.45 20.94L3.06 14.55C1.66 13.15 1.66 10.85 3.06 9.44L9.45 3.05C10.85 1.65 13.15 1.65 14.56 3.05L20.95 9.44C22.35 10.85 22.35 13.15 20.95 14.55Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/computing.svg b/public/images/icons/vuesax/bold/computing.svg
new file mode 100644
index 0000000..b50bfdb
--- /dev/null
+++ b/public/images/icons/vuesax/bold/computing.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="M20.95 4.12988L4.13 20.9499C5.08 21.6399 6.32 21.9999 7.81 21.9999H16.19C19.83 21.9999 22 19.8299 22 16.1899V7.80988C22 6.31988 21.64 5.07988 20.95 4.12988ZM18.5 16.2499H16.81V17.9999C16.81 18.4099 16.47 18.7499 16.06 18.7499C15.65 18.7499 15.31 18.4099 15.31 17.9999V16.2499H13.5C13.09 16.2499 12.75 15.9099 12.75 15.4999C12.75 15.0899 13.09 14.7499 13.5 14.7499H15.31V12.9999C15.31 12.5899 15.65 12.2499 16.06 12.2499C16.47 12.2499 16.81 12.5899 16.81 12.9999V14.7499H18.5C18.91 14.7499 19.25 15.0899 19.25 15.4999C19.25 15.9099 18.91 16.2499 18.5 16.2499Z" fill="#292D32"/>
+<path d="M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.19C2 17.68 2.36 18.92 3.05 19.87L19.87 3.05C18.92 2.36 17.68 2 16.19 2ZM10.5 8.25H5.5C5.09 8.25 4.75 7.91 4.75 7.5C4.75 7.09 5.09 6.75 5.5 6.75H10.5C10.91 6.75 11.25 7.09 11.25 7.5C11.25 7.91 10.91 8.25 10.5 8.25Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/convert-3d-cube.svg b/public/images/icons/vuesax/bold/convert-3d-cube.svg
new file mode 100644
index 0000000..ec72492
--- /dev/null
+++ b/public/images/icons/vuesax/bold/convert-3d-cube.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="M14.9999 22.75C14.7299 22.75 14.4799 22.6 14.3499 22.37C14.2199 22.14 14.2199 21.85 14.3599 21.62L15.4099 19.87C15.6199 19.51 16.0799 19.4 16.4399 19.61C16.7999 19.82 16.9099 20.28 16.6999 20.64L16.4299 21.09C19.1899 20.44 21.2599 17.96 21.2599 15C21.2599 14.59 21.5999 14.25 22.0099 14.25C22.4199 14.25 22.7599 14.59 22.7599 15C22.7499 19.27 19.2699 22.75 14.9999 22.75Z" fill="#292D32"/>
+<path d="M2 9.75C1.59 9.75 1.25 9.41 1.25 9C1.25 4.73 4.73 1.25 9 1.25C9.27 1.25 9.52 1.4 9.65 1.63C9.78 1.86 9.78 2.15 9.64 2.38L8.59 4.14C8.38 4.49 7.92 4.61 7.56 4.39C7.21 4.18 7.09 3.72 7.31 3.36L7.58 2.91C4.81 3.56 2.75 6.04 2.75 9C2.75 9.41 2.41 9.75 2 9.75Z" fill="#292D32"/>
+<path d="M10.67 13.8499L7.52996 12.1599C7.19996 11.9799 6.79996 11.9799 6.46996 12.1599L3.32996 13.8499C3.09996 13.9699 2.95996 14.2199 2.95996 14.4899C2.95996 14.7599 3.09996 15.0099 3.32996 15.1299L6.46996 16.8199C6.63996 16.9099 6.81996 16.9499 6.99996 16.9499C7.17996 16.9499 7.35996 16.9099 7.52996 16.8199L10.67 15.1299C10.9 15.0099 11.04 14.7599 11.04 14.4899C11.04 14.2199 10.89 13.9799 10.67 13.8499Z" fill="#292D32"/>
+<path d="M5.95 17.4101L3.03 15.9501C2.81 15.8401 2.55 15.8501 2.33 15.9801C2.13 16.1101 2 16.3401 2 16.5901V19.3501C2 19.8301 2.26 20.2601 2.69 20.4701L5.61 21.9301C5.71 21.9701 5.82 22.0001 5.93 22.0001C6.06 22.0001 6.19 21.9601 6.31 21.8901C6.52 21.7601 6.65 21.5301 6.65 21.2801V18.5201C6.65 18.0501 6.38 17.6201 5.95 17.4101Z" fill="#292D32"/>
+<path d="M11.66 15.9801C11.45 15.8501 11.19 15.8401 10.96 15.9501L8.03998 17.4101C7.60998 17.6201 7.34998 18.0501 7.34998 18.5301V21.2901C7.34998 21.5401 7.47998 21.7701 7.68998 21.9001C7.80998 21.9601 7.93998 22.0001 8.06998 22.0001C8.17998 22.0001 8.28998 21.9701 8.38998 21.9201L11.31 20.4601C11.74 20.2501 12 19.8201 12 19.3401V16.5801C12 16.3401 11.87 16.1101 11.66 15.9801Z" fill="#292D32"/>
+<path d="M20.67 3.82988L17.53 2.13988C17.2 1.95988 16.8 1.95988 16.47 2.13988L13.33 3.82988C13.1 3.94988 12.96 4.19988 12.96 4.46988C12.96 4.73988 13.1 4.98988 13.33 5.10988L16.47 6.79988C16.64 6.88988 16.82 6.92988 17 6.92988C17.18 6.92988 17.36 6.88988 17.53 6.79988L20.67 5.10988C20.9 4.98988 21.04 4.73988 21.04 4.46988C21.04 4.18988 20.89 3.94988 20.67 3.82988Z" fill="#292D32"/>
+<path d="M15.95 7.37986L13.03 5.91986C12.81 5.80986 12.55 5.81986 12.33 5.94986C12.13 6.07986 12 6.30986 12 6.55986V9.31986C12 9.79986 12.26 10.2299 12.69 10.4399L15.61 11.8999C15.71 11.9499 15.82 11.9799 15.93 11.9799C16.06 11.9799 16.19 11.9399 16.31 11.8699C16.52 11.7399 16.65 11.5099 16.65 11.2599V8.49986C16.65 8.01986 16.38 7.58986 15.95 7.37986Z" fill="#292D32"/>
+<path d="M21.66 5.94986C21.45 5.81986 21.19 5.80986 20.96 5.91986L18.04 7.37986C17.61 7.58986 17.35 8.01986 17.35 8.49986V11.2599C17.35 11.5099 17.48 11.7399 17.69 11.8699C17.81 11.9399 17.94 11.9799 18.07 11.9799C18.18 11.9799 18.29 11.9499 18.39 11.8999L21.31 10.4399C21.74 10.2199 22 9.78986 22 9.31986V6.55986C22 6.30986 21.87 6.07986 21.66 5.94986Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/convert-card.svg b/public/images/icons/vuesax/bold/convert-card.svg
new file mode 100644
index 0000000..c2f4a87
--- /dev/null
+++ b/public/images/icons/vuesax/bold/convert-card.svg
@@ -0,0 +1,8 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22 15C22 18.87 18.87 22 15 22L16.05 20.25" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M2 9C2 5.13 5.13 2 9 2L7.95 3.75" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M22 4.2V4.31C22 4.59 21.78 4.81 21.5 4.81H12.5C12.22 4.81 12 4.59 12 4.31V4.2C12 2.44 12.44 2 14.22 2H19.78C21.56 2 22 2.44 22 4.2Z" fill="#292D32"/>
+<path d="M12.5 5.81006C12.22 5.81006 12 6.03006 12 6.31006V7.31006V8.30006C12 10.0601 12.44 10.5001 14.22 10.5001H19.78C21.56 10.5001 22 10.0601 22 8.30006V7.31006V6.31006C22 6.03006 21.78 5.81006 21.5 5.81006H12.5Z" fill="#292D32"/>
+<path d="M12 15.7V15.81C12 16.09 11.78 16.31 11.5 16.31H2.5C2.22 16.31 2 16.09 2 15.81V15.7C2 13.94 2.44 13.5 4.22 13.5H9.78C11.56 13.5 12 13.94 12 15.7Z" fill="#292D32"/>
+<path d="M2.5 17.3101C2.22 17.3101 2 17.5301 2 17.8101V18.8101V19.8001C2 21.5601 2.44 22.0001 4.22 22.0001H9.78C11.56 22.0001 12 21.5601 12 19.8001V18.8101V17.8101C12 17.5301 11.78 17.3101 11.5 17.3101H2.5Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/convert.svg b/public/images/icons/vuesax/bold/convert.svg
new file mode 100644
index 0000000..80e82aa
--- /dev/null
+++ b/public/images/icons/vuesax/bold/convert.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.0312 2.03125C10.0813 2.03125 8.26125 2.59125 6.73125 3.55125L13.5913 10.4213L13.6013 7.68125C13.6013 7.27125 13.9413 6.93125 14.3513 6.93125C14.7713 6.93125 15.1013 7.27125 15.1013 7.68125L15.0913 12.2312C15.0913 12.5413 14.9012 12.8113 14.6213 12.9213C14.5312 12.9613 14.4313 12.9812 14.3413 12.9812C14.1413 12.9812 13.9513 12.9013 13.8113 12.7613L5.62125 4.56125C5.58125 4.52125 5.55125 4.48125 5.52125 4.44125C3.38125 6.28125 2.03125 9.00125 2.03125 12.0312C2.03125 17.5513 6.51125 22.0312 12.0312 22.0312C13.9812 22.0312 15.8013 21.4712 17.3313 20.5112L10.4713 13.6413L10.4613 16.3812C10.4613 16.7912 10.1213 17.1312 9.71125 17.1312C9.29125 17.1312 8.96125 16.7912 8.96125 16.3812L8.97125 11.8313C8.97125 11.5212 9.16125 11.2513 9.44125 11.1413C9.71125 11.0213 10.0413 11.0813 10.2513 11.3013L18.4412 19.5012C18.4813 19.5413 18.5112 19.5812 18.5413 19.6213C20.6812 17.7812 22.0312 15.0612 22.0312 12.0312C22.0312 6.51125 17.5513 2.03125 12.0312 2.03125Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/convertshape-2.svg b/public/images/icons/vuesax/bold/convertshape-2.svg
new file mode 100644
index 0000000..52a1506
--- /dev/null
+++ b/public/images/icons/vuesax/bold/convertshape-2.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="M11 16.15V18.85C11 21.1 10.1 22 7.85 22H5.15C2.9 22 2 21.1 2 18.85V16.15C2 13.9 2.9 13 5.15 13H7.85C10.1 13 11 13.9 11 16.15Z" fill="#292D32"/>
+<path d="M17.5 11C19.9853 11 22 8.98528 22 6.5C22 4.01472 19.9853 2 17.5 2C15.0147 2 13 4.01472 13 6.5C13 8.98528 15.0147 11 17.5 11Z" fill="#292D32"/>
+<path d="M14.78 22C14.51 22 14.26 21.85 14.13 21.62C14 21.38 14 21.1 14.14 20.86L15.11 19.24C15.32 18.88 15.78 18.77 16.14 18.98C16.5 19.19 16.61 19.65 16.4 20.01L16.22 20.31C18.69 19.67 20.51 17.43 20.51 14.77C20.51 14.36 20.85 14.02 21.26 14.02C21.67 14.02 22 14.36 22 14.78C22 18.76 18.76 22 14.78 22Z" fill="#292D32"/>
+<path d="M2.75 9.97C2.34 9.97 2 9.64 2 9.22C2 5.24 5.24 2 9.22 2C9.5 2 9.74 2.15 9.88 2.38C10.01 2.62 10.01 2.9 9.87 3.14L8.9 4.75C8.68 5.11 8.22 5.23 7.87 5.01C7.51 4.8 7.4 4.34 7.61 3.98L7.79 3.68C5.33 4.32 3.5 6.56 3.5 9.22C3.5 9.64 3.16 9.97 2.75 9.97Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/convertshape.svg b/public/images/icons/vuesax/bold/convertshape.svg
new file mode 100644
index 0000000..f8ffd07
--- /dev/null
+++ b/public/images/icons/vuesax/bold/convertshape.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="M22 5.15V8.85C22 11.1 21.1 12 18.85 12H16.15C13.9 12 13 11.1 13 8.85V5.15C13 2.9 13.9 2 16.15 2H18.85C21.1 2 22 2.9 22 5.15Z" fill="#292D32"/>
+<path d="M11 15.15V18.85C11 21.1 10.1 22 7.85 22H5.15C2.9 22 2 21.1 2 18.85V15.15C2 12.9 2.9 12 5.15 12H7.85C10.1 12 11 12.9 11 15.15Z" fill="#292D32"/>
+<path d="M14.78 22C14.51 22 14.26 21.85 14.13 21.62C14 21.38 14 21.1 14.14 20.86L15.11 19.24C15.32 18.88 15.78 18.77 16.14 18.98C16.5 19.19 16.61 19.65 16.4 20.01L16.22 20.31C18.69 19.67 20.51 17.43 20.51 14.77C20.51 14.36 20.85 14.02 21.26 14.02C21.67 14.02 22 14.36 22 14.78C22 18.76 18.76 22 14.78 22Z" fill="#292D32"/>
+<path d="M2.75 9.97C2.34 9.97 2 9.64 2 9.22C2 5.24 5.24 2 9.22 2C9.5 2 9.74 2.15 9.88 2.38C10.01 2.62 10.01 2.9 9.87 3.14L8.9 4.75C8.68 5.11 8.22 5.23 7.87 5.01C7.51 4.8 7.4 4.34 7.61 3.98L7.79 3.68C5.33 4.32 3.5 6.56 3.5 9.22C3.5 9.64 3.16 9.97 2.75 9.97Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/copy-success.svg b/public/images/icons/vuesax/bold/copy-success.svg
new file mode 100644
index 0000000..810fbaf
--- /dev/null
+++ b/public/images/icons/vuesax/bold/copy-success.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="M17.1 2H12.9C9.81693 2 8.37099 3.09409 8.06975 5.73901C8.00673 6.29235 8.465 6.75 9.02191 6.75H11.1C15.3 6.75 17.25 8.7 17.25 12.9V14.9781C17.25 15.535 17.7077 15.9933 18.261 15.9303C20.9059 15.629 22 14.1831 22 11.1V6.9C22 3.4 20.6 2 17.1 2Z" fill="#292D32"/>
+<path d="M11.1 8H6.9C3.4 8 2 9.4 2 12.9V17.1C2 20.6 3.4 22 6.9 22H11.1C14.6 22 16 20.6 16 17.1V12.9C16 9.4 14.6 8 11.1 8ZM12.29 13.65L8.58 17.36C8.44 17.5 8.26 17.57 8.07 17.57C7.88 17.57 7.7 17.5 7.56 17.36L5.7 15.5C5.42 15.22 5.42 14.77 5.7 14.49C5.98 14.21 6.43 14.21 6.71 14.49L8.06 15.84L11.27 12.63C11.55 12.35 12 12.35 12.28 12.63C12.56 12.91 12.57 13.37 12.29 13.65Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/copy.svg b/public/images/icons/vuesax/bold/copy.svg
new file mode 100644
index 0000000..51c82a5
--- /dev/null
+++ b/public/images/icons/vuesax/bold/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="M16 12.9V17.1C16 20.6 14.6 22 11.1 22H6.9C3.4 22 2 20.6 2 17.1V12.9C2 9.4 3.4 8 6.9 8H11.1C14.6 8 16 9.4 16 12.9Z" fill="#292D32"/>
+<path d="M17.1 2H12.9C9.81693 2 8.37099 3.09409 8.06975 5.73901C8.00673 6.29235 8.465 6.75 9.02191 6.75H11.1C15.3 6.75 17.25 8.7 17.25 12.9V14.9781C17.25 15.535 17.7077 15.9933 18.261 15.9303C20.9059 15.629 22 14.1831 22 11.1V6.9C22 3.4 20.6 2 17.1 2Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/copyright.svg b/public/images/icons/vuesax/bold/copyright.svg
new file mode 100644
index 0000000..2946767
--- /dev/null
+++ b/public/images/icons/vuesax/bold/copyright.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 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12.24 15.25C13.02 15.25 13.79 14.96 14.38 14.44C14.69 14.17 15.17 14.2 15.44 14.51C15.71 14.82 15.68 15.3 15.37 15.57C14.5 16.34 13.39 16.76 12.24 16.76C9.62 16.76 7.49 14.63 7.49 12.01C7.49 9.39 9.62 7.26 12.24 7.26C13.39 7.26 14.51 7.68 15.37 8.45C15.68 8.72 15.71 9.2 15.44 9.51C15.16 9.82 14.69 9.85 14.38 9.58C13.79 9.06 13.03 8.77 12.24 8.77C10.45 8.77 8.99 10.23 8.99 12.02C8.99 13.81 10.45 15.25 12.24 15.25Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/courthouse.svg b/public/images/icons/vuesax/bold/courthouse.svg
new file mode 100644
index 0000000..44cbee7
--- /dev/null
+++ b/public/images/icons/vuesax/bold/courthouse.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="M22 21.2502H20.75V11.0002C20.75 8.58019 19.42 7.25019 17 7.25019H12.75V6.02019C13.33 6.16019 13.91 6.24019 14.5 6.24019C15.44 6.24019 16.38 6.06019 17.28 5.70019C17.56 5.59019 17.75 5.31019 17.75 5.00019V2.00019C17.75 1.75019 17.63 1.52019 17.42 1.38019C17.21 1.24019 16.95 1.21019 16.72 1.30019C15.29 1.87019 13.71 1.87019 12.28 1.30019C12.05 1.21019 11.79 1.24019 11.58 1.38019C11.37 1.52019 11.25 1.75019 11.25 2.00019V5.00019V7.25019H7C4.58 7.25019 3.25 8.58019 3.25 11.0002V21.2502H2C1.59 21.2502 1.25 21.5902 1.25 22.0002C1.25 22.4102 1.59 22.7502 2 22.7502H4H20H22C22.41 22.7502 22.75 22.4102 22.75 22.0002C22.75 21.5902 22.41 21.2502 22 21.2502ZM7.24 21.2502H4.75V12.7502H7.24V21.2502ZM11.24 21.2502H8.74V12.7502H11.24V21.2502ZM15.24 21.2502H12.74V12.7502H15.24V21.2502ZM19.25 21.2502H16.74V12.7502H19.25V21.2502Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/cpu-charge.svg b/public/images/icons/vuesax/bold/cpu-charge.svg
new file mode 100644
index 0000000..ede34b1
--- /dev/null
+++ b/public/images/icons/vuesax/bold/cpu-charge.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="M13.98 7.75H10.01C8.75999 7.75 7.73999 8.76 7.73999 10.02V13.99C7.73999 15.24 8.74999 16.26 10.01 16.26H13.98C15.23 16.26 16.25 15.25 16.25 13.99V10.02C16.25 8.76 15.24 7.75 13.98 7.75ZM13.5 12.98L12.61 14.53C12.48 14.76 12.24 14.88 12 14.88C11.88 14.88 11.75 14.85 11.65 14.79C11.31 14.6 11.19 14.17 11.39 13.83L12.03 12.72H11.47C11.02 12.72 10.65 12.52 10.45 12.18C10.25 11.84 10.27 11.42 10.5 11.03L11.39 9.48C11.59 9.14 12.02 9.03 12.35 9.22C12.69 9.41 12.81 9.84 12.61 10.18L11.97 11.29H12.53C12.98 11.29 13.35 11.49 13.55 11.83C13.75 12.17 13.73 12.59 13.5 12.98Z" fill="#292D32"/>
+<path d="M21.25 12.75C21.67 12.75 22 12.41 22 12C22 11.58 21.67 11.25 21.25 11.25H20V9.05H21.25C21.67 9.05 22 8.72 22 8.3C22 7.89 21.67 7.55 21.25 7.55H19.77C19.29 5.96 18.04 4.71 16.45 4.23V2.75C16.45 2.34 16.11 2 15.7 2C15.29 2 14.95 2.34 14.95 2.75V4H12.75V2.75C12.75 2.34 12.41 2 12 2C11.59 2 11.25 2.34 11.25 2.75V4H9.06V2.75C9.06 2.34 8.72 2 8.31 2C7.89 2 7.56 2.34 7.56 2.75V4.23C5.96 4.71 4.71 5.96 4.23 7.55H2.75C2.34 7.55 2 7.89 2 8.3C2 8.72 2.34 9.05 2.75 9.05H4V11.25H2.75C2.34 11.25 2 11.58 2 12C2 12.41 2.34 12.75 2.75 12.75H4V14.95H2.75C2.34 14.95 2 15.28 2 15.7C2 16.11 2.34 16.45 2.75 16.45H4.23C4.7 18.04 5.96 19.29 7.56 19.77V21.25C7.56 21.66 7.89 22 8.31 22C8.72 22 9.06 21.66 9.06 21.25V20H11.26V21.25C11.26 21.66 11.59 22 12.01 22C12.42 22 12.76 21.66 12.76 21.25V20H14.95V21.25C14.95 21.66 15.29 22 15.7 22C16.11 22 16.45 21.66 16.45 21.25V19.77C18.04 19.29 19.29 18.04 19.77 16.45H21.25C21.67 16.45 22 16.11 22 15.7C22 15.28 21.67 14.95 21.25 14.95H20V12.75H21.25ZM17.26 14.26C17.26 15.91 15.91 17.26 14.26 17.26H9.74C8.09 17.26 6.74 15.91 6.74 14.26V9.74C6.74 8.09 8.09 6.74 9.74 6.74H14.26C15.91 6.74 17.26 8.09 17.26 9.74V14.26Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/cpu-setting.svg b/public/images/icons/vuesax/bold/cpu-setting.svg
new file mode 100644
index 0000000..bb11de2
--- /dev/null
+++ b/public/images/icons/vuesax/bold/cpu-setting.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.09 8.08C4.04 8.38 4 8.68 4 9C4 8.69 4.04 8.38 4.09 8.08ZM4 15C4 15.32 4.04 15.62 4.09 15.92C4.04 15.62 4 15.31 4 15ZM8.09 19.91C8.38 19.96 8.69 20 9 20C8.69 20 8.39 19.96 8.09 19.91ZM8.09 4.09C8.39 4.04 8.69 4 9 4C8.69 4 8.38 4.04 8.09 4.09ZM15.92 4.09C15.62 4.04 15.32 4 15 4C15.31 4 15.62 4.04 15.92 4.09ZM19.91 8.08C19.96 8.38 20 8.69 20 9C20 8.68 19.96 8.38 19.91 8.08Z" fill="#292D32"/>
+<path d="M22 8.3C22 8.72 21.67 9.05 21.25 9.05H20V10.8871C20 11.2207 19.638 11.4284 19.35 11.26C18.92 11.01 18.42 10.93 17.94 11.06C17.6321 11.1339 17.26 10.9349 17.26 10.6183V9.74C17.26 8.09 15.91 6.74 14.26 6.74H9.74C8.09 6.74 6.74 8.09 6.74 9.74V14.26C6.74 15.91 8.09 17.26 9.74 17.26H10.19C10.306 17.26 10.4 17.354 10.4 17.47C10.4 18.4335 11.0982 19.2436 12.0175 19.4298C12.1904 19.4648 12.3073 19.6716 12.25 19.8383C12.2172 19.9337 12.1302 20 12.0293 20H9.06V21.25C9.06 21.66 8.72 22 8.31 22C7.89 22 7.56 21.66 7.56 21.25V19.78C5.96 19.29 4.71 18.04 4.23 16.45H2.75C2.34 16.45 2 16.11 2 15.7C2 15.28 2.34 14.95 2.75 14.95H4V12.75H2.75C2.34 12.75 2 12.41 2 12C2 11.58 2.34 11.25 2.75 11.25H4V9.05H2.75C2.34 9.05 2 8.72 2 8.3C2 7.89 2.34 7.55 2.75 7.55H4.23C4.71 5.96 5.96 4.71 7.56 4.22V2.75C7.56 2.34 7.89 2 8.31 2C8.72 2 9.06 2.34 9.06 2.75V4H11.25V2.75C11.25 2.34 11.59 2 12 2C12.41 2 12.75 2.34 12.75 2.75V4H14.95V2.75C14.95 2.34 15.29 2 15.7 2C16.11 2 16.45 2.34 16.45 2.75V4.23C18.04 4.71 19.29 5.96 19.77 7.55H21.25C21.67 7.55 22 7.89 22 8.3Z" fill="#292D32"/>
+<path d="M20.99 15.53C20.31 15.53 19.92 15.19 19.92 14.69C19.92 14.49 19.98 14.26 20.12 14.02C20.4 13.54 20.23 12.92 19.75 12.65L18.84 12.12C18.42 11.87 17.88 12.02 17.63 12.44L17.57 12.54C17.09 13.37 16.31 13.37 15.83 12.54L15.77 12.44C15.53 12.02 14.98 11.87 14.57 12.12L13.65 12.65C13.33 12.83 13.14 13.17 13.14 13.52C13.14 13.69 13.19 13.86 13.28 14.02C13.42 14.26 13.49 14.49 13.49 14.69C13.49 15.19 13.09 15.53 12.41 15.53C11.86 15.53 11.4 15.98 11.4 16.53V17.47C11.4 18.02 11.86 18.47 12.41 18.47C13.09 18.47 13.49 18.81 13.49 19.31C13.49 19.51 13.42 19.74 13.28 19.98C13 20.46 13.17 21.08 13.65 21.35L14.57 21.88C14.98 22.13 15.53 21.98 15.77 21.56L15.83 21.46C16.31 20.63 17.09 20.63 17.57 21.46L17.63 21.56C17.88 21.98 18.42 22.13 18.84 21.88L19.75 21.35C20.07 21.17 20.26 20.83 20.26 20.48C20.26 20.31 20.21 20.14 20.12 19.98C19.98 19.74 19.92 19.51 19.92 19.31C19.92 18.81 20.31 18.47 20.99 18.47C21.55 18.47 22 18.02 22 17.47V16.53C22 15.98 21.55 15.53 20.99 15.53ZM16.7 18.72C15.75 18.72 14.98 17.95 14.98 17C14.98 16.05 15.75 15.28 16.7 15.28C17.65 15.28 18.42 16.05 18.42 17C18.42 17.95 17.65 18.72 16.7 18.72Z" fill="#292D32"/>
+<path d="M16.25 10.02V10.5925C16.25 10.9266 15.8047 11.1384 15.48 11.06C14.98 10.93 14.48 11 14.07 11.25L13.16 11.78C12.53 12.13 12.14 12.8 12.14 13.52C12.14 13.5796 12.1425 13.6396 12.1475 13.6996C12.1803 14.0858 11.9103 14.5545 11.5593 14.7191C11.0767 14.9454 10.6979 15.3577 10.5165 15.8624C10.4389 16.0785 10.2496 16.25 10.02 16.25C8.76 16.25 7.75 15.24 7.75 13.98V10.02C7.75 8.76 8.76 7.75 10.02 7.75H13.98C15.24 7.75 16.25 8.76 16.25 10.02Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/cpu.svg b/public/images/icons/vuesax/bold/cpu.svg
new file mode 100644
index 0000000..00133fa
--- /dev/null
+++ b/public/images/icons/vuesax/bold/cpu.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="M21.25 12.75C21.67 12.75 22 12.41 22 12C22 11.58 21.67 11.25 21.25 11.25H20V9.05H21.25C21.67 9.05 22 8.72 22 8.3C22 7.89 21.67 7.55 21.25 7.55H19.77C19.29 5.96 18.04 4.71 16.45 4.23V2.75C16.45 2.34 16.11 2 15.7 2C15.29 2 14.95 2.34 14.95 2.75V4H12.75V2.75C12.75 2.34 12.41 2 12 2C11.59 2 11.25 2.34 11.25 2.75V4H9.06V2.75C9.06 2.34 8.72 2 8.31 2C7.89 2 7.56 2.34 7.56 2.75V4.23C5.96 4.71 4.71 5.96 4.23 7.55H2.75C2.34 7.55 2 7.89 2 8.3C2 8.72 2.34 9.05 2.75 9.05H4V11.25H2.75C2.34 11.25 2 11.58 2 12C2 12.41 2.34 12.75 2.75 12.75H4V14.95H2.75C2.34 14.95 2 15.28 2 15.7C2 16.11 2.34 16.45 2.75 16.45H4.23C4.7 18.04 5.96 19.29 7.56 19.77V21.25C7.56 21.66 7.89 22 8.31 22C8.72 22 9.06 21.66 9.06 21.25V20H11.26V21.25C11.26 21.66 11.59 22 12.01 22C12.42 22 12.76 21.66 12.76 21.25V20H14.95V21.25C14.95 21.66 15.29 22 15.7 22C16.11 22 16.45 21.66 16.45 21.25V19.77C18.04 19.29 19.29 18.04 19.77 16.45H21.25C21.67 16.45 22 16.11 22 15.7C22 15.28 21.67 14.95 21.25 14.95H20V12.75H21.25ZM17.26 14.26C17.26 15.91 15.91 17.26 14.26 17.26H9.74C8.09 17.26 6.74 15.91 6.74 14.26V9.74C6.74 8.09 8.09 6.74 9.74 6.74H14.26C15.91 6.74 17.26 8.09 17.26 9.74V14.26Z" fill="#292D32"/>
+<path d="M10.02 16.2502H13.99C15.24 16.2502 16.26 15.2402 16.26 13.9802V10.0102C16.26 8.76023 15.25 7.74023 13.99 7.74023H10.02C8.77 7.74023 7.75 8.75023 7.75 10.0102V13.9802C7.75 15.2402 8.76 16.2502 10.02 16.2502Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/creative-commons.svg b/public/images/icons/vuesax/bold/creative-commons.svg
new file mode 100644
index 0000000..9ae1881
--- /dev/null
+++ b/public/images/icons/vuesax/bold/creative-commons.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 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM8.99 14.12C9.5 14.12 10 13.93 10.39 13.59C10.7 13.32 11.18 13.35 11.45 13.66C11.72 13.97 11.69 14.45 11.38 14.72C10.72 15.3 9.87 15.62 8.99 15.62C6.99 15.62 5.37 14 5.37 12C5.37 10 6.99 8.38 8.99 8.38C9.87 8.38 10.71 8.7 11.38 9.28C11.69 9.55 11.72 10.03 11.45 10.34C11.18 10.65 10.7 10.68 10.39 10.41C10 10.07 9.5 9.88 8.99 9.88C7.82 9.88 6.87 10.83 6.87 12C6.87 13.17 7.82 14.12 8.99 14.12ZM15.99 14.12C16.5 14.12 17 13.93 17.39 13.59C17.7 13.32 18.18 13.35 18.45 13.66C18.72 13.97 18.69 14.45 18.38 14.72C17.72 15.3 16.87 15.62 15.99 15.62C13.99 15.62 12.37 14 12.37 12C12.37 10 13.99 8.38 15.99 8.38C16.87 8.38 17.71 8.7 18.38 9.28C18.69 9.55 18.72 10.03 18.45 10.34C18.18 10.65 17.7 10.68 17.39 10.41C17 10.07 16.51 9.88 15.99 9.88C14.82 9.88 13.87 10.83 13.87 12C13.87 13.17 14.82 14.12 15.99 14.12Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/crop.svg b/public/images/icons/vuesax/bold/crop.svg
new file mode 100644
index 0000000..4de7956
--- /dev/null
+++ b/public/images/icons/vuesax/bold/crop.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="M5.53 2C5.11 2 4.78 2.34 4.78 2.75V4.78H2.75C2.34 4.78 2 5.11 2 5.53C2 5.95 2.34 6.28 2.75 6.28H5.53C5.94 6.28 6.28 5.94 6.28 5.53V2.75C6.28 2.34 5.94 2 5.53 2Z" fill="#292D32"/>
+<path d="M21.25 17.7202H18.47C18.06 17.7202 17.72 18.0602 17.72 18.4702V21.2502C17.72 21.6602 18.06 22.0002 18.47 22.0002C18.88 22.0002 19.22 21.6602 19.22 21.2502V19.2202H21.25C21.66 19.2202 22 18.8802 22 18.4702C22 18.0602 21.66 17.7202 21.25 17.7202Z" fill="#292D32"/>
+<path d="M16.72 18.4698C16.72 17.5098 17.51 16.7198 18.47 16.7198H19.16V10.0498C19.16 7.15982 16.82 4.81982 13.93 4.81982H7.28V5.50982C7.28 6.46982 6.49 7.25982 5.53 7.25982H4.83V13.9298C4.83 16.8198 7.17 19.1598 10.06 19.1598H16.73V18.4698H16.72Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/crown-1.svg b/public/images/icons/vuesax/bold/crown-1.svg
new file mode 100644
index 0000000..d9621d1
--- /dev/null
+++ b/public/images/icons/vuesax/bold/crown-1.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="M22 5.71V15.29C22 18.05 19.76 20.29 17 20.29H7.00001C6.54001 20.29 6.10001 20.23 5.67001 20.11C5.05001 19.94 4.85001 19.15 5.31001 18.69L15.94 8.06C16.16 7.84 16.49 7.79 16.8 7.85C17.12 7.91 17.47 7.82 17.72 7.58L20.29 5C21.23 4.06 22 4.37 22 5.71Z" fill="#292D32"/>
+<path d="M14.64 7.36002L4.17 17.83C3.69 18.31 2.89 18.19 2.57 17.59C2.2 16.91 2 16.12 2 15.29V5.71002C2 4.37002 2.77 4.06002 3.71 5.00002L6.29 7.59002C6.68 7.97002 7.32 7.97002 7.71 7.59002L11.29 4.00002C11.68 3.61002 12.32 3.61002 12.71 4.00002L14.65 5.94002C15.03 6.33002 15.03 6.97002 14.64 7.36002Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/crown.svg b/public/images/icons/vuesax/bold/crown.svg
new file mode 100644
index 0000000..5c40081
--- /dev/null
+++ b/public/images/icons/vuesax/bold/crown.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="M17 22H7C6.59 22 6.25 21.66 6.25 21.25C6.25 20.84 6.59 20.5 7 20.5H17C17.41 20.5 17.75 20.84 17.75 21.25C17.75 21.66 17.41 22 17 22Z" fill="#292D32"/>
+<path d="M20.35 5.52004L16.35 8.38004C15.82 8.76004 15.06 8.53004 14.83 7.92004L12.94 2.88004C12.62 2.01004 11.39 2.01004 11.07 2.88004L9.16998 7.91004C8.93998 8.53004 8.18997 8.76004 7.65998 8.37004L3.65998 5.51004C2.85998 4.95004 1.79998 5.74004 2.12998 6.67004L6.28998 18.32C6.42998 18.72 6.80998 18.98 7.22998 18.98H16.76C17.18 18.98 17.56 18.71 17.7 18.32L21.86 6.67004C22.2 5.74004 21.14 4.95004 20.35 5.52004ZM14.5 14.75H9.49998C9.08998 14.75 8.74998 14.41 8.74998 14C8.74998 13.59 9.08998 13.25 9.49998 13.25H14.5C14.91 13.25 15.25 13.59 15.25 14C15.25 14.41 14.91 14.75 14.5 14.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/cup.svg b/public/images/icons/vuesax/bold/cup.svg
new file mode 100644
index 0000000..dc98a4e
--- /dev/null
+++ b/public/images/icons/vuesax/bold/cup.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 18.25H9C7.9 18.25 7 19.15 7 20.25V20.5H6C5.59 20.5 5.25 20.84 5.25 21.25C5.25 21.66 5.59 22 6 22H18C18.41 22 18.75 21.66 18.75 21.25C18.75 20.84 18.41 20.5 18 20.5H17V20.25C17 19.15 16.1 18.25 15 18.25H12.75V15.96C12.5 15.99 12.25 16 12 16C11.75 16 11.5 15.99 11.25 15.96V18.25Z" fill="#292D32"/>
+<path d="M18.48 11.64C19.14 11.39 19.72 10.98 20.18 10.52C21.11 9.49 21.72 8.26 21.72 6.82C21.72 5.38 20.59 4.25 19.15 4.25H18.59C17.94 2.92 16.58 2 15 2H9.00003C7.42003 2 6.06003 2.92 5.41003 4.25H4.85003C3.41003 4.25 2.28003 5.38 2.28003 6.82C2.28003 8.26 2.89003 9.49 3.82003 10.52C4.28003 10.98 4.86003 11.39 5.52003 11.64C6.56003 14.2 9.06003 16 12 16C14.94 16 17.44 14.2 18.48 11.64ZM14.84 8.45L14.22 9.21C14.12 9.32 14.05 9.54 14.06 9.69L14.12 10.67C14.16 11.27 13.73 11.58 13.17 11.36L12.26 11C12.12 10.95 11.88 10.95 11.74 11L10.83 11.36C10.27 11.58 9.84003 11.27 9.88003 10.67L9.94003 9.69C9.95003 9.54 9.88003 9.32 9.78003 9.21L9.16003 8.45C8.77003 7.99 8.94003 7.48 9.52003 7.33L10.47 7.09C10.62 7.05 10.8 6.91 10.88 6.78L11.41 5.96C11.74 5.45 12.26 5.45 12.59 5.96L13.12 6.78C13.2 6.91 13.38 7.05 13.53 7.09L14.48 7.33C15.06 7.48 15.23 7.99 14.84 8.45Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/dai-(dai).svg b/public/images/icons/vuesax/bold/dai-(dai).svg
new file mode 100644
index 0000000..363ac5e
--- /dev/null
+++ b/public/images/icons/vuesax/bold/dai-(dai).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="M12 7.75H8.75V9.25H15.21C14.43 8.34 13.29 7.75 12 7.75Z" fill="black"/>
+<path d="M16.25 12C16.25 11.56 16.16 11.15 16.04 10.75H8.75V13.25H16.04C16.16 12.85 16.25 12.44 16.25 12Z" fill="black"/>
+<path d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM18.52 14.75H17.05C16.07 16.54 14.18 17.75 12 17.75H8C7.59 17.75 7.25 17.41 7.25 17V14.75H6.47998C6.06998 14.75 5.72998 14.41 5.72998 14C5.72998 13.59 6.06998 13.25 6.47998 13.25H7.25V10.75H6.47998C6.06998 10.75 5.72998 10.41 5.72998 10C5.72998 9.59 6.06998 9.25 6.47998 9.25H7.25V7C7.25 6.59 7.59 6.25 8 6.25H12C14.18 6.25 16.07 7.46 17.05 9.25H18.52C18.93 9.25 19.27 9.59 19.27 10C19.27 10.41 18.93 10.75 18.52 10.75H17.61C17.7 11.15 17.75 11.57 17.75 12C17.75 12.43 17.7 12.85 17.61 13.25H18.52C18.93 13.25 19.27 13.59 19.27 14C19.27 14.41 18.93 14.75 18.52 14.75Z" fill="black"/>
+<path d="M8.75 16.25H12C13.29 16.25 14.43 15.66 15.21 14.75H8.75V16.25Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/danger.svg b/public/images/icons/vuesax/bold/danger.svg
new file mode 100644
index 0000000..69bf022
--- /dev/null
+++ b/public/images/icons/vuesax/bold/danger.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="M21.76 15.92L15.36 4.4C14.5 2.85 13.31 2 12 2C10.69 2 9.49998 2.85 8.63998 4.4L2.23998 15.92C1.42998 17.39 1.33998 18.8 1.98998 19.91C2.63998 21.02 3.91998 21.63 5.59998 21.63H18.4C20.08 21.63 21.36 21.02 22.01 19.91C22.66 18.8 22.57 17.38 21.76 15.92ZM11.25 9C11.25 8.59 11.59 8.25 12 8.25C12.41 8.25 12.75 8.59 12.75 9V14C12.75 14.41 12.41 14.75 12 14.75C11.59 14.75 11.25 14.41 11.25 14V9ZM12.71 17.71C12.66 17.75 12.61 17.79 12.56 17.83C12.5 17.87 12.44 17.9 12.38 17.92C12.32 17.95 12.26 17.97 12.19 17.98C12.13 17.99 12.06 18 12 18C11.94 18 11.87 17.99 11.8 17.98C11.74 17.97 11.68 17.95 11.62 17.92C11.56 17.9 11.5 17.87 11.44 17.83C11.39 17.79 11.34 17.75 11.29 17.71C11.11 17.52 11 17.26 11 17C11 16.74 11.11 16.48 11.29 16.29C11.34 16.25 11.39 16.21 11.44 16.17C11.5 16.13 11.56 16.1 11.62 16.08C11.68 16.05 11.74 16.03 11.8 16.02C11.93 15.99 12.07 15.99 12.19 16.02C12.26 16.03 12.32 16.05 12.38 16.08C12.44 16.1 12.5 16.13 12.56 16.17C12.61 16.21 12.66 16.25 12.71 16.29C12.89 16.48 13 16.74 13 17C13 17.26 12.89 17.52 12.71 17.71Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/dash-(dash).svg b/public/images/icons/vuesax/bold/dash-(dash).svg
new file mode 100644
index 0000000..727b576
--- /dev/null
+++ b/public/images/icons/vuesax/bold/dash-(dash).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.11994 3.5H15.9999C19.9999 3.5 21.9999 6 21.9999 9.5V12C21.9999 17 18.9999 20.5 13.4999 20.5H3.93994L4.99994 16.25H12.4399C15.9999 16.25 17.7499 14 17.7499 10.94V10.75C17.7499 9 16.9999 7.75 14.7499 7.75H6.05994L7.11994 3.5Z" fill="black"/>
+<path d="M12.41 10.23H4.70001C3.62001 10.23 2.68001 10.97 2.41001 12.01L2.16001 13.03C2.07001 13.4 2.35001 13.76 2.73001 13.76H10.44C11.52 13.76 12.46 13.02 12.73 11.98L12.98 10.96C13.08 10.59 12.79 10.23 12.41 10.23Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/data-2.svg b/public/images/icons/vuesax/bold/data-2.svg
new file mode 100644
index 0000000..7c321fd
--- /dev/null
+++ b/public/images/icons/vuesax/bold/data-2.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="M7 8H4C2.9 8 2 7.1 2 6V4C2 2.9 2.9 2 4 2H7C8.1 2 9 2.9 9 4V6C9 7.1 8.1 8 7 8Z" fill="#292D32"/>
+<path d="M20.8 7H17.2C16.54 7 16 6.46 16 5.8V4.2C16 3.54 16.54 3 17.2 3H20.8C21.46 3 22 3.54 22 4.2V5.8C22 6.46 21.46 7 20.8 7Z" fill="#292D32"/>
+<path d="M20.8 14.5H17.2C16.54 14.5 16 13.96 16 13.3V11.7C16 11.04 16.54 10.5 17.2 10.5H20.8C21.46 10.5 22 11.04 22 11.7V13.3C22 13.96 21.46 14.5 20.8 14.5Z" fill="#292D32"/>
+<path opacity="0.96" d="M16 13.25C16.41 13.25 16.75 12.91 16.75 12.5C16.75 12.09 16.41 11.75 16 11.75H13.25V5.75H16C16.41 5.75 16.75 5.41 16.75 5C16.75 4.59 16.41 4.25 16 4.25H9C8.59 4.25 8.25 4.59 8.25 5C8.25 5.41 8.59 5.75 9 5.75H11.75V18C11.75 19.52 12.98 20.75 14.5 20.75H16C16.41 20.75 16.75 20.41 16.75 20C16.75 19.59 16.41 19.25 16 19.25H14.5C13.81 19.25 13.25 18.69 13.25 18V13.25H16Z" fill="#292D32"/>
+<path d="M20.8 22H17.2C16.54 22 16 21.46 16 20.8V19.2C16 18.54 16.54 18 17.2 18H20.8C21.46 18 22 18.54 22 19.2V20.8C22 21.46 21.46 22 20.8 22Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/data.svg b/public/images/icons/vuesax/bold/data.svg
new file mode 100644
index 0000000..9784947
--- /dev/null
+++ b/public/images/icons/vuesax/bold/data.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="M20 14.25C21.2426 14.25 22.25 13.2426 22.25 12C22.25 10.7574 21.2426 9.75 20 9.75C18.7574 9.75 17.75 10.7574 17.75 12C17.75 13.2426 18.7574 14.25 20 14.25Z" fill="#292D32"/>
+<path d="M20 6.25C21.2426 6.25 22.25 5.24264 22.25 4C22.25 2.75736 21.2426 1.75 20 1.75C18.7574 1.75 17.75 2.75736 17.75 4C17.75 5.24264 18.7574 6.25 20 6.25Z" fill="#292D32"/>
+<path d="M20 22.25C21.2426 22.25 22.25 21.2426 22.25 20C22.25 18.7574 21.2426 17.75 20 17.75C18.7574 17.75 17.75 18.7574 17.75 20C17.75 21.2426 18.7574 22.25 20 22.25Z" fill="#292D32"/>
+<path d="M4 14.25C5.24264 14.25 6.25 13.2426 6.25 12C6.25 10.7574 5.24264 9.75 4 9.75C2.75736 9.75 1.75 10.7574 1.75 12C1.75 13.2426 2.75736 14.25 4 14.25Z" fill="#292D32"/>
+<path d="M19 12.75C19.41 12.75 19.75 12.41 19.75 12C19.75 11.59 19.41 11.25 19 11.25H11.75V7C11.75 5.42 12.42 4.75 14 4.75H19C19.41 4.75 19.75 4.41 19.75 4C19.75 3.59 19.41 3.25 19 3.25H14C11.58 3.25 10.25 4.58 10.25 7V11.25H5C4.59 11.25 4.25 11.59 4.25 12C4.25 12.41 4.59 12.75 5 12.75H10.25V17C10.25 19.42 11.58 20.75 14 20.75H19C19.41 20.75 19.75 20.41 19.75 20C19.75 19.59 19.41 19.25 19 19.25H14C12.42 19.25 11.75 18.58 11.75 17V12.75H19Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/decred-(dcr).svg b/public/images/icons/vuesax/bold/decred-(dcr).svg
new file mode 100644
index 0000000..81be796
--- /dev/null
+++ b/public/images/icons/vuesax/bold/decred-(dcr).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="M5.64999 7.64999L2.85001 4.85001C2.54001 4.54001 2.76001 4 3.20001 4H6.79001C6.92001 4 7.05001 4.04999 7.14001 4.14999L12.14 9.14999C12.45 9.45999 12.23 10 11.79 10H8.5C6.57 10 5 11.57 5 13.5C5 15.43 6.57 17 8.5 17H10L12.15 19.15C12.46 19.46 12.24 20 11.8 20H8.51001C4.92001 20 2.01001 17.09 2.01001 13.5C2.01001 11.01 3.41001 8.84 5.48001 7.75L5.64999 7.64999Z" fill="black"/>
+<path d="M18.35 16.35L21.15 19.15C21.46 19.46 21.24 20 20.8 20H17.21C17.08 20 16.95 19.95 16.86 19.85L11.86 14.85C11.55 14.54 11.77 14 12.21 14H15.5C17.43 14 19 12.43 19 10.5C19 8.57 17.43 7 15.5 7H14L11.85 4.85001C11.54 4.54001 11.76 4 12.2 4H15.49C19.08 4 21.99 6.91 21.99 10.5C21.99 12.99 20.59 15.16 18.52 16.25L18.35 16.35Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/dent-(dent).svg b/public/images/icons/vuesax/bold/dent-(dent).svg
new file mode 100644
index 0000000..4e7ee59
--- /dev/null
+++ b/public/images/icons/vuesax/bold/dent-(dent).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 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM15.38 12.43L16.84 13.27C17.47 13.63 17.68 14.44 17.32 15.07C16.96 15.7 16.15 15.91 15.52 15.55L14.06 14.71C13.73 14.52 13.31 14.76 13.31 15.14V16.82C13.31 17.54 12.72 18.14 11.99 18.14C11.26 18.14 10.67 17.55 10.67 16.82V15.14C10.67 14.76 10.25 14.51 9.92 14.71L8.46 15.55C7.83 15.91 7.02 15.7 6.66 15.07C6.3 14.44 6.51 13.63 7.14 13.27L8.6 12.43C8.93 12.24 8.93 11.76 8.6 11.56L7.14 10.72C6.51 10.36 6.3 9.55 6.66 8.92C7.02 8.29 7.83 8.08 8.46 8.44L9.92 9.28C10.25 9.47 10.67 9.23001 10.67 8.85001V7.17C10.67 6.45 11.26 5.85001 11.99 5.85001C12.72 5.85001 13.31 6.44 13.31 7.17V8.85001C13.31 9.23001 13.73 9.48 14.06 9.28L15.52 8.44C16.15 8.08 16.96 8.29 17.32 8.92C17.68 9.55 17.47 10.36 16.84 10.72L15.38 11.56C15.05 11.76 15.05 12.24 15.38 12.43Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/designtools.svg b/public/images/icons/vuesax/bold/designtools.svg
new file mode 100644
index 0000000..1ae315d
--- /dev/null
+++ b/public/images/icons/vuesax/bold/designtools.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="M21.04 13.2799L20.12 12.3799L12.37 20.1199L13.3 21.0499C14.08 21.8299 14.89 22.2199 15.69 22.2199C16.49 22.2199 17.3 21.8299 18.08 21.0499L21.04 18.0899C22.63 16.4899 22.63 14.8799 21.04 13.2799Z" fill="#292D32"/>
+<path d="M10.69 2.92994C9.12001 1.35994 7.47001 1.35994 5.90001 2.92994L2.93001 5.88994C1.37001 7.45994 1.37001 9.10994 2.93001 10.6799L3.85001 11.5999L11.6 3.84994L10.69 2.92994Z" fill="#292D32"/>
+<path d="M21.81 3.94009C20.5 7.21009 17.51 11.4801 14.66 14.2701C14.25 11.6901 12.19 9.67009 9.59 9.31009C12.39 6.45009 16.69 3.42009 19.97 2.10009C20.55 1.88009 21.13 2.05009 21.49 2.41009C21.87 2.79009 22.05 3.36009 21.81 3.94009Z" fill="#292D32"/>
+<path d="M13.78 15.09C13.58 15.26 13.38 15.43 13.18 15.59L11.39 17.02C11.39 16.99 11.38 16.95 11.38 16.91C11.24 15.84 10.74 14.85 9.93 14.04C9.11 13.22 8.09 12.72 6.97 12.58C6.94 12.58 6.9 12.57 6.87 12.57L8.31999 10.74C8.45999 10.56 8.61 10.39 8.77 10.21L9.45 10.3C11.6 10.6 13.33 12.29 13.67 14.43L13.78 15.09Z" fill="#292D32"/>
+<path d="M10.43 17.6198C10.43 18.7198 10.01 19.7698 9.21001 20.5598C8.60001 21.1798 7.78001 21.5998 6.78001 21.7198L4.33001 21.9898C2.99001 22.1398 1.84001 20.9898 1.99001 19.6398L2.26001 17.1798C2.50001 14.9898 4.33001 13.5898 6.27001 13.5498C6.46001 13.5398 6.67001 13.5498 6.87001 13.5698C7.72001 13.6798 8.54001 14.0698 9.23001 14.7498C9.90001 15.4198 10.28 16.2098 10.39 17.0398C10.41 17.2398 10.43 17.4298 10.43 17.6198Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/device-message.svg b/public/images/icons/vuesax/bold/device-message.svg
new file mode 100644
index 0000000..064df91
--- /dev/null
+++ b/public/images/icons/vuesax/bold/device-message.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="M18.75 13.9H16.9038C16.7057 13.9 16.5121 13.9588 16.3476 14.069L14.09 15.58C13.73 15.82 13.31 15.93 12.9 15.93C12.55 15.93 12.2 15.85 11.88 15.67C11.3982 15.4153 11.0443 14.9475 10.8705 14.423C10.7313 14.0029 10.4537 13.6136 10.0537 13.4244C9.59444 13.2073 9.18043 12.9204 8.83 12.57C7.97 11.71 7.5 10.5 7.5 9.15V5.25V5C7.5 4.44772 7.05228 4 6.5 4C3.8 4 2 5.35 2 8.5V13.9C2 17.05 3.8 18.4 6.5 18.4H10.25V21.25H7.4C6.99 21.25 6.65 21.59 6.65 22C6.65 22.41 6.99 22.75 7.4 22.75H14.6C15.01 22.75 15.35 22.41 15.35 22C15.35 21.59 15.01 21.25 14.6 21.25H11.75V18.4H15.5C17.8954 18.4 19.5824 17.3374 19.9326 14.898C20.011 14.3513 19.5523 13.9 19 13.9H18.75Z" fill="#292D32"/>
+<path d="M18.75 2H12.25C10.76 2 9.64 2.76 9.2 4C9.07 4.38 9 4.8 9 5.25V9.15C9 10.12 9.32 10.94 9.89 11.51C10.46 12.08 11.28 12.4 12.25 12.4V13.79C12.25 14.3 12.83 14.61 13.26 14.33L16.15 12.4H18.75C19.2 12.4 19.62 12.33 20 12.2C21.24 11.76 22 10.64 22 9.15V5.25C22 3.3 20.7 2 18.75 2ZM12.62 8C12.2 8 11.87 7.66 11.87 7.25C11.87 6.84 12.2 6.5 12.62 6.5C13.04 6.5 13.37 6.84 13.37 7.25C13.37 7.66 13.04 8 12.62 8ZM15.44 8C15.02 8 14.69 7.66 14.69 7.25C14.69 6.84 15.03 6.5 15.44 6.5C15.85 6.5 16.19 6.84 16.19 7.25C16.19 7.66 15.85 8 15.44 8ZM18.25 8C17.83 8 17.5 7.66 17.5 7.25C17.5 6.84 17.84 6.5 18.25 6.5C18.66 6.5 19 6.84 19 7.25C19 7.66 18.66 8 18.25 8Z" fill="#292D32"/>
+<path d="M22 5.25V9.15C22 10.64 21.24 11.76 20 12.2C19.62 12.33 19.2 12.4 18.75 12.4H16.15L13.26 14.33C12.83 14.61 12.25 14.3 12.25 13.79V12.4C11.28 12.4 10.46 12.08 9.89 11.51C9.32 10.94 9 10.12 9 9.15V5.25C9 4.8 9.07 4.38 9.2 4C9.64 2.76 10.76 2 12.25 2H18.75C20.7 2 22 3.3 22 5.25Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/devices.svg b/public/images/icons/vuesax/bold/devices.svg
new file mode 100644
index 0000000..da83b14
--- /dev/null
+++ b/public/images/icons/vuesax/bold/devices.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="M15.7201 9.69002C13.6701 7.63002 10.3301 7.63002 8.28011 9.69002C6.22011 11.75 6.22011 15.08 8.28011 17.13C10.3401 19.19 13.6701 19.19 15.7201 17.13C17.7801 15.07 17.7801 11.74 15.7201 9.69002ZM12.5301 13.94L10.9401 15.53C10.7901 15.68 10.6001 15.75 10.4101 15.75C10.2201 15.75 10.0201 15.68 9.88011 15.53C9.59011 15.24 9.59011 14.76 9.88011 14.46L11.4701 12.87C11.7601 12.58 12.2401 12.58 12.5401 12.87C12.8301 13.17 12.8301 13.65 12.5301 13.94Z" fill="#292D32"/>
+<path d="M19.6001 5.81021C19.3801 5.59021 19.1001 5.47021 18.7901 5.47021C18.4801 5.47021 18.2001 5.59022 17.9801 5.80022C17.5301 6.25022 17.5301 6.97022 17.9801 7.42022C18.2001 7.64022 18.4801 7.76022 18.7901 7.76022C19.1001 7.76022 19.3801 7.64021 19.6001 7.43021C19.8201 7.21021 19.9401 6.93021 19.9401 6.62021C19.9401 6.31021 19.8201 6.02021 19.6001 5.81021Z" fill="#292D32"/>
+<path d="M6.02006 19.3898C5.80006 19.1698 5.52006 19.0498 5.21006 19.0498C4.90006 19.0498 4.62006 19.1698 4.40006 19.3798C4.18006 19.5998 4.06006 19.8798 4.06006 20.1898C4.06006 20.4998 4.18006 20.7798 4.40006 20.9998C4.62006 21.2198 4.92006 21.3298 5.21006 21.3298C5.50006 21.3298 5.80006 21.2198 6.02006 20.9898C6.46006 20.5598 6.46006 19.8298 6.02006 19.3898Z" fill="#292D32"/>
+<path d="M22.4099 12.5998C22.1999 12.3798 21.9099 12.2698 21.5999 12.2598C21.2899 12.2598 21.0099 12.3798 20.7899 12.5998C20.3399 13.0498 20.3399 13.7698 20.7899 14.2198C21.0099 14.4398 21.3099 14.5498 21.5999 14.5498C21.8899 14.5498 22.1899 14.4398 22.4099 14.2198C22.8599 13.7698 22.8599 13.0398 22.4099 12.5998Z" fill="#292D32"/>
+<path d="M3.20994 12.5999C2.76994 12.1599 2.03994 12.1499 1.58994 12.5999C1.13994 13.0499 1.13994 13.7699 1.58994 14.2199C1.80994 14.4399 2.10994 14.5499 2.39994 14.5499C2.68994 14.5499 2.98994 14.4399 3.20994 14.2199C3.64994 13.7699 3.64994 13.0399 3.20994 12.5999Z" fill="#292D32"/>
+<path d="M19.6001 19.3902C19.1501 18.9402 18.4301 18.9402 17.9801 19.3902C17.5301 19.8402 17.5301 20.5602 17.9801 21.0102C18.2001 21.2302 18.5001 21.3402 18.7901 21.3402C19.0801 21.3402 19.3801 21.2302 19.6001 21.0102C19.8201 20.7902 19.9401 20.5002 19.9401 20.2002C19.9401 19.8902 19.8201 19.6002 19.6001 19.3902Z" fill="#292D32"/>
+<path d="M6.02006 5.81021C5.80006 5.59021 5.52006 5.47021 5.21006 5.47021C4.90006 5.47021 4.62006 5.59022 4.40006 5.80022C4.18006 6.02022 4.06006 6.30022 4.06006 6.61022C4.06006 6.92022 4.18006 7.21022 4.40006 7.42022C4.62006 7.64022 4.90006 7.76022 5.21006 7.76022C5.52006 7.76022 5.80006 7.64021 6.02006 7.43021C6.46006 6.98021 6.46006 6.25021 6.02006 5.81021Z" fill="#292D32"/>
+<path d="M12.8101 3.0001C12.8101 2.9901 12.8101 2.9901 12.8101 3.0001C12.3601 2.5501 11.6401 2.5501 11.1901 3.0001C10.9701 3.2201 10.8501 3.5101 10.8501 3.8101C10.8501 4.1201 10.9701 4.4001 11.1801 4.6201C11.4001 4.8401 11.6801 4.9601 11.9901 4.9601C12.3001 4.9601 12.5801 4.8401 12.8001 4.6201C13.2601 4.1701 13.2601 3.4401 12.8101 3.0001Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/diagram.svg b/public/images/icons/vuesax/bold/diagram.svg
new file mode 100644
index 0000000..267a2db
--- /dev/null
+++ b/public/images/icons/vuesax/bold/diagram.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="M22 22.75H5C2.93 22.75 1.25 21.07 1.25 19V2C1.25 1.59 1.59 1.25 2 1.25C2.41 1.25 2.75 1.59 2.75 2V19C2.75 20.24 3.76 21.25 5 21.25H22C22.41 21.25 22.75 21.59 22.75 22C22.75 22.41 22.41 22.75 22 22.75Z" fill="#292D32"/>
+<path d="M5.00007 17.7498C4.83007 17.7498 4.65007 17.6898 4.51007 17.5698C4.20007 17.2998 4.16007 16.8298 4.43007 16.5098L9.02007 11.1498C9.52007 10.5698 10.2401 10.2198 11.0001 10.1898C11.7601 10.1698 12.5101 10.4498 13.0501 10.9898L14.0001 11.9398C14.2501 12.1898 14.5701 12.3098 14.9301 12.3098C15.2801 12.2998 15.6001 12.1398 15.8301 11.8698L20.4201 6.50982C20.6901 6.19982 21.1601 6.15982 21.4801 6.42982C21.7901 6.69982 21.8301 7.16982 21.5601 7.48982L16.9701 12.8498C16.4701 13.4298 15.7501 13.7798 14.9901 13.8098C14.2201 13.8298 13.4801 13.5498 12.9401 13.0098L12.0001 12.0598C11.7501 11.8098 11.4201 11.6798 11.0701 11.6898C10.7201 11.6998 10.4001 11.8598 10.1701 12.1298L5.58007 17.4898C5.42007 17.6598 5.21007 17.7498 5.00007 17.7498Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/diamonds.svg b/public/images/icons/vuesax/bold/diamonds.svg
new file mode 100644
index 0000000..62a7a27
--- /dev/null
+++ b/public/images/icons/vuesax/bold/diamonds.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="M21.77 9.7999L20.97 7.9999L19.21 4.0399C18.74 2.9999 18 2.1499 16.3 2.1499H7.69995C5.99995 2.1499 5.25995 2.9999 4.78995 4.0399L3.02995 7.9999L2.22995 9.7999C1.76995 10.8499 2.01995 12.3899 2.78995 13.2399L9.63995 20.7799C10.94 22.2099 13.06 22.2099 14.36 20.7799L21.21 13.2399C21.98 12.3899 22.23 10.8499 21.77 9.7999Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/direct-down.svg b/public/images/icons/vuesax/bold/direct-down.svg
new file mode 100644
index 0000000..dcd4b05
--- /dev/null
+++ b/public/images/icons/vuesax/bold/direct-down.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="M17.02 2.7202L13.54 4.4602C12.57 4.9402 11.44 4.9402 10.47 4.4602L6.97997 2.7102C3.99997 1.2202 0.849974 4.4402 2.40997 7.3902L3.22997 8.9302C3.33997 9.1402 3.51997 9.3102 3.73997 9.4102L16.39 15.1002C16.91 15.3302 17.52 15.1202 17.78 14.6202L21.59 7.3802C23.14 4.4402 20 1.2202 17.02 2.7202Z" fill="#292D32"/>
+<path d="M15.6 16.3102L7.31996 12.5802C6.38996 12.1602 5.44996 13.1602 5.92996 14.0602L8.96996 19.8302C10.26 22.2802 13.76 22.2802 15.05 19.8302L16.12 17.7902C16.4 17.2402 16.16 16.5702 15.6 16.3102Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/direct-inbox.svg b/public/images/icons/vuesax/bold/direct-inbox.svg
new file mode 100644
index 0000000..4d55e3c
--- /dev/null
+++ b/public/images/icons/vuesax/bold/direct-inbox.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="M21.3 12.23H17.82C16.84 12.23 15.97 12.77 15.53 13.65L14.69 15.31C14.49 15.71 14.09 15.96 13.65 15.96H10.37C10.06 15.96 9.62 15.89 9.33 15.31L8.49 13.66C8.05 12.79 7.17 12.24 6.2 12.24H2.7C2.31 12.24 2 12.55 2 12.94V16.2C2 19.83 4.18 22 7.82 22H16.2C19.63 22 21.74 20.12 22 16.78V12.93C22 12.55 21.69 12.23 21.3 12.23Z" fill="#292D32"/>
+<path d="M12.75 2C12.75 1.59 12.41 1.25 12 1.25C11.59 1.25 11.25 1.59 11.25 2V4H12.75V2Z" fill="#292D32"/>
+<path d="M22 9.81V10.85C21.78 10.77 21.54 10.73 21.3 10.73H17.82C16.27 10.73 14.88 11.59 14.19 12.97L13.44 14.45H10.58L9.83 12.98C9.14 11.59 7.75 10.73 6.2 10.73H2.7C2.46 10.73 2.22 10.77 2 10.85V9.81C2 6.17 4.17 4 7.81 4H11.25V7.19L10.53 6.47C10.24 6.18 9.76 6.18 9.47 6.47C9.18 6.76 9.18 7.24 9.47 7.53L11.47 9.53C11.48 9.54 11.49 9.54 11.49 9.55C11.56 9.61 11.63 9.66 11.71 9.69C11.81 9.73 11.9 9.75 12 9.75C12.1 9.75 12.19 9.73 12.28 9.69C12.37 9.66 12.46 9.6 12.53 9.53L14.53 7.53C14.82 7.24 14.82 6.76 14.53 6.47C14.24 6.18 13.76 6.18 13.47 6.47L12.75 7.19V4H16.19C19.83 4 22 6.17 22 9.81Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/direct-left.svg b/public/images/icons/vuesax/bold/direct-left.svg
new file mode 100644
index 0000000..9fe5341
--- /dev/null
+++ b/public/images/icons/vuesax/bold/direct-left.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="M21.29 17.0198L19.55 13.5398C19.07 12.5698 19.07 11.4398 19.55 10.4698L21.29 6.98983C22.78 3.99983 19.57 0.859829 16.62 2.41983L15.08 3.23983C14.87 3.34983 14.7 3.52983 14.6 3.74983L8.89999 16.3898C8.66999 16.9098 8.87999 17.5198 9.37999 17.7798L16.62 21.5898C19.57 23.1498 22.78 19.9998 21.29 17.0198Z" fill="#292D32"/>
+<path d="M7.69002 15.6L11.42 7.31996C11.84 6.38996 10.84 5.44996 9.94002 5.92996L4.17002 8.95996C1.72002 10.25 1.72002 13.75 4.17002 15.04L6.21002 16.11C6.76002 16.4 7.43002 16.17 7.69002 15.6Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/direct-normal.svg b/public/images/icons/vuesax/bold/direct-normal.svg
new file mode 100644
index 0000000..131e7c9
--- /dev/null
+++ b/public/images/icons/vuesax/bold/direct-normal.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="M21.3 12.23H17.82C16.84 12.23 15.97 12.77 15.53 13.65L14.69 15.31C14.49 15.71 14.09 15.96 13.65 15.96H10.37C10.06 15.96 9.62 15.89 9.33 15.31L8.49 13.66C8.05 12.79 7.17 12.24 6.2 12.24H2.7C2.31 12.24 2 12.55 2 12.94V16.2C2 19.83 4.18 22 7.82 22H16.2C19.63 22 21.74 20.12 22 16.78V12.93C22 12.55 21.69 12.23 21.3 12.23Z" fill="#292D32"/>
+<path d="M22 7.81V10.85C21.78 10.77 21.54 10.73 21.3 10.73H17.82C16.27 10.73 14.88 11.59 14.19 12.97L13.44 14.45H10.58L9.83 12.98C9.14 11.59 7.75 10.73 6.2 10.73H2.7C2.46 10.73 2.22 10.77 2 10.85V7.81C2 4.17 4.17 2 7.81 2H16.19C19.83 2 22 4.17 22 7.81Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/direct-notification.svg b/public/images/icons/vuesax/bold/direct-notification.svg
new file mode 100644
index 0000000..01a5853
--- /dev/null
+++ b/public/images/icons/vuesax/bold/direct-notification.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="M19 8C20.6569 8 22 6.65685 22 5C22 3.34315 20.6569 2 19 2C17.3431 2 16 3.34315 16 5C16 6.65685 17.3431 8 19 8Z" fill="#292D32"/>
+<path d="M20.34 12.72H17.03C16.1 12.72 15.27 13.24 14.85 14.06L14.05 15.64C13.86 16.02 13.48 16.25 13.06 16.25H9.95C9.66 16.25 9.23 16.19 8.96 15.63L8.17 14.06C7.75 13.23 6.92 12.71 5.99 12.71H2.66C2.3 12.72 2 13.02 2 13.38V16.47C2 19.94 4.07 22 7.53 22H15.49C18.75 22 20.76 20.21 21 17.04V13.38C21 13.02 20.7 12.72 20.34 12.72Z" fill="#292D32"/>
+<path d="M21 10.4V11.33C20.79 11.26 20.57 11.22 20.34 11.22H17.03C15.53 11.22 14.18 12.05 13.52 13.39L12.82 14.76H10.19L9.51 13.4C8.83 12.05 7.49 11.22 5.99 11.22H2.66C2.43 11.22 2.21 11.26 2 11.33V8.52C2 5.47 4.47 3 7.52 3H13.6C14.24 3 14.7 3.58 14.58 4.2C14.42 5 14.49 5.87 14.88 6.79C15.33 7.83 16.17 8.67 17.21 9.12C18.13 9.51 19 9.58 19.8 9.42C20.42 9.3 21 9.76 21 10.4Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/direct-right.svg b/public/images/icons/vuesax/bold/direct-right.svg
new file mode 100644
index 0000000..45325b2
--- /dev/null
+++ b/public/images/icons/vuesax/bold/direct-right.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="M2.71002 17.0202L4.45002 13.5402C4.93002 12.5702 4.93002 11.4402 4.45002 10.4702L2.71002 6.98022C1.22002 4.00022 4.43002 0.850218 7.38002 2.41022L8.92002 3.23022C9.14002 3.34022 9.31002 3.52022 9.40002 3.74022L15.09 16.3902C15.32 16.9102 15.11 17.5202 14.61 17.7802L7.37002 21.5902C4.43002 23.1502 1.22002 20.0002 2.71002 17.0202Z" fill="#292D32"/>
+<path d="M16.31 15.6L12.58 7.31996C12.16 6.38996 13.16 5.44996 14.06 5.92996L19.83 8.96996C22.28 10.26 22.28 13.76 19.83 15.05L17.79 16.12C17.24 16.4 16.57 16.17 16.31 15.6Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/direct-send.svg b/public/images/icons/vuesax/bold/direct-send.svg
new file mode 100644
index 0000000..c83da96
--- /dev/null
+++ b/public/images/icons/vuesax/bold/direct-send.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="M21.3 12.23H17.82C16.84 12.23 15.97 12.77 15.53 13.65L14.69 15.31C14.49 15.71 14.09 15.96 13.65 15.96H10.37C10.06 15.96 9.62 15.89 9.33 15.31L8.49 13.66C8.05 12.79 7.17 12.24 6.2 12.24H2.7C2.31 12.24 2 12.55 2 12.94V16.2C2 19.83 4.18 22 7.82 22H16.2C19.63 22 21.74 20.12 22 16.78V12.93C22 12.55 21.69 12.23 21.3 12.23Z" fill="#292D32"/>
+<path d="M12.75 3.81023L13.47 4.53023C13.62 4.68023 13.81 4.75023 14 4.75023C14.19 4.75023 14.38 4.68023 14.53 4.53023C14.82 4.24023 14.82 3.76023 14.53 3.47023L12.53 1.47023C12.52 1.46023 12.51 1.46023 12.51 1.45023C12.45 1.39023 12.37 1.34023 12.29 1.30023C12.28 1.30023 12.28 1.30023 12.27 1.29023C12.19 1.26023 12.11 1.25023 12.03 1.24023C12 1.24023 11.98 1.24023 11.95 1.24023C11.89 1.24023 11.83 1.26023 11.77 1.28023C11.74 1.29023 11.72 1.30023 11.7 1.31023C11.62 1.35023 11.54 1.39023 11.48 1.46023L9.48001 3.46023C9.19001 3.75023 9.19001 4.23023 9.48001 4.52023C9.77001 4.81023 10.25 4.81023 10.54 4.52023L11.26 3.80023V5.00023H12.76V3.81023H12.75Z" fill="#292D32"/>
+<path d="M22 10.81V10.85C21.78 10.77 21.54 10.73 21.3 10.73H17.82C16.27 10.73 14.88 11.59 14.19 12.97L13.44 14.45H10.58L9.83 12.98C9.14 11.59 7.75 10.73 6.2 10.73H2.7C2.46 10.73 2.22 10.77 2 10.85V10.81C2 7.17 4.17 5 7.81 5H11.25V9C11.25 9.41 11.59 9.75 12 9.75C12.41 9.75 12.75 9.41 12.75 9V5H16.19C19.83 5 22 7.17 22 10.81Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/direct-up.svg b/public/images/icons/vuesax/bold/direct-up.svg
new file mode 100644
index 0000000..09fcd6f
--- /dev/null
+++ b/public/images/icons/vuesax/bold/direct-up.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="M17.02 21.2902L13.54 19.5502C12.57 19.0702 11.44 19.0702 10.47 19.5502L6.99003 21.2902C4.00003 22.7802 0.850035 19.5702 2.41003 16.6202L3.23003 15.0802C3.34003 14.8702 3.52003 14.7002 3.74003 14.6002L16.38 8.90017C16.9 8.67017 17.51 8.88017 17.77 9.38017L21.58 16.6202C23.14 19.5702 20 22.7802 17.02 21.2902Z" fill="#292D32"/>
+<path d="M15.6 7.69002L7.31996 11.42C6.38996 11.84 5.44996 10.84 5.92996 9.94002L8.96996 4.17002C10.26 1.72002 13.76 1.72002 15.05 4.17002L16.12 6.21002C16.4 6.76002 16.16 7.44002 15.6 7.69002Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/direct.svg b/public/images/icons/vuesax/bold/direct.svg
new file mode 100644
index 0000000..e9b5633
--- /dev/null
+++ b/public/images/icons/vuesax/bold/direct.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="M21.3 12.23H17.82C16.84 12.23 15.97 12.77 15.53 13.65L14.69 15.31C14.49 15.71 14.09 15.96 13.65 15.96H10.37C10.06 15.96 9.62 15.89 9.33 15.31L8.49 13.66C8.05 12.79 7.17 12.24 6.2 12.24H2.7C2.31 12.24 2 12.55 2 12.94V16.2C2 19.83 4.18 22 7.82 22H16.2C19.63 22 21.74 20.12 22 16.78V12.93C22 12.55 21.69 12.23 21.3 12.23Z" fill="#292D32"/>
+<path d="M16.19 2H7.81C4.17 2 2 4.17 2 7.81V10.85C2.22 10.77 2.46 10.73 2.7 10.73H6.2C7.75 10.73 9.14 11.59 9.83 12.98L10.58 14.45H13.44L14.19 12.97C14.88 11.59 16.27 10.73 17.82 10.73H21.3C21.54 10.73 21.78 10.77 22 10.85V7.81C22 4.17 19.83 2 16.19 2ZM10.45 5.41H13.55C13.93 5.41 14.25 5.72 14.25 6.1C14.25 6.49 13.93 6.8 13.55 6.8H10.45C10.07 6.8 9.75 6.49 9.75 6.1C9.75 5.72 10.07 5.41 10.45 5.41ZM14.33 9.59H9.67C9.29 9.59 8.98 9.28 8.98 8.9C8.98 8.51 9.29 8.2 9.67 8.2H14.33C14.71 8.2 15.02 8.51 15.02 8.9C15.02 9.28 14.71 9.59 14.33 9.59Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/directbox-default.svg b/public/images/icons/vuesax/bold/directbox-default.svg
new file mode 100644
index 0000000..05f8bc9
--- /dev/null
+++ b/public/images/icons/vuesax/bold/directbox-default.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="M18.6901 11.5298C18.1201 11.3798 17.4501 11.2998 16.6501 11.2998C15.5401 11.2998 15.1301 11.5698 14.5601 11.9998C14.5301 12.0198 14.5001 12.0498 14.4701 12.0798L13.5201 13.0898C12.7201 13.9298 11.2801 13.9398 10.4801 13.0798L9.53005 12.0798C9.50005 12.0498 9.47005 12.0198 9.44005 11.9998C8.87005 11.5698 8.46005 11.2998 7.35005 11.2998C6.55005 11.2998 5.88005 11.3798 5.31005 11.5298C2.93005 12.1698 2.93005 14.0598 2.93005 15.7198V16.6498C2.93005 19.1598 2.93005 21.9998 8.28005 21.9998H15.7201C19.2701 21.9998 21.0701 20.1998 21.0701 16.6498V15.7198C21.0701 14.0598 21.0701 12.1698 18.6901 11.5298ZM14.3301 18.3998H9.67005C9.29005 18.3998 8.98005 18.0898 8.98005 17.6998C8.98005 17.3098 9.29005 16.9998 9.67005 16.9998H14.3301C14.7101 16.9998 15.0201 17.3098 15.0201 17.6998C15.0201 18.0898 14.7101 18.3998 14.3301 18.3998Z" fill="#292D32"/>
+<path d="M19.21 6.42V10.12C19.17 10.1 19.12 10.09 19.08 10.08C18.38 9.89 17.59 9.8 16.65 9.8C15.11 9.8 14.39 10.25 13.65 10.81C13.55 10.88 13.46 10.97 13.38 11.05L12.42 12.06C12.33 12.16 12.17 12.22 12 12.22C11.83 12.22 11.67 12.16 11.57 12.05L10.63 11.06C10.54 10.96 10.44 10.87 10.34 10.8C9.62004 10.25 8.89004 9.8 7.35004 9.8C6.41004 9.8 5.62004 9.89 4.92004 10.08C4.88004 10.09 4.83004 10.1 4.79004 10.12V6.42C4.79004 4.35 4.79004 2 9.21004 2H14.79C19.21 2 19.21 4.35 19.21 6.42Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/directbox-notif.svg b/public/images/icons/vuesax/bold/directbox-notif.svg
new file mode 100644
index 0000000..6aa2575
--- /dev/null
+++ b/public/images/icons/vuesax/bold/directbox-notif.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="M18.6901 11.5298C18.1201 11.3798 17.4501 11.2998 16.6501 11.2998C15.5401 11.2998 15.1301 11.5698 14.5601 11.9998C14.5301 12.0198 14.5001 12.0498 14.4701 12.0798L13.5201 13.0898C12.7301 13.9398 11.2801 13.9398 10.4801 13.0898L9.53005 12.0898C9.50005 12.0498 9.47005 12.0198 9.44005 11.9998C8.86005 11.5698 8.45005 11.2998 7.35005 11.2998C6.55005 11.2998 5.88005 11.3698 5.31005 11.5298C2.93005 12.1698 2.93005 14.0598 2.93005 15.7198V16.6498C2.93005 19.1598 2.93005 21.9998 8.28005 21.9998H15.7201C19.2701 21.9998 21.0701 20.1998 21.0701 16.6498V15.7198C21.0701 14.0598 21.0701 12.1698 18.6901 11.5298Z" fill="#292D32"/>
+<path d="M14.79 2H9.21004C4.79004 2 4.79004 4.35 4.79004 6.42V10.12C4.83004 10.1 4.88004 10.09 4.92004 10.08C5.62004 9.89 6.41004 9.8 7.35004 9.8C8.89004 9.8 9.62004 10.25 10.34 10.8C10.44 10.87 10.54 10.96 10.63 11.06L11.57 12.05C11.67 12.16 11.83 12.22 12 12.22C12.17 12.22 12.33 12.16 12.42 12.06L13.38 11.05C13.46 10.97 13.55 10.88 13.65 10.81C14.39 10.25 15.11 9.8 16.65 9.8C17.59 9.8 18.38 9.89 19.08 10.08C19.12 10.09 19.17 10.1 19.21 10.12V6.42C19.21 4.35 19.21 2 14.79 2ZM13.55 8.5H10.45C10.07 8.5 9.75004 8.18 9.75004 7.8C9.75004 7.41 10.07 7.1 10.45 7.1H13.55C13.93 7.1 14.25 7.41 14.25 7.8C14.25 8.18 13.93 8.5 13.55 8.5ZM14.33 5.71H9.67004C9.29004 5.71 8.98004 5.39 8.98004 5.01C8.98004 4.62 9.29004 4.31 9.67004 4.31H14.33C14.71 4.31 15.02 4.62 15.02 5.01C15.02 5.39 14.71 5.71 14.33 5.71Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/directbox-receive.svg b/public/images/icons/vuesax/bold/directbox-receive.svg
new file mode 100644
index 0000000..efe2c37
--- /dev/null
+++ b/public/images/icons/vuesax/bold/directbox-receive.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="M18.6901 11.5298C18.1201 11.3798 17.4501 11.2998 16.6501 11.2998C15.5401 11.2998 15.1301 11.5698 14.5601 11.9998C14.5301 12.0198 14.5001 12.0498 14.4701 12.0798L13.5201 13.0898C12.7201 13.9298 11.2801 13.9398 10.4801 13.0798L9.53005 12.0798C9.50005 12.0498 9.47005 12.0198 9.44005 11.9998C8.87005 11.5698 8.46005 11.2998 7.35005 11.2998C6.55005 11.2998 5.88005 11.3798 5.31005 11.5298C2.93005 12.1698 2.93005 14.0598 2.93005 15.7198V16.6498C2.93005 19.1598 2.93005 21.9998 8.28005 21.9998H15.7201C19.2701 21.9998 21.0701 20.1998 21.0701 16.6498V15.7198C21.0701 14.0598 21.0701 12.1698 18.6901 11.5298ZM14.3301 18.3998H9.67005C9.29005 18.3998 8.98005 18.0898 8.98005 17.6998C8.98005 17.3098 9.29005 16.9998 9.67005 16.9998H14.3301C14.7101 16.9998 15.0201 17.3098 15.0201 17.6998C15.0201 18.0898 14.7101 18.3998 14.3301 18.3998Z" fill="#292D32"/>
+<path d="M12.67 2.67C12.67 2.3 12.37 2 12 2C11.63 2 11.33 2.3 11.33 2.67V4H12.68V2.67H12.67Z" fill="#292D32"/>
+<path d="M19.21 8.42V10.12C19.17 10.1 19.12 10.09 19.08 10.08H19.07C18.36 9.89 17.57 9.8 16.65 9.8C15.11 9.8 14.38 10.25 13.72 10.75C13.58 10.85 13.48 10.95 13.38 11.05L12.43 12.06C12.33 12.16 12.17 12.22 12 12.22C11.92 12.22 11.72 12.21 11.57 12.05L10.59 11.02C10.49 10.91 10.37 10.82 10.34 10.8C9.62004 10.25 8.89004 9.8 7.35004 9.8C6.43004 9.8 5.64004 9.89 4.92004 10.08C4.88004 10.09 4.83004 10.1 4.79004 10.12V8.42C4.79004 6.35 4.79004 4 9.21004 4H11.33V7.45L10.68 6.8C10.41 6.53 9.99004 6.53 9.72004 6.8C9.46004 7.06 9.46004 7.49 9.72004 7.75L11.52 9.55C11.53 9.56 11.54 9.56 11.54 9.57C11.6 9.62 11.67 9.67 11.74 9.7C11.83 9.73 11.91 9.75 12 9.75C12.09 9.75 12.17 9.73 12.26 9.7C12.34 9.67 12.41 9.62 12.48 9.55L14.28 7.75C14.54 7.49 14.54 7.06 14.28 6.8C14.01 6.53 13.59 6.53 13.32 6.8L12.67 7.45V4H14.79C19.21 4 19.21 6.35 19.21 8.42Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/directbox-send.svg b/public/images/icons/vuesax/bold/directbox-send.svg
new file mode 100644
index 0000000..a486a8a
--- /dev/null
+++ b/public/images/icons/vuesax/bold/directbox-send.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="M18.6901 11.5298C18.1201 11.3798 17.4501 11.2998 16.6501 11.2998C15.5401 11.2998 15.1301 11.5698 14.5601 11.9998C14.5301 12.0198 14.5001 12.0498 14.4701 12.0798L13.5201 13.0898C12.7201 13.9298 11.2801 13.9398 10.4801 13.0798L9.53005 12.0798C9.50005 12.0498 9.47005 12.0198 9.44005 11.9998C8.87005 11.5698 8.46005 11.2998 7.35005 11.2998C6.55005 11.2998 5.88005 11.3798 5.31005 11.5298C2.93005 12.1698 2.93005 14.0598 2.93005 15.7198V16.6498C2.93005 19.1598 2.93005 21.9998 8.28005 21.9998H15.7201C19.2701 21.9998 21.0701 20.1998 21.0701 16.6498V15.7198C21.0701 14.0598 21.0701 12.1698 18.6901 11.5298ZM14.3301 18.3998H9.67005C9.29005 18.3998 8.98005 18.0898 8.98005 17.6998C8.98005 17.3098 9.29005 16.9998 9.67005 16.9998H14.3301C14.7101 16.9998 15.0201 17.3098 15.0201 17.6998C15.0201 18.0898 14.7101 18.3998 14.3301 18.3998Z" fill="#292D32"/>
+<path d="M12.67 4.3L13.32 4.95C13.58 5.21 14.01 5.21 14.27 4.95C14.53 4.69 14.53 4.26 14.27 4L12.47 2.2C12.41 2.14 12.33 2.09 12.25 2.05C12.17 2.02 12.09 2 12 2C11.91 2 11.83 2.02 11.74 2.05C11.66 2.08 11.6 2.13 11.54 2.18C11.53 2.19 11.53 2.19 11.52 2.19L9.72002 4C9.46002 4.26 9.46002 4.69 9.72002 4.95C9.98002 5.21 10.41 5.21 10.67 4.95L11.32 4.3V6H12.67V4.3Z" fill="#292D32"/>
+<path d="M19.21 10.12C19.17 10.1 19.12 10.09 19.08 10.08H19.07C18.36 9.89 17.57 9.8 16.65 9.8C15.11 9.8 14.38 10.25 13.72 10.75C13.58 10.85 13.48 10.95 13.38 11.05L12.43 12.06C12.33 12.16 12.17 12.22 12 12.22C11.94 12.22 11.72 12.21 11.57 12.05L10.59 11.02C10.49 10.91 10.37 10.82 10.34 10.8C9.62004 10.25 8.89004 9.8 7.35004 9.8C6.43004 9.8 5.64004 9.89 4.92004 10.08C4.88004 10.09 4.83004 10.1 4.79004 10.12C4.80004 8.13 5.00004 6 9.21004 6H11.33V9.08C11.33 9.45 11.63 9.75 12 9.75C12.37 9.75 12.67 9.45 12.67 9.08V6H14.79C19 6 19.2 8.13 19.21 10.12Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/discount-circle.svg b/public/images/icons/vuesax/bold/discount-circle.svg
new file mode 100644
index 0000000..adc9308
--- /dev/null
+++ b/public/images/icons/vuesax/bold/discount-circle.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 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM9 8C9.55 8 10 8.45 10 9C10 9.55 9.56 10 9 10C8.45 10 8 9.55 8 9C8 8.45 8.45 8 9 8ZM9.53 15.53C9.38 15.68 9.19 15.75 9 15.75C8.81 15.75 8.62 15.68 8.47 15.53C8.18 15.24 8.18 14.76 8.47 14.47L14.47 8.47C14.76 8.18 15.24 8.18 15.53 8.47C15.82 8.76 15.82 9.24 15.53 9.53L9.53 15.53ZM15 16C14.44 16 13.99 15.55 13.99 15C13.99 14.45 14.44 14 14.99 14C15.54 14 15.99 14.45 15.99 15C15.99 15.55 15.55 16 15 16Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/discount-shape.svg b/public/images/icons/vuesax/bold/discount-shape.svg
new file mode 100644
index 0000000..9db22de
--- /dev/null
+++ b/public/images/icons/vuesax/bold/discount-shape.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="M21.5299 10.8699L20.0099 9.34988C19.7499 9.08988 19.5399 8.57988 19.5399 8.21988V6.05988C19.5399 5.17988 18.8199 4.45988 17.9399 4.45988H15.7899C15.4299 4.45988 14.9199 4.24988 14.6599 3.98988L13.1399 2.46988C12.5199 1.84988 11.4999 1.84988 10.8799 2.46988L9.33988 3.98988C9.08988 4.24988 8.57988 4.45988 8.20988 4.45988H6.05988C5.17988 4.45988 4.45988 5.17988 4.45988 6.05988V8.20988C4.45988 8.56988 4.24988 9.07988 3.98988 9.33988L2.46988 10.8599C1.84988 11.4799 1.84988 12.4999 2.46988 13.1199L3.98988 14.6399C4.24988 14.8999 4.45988 15.4099 4.45988 15.7699V17.9199C4.45988 18.7999 5.17988 19.5199 6.05988 19.5199H8.20988C8.56988 19.5199 9.07988 19.7299 9.33988 19.9899L10.8599 21.5099C11.4799 22.1299 12.4999 22.1299 13.1199 21.5099L14.6399 19.9899C14.8999 19.7299 15.4099 19.5199 15.7699 19.5199H17.9199C18.7999 19.5199 19.5199 18.7999 19.5199 17.9199V15.7699C19.5199 15.4099 19.7299 14.8999 19.9899 14.6399L21.5099 13.1199C22.1599 12.5099 22.1599 11.4899 21.5299 10.8699ZM7.99988 8.99988C7.99988 8.44988 8.44988 7.99988 8.99988 7.99988C9.54988 7.99988 9.99988 8.44988 9.99988 8.99988C9.99988 9.54988 9.55988 9.99988 8.99988 9.99988C8.44988 9.99988 7.99988 9.54988 7.99988 8.99988ZM9.52988 15.5299C9.37988 15.6799 9.18988 15.7499 8.99988 15.7499C8.80988 15.7499 8.61988 15.6799 8.46988 15.5299C8.17988 15.2399 8.17988 14.7599 8.46988 14.4699L14.4699 8.46988C14.7599 8.17988 15.2399 8.17988 15.5299 8.46988C15.8199 8.75988 15.8199 9.23988 15.5299 9.52988L9.52988 15.5299ZM14.9999 15.9999C14.4399 15.9999 13.9899 15.5499 13.9899 14.9999C13.9899 14.4499 14.4399 13.9999 14.9899 13.9999C15.5399 13.9999 15.9899 14.4499 15.9899 14.9999C15.9899 15.5499 15.5499 15.9999 14.9999 15.9999Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/discover.svg b/public/images/icons/vuesax/bold/discover.svg
new file mode 100644
index 0000000..12e8a79
--- /dev/null
+++ b/public/images/icons/vuesax/bold/discover.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 2C6.49 2 2 6.49 2 12C2 17.51 6.49 22 12 22C17.51 22 22 17.51 22 12C22 6.49 17.51 2 12 2ZM10.5 16.13C9.05 16.13 7.88 14.95 7.88 13.51C7.88 10.41 10.4 7.89 13.5 7.89C14.95 7.89 16.12 9.07 16.12 10.51C16.12 13.6 13.6 16.13 10.5 16.13Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/dislike.svg b/public/images/icons/vuesax/bold/dislike.svg
new file mode 100644
index 0000000..e7f5a8c
--- /dev/null
+++ b/public/images/icons/vuesax/bold/dislike.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="M15.61 5.50002V15.66C15.61 16.06 15.49 16.45 15.27 16.78L12.54 20.84C12.11 21.49 11.04 21.95 10.13 21.61C9.15002 21.28 8.50002 20.18 8.71002 19.2L9.23002 15.93C9.27002 15.63 9.19002 15.36 9.02002 15.15C8.85002 14.96 8.60002 14.84 8.33002 14.84H4.22002C3.43002 14.84 2.75002 14.52 2.35002 13.96C1.97002 13.42 1.90002 12.72 2.15002 12.01L4.61002 4.52002C4.92002 3.28002 6.27002 2.27002 7.61002 2.27002H11.51C12.18 2.27002 13.12 2.50002 13.55 2.93002L14.83 3.92002C15.32 4.30002 15.61 4.88002 15.61 5.50002Z" fill="#292D32"/>
+<path d="M18.79 17.6099H19.82C21.37 17.6099 22 17.0099 22 15.5299V5.4799C22 3.9999 21.37 3.3999 19.82 3.3999H18.79C17.24 3.3999 16.61 3.9999 16.61 5.4799V15.5399C16.61 17.0099 17.24 17.6099 18.79 17.6099Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/document-cloud.svg b/public/images/icons/vuesax/bold/document-cloud.svg
new file mode 100644
index 0000000..66c2b35
--- /dev/null
+++ b/public/images/icons/vuesax/bold/document-cloud.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="M15.8001 2.20999C15.3901 1.79999 14.6801 2.07999 14.6801 2.64999V6.13999C14.6801 7.59999 15.9201 8.80999 17.4301 8.80999C18.3801 8.81999 19.7001 8.81999 20.8301 8.81999C21.4001 8.81999 21.7001 8.14999 21.3001 7.74999C19.8601 6.29999 17.2801 3.68999 15.8001 2.20999Z" fill="#292D32"/>
+<path d="M14.7601 19.2598C12.4101 19.4298 12.4101 22.8298 14.7601 22.9998H20.3201C20.9901 22.9998 21.6501 22.7498 22.1401 22.2998C23.7901 20.8598 22.9101 17.9798 20.7401 17.7098C19.9601 13.0198 13.1801 14.7998 14.7801 19.2698" fill="#292D32"/>
+<path d="M21.5 11.19V14.44C21.5 14.74 21.06 14.88 20.84 14.67C20.36 14.2 19.77 13.84 19.09 13.63C17.41 13.11 15.46 13.62 14.25 14.9C13.44 15.74 13.03 16.81 13.04 17.97C13.04 18.16 12.95 18.33 12.8 18.44C12 19.05 11.5 20.01 11.5 21.12C11.5 21.2 11.5 21.28 11.51 21.36C11.53 21.68 11.3 21.99 10.97 21.99H8.07C4.99 21.99 2.5 19.99 2.5 16.42V7.57C2.5 4 4.99 2 8.07 2H12.31C12.86 2 13.31 2.45 13.31 3V5.89C13.31 8.27 15.23 10.19 17.61 10.19H20.5C21.05 10.19 21.5 10.64 21.5 11.19Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/document-code-2.svg b/public/images/icons/vuesax/bold/document-code-2.svg
new file mode 100644
index 0000000..e0f4bfd
--- /dev/null
+++ b/public/images/icons/vuesax/bold/document-code-2.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 2H8C4.5 2 3 4 3 7V11.47C3 11.82 3.34 12.06 3.66 11.94C4.76 11.51 6.01 11.37 7.3 11.63C9.9 12.15 11.97 14.29 12.4 16.9C12.66 18.49 12.34 20 11.61 21.25C11.41 21.58 11.65 22 12.04 22H16C19.5 22 21 20 21 17V7C21 4 19.5 2 16 2ZM18.5 9.25H16.5C14.98 9.25 13.75 8.02 13.75 6.5V4.5C13.75 4.09 14.09 3.75 14.5 3.75C14.91 3.75 15.25 4.09 15.25 4.5V6.5C15.25 7.19 15.81 7.75 16.5 7.75H18.5C18.91 7.75 19.25 8.09 19.25 8.5C19.25 8.91 18.91 9.25 18.5 9.25Z" fill="#292D32"/>
+<path d="M6 13C3.24 13 1 15.24 1 18C1 20.76 3.24 23 6 23C8.76 23 11 20.76 11 18C11 15.24 8.76 13 6 13ZM5.16 19.27C5.41 19.52 5.41 19.93 5.16 20.19C5.03 20.32 4.87 20.38 4.7 20.38C4.53 20.38 4.37 20.32 4.24 20.19L2.51 18.46C2.26 18.21 2.26 17.8 2.51 17.54L4.24 15.81C4.49 15.56 4.9 15.56 5.16 15.81C5.41 16.06 5.41 16.47 5.16 16.73L3.89 18L5.16 19.27ZM9.48 18.46L7.75 20.19C7.62 20.32 7.46 20.38 7.29 20.38C7.12 20.38 6.96 20.32 6.83 20.19C6.58 19.94 6.58 19.53 6.83 19.27L8.11 18L6.84 16.73C6.59 16.48 6.59 16.07 6.84 15.81C7.09 15.56 7.5 15.56 7.76 15.81L9.49 17.54C9.73 17.8 9.73 18.2 9.48 18.46Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/document-code.svg b/public/images/icons/vuesax/bold/document-code.svg
new file mode 100644
index 0000000..4d57b37
--- /dev/null
+++ b/public/images/icons/vuesax/bold/document-code.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 2H8C4.5 2 3 4 3 7V17C3 20 4.5 22 8 22H16C19.5 22 21 20 21 17V7C21 4 19.5 2 16 2ZM10.53 16.47C10.82 16.76 10.82 17.24 10.53 17.53C10.38 17.68 10.19 17.75 10 17.75C9.81 17.75 9.62 17.68 9.47 17.53L7.47 15.53C7.18 15.24 7.18 14.76 7.47 14.47L9.47 12.47C9.76 12.18 10.24 12.18 10.53 12.47C10.82 12.76 10.82 13.24 10.53 13.53L9.06 15L10.53 16.47ZM16.53 15.53L14.53 17.53C14.38 17.68 14.19 17.75 14 17.75C13.81 17.75 13.62 17.68 13.47 17.53C13.18 17.24 13.18 16.76 13.47 16.47L14.94 15L13.47 13.53C13.18 13.24 13.18 12.76 13.47 12.47C13.76 12.18 14.24 12.18 14.53 12.47L16.53 14.47C16.82 14.76 16.82 15.24 16.53 15.53ZM18.5 9.25H16.5C14.98 9.25 13.75 8.02 13.75 6.5V4.5C13.75 4.09 14.09 3.75 14.5 3.75C14.91 3.75 15.25 4.09 15.25 4.5V6.5C15.25 7.19 15.81 7.75 16.5 7.75H18.5C18.91 7.75 19.25 8.09 19.25 8.5C19.25 8.91 18.91 9.25 18.5 9.25Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/document-copy.svg b/public/images/icons/vuesax/bold/document-copy.svg
new file mode 100644
index 0000000..eadaddb
--- /dev/null
+++ b/public/images/icons/vuesax/bold/document-copy.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="M15.5 13.15H13.33C11.55 13.15 10.1 11.71 10.1 9.92V7.75C10.1 7.34 9.77 7 9.35 7H6.18C3.87 7 2 8.5 2 11.18V17.82C2 20.5 3.87 22 6.18 22H12.07C14.38 22 16.25 20.5 16.25 17.82V13.9C16.25 13.48 15.91 13.15 15.5 13.15Z" fill="#292D32"/>
+<path d="M17.82 2H15.85H14.76H11.93C9.67001 2 7.84001 3.44 7.76001 6.01C7.82001 6.01 7.87001 6 7.93001 6H10.76H11.85H13.82C16.13 6 18 7.5 18 10.18V12.15V14.86V16.83C18 16.89 17.99 16.94 17.99 16.99C20.22 16.92 22 15.44 22 12.83V10.86V8.15V6.18C22 3.5 20.13 2 17.82 2Z" fill="#292D32"/>
+<path d="M11.98 7.15024C11.67 6.84024 11.14 7.05024 11.14 7.48024V10.1002C11.14 11.2002 12.07 12.1002 13.21 12.1002C13.92 12.1102 14.91 12.1102 15.76 12.1102C16.19 12.1102 16.41 11.6102 16.11 11.3102C15.02 10.2202 13.08 8.27024 11.98 7.15024Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/document-download.svg b/public/images/icons/vuesax/bold/document-download.svg
new file mode 100644
index 0000000..4b0c3a6
--- /dev/null
+++ b/public/images/icons/vuesax/bold/document-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="M20.5 10.19H17.61C15.24 10.19 13.31 8.26 13.31 5.89V3C13.31 2.45 12.86 2 12.31 2H8.07C4.99 2 2.5 4 2.5 7.57V16.43C2.5 20 4.99 22 8.07 22H15.93C19.01 22 21.5 20 21.5 16.43V11.19C21.5 10.64 21.05 10.19 20.5 10.19ZM12.28 15.78L10.28 17.78C10.21 17.85 10.12 17.91 10.03 17.94C9.94 17.98 9.85 18 9.75 18C9.65 18 9.56 17.98 9.47 17.94C9.39 17.91 9.31 17.85 9.25 17.79C9.24 17.78 9.23 17.78 9.23 17.77L7.23 15.77C6.94 15.48 6.94 15 7.23 14.71C7.52 14.42 8 14.42 8.29 14.71L9 15.44V11.25C9 10.84 9.34 10.5 9.75 10.5C10.16 10.5 10.5 10.84 10.5 11.25V15.44L11.22 14.72C11.51 14.43 11.99 14.43 12.28 14.72C12.57 15.01 12.57 15.49 12.28 15.78Z" fill="#292D32"/>
+<path d="M17.43 8.80999C18.38 8.81999 19.7 8.81999 20.83 8.81999C21.4 8.81999 21.7 8.14999 21.3 7.74999C19.86 6.29999 17.28 3.68999 15.8 2.20999C15.39 1.79999 14.68 2.07999 14.68 2.64999V6.13999C14.68 7.59999 15.92 8.80999 17.43 8.80999Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/document-favorite.svg b/public/images/icons/vuesax/bold/document-favorite.svg
new file mode 100644
index 0000000..6cb6387
--- /dev/null
+++ b/public/images/icons/vuesax/bold/document-favorite.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="M20.5 10.19H17.61C15.24 10.19 13.31 8.26 13.31 5.89V3C13.31 2.45 12.86 2 12.31 2H8.07C4.99 2 2.5 4 2.5 7.57V16.43C2.5 20 4.99 22 8.07 22H15.93C19.01 22 21.5 20 21.5 16.43V11.19C21.5 10.64 21.05 10.19 20.5 10.19ZM12.48 15.7C11.96 17.37 10.13 18.27 9.5 18.27C8.86 18.27 7.07 17.4 6.52 15.7C6.16 14.59 6.57 13.14 7.84 12.73C8.42 12.54 9.04 12.65 9.49 13C9.94 12.65 10.56 12.54 11.15 12.73C12.43 13.14 12.83 14.59 12.48 15.7Z" fill="#292D32"/>
+<path d="M17.43 8.80999C18.38 8.81999 19.7 8.81999 20.83 8.81999C21.4 8.81999 21.7 8.14999 21.3 7.74999C19.86 6.29999 17.28 3.68999 15.8 2.20999C15.39 1.79999 14.68 2.07999 14.68 2.64999V6.13999C14.68 7.59999 15.92 8.80999 17.43 8.80999Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/document-filter.svg b/public/images/icons/vuesax/bold/document-filter.svg
new file mode 100644
index 0000000..c40bed0
--- /dev/null
+++ b/public/images/icons/vuesax/bold/document-filter.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="M3.23 1H11.36C12.04 1 12.59 1.56 12.59 2.25V3.62C12.59 4.12 12.28 4.74 11.97 5.05L9.33 7.43C8.96 7.74 8.72 8.36 8.72 8.86V11.54C8.72 11.91 8.47 12.41 8.17 12.6L7.3 13.17C6.5 13.67 5.39 13.11 5.39 12.11V8.8C5.39 8.36 5.14 7.8 4.9 7.49L2.56 4.99C2.25 4.68 2 4.12 2 3.75V2.31C2 1.56 2.55 1 3.23 1Z" fill="#292D32"/>
+<path d="M17 2H14.6C14.32 2 14.1 2.22 14.1 2.5C14.1 2.98 14.1 3.62 14.1 3.62C14.1 4.61 13.57 5.58 13.05 6.11L10.33 8.54C10.3 8.61 10.25 8.71 10.22 8.79V11.54C10.22 12.45 9.68 13.44 8.94 13.89L8.12 14.42C7.66 14.71 7.15 14.85 6.64 14.85C6.18 14.85 5.72 14.73 5.3 14.5C4.78254 14.2134 4.39183 13.781 4.1531 13.2736C4.03113 13.0143 4 12.7245 4 12.438V10.21C4 10.08 3.95 9.95 3.85 9.86L2.85 8.86C2.54 8.54 2 8.76 2 9.21V17C2 19.76 4.24 22 7 22H17C19.76 22 22 19.76 22 17V7C22 4.24 19.76 2 17 2ZM18 17.75H11C10.59 17.75 10.25 17.41 10.25 17C10.25 16.59 10.59 16.25 11 16.25H18C18.41 16.25 18.75 16.59 18.75 17C18.75 17.41 18.41 17.75 18 17.75ZM18 13.75H13C12.59 13.75 12.25 13.41 12.25 13C12.25 12.59 12.59 12.25 13 12.25H18C18.41 12.25 18.75 12.59 18.75 13C18.75 13.41 18.41 13.75 18 13.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/document-forward.svg b/public/images/icons/vuesax/bold/document-forward.svg
new file mode 100644
index 0000000..21e2dab
--- /dev/null
+++ b/public/images/icons/vuesax/bold/document-forward.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="M20.5 10.19H17.61C15.24 10.19 13.31 8.26 13.31 5.89V3C13.31 2.45 12.86 2 12.31 2H8.07C4.99 2 2.5 4 2.5 7.57V16.43C2.5 20 4.99 22 8.07 22H15.93C19.01 22 21.5 20 21.5 16.43V11.19C21.5 10.64 21.05 10.19 20.5 10.19ZM13.75 14.94C13.75 14.99 13.75 15.05 13.75 15.1C13.73 15.24 13.67 15.37 13.57 15.49C13.56 15.5 13.54 15.52 13.53 15.53L11.53 17.53C11.38 17.68 11.19 17.75 11 17.75C10.81 17.75 10.62 17.68 10.47 17.53C10.18 17.24 10.18 16.76 10.47 16.47L11.19 15.75H7C6.59 15.75 6.25 15.41 6.25 15C6.25 14.59 6.59 14.25 7 14.25H11.19L10.47 13.53C10.32 13.38 10.25 13.19 10.25 13C10.25 12.81 10.32 12.62 10.47 12.47C10.76 12.18 11.24 12.18 11.53 12.47L13.53 14.47C13.66 14.61 13.73 14.77 13.75 14.94Z" fill="#292D32"/>
+<path d="M17.4301 8.80999C18.3801 8.81999 19.7001 8.81999 20.8301 8.81999C21.4001 8.81999 21.7001 8.14999 21.3001 7.74999C19.8601 6.29999 17.2801 3.68999 15.8001 2.20999C15.3901 1.79999 14.6801 2.07999 14.6801 2.64999V6.13999C14.6801 7.59999 15.9201 8.80999 17.4301 8.80999Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/document-like.svg b/public/images/icons/vuesax/bold/document-like.svg
new file mode 100644
index 0000000..63ac1e5
--- /dev/null
+++ b/public/images/icons/vuesax/bold/document-like.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 2H8C4.5 2 3 4 3 7V17C3 20 4.5 22 8 22H16C19.5 22 21 20 21 17V7C21 4 19.5 2 16 2ZM13.07 15.49C12.56 17.12 10.77 17.97 10.27 17.97C9.78 17.96 8.01 17.13 7.48 15.49C7.15 14.46 7.54 13.19 8.61 12.84C9.18 12.66 9.88 12.81 10.27 13.36C10.64 12.79 11.37 12.66 11.93 12.84C13.01 13.19 13.39 14.46 13.07 15.49ZM18.5 9.25H16.5C14.98 9.25 13.75 8.02 13.75 6.5V4.5C13.75 4.09 14.09 3.75 14.5 3.75C14.91 3.75 15.25 4.09 15.25 4.5V6.5C15.25 7.19 15.81 7.75 16.5 7.75H18.5C18.91 7.75 19.25 8.09 19.25 8.5C19.25 8.91 18.91 9.25 18.5 9.25Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/document-normal.svg b/public/images/icons/vuesax/bold/document-normal.svg
new file mode 100644
index 0000000..002a46e
--- /dev/null
+++ b/public/images/icons/vuesax/bold/document-normal.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="M20.71 8.11998V17.53C20.71 19.99 18.7 22 16.24 22H7.76004C5.30004 22 3.29004 19.99 3.29004 17.53V8.11998C3.29004 6.40998 4.25004 4.91998 5.66004 4.16998C6.15004 3.90998 6.76004 4.25998 6.76004 4.81998C6.76004 6.40998 8.06004 7.70998 9.65004 7.70998H14.35C15.94 7.70998 17.24 6.40998 17.24 4.81998C17.24 4.25998 17.84 3.90998 18.34 4.16998C19.75 4.91998 20.71 6.40998 20.71 8.11998Z" fill="#292D32"/>
+<path d="M14.35 2H9.65001C8.61001 2 7.76001 2.84 7.76001 3.88V4.82C7.76001 5.86 8.60001 6.7 9.64001 6.7H14.35C15.39 6.7 16.23 5.86 16.23 4.82V3.88C16.24 2.84 15.39 2 14.35 2Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/document-previous.svg b/public/images/icons/vuesax/bold/document-previous.svg
new file mode 100644
index 0000000..09e9047
--- /dev/null
+++ b/public/images/icons/vuesax/bold/document-previous.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="M15.8001 2.20999C15.3901 1.79999 14.6801 2.07999 14.6801 2.64999V6.13999C14.6801 7.59999 15.9201 8.80999 17.4301 8.80999C18.3801 8.81999 19.7001 8.81999 20.8301 8.81999C21.4001 8.81999 21.7001 8.14999 21.3001 7.74999C19.8601 6.29999 17.2801 3.68999 15.8001 2.20999Z" fill="#292D32"/>
+<path d="M20.5 10.19H17.61C15.24 10.19 13.31 8.26 13.31 5.89V3C13.31 2.45 12.86 2 12.31 2H8.07C4.99 2 2.5 4 2.5 7.57V16.43C2.5 20 4.99 22 8.07 22H15.93C19.01 22 21.5 20 21.5 16.43V11.19C21.5 10.64 21.05 10.19 20.5 10.19ZM13 15.75H8.81L9.53 16.47C9.82 16.76 9.82 17.24 9.53 17.53C9.38 17.68 9.19 17.75 9 17.75C8.81 17.75 8.62 17.68 8.47 17.53L6.47 15.53C6.4 15.46 6.36 15.39 6.32 15.31C6.31 15.29 6.3 15.26 6.29 15.24C6.27 15.18 6.26 15.12 6.25 15.06C6.25 15.03 6.25 15.01 6.25 14.98C6.25 14.9 6.27 14.82 6.3 14.74C6.3 14.73 6.3 14.73 6.31 14.72C6.34 14.64 6.4 14.56 6.46 14.5C6.47 14.49 6.47 14.48 6.48 14.48L8.48 12.48C8.77 12.19 9.25 12.19 9.54 12.48C9.83 12.77 9.83 13.25 9.54 13.54L8.82 14.26H13C13.41 14.26 13.75 14.6 13.75 15.01C13.75 15.42 13.41 15.75 13 15.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/document-sketch.svg b/public/images/icons/vuesax/bold/document-sketch.svg
new file mode 100644
index 0000000..b74d227
--- /dev/null
+++ b/public/images/icons/vuesax/bold/document-sketch.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="M20.5 10.19H17.61C15.24 10.19 13.31 8.26 13.31 5.89V3C13.31 2.45 12.86 2 12.31 2H8.07C4.99 2 2.5 4 2.5 7.57V16.43C2.5 20 4.99 22 8.07 22H15.93C19.01 22 21.5 20 21.5 16.43V11.19C21.5 10.64 21.05 10.19 20.5 10.19ZM12.4 15.58L10.54 17.44C10.31 17.67 9.99 17.8 9.65 17.8C9.31 17.8 9 17.67 8.76 17.44L6.9 15.58C6.49 15.17 6.42 14.48 6.75 14L7.6 12.72C7.81 12.39 8.25 12.16 8.64 12.16H10.65C11.04 12.16 11.47 12.39 11.69 12.72L12.55 14C12.86 14.48 12.8 15.17 12.4 15.58Z" fill="#292D32"/>
+<path d="M17.4301 8.80999C18.3801 8.81999 19.7001 8.81999 20.8301 8.81999C21.4001 8.81999 21.7001 8.14999 21.3001 7.74999C19.8601 6.29999 17.2801 3.68999 15.8001 2.20999C15.3901 1.79999 14.6801 2.07999 14.6801 2.64999V6.13999C14.6801 7.59999 15.9201 8.80999 17.4301 8.80999Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/document-text-1.svg b/public/images/icons/vuesax/bold/document-text-1.svg
new file mode 100644
index 0000000..1492a96
--- /dev/null
+++ b/public/images/icons/vuesax/bold/document-text-1.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 2H8C4.5 2 3 4 3 7V17C3 20 4.5 22 8 22H16C19.5 22 21 20 21 17V7C21 4 19.5 2 16 2ZM8 12.25H12C12.41 12.25 12.75 12.59 12.75 13C12.75 13.41 12.41 13.75 12 13.75H8C7.59 13.75 7.25 13.41 7.25 13C7.25 12.59 7.59 12.25 8 12.25ZM16 17.75H8C7.59 17.75 7.25 17.41 7.25 17C7.25 16.59 7.59 16.25 8 16.25H16C16.41 16.25 16.75 16.59 16.75 17C16.75 17.41 16.41 17.75 16 17.75ZM18.5 9.25H16.5C14.98 9.25 13.75 8.02 13.75 6.5V4.5C13.75 4.09 14.09 3.75 14.5 3.75C14.91 3.75 15.25 4.09 15.25 4.5V6.5C15.25 7.19 15.81 7.75 16.5 7.75H18.5C18.91 7.75 19.25 8.09 19.25 8.5C19.25 8.91 18.91 9.25 18.5 9.25Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/document-text.svg b/public/images/icons/vuesax/bold/document-text.svg
new file mode 100644
index 0000000..12cd3b6
--- /dev/null
+++ b/public/images/icons/vuesax/bold/document-text.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="M15.8 2.20999C15.39 1.79999 14.68 2.07999 14.68 2.64999V6.13999C14.68 7.59999 15.92 8.80999 17.43 8.80999C18.38 8.81999 19.7 8.81999 20.83 8.81999C21.4 8.81999 21.7 8.14999 21.3 7.74999C19.86 6.29999 17.28 3.68999 15.8 2.20999Z" fill="#292D32"/>
+<path d="M20.5 10.19H17.61C15.24 10.19 13.31 8.26 13.31 5.89V3C13.31 2.45 12.86 2 12.31 2H8.07C4.99 2 2.5 4 2.5 7.57V16.43C2.5 20 4.99 22 8.07 22H15.93C19.01 22 21.5 20 21.5 16.43V11.19C21.5 10.64 21.05 10.19 20.5 10.19ZM11.5 17.75H7.5C7.09 17.75 6.75 17.41 6.75 17C6.75 16.59 7.09 16.25 7.5 16.25H11.5C11.91 16.25 12.25 16.59 12.25 17C12.25 17.41 11.91 17.75 11.5 17.75ZM13.5 13.75H7.5C7.09 13.75 6.75 13.41 6.75 13C6.75 12.59 7.09 12.25 7.5 12.25H13.5C13.91 12.25 14.25 12.59 14.25 13C14.25 13.41 13.91 13.75 13.5 13.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/document-upload.svg b/public/images/icons/vuesax/bold/document-upload.svg
new file mode 100644
index 0000000..f5ad782
--- /dev/null
+++ b/public/images/icons/vuesax/bold/document-upload.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="M20.5 10.19H17.61C15.24 10.19 13.31 8.26 13.31 5.89V3C13.31 2.45 12.86 2 12.31 2H8.07C4.99 2 2.5 4 2.5 7.57V16.43C2.5 20 4.99 22 8.07 22H15.93C19.01 22 21.5 20 21.5 16.43V11.19C21.5 10.64 21.05 10.19 20.5 10.19ZM11.53 13.53C11.38 13.68 11.19 13.75 11 13.75C10.81 13.75 10.62 13.68 10.47 13.53L9.75 12.81V17C9.75 17.41 9.41 17.75 9 17.75C8.59 17.75 8.25 17.41 8.25 17V12.81L7.53 13.53C7.24 13.82 6.76 13.82 6.47 13.53C6.18 13.24 6.18 12.76 6.47 12.47L8.47 10.47C8.54 10.41 8.61 10.36 8.69 10.32C8.71 10.31 8.74 10.3 8.76 10.29C8.82 10.27 8.88 10.26 8.95 10.25C8.98 10.25 9 10.25 9.03 10.25C9.11 10.25 9.19 10.27 9.27 10.3C9.28 10.3 9.28 10.3 9.29 10.3C9.37 10.33 9.45 10.39 9.51 10.45C9.52 10.46 9.53 10.46 9.53 10.47L11.53 12.47C11.82 12.76 11.82 13.24 11.53 13.53Z" fill="#292D32"/>
+<path d="M17.43 8.80999C18.38 8.81999 19.7 8.81999 20.83 8.81999C21.4 8.81999 21.7 8.14999 21.3 7.74999C19.86 6.29999 17.28 3.68999 15.8 2.20999C15.39 1.79999 14.68 2.07999 14.68 2.64999V6.13999C14.68 7.59999 15.92 8.80999 17.43 8.80999Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/document.svg b/public/images/icons/vuesax/bold/document.svg
new file mode 100644
index 0000000..1e55267
--- /dev/null
+++ b/public/images/icons/vuesax/bold/document.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM15.75 15.75H8.25C7.84 15.75 7.5 15.41 7.5 15C7.5 14.59 7.84 14.25 8.25 14.25H15.75C16.16 14.25 16.5 14.59 16.5 15C16.5 15.41 16.16 15.75 15.75 15.75ZM15.75 9.75H8.25C7.84 9.75 7.5 9.41 7.5 9C7.5 8.59 7.84 8.25 8.25 8.25H15.75C16.16 8.25 16.5 8.59 16.5 9C16.5 9.41 16.16 9.75 15.75 9.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/dollar-circle.svg b/public/images/icons/vuesax/bold/dollar-circle.svg
new file mode 100644
index 0000000..e8e50e2
--- /dev/null
+++ b/public/images/icons/vuesax/bold/dollar-circle.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.75 15.9198H13.4C14.05 15.9198 14.59 15.3398 14.59 14.6398C14.59 13.7698 14.28 13.5998 13.77 13.4198L12.76 13.0698V15.9198H12.75Z" fill="#292D32"/>
+<path d="M11.9701 1.89992C6.45007 1.91992 1.98007 6.40992 2.00007 11.9299C2.02007 17.4499 6.51007 21.9199 12.0301 21.8999C17.5501 21.8799 22.0201 17.3899 22.0001 11.8699C21.9801 6.34992 17.4901 1.88992 11.9701 1.89992ZM14.2601 11.9999C15.0401 12.2699 16.0901 12.8499 16.0901 14.6399C16.0901 16.1799 14.8801 17.4199 13.4001 17.4199H12.7501V17.9999C12.7501 18.4099 12.4101 18.7499 12.0001 18.7499C11.5901 18.7499 11.2501 18.4099 11.2501 17.9999V17.4199H10.8901C9.25007 17.4199 7.92007 16.0399 7.92007 14.3399C7.92007 13.9299 8.26007 13.5899 8.67007 13.5899C9.08007 13.5899 9.42007 13.9299 9.42007 14.3399C9.42007 15.2099 10.0801 15.9199 10.8901 15.9199H11.2501V12.5399L9.74007 11.9999C8.96007 11.7299 7.91007 11.1499 7.91007 9.35992C7.91007 7.81992 9.12007 6.57992 10.6001 6.57992H11.2501V5.99992C11.2501 5.58992 11.5901 5.24992 12.0001 5.24992C12.4101 5.24992 12.7501 5.58992 12.7501 5.99992V6.57992H13.1101C14.7501 6.57992 16.0801 7.95992 16.0801 9.65992C16.0801 10.0699 15.7401 10.4099 15.3301 10.4099C14.9201 10.4099 14.5801 10.0699 14.5801 9.65992C14.5801 8.78992 13.9201 8.07992 13.1101 8.07992H12.7501V11.4599L14.2601 11.9999Z" fill="#292D32"/>
+<path d="M9.41992 9.37008C9.41992 10.2401 9.72992 10.4101 10.2399 10.5901L11.2499 10.9401V8.08008H10.5999C9.94992 8.08008 9.41992 8.66008 9.41992 9.37008Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/dollar-square.svg b/public/images/icons/vuesax/bold/dollar-square.svg
new file mode 100644
index 0000000..4f9c510
--- /dev/null
+++ b/public/images/icons/vuesax/bold/dollar-square.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="M11.2499 8.08008V10.9401L10.2399 10.5901C9.72992 10.4101 9.41992 10.2401 9.41992 9.37008C9.41992 8.66008 9.94992 8.08008 10.5999 8.08008H11.2499Z" fill="#292D32"/>
+<path d="M14.58 14.6301C14.58 15.3401 14.05 15.9201 13.4 15.9201H12.75V13.0601L13.76 13.4101C14.27 13.5901 14.58 13.7601 14.58 14.6301Z" fill="#292D32"/>
+<path d="M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.19C2 19.83 4.17 22 7.81 22H16.19C19.83 22 22 19.83 22 16.19V7.81C22 4.17 19.83 2 16.19 2ZM14.26 12C15.04 12.27 16.08 12.84 16.08 14.63C16.08 16.17 14.88 17.42 13.4 17.42H12.75V18C12.75 18.41 12.41 18.75 12 18.75C11.59 18.75 11.25 18.41 11.25 18V17.42H10.89C9.25 17.42 7.92 16.03 7.92 14.33C7.92 13.92 8.25 13.58 8.67 13.58C9.08 13.58 9.42 13.92 9.42 14.33C9.42 15.21 10.08 15.92 10.89 15.92H11.25V12.53L9.74 12C8.96 11.73 7.92 11.16 7.92 9.37C7.92 7.83 9.12 6.58 10.6 6.58H11.25V6C11.25 5.59 11.59 5.25 12 5.25C12.41 5.25 12.75 5.59 12.75 6V6.58H13.11C14.75 6.58 16.08 7.97 16.08 9.67C16.08 10.08 15.75 10.42 15.33 10.42C14.92 10.42 14.58 10.08 14.58 9.67C14.58 8.79 13.92 8.08 13.11 8.08H12.75V11.47L14.26 12Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/dribbble.svg b/public/images/icons/vuesax/bold/dribbble.svg
new file mode 100644
index 0000000..a761d79
--- /dev/null
+++ b/public/images/icons/vuesax/bold/dribbble.svg
@@ -0,0 +1,8 @@
+<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.88 20.9198C15.91 21.0798 15.82 21.2498 15.67 21.3098C14.54 21.7598 13.3 21.9998 12.02 21.9998C9.80999 21.9998 7.76997 21.2898 6.11997 20.0698C5.97997 19.9698 5.94 19.7698 6.03 19.6198C6.58 18.6398 8.72995 15.4898 13.48 13.7298C13.66 13.6598 13.86 13.7498 13.92 13.9298C15.11 17.1198 15.67 19.8198 15.88 20.9198Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M21.8202 13.89C21.3602 16.35 19.9801 18.49 18.0501 19.95C17.8401 20.11 17.5401 19.99 17.4901 19.74C17.2801 18.66 16.7701 16.33 15.7901 13.56C15.7201 13.35 15.8602 13.12 16.0802 13.09C18.5702 12.79 20.7502 13.27 21.5702 13.49C21.7402 13.55 21.8502 13.72 21.8202 13.89Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M21.5902 11.8202C20.5702 11.6402 17.9702 11.2601 15.3102 11.5501C15.1502 11.5701 15.0102 11.4801 14.9402 11.3301C14.9002 11.2401 14.8702 11.1501 14.8302 11.0601C14.6702 10.6901 14.5002 10.3101 14.3302 9.94015C14.2402 9.76015 14.3302 9.54014 14.5102 9.46014C17.3102 8.25014 18.8702 6.69013 19.4802 5.99013C19.6302 5.82013 19.8902 5.83015 20.0302 6.01015C21.1802 7.54015 21.8902 9.41014 22.0002 11.4301C22.0102 11.6801 21.8102 11.8602 21.5902 11.8202Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.44 4.78976C17.92 5.41976 16.46 6.91974 13.69 8.01974C13.53 8.08975 13.34 8.01974 13.25 7.85974C11.97 5.53974 10.6099 3.58975 9.97994 2.70975C9.82994 2.49975 9.94997 2.19976 10.2 2.15976C10.78 2.05976 11.39 2.00977 12.01 2.00977C14.43 2.00977 16.66 2.86975 18.39 4.30975C18.54 4.41975 18.56 4.63976 18.44 4.78976Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.0198 8.83991C7.22978 9.78991 3.87973 9.91992 2.65973 9.93992C2.42973 9.93992 2.25977 9.71991 2.31977 9.49991C3.03977 6.69991 4.95975 4.35992 7.48975 3.06992C7.63975 2.98992 7.82975 3.03991 7.92975 3.17991C8.44975 3.89991 9.85975 5.92992 11.2397 8.31992C11.3497 8.51992 11.2498 8.77991 11.0198 8.83991Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.9197 11.6001C13.0097 11.7901 12.8998 12.0201 12.6998 12.0901C8.26977 13.5201 5.61976 17.0701 4.81976 18.2901C4.68976 18.4901 4.40977 18.5001 4.25977 18.3201C2.85977 16.6001 2.00977 14.6301 2.00977 12.2401V12.0601C2.00977 11.8601 2.16975 11.7001 2.36975 11.7101C3.62975 11.7601 7.73977 11.5901 12.0098 10.3601C12.1698 10.3101 12.3497 10.3901 12.4197 10.5401C12.5897 10.8901 12.7597 11.2401 12.9197 11.6001Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/driver-2.svg b/public/images/icons/vuesax/bold/driver-2.svg
new file mode 100644
index 0000000..7233acb
--- /dev/null
+++ b/public/images/icons/vuesax/bold/driver-2.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.19 2H7.81C4.6 2 2 4.6 2 7.81V10.25C2 10.8 2.45 11.25 3 11.25H21C21.55 11.25 22 10.8 22 10.25V7.81C22 4.6 19.4 2 16.19 2ZM6.75 8.25C6.75 8.66 6.41 9 6 9C5.59 9 5.25 8.66 5.25 8.25V6.25C5.25 5.84 5.59 5.5 6 5.5C6.41 5.5 6.75 5.84 6.75 6.25V8.25ZM10.75 8.25C10.75 8.66 10.41 9 10 9C9.59 9 9.25 8.66 9.25 8.25V6.25C9.25 5.84 9.59 5.5 10 5.5C10.41 5.5 10.75 5.84 10.75 6.25V8.25ZM18 8H14C13.59 8 13.25 7.66 13.25 7.25C13.25 6.84 13.59 6.5 14 6.5H18C18.41 6.5 18.75 6.84 18.75 7.25C18.75 7.66 18.41 8 18 8Z" fill="#292D32"/>
+<path d="M2 16.19C2 19.4 4.6 22 7.81 22H16.18C19.4 22 22 19.4 22 16.19V13.75C22 13.2 21.55 12.75 21 12.75H3C2.45 12.75 2 13.2 2 13.75V16.19ZM14 16.25H18C18.41 16.25 18.75 16.59 18.75 17C18.75 17.41 18.41 17.75 18 17.75H14C13.59 17.75 13.25 17.41 13.25 17C13.25 16.59 13.59 16.25 14 16.25ZM9.25 16C9.25 15.59 9.59 15.25 10 15.25C10.41 15.25 10.75 15.59 10.75 16V18C10.75 18.41 10.41 18.75 10 18.75C9.59 18.75 9.25 18.41 9.25 18V16ZM5.25 16C5.25 15.59 5.59 15.25 6 15.25C6.41 15.25 6.75 15.59 6.75 16V18C6.75 18.41 6.41 18.75 6 18.75C5.59 18.75 5.25 18.41 5.25 18V16Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/driver-refresh.svg b/public/images/icons/vuesax/bold/driver-refresh.svg
new file mode 100644
index 0000000..6bcac93
--- /dev/null
+++ b/public/images/icons/vuesax/bold/driver-refresh.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.93 12.75H3C2.45 12.75 2 13.2 2 13.75V16.19C2 19.4 4.6 22 7.81 22H9.51C10.28 22 10.75 21.18 10.38 20.5C9.59 19.03 9.28 17.26 9.67 15.4C9.81 14.72 10.05 14.08 10.37 13.48C10.54 13.15 10.31 12.75 9.93 12.75ZM6.75 18C6.75 18.41 6.41 18.75 6 18.75C5.59 18.75 5.25 18.41 5.25 18V16C5.25 15.59 5.59 15.25 6 15.25C6.41 15.25 6.75 15.59 6.75 16V18Z" fill="#292D32"/>
+<path d="M16.19 2H7.81C4.6 2 2 4.6 2 7.81V10.25C2 10.8 2.45 11.25 3 11.25H11.84C12.06 11.25 12.27 11.17 12.45 11.03C13.31 10.37 14.32 9.89 15.4 9.67C17.26 9.28 19.03 9.59 20.5 10.38C21.18 10.74 22 10.28 22 9.51V7.81C22 4.6 19.4 2 16.19 2ZM6.75 8.25C6.75 8.66 6.41 9 6 9C5.59 9 5.25 8.66 5.25 8.25V6.25C5.25 5.84 5.59 5.5 6 5.5C6.41 5.5 6.75 5.84 6.75 6.25V8.25ZM10.75 8.25C10.75 8.66 10.41 9 10 9C9.59 9 9.25 8.66 9.25 8.25V6.25C9.25 5.84 9.59 5.5 10 5.5C10.41 5.5 10.75 5.84 10.75 6.25V8.25ZM18 8H14C13.59 8 13.25 7.66 13.25 7.25C13.25 6.84 13.59 6.5 14 6.5H18C18.41 6.5 18.75 6.84 18.75 7.25C18.75 7.66 18.41 8 18 8Z" fill="#292D32"/>
+<path d="M17 11C13.69 11 11 13.69 11 17C11 20.31 13.69 23 17 23C20.31 23 23 20.31 23 17C23 13.69 20.31 11 17 11ZM19.93 18.2C19.77 18.59 19.54 18.94 19.24 19.24C18.64 19.84 17.85 20.17 17 20.17C16.32 20.17 15.68 19.95 15.14 19.55V19.69C15.14 20 14.89 20.26 14.57 20.26C14.25 20.25 14 20 14 19.68V18.24C14 17.93 14.25 17.67 14.57 17.67H16.01C16.32 17.67 16.58 17.92 16.58 18.24C16.58 18.53 16.37 18.75 16.09 18.79C16.85 19.16 17.82 19.04 18.43 18.43C18.62 18.24 18.77 18.01 18.87 17.76C18.99 17.47 19.32 17.33 19.61 17.45C19.91 17.57 20.05 17.91 19.93 18.2ZM20 15.76C20 16.07 19.75 16.33 19.43 16.33H17.99C17.68 16.33 17.42 16.08 17.42 15.76C17.42 15.47 17.63 15.25 17.91 15.21C17.15 14.84 16.18 14.96 15.56 15.57C15.39 15.74 15.26 15.93 15.16 16.14C15.06 16.35 14.86 16.47 14.65 16.47C14.57 16.47 14.49 16.45 14.41 16.42C14.13 16.29 14 15.95 14.14 15.66C14.3 15.33 14.51 15.03 14.76 14.77C15.36 14.17 16.15 13.84 17 13.84C17.68 13.84 18.32 14.06 18.86 14.46V14.33C18.86 14.02 19.11 13.76 19.43 13.76C19.75 13.76 20 14 20 14.32V15.76Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/driver.svg b/public/images/icons/vuesax/bold/driver.svg
new file mode 100644
index 0000000..6cb8d0b
--- /dev/null
+++ b/public/images/icons/vuesax/bold/driver.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="M19.32 2H4.68C3.21 2 2 3.21 2 4.68V7.31C2 8.79 3.21 10 4.68 10H19.31C20.79 10 22 8.79 22 7.32V4.68C22 3.21 20.79 2 19.32 2ZM6.75 7C6.75 7.41 6.41 7.75 6 7.75C5.59 7.75 5.25 7.41 5.25 7V5C5.25 4.59 5.59 4.25 6 4.25C6.41 4.25 6.75 4.59 6.75 5V7ZM10.75 7C10.75 7.41 10.41 7.75 10 7.75C9.59 7.75 9.25 7.41 9.25 7V5C9.25 4.59 9.59 4.25 10 4.25C10.41 4.25 10.75 4.59 10.75 5V7ZM18 6.75H14C13.59 6.75 13.25 6.41 13.25 6C13.25 5.59 13.59 5.25 14 5.25H18C18.41 5.25 18.75 5.59 18.75 6C18.75 6.41 18.41 6.75 18 6.75Z" fill="#292D32"/>
+<path d="M19.32 14H4.68C3.21 14 2 15.21 2 16.68V19.31C2 20.79 3.21 22 4.68 22H19.31C20.79 22 21.99 20.79 21.99 19.32V16.69C22 15.21 20.79 14 19.32 14ZM6.75 19C6.75 19.41 6.41 19.75 6 19.75C5.59 19.75 5.25 19.41 5.25 19V17C5.25 16.59 5.59 16.25 6 16.25C6.41 16.25 6.75 16.59 6.75 17V19ZM10.75 19C10.75 19.41 10.41 19.75 10 19.75C9.59 19.75 9.25 19.41 9.25 19V17C9.25 16.59 9.59 16.25 10 16.25C10.41 16.25 10.75 16.59 10.75 17V19ZM18 18.75H14C13.59 18.75 13.25 18.41 13.25 18C13.25 17.59 13.59 17.25 14 17.25H18C18.41 17.25 18.75 17.59 18.75 18C18.75 18.41 18.41 18.75 18 18.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/driving.svg b/public/images/icons/vuesax/bold/driving.svg
new file mode 100644
index 0000000..f771aa2
--- /dev/null
+++ b/public/images/icons/vuesax/bold/driving.svg
@@ -0,0 +1,8 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 18.75C11.59 18.75 11.25 18.41 11.25 18V17C11.25 16.59 11.59 16.25 12 16.25C12.41 16.25 12.75 16.59 12.75 17V18C12.75 18.41 12.41 18.75 12 18.75Z" fill="#292D32"/>
+<path d="M12 22.75C11.59 22.75 11.25 22.41 11.25 22V21C11.25 20.59 11.59 20.25 12 20.25C12.41 20.25 12.75 20.59 12.75 21V22C12.75 22.41 12.41 22.75 12 22.75Z" fill="#292D32"/>
+<path d="M1.99998 22.7501C1.93998 22.7501 1.87998 22.7401 1.81998 22.7301C1.41998 22.6301 1.16998 22.2201 1.26998 21.8201L2.26998 17.8201C2.36998 17.4201 2.76998 17.1701 3.17998 17.2701C3.57998 17.3701 3.82998 17.7801 3.72998 18.1801L2.72998 22.1801C2.63998 22.5201 2.33998 22.7501 1.99998 22.7501Z" fill="#292D32"/>
+<path d="M21.7526 22.5026C21.4126 22.5026 21.1126 22.2726 21.0226 21.9326L20.0226 17.9326C19.9226 17.5326 20.1626 17.1226 20.5726 17.0226C20.9726 16.9226 21.3826 17.1626 21.4826 17.5726L22.4826 21.5726C22.5826 21.9726 22.3426 22.3826 21.9326 22.4826C21.8726 22.4926 21.8126 22.5026 21.7526 22.5026Z" fill="#292D32"/>
+<path d="M19.14 5.3C19.14 5.6 18.89 5.84 18.6 5.84H5.52999C5.22999 5.84 4.98999 5.59 4.98999 5.3C4.98999 5 5.23999 4.76 5.52999 4.76H6.26999L6.54999 3.45C6.80999 2.17 7.34999 1 9.50999 1H14.6C16.76 1 17.31 2.17 17.57 3.44L17.85 4.75H18.59C18.89 4.75 19.14 5 19.14 5.3Z" fill="#292D32"/>
+<path d="M19.45 9.40018C19.34 8.20018 19.02 6.93018 16.69 6.93018H7.43002C5.10002 6.93018 4.79002 8.21018 4.67002 9.40018L4.26002 13.8202C4.21002 14.3702 4.39002 14.9202 4.77002 15.3402C5.16002 15.7602 5.70002 16.0002 6.28002 16.0002H7.64002C8.82002 16.0002 9.04002 15.3302 9.19002 14.8802L9.34002 14.4402C9.51002 13.9402 9.55002 13.8202 10.2 13.8202H13.92C14.57 13.8202 14.59 13.8902 14.78 14.4402L14.93 14.8802C15.07 15.3302 15.3 16.0002 16.47 16.0002H17.83C18.4 16.0002 18.95 15.7602 19.34 15.3402C19.72 14.9302 19.9 14.3702 19.85 13.8202L19.45 9.40018ZM9.88002 10.9202H7.71002C7.41002 10.9202 7.17002 10.6702 7.17002 10.3802C7.17002 10.0902 7.42002 9.84018 7.71002 9.84018H9.89002C10.19 9.84018 10.43 10.0902 10.43 10.3802C10.43 10.6702 10.18 10.9202 9.88002 10.9202ZM16.41 10.9202H14.23C13.93 10.9202 13.69 10.6702 13.69 10.3802C13.69 10.0902 13.94 9.84018 14.23 9.84018H16.41C16.71 9.84018 16.95 10.0902 16.95 10.3802C16.95 10.6702 16.71 10.9202 16.41 10.9202Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/drop.svg b/public/images/icons/vuesax/bold/drop.svg
new file mode 100644
index 0000000..d219952
--- /dev/null
+++ b/public/images/icons/vuesax/bold/drop.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.59 7.41L6.30996 17.69C5.82996 18.17 5.00996 18.06 4.71996 17.45C4.19996 16.38 3.89996 15.17 3.89996 13.9C3.87996 8.38 9.47996 3.66 11.38 2.21C11.75 1.93 12.25 1.93 12.61 2.21C13.48 2.87 15.11 4.24 16.64 6.04C16.98 6.44 16.96 7.04 16.59 7.41Z" fill="#292D32"/>
+<path d="M20.1 13.9098C20.1 18.3698 16.47 21.9998 12 21.9998C10.21 21.9998 8.53996 21.4198 7.18996 20.4198C6.69996 20.0598 6.65996 19.3398 7.08996 18.9098L17.16 8.83977C17.63 8.36977 18.42 8.46978 18.74 9.04978C19.56 10.5598 20.11 12.1998 20.1 13.9098Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/dropbox.svg b/public/images/icons/vuesax/bold/dropbox.svg
new file mode 100644
index 0000000..fc7e506
--- /dev/null
+++ b/public/images/icons/vuesax/bold/dropbox.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="M12.0001 5.99981L6.4401 9.99981L3.1901 7.7998C2.6101 7.4098 2.60011 6.56981 3.17011 6.15981L7.00009 3.3998C7.34009 3.1598 7.80011 3.14981 8.14011 3.37981L12.0001 5.99981Z" fill="black"/>
+<path d="M20.81 7.79978L17.56 9.9998L12 5.9998L15.86 3.38981C16.21 3.15981 16.66 3.1598 17 3.4098L20.83 6.16981C21.4 6.56981 21.39 7.40978 20.81 7.79978Z" fill="black"/>
+<path d="M11.9999 14L7.55992 17L4.99992 15.16L3.15992 13.84C2.59992 13.43 2.60991 12.59 3.17991 12.2L6.42991 10L11.9999 14Z" fill="black"/>
+<path d="M20.81 12.2C21.39 12.59 21.4 13.43 20.83 13.84L18.99 15.16L16.43 17L11.99 14L17.55 10L20.81 12.2Z" fill="black"/>
+<path d="M18.68 17.3401C18.81 17.2401 19 17.3401 19 17.5001V18.2301C19 18.6201 18.77 18.9701 18.42 19.1401L12.42 21.9101C12.15 22.0301 11.85 22.0301 11.58 21.9101L5.57999 19.1401C5.22999 18.9701 5 18.6201 5 18.2301V17.5001C5 17.3401 5.18001 17.2401 5.32001 17.3401L7.25 18.7301C7.42 18.8501 7.65001 18.8601 7.82001 18.7401L11.72 16.1001C11.89 15.9901 12.11 15.9901 12.28 16.1001L16.18 18.7401C16.35 18.8601 16.58 18.8501 16.75 18.7301L18.68 17.3401Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/edit-2.svg b/public/images/icons/vuesax/bold/edit-2.svg
new file mode 100644
index 0000000..23a45ff
--- /dev/null
+++ b/public/images/icons/vuesax/bold/edit-2.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="M21 22H3C2.59 22 2.25 21.66 2.25 21.25C2.25 20.84 2.59 20.5 3 20.5H21C21.41 20.5 21.75 20.84 21.75 21.25C21.75 21.66 21.41 22 21 22Z" fill="#292D32"/>
+<path d="M19.02 3.48016C17.08 1.54016 15.18 1.49016 13.19 3.48016L11.98 4.69016C11.88 4.79016 11.84 4.95016 11.88 5.09016C12.64 7.74016 14.76 9.86016 17.41 10.6202C17.45 10.6302 17.49 10.6402 17.53 10.6402C17.64 10.6402 17.74 10.6002 17.82 10.5202L19.02 9.31016C20.01 8.33016 20.49 7.38016 20.49 6.42016C20.5 5.43016 20.02 4.47016 19.02 3.48016Z" fill="#292D32"/>
+<path d="M15.61 11.5298C15.32 11.3898 15.04 11.2498 14.77 11.0898C14.55 10.9598 14.34 10.8198 14.13 10.6698C13.96 10.5598 13.76 10.3998 13.57 10.2398C13.55 10.2298 13.48 10.1698 13.4 10.0898C13.07 9.8098 12.7 9.4498 12.37 9.0498C12.34 9.0298 12.29 8.9598 12.22 8.8698C12.12 8.7498 11.95 8.5498 11.8 8.3198C11.68 8.1698 11.54 7.9498 11.41 7.7298C11.25 7.4598 11.11 7.1898 10.97 6.9098C10.9488 6.86441 10.9283 6.81924 10.9084 6.77434C10.7608 6.44102 10.3262 6.34358 10.0684 6.60133L4.33995 12.3298C4.20995 12.4598 4.08995 12.7098 4.05995 12.8798L3.51995 16.7098C3.41995 17.3898 3.60995 18.0298 4.02995 18.4598C4.38995 18.8098 4.88995 18.9998 5.42995 18.9998C5.54995 18.9998 5.66995 18.9898 5.78995 18.9698L9.62995 18.4298C9.80995 18.3998 10.06 18.2798 10.18 18.1498L15.9013 12.4285C16.1608 12.1689 16.0629 11.7235 15.7253 11.5794C15.6873 11.5632 15.6489 11.5467 15.61 11.5298Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/edit.svg b/public/images/icons/vuesax/bold/edit.svg
new file mode 100644
index 0000000..df53597
--- /dev/null
+++ b/public/images/icons/vuesax/bold/edit.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM10.95 17.51C10.66 17.8 10.11 18.08 9.71 18.14L7.25 18.49C7.16 18.5 7.07 18.51 6.98 18.51C6.57 18.51 6.19 18.37 5.92 18.1C5.59 17.77 5.45 17.29 5.53 16.76L5.88 14.3C5.94 13.89 6.21 13.35 6.51 13.06L10.97 8.6C11.05 8.81 11.13 9.02 11.24 9.26C11.34 9.47 11.45 9.69 11.57 9.89C11.67 10.06 11.78 10.22 11.87 10.34C11.98 10.51 12.11 10.67 12.19 10.76C12.24 10.83 12.28 10.88 12.3 10.9C12.55 11.2 12.84 11.48 13.09 11.69C13.16 11.76 13.2 11.8 13.22 11.81C13.37 11.93 13.52 12.05 13.65 12.14C13.81 12.26 13.97 12.37 14.14 12.46C14.34 12.58 14.56 12.69 14.78 12.8C15.01 12.9 15.22 12.99 15.43 13.06L10.95 17.51ZM17.37 11.09L16.45 12.02C16.39 12.08 16.31 12.11 16.23 12.11C16.2 12.11 16.16 12.11 16.14 12.1C14.11 11.52 12.49 9.9 11.91 7.87C11.88 7.76 11.91 7.64 11.99 7.57L12.92 6.64C14.44 5.12 15.89 5.15 17.38 6.64C18.14 7.4 18.51 8.13 18.51 8.89C18.5 9.61 18.13 10.33 17.37 11.09Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/educare-(ekt).svg b/public/images/icons/vuesax/bold/educare-(ekt).svg
new file mode 100644
index 0000000..bac39bf
--- /dev/null
+++ b/public/images/icons/vuesax/bold/educare-(ekt).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="M7.93005 5.47993L11.0601 8.60994C11.5801 9.12994 12.4301 9.12994 12.9501 8.60994L16.0801 5.47993C16.9201 4.63993 16.3301 3.18994 15.1301 3.18994H8.87006C7.68006 3.18994 7.08005 4.63993 7.93005 5.47993Z" fill="black"/>
+<path d="M7.93005 18.52L11.0601 15.39C11.5801 14.87 12.4301 14.87 12.9501 15.39L16.0801 18.52C16.9201 19.36 16.3301 20.81 15.1301 20.81H8.87006C7.68006 20.81 7.08005 19.36 7.93005 18.52Z" fill="black"/>
+<path d="M2.15994 11.4301L4.44998 7.83008C4.80998 7.26008 5.60999 7.17008 6.08999 7.65008L9.68997 11.2501C10.1 11.6601 10.1 12.3301 9.68997 12.7401L6.08999 16.3401C5.60999 16.8201 4.81998 16.7301 4.44998 16.1601L2.15994 12.5601C1.94994 12.2201 1.94994 11.7801 2.15994 11.4301Z" fill="black"/>
+<path d="M21.84 11.4301L19.5499 7.83008C19.1899 7.26008 18.3899 7.17008 17.9099 7.65008L14.3099 11.2501C13.8999 11.6601 13.8999 12.3301 14.3099 12.7401L17.9099 16.3401C18.3899 16.8201 19.1799 16.7301 19.5499 16.1601L21.84 12.5601C22.05 12.2201 22.05 11.7801 21.84 11.4301Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/electricity.svg b/public/images/icons/vuesax/bold/electricity.svg
new file mode 100644
index 0000000..b569461
--- /dev/null
+++ b/public/images/icons/vuesax/bold/electricity.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.59 5H15.25V2C15.25 1.59 14.91 1.25 14.5 1.25C14.09 1.25 13.75 1.59 13.75 2V5H10.25V2C10.25 1.59 9.91 1.25 9.5 1.25C9.09 1.25 8.75 1.59 8.75 2V5H8.41C7.36 5 6.5 5.86 6.5 6.91V12C6.5 14.2 8 16 10.5 16H11.25V22C11.25 22.41 11.59 22.75 12 22.75C12.41 22.75 12.75 22.41 12.75 22V16H13.5C16 16 17.5 14.2 17.5 12V6.91C17.5 5.86 16.64 5 15.59 5Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/element-2.svg b/public/images/icons/vuesax/bold/element-2.svg
new file mode 100644
index 0000000..d749cef
--- /dev/null
+++ b/public/images/icons/vuesax/bold/element-2.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="M11 19.9V4.1C11 2.6 10.36 2 8.77 2H4.73C3.14 2 2.5 2.6 2.5 4.1V19.9C2.5 21.4 3.14 22 4.73 22H8.77C10.36 22 11 21.4 11 19.9Z" fill="#292D32"/>
+<path d="M21.5 10.9V4.1C21.5 2.6 20.86 2 19.27 2H15.23C13.64 2 13 2.6 13 4.1V10.9C13 12.4 13.64 13 15.23 13H19.27C20.86 13 21.5 12.4 21.5 10.9Z" fill="#292D32"/>
+<path d="M21.5 19.9V17.1C21.5 15.6 20.86 15 19.27 15H15.23C13.64 15 13 15.6 13 17.1V19.9C13 21.4 13.64 22 15.23 22H19.27C20.86 22 21.5 21.4 21.5 19.9Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/element-3.svg b/public/images/icons/vuesax/bold/element-3.svg
new file mode 100644
index 0000000..d54a66f
--- /dev/null
+++ b/public/images/icons/vuesax/bold/element-3.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="M22 8.52V3.98C22 2.57 21.36 2 19.77 2H15.73C14.14 2 13.5 2.57 13.5 3.98V8.51C13.5 9.93 14.14 10.49 15.73 10.49H19.77C21.36 10.5 22 9.93 22 8.52Z" fill="#292D32"/>
+<path d="M22 19.77V15.73C22 14.14 21.36 13.5 19.77 13.5H15.73C14.14 13.5 13.5 14.14 13.5 15.73V19.77C13.5 21.36 14.14 22 15.73 22H19.77C21.36 22 22 21.36 22 19.77Z" fill="#292D32"/>
+<path d="M10.5 8.52V3.98C10.5 2.57 9.86 2 8.27 2H4.23C2.64 2 2 2.57 2 3.98V8.51C2 9.93 2.64 10.49 4.23 10.49H8.27C9.86 10.5 10.5 9.93 10.5 8.52Z" fill="#292D32"/>
+<path d="M10.5 19.77V15.73C10.5 14.14 9.86 13.5 8.27 13.5H4.23C2.64 13.5 2 14.14 2 15.73V19.77C2 21.36 2.64 22 4.23 22H8.27C9.86 22 10.5 21.36 10.5 19.77Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/element-4.svg b/public/images/icons/vuesax/bold/element-4.svg
new file mode 100644
index 0000000..2c9d51b
--- /dev/null
+++ b/public/images/icons/vuesax/bold/element-4.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="M21.5 10.9V4.1C21.5 2.6 20.86 2 19.27 2H15.23C13.64 2 13 2.6 13 4.1V10.9C13 12.4 13.64 13 15.23 13H19.27C20.86 13 21.5 12.4 21.5 10.9Z" fill="#292D32"/>
+<path d="M11 13.1V19.9C11 21.4 10.36 22 8.77 22H4.73C3.14 22 2.5 21.4 2.5 19.9V13.1C2.5 11.6 3.14 11 4.73 11H8.77C10.36 11 11 11.6 11 13.1Z" fill="#292D32"/>
+<path d="M21.5 19.9V17.1C21.5 15.6 20.86 15 19.27 15H15.23C13.64 15 13 15.6 13 17.1V19.9C13 21.4 13.64 22 15.23 22H19.27C20.86 22 21.5 21.4 21.5 19.9Z" fill="#292D32"/>
+<path d="M11 6.9V4.1C11 2.6 10.36 2 8.77 2H4.73C3.14 2 2.5 2.6 2.5 4.1V6.9C2.5 8.4 3.14 9 4.73 9H8.77C10.36 9 11 8.4 11 6.9Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/element-equal.svg b/public/images/icons/vuesax/bold/element-equal.svg
new file mode 100644
index 0000000..dd8d94f
--- /dev/null
+++ b/public/images/icons/vuesax/bold/element-equal.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="M21 16.25H15C14.59 16.25 14.25 15.91 14.25 15.5C14.25 15.09 14.59 14.75 15 14.75H21C21.41 14.75 21.75 15.09 21.75 15.5C21.75 15.91 21.41 16.25 21 16.25Z" fill="#292D32"/>
+<path d="M21 20.25H15C14.59 20.25 14.25 19.91 14.25 19.5C14.25 19.09 14.59 18.75 15 18.75H21C21.41 18.75 21.75 19.09 21.75 19.5C21.75 19.91 21.41 20.25 21 20.25Z" fill="#292D32"/>
+<path d="M22 8.52V3.98C22 2.57 21.36 2 19.77 2H15.73C14.14 2 13.5 2.57 13.5 3.98V8.51C13.5 9.93 14.14 10.49 15.73 10.49H19.77C21.36 10.5 22 9.93 22 8.52Z" fill="#292D32"/>
+<path d="M10.5 8.52V3.98C10.5 2.57 9.86 2 8.27 2H4.23C2.64 2 2 2.57 2 3.98V8.51C2 9.93 2.64 10.49 4.23 10.49H8.27C9.86 10.5 10.5 9.93 10.5 8.52Z" fill="#292D32"/>
+<path d="M10.5 19.77V15.73C10.5 14.14 9.86 13.5 8.27 13.5H4.23C2.64 13.5 2 14.14 2 15.73V19.77C2 21.36 2.64 22 4.23 22H8.27C9.86 22 10.5 21.36 10.5 19.77Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/element-plus.svg b/public/images/icons/vuesax/bold/element-plus.svg
new file mode 100644
index 0000000..f20a843
--- /dev/null
+++ b/public/images/icons/vuesax/bold/element-plus.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="M20.5 16.75H18.25V14.5C18.25 14.09 17.91 13.75 17.5 13.75C17.09 13.75 16.75 14.09 16.75 14.5V16.75H14.5C14.09 16.75 13.75 17.09 13.75 17.5C13.75 17.91 14.09 18.25 14.5 18.25H16.75V20.5C16.75 20.91 17.09 21.25 17.5 21.25C17.91 21.25 18.25 20.91 18.25 20.5V18.25H20.5C20.91 18.25 21.25 17.91 21.25 17.5C21.25 17.09 20.91 16.75 20.5 16.75Z" fill="#292D32"/>
+<path d="M22 8.52V3.98C22 2.57 21.36 2 19.77 2H15.73C14.14 2 13.5 2.57 13.5 3.98V8.51C13.5 9.93 14.14 10.49 15.73 10.49H19.77C21.36 10.5 22 9.93 22 8.52Z" fill="#292D32"/>
+<path d="M10.5 8.52V3.98C10.5 2.57 9.86 2 8.27 2H4.23C2.64 2 2 2.57 2 3.98V8.51C2 9.93 2.64 10.49 4.23 10.49H8.27C9.86 10.5 10.5 9.93 10.5 8.52Z" fill="#292D32"/>
+<path d="M10.5 19.77V15.73C10.5 14.14 9.86 13.5 8.27 13.5H4.23C2.64 13.5 2 14.14 2 15.73V19.77C2 21.36 2.64 22 4.23 22H8.27C9.86 22 10.5 21.36 10.5 19.77Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/emercoin-(emc).svg b/public/images/icons/vuesax/bold/emercoin-(emc).svg
new file mode 100644
index 0000000..f91fb29
--- /dev/null
+++ b/public/images/icons/vuesax/bold/emercoin-(emc).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 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM17.25 16C17.25 16.41 16.91 16.75 16.5 16.75H7.5C7.09 16.75 6.75 16.41 6.75 16C6.75 15.59 7.09 15.25 7.5 15.25H15.75V8.75H13.25V12C13.25 12.41 12.91 12.75 12.5 12.75H7.5C7.09 12.75 6.75 12.41 6.75 12C6.75 11.59 7.09 11.25 7.5 11.25H11.75V8.75H7.5C7.09 8.75 6.75 8.41 6.75 8C6.75 7.59 7.09 7.25 7.5 7.25H16.5C16.91 7.25 17.25 7.59 17.25 8V16Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/emoji-happy.svg b/public/images/icons/vuesax/bold/emoji-happy.svg
new file mode 100644
index 0000000..f2b7668
--- /dev/null
+++ b/public/images/icons/vuesax/bold/emoji-happy.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM8.5 6.38C9.53 6.38 10.38 7.22 10.38 8.26C10.38 9.3 9.54 10.14 8.5 10.14C7.46 10.14 6.62 9.28 6.62 8.25C6.62 7.22 7.47 6.38 8.5 6.38ZM12 19.08C9.31 19.08 7.12 16.89 7.12 14.2C7.12 13.5 7.69 12.92 8.39 12.92H15.59C16.29 12.92 16.86 13.49 16.86 14.2C16.88 16.89 14.69 19.08 12 19.08ZM15.5 10.12C14.47 10.12 13.62 9.28 13.62 8.24C13.62 7.2 14.46 6.36 15.5 6.36C16.54 6.36 17.38 7.2 17.38 8.24C17.38 9.28 16.53 10.12 15.5 10.12Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/emoji-normal.svg b/public/images/icons/vuesax/bold/emoji-normal.svg
new file mode 100644
index 0000000..d239fd0
--- /dev/null
+++ b/public/images/icons/vuesax/bold/emoji-normal.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM6.47 7.72C6.76 7.43 7.24 7.43 7.53 7.72C8.24 8.43 9.4 8.43 10.11 7.72C10.4 7.43 10.88 7.43 11.17 7.72C11.46 8.01 11.46 8.49 11.17 8.78C10.52 9.43 9.67 9.75 8.82 9.75C7.97 9.75 7.12 9.43 6.47 8.78C6.18 8.48 6.18 8.01 6.47 7.72ZM12 18.78C9.31 18.78 7.12 16.59 7.12 13.9C7.12 13.2 7.69 12.62 8.39 12.62H15.59C16.29 12.62 16.86 13.19 16.86 13.9C16.88 16.59 14.69 18.78 12 18.78ZM17.53 8.78C16.88 9.43 16.03 9.75 15.18 9.75C14.33 9.75 13.48 9.43 12.83 8.78C12.54 8.49 12.54 8.01 12.83 7.72C13.12 7.43 13.6 7.43 13.89 7.72C14.6 8.43 15.76 8.43 16.47 7.72C16.76 7.43 17.24 7.43 17.53 7.72C17.82 8.01 17.82 8.48 17.53 8.78Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/emoji-sad.svg b/public/images/icons/vuesax/bold/emoji-sad.svg
new file mode 100644
index 0000000..fa7c345
--- /dev/null
+++ b/public/images/icons/vuesax/bold/emoji-sad.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM6.47 9.28C6.18 8.99 6.18 8.51 6.47 8.22C7.76 6.93 9.87 6.93 11.17 8.22C11.46 8.51 11.46 8.99 11.17 9.28C11.02 9.43 10.83 9.5 10.64 9.5C10.45 9.5 10.26 9.43 10.11 9.28C9.4 8.57 8.24 8.57 7.53 9.28C7.24 9.58 6.76 9.58 6.47 9.28ZM15.6 18.08H8.4C7.7 18.08 7.13 17.51 7.13 16.8C7.13 14.11 9.32 11.92 12.01 11.92C14.7 11.92 16.89 14.11 16.89 16.8C16.88 17.5 16.3 18.08 15.6 18.08ZM17.53 9.28C17.24 9.57 16.76 9.57 16.47 9.28C15.76 8.57 14.6 8.57 13.89 9.28C13.74 9.43 13.55 9.5 13.36 9.5C13.17 9.5 12.98 9.43 12.83 9.28C12.54 8.99 12.54 8.51 12.83 8.22C14.12 6.93 16.23 6.93 17.53 8.22C17.82 8.52 17.82 8.99 17.53 9.28Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/empty-wallet-add.svg b/public/images/icons/vuesax/bold/empty-wallet-add.svg
new file mode 100644
index 0000000..1cce254
--- /dev/null
+++ b/public/images/icons/vuesax/bold/empty-wallet-add.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="M8.25913 21.2448C8.9061 20.5978 9.27777 19.7719 9.37413 18.9184C9.5049 17.7828 9.12635 16.6058 8.25913 15.7386C7.74293 15.2224 7.10972 14.8783 6.4421 14.72C5.1688 14.3965 3.75785 14.7337 2.75297 15.7386C2.05782 16.4338 1.67927 17.3216 1.63109 18.237C1.59668 18.6294 1.63109 19.0354 1.73433 19.4277C1.89264 20.0954 2.23677 20.7286 2.75297 21.2448C4.27405 22.7659 6.73805 22.7659 8.25913 21.2448ZM6.96518 17.7759C7.36438 17.7759 7.69475 18.1063 7.69475 18.5055C7.68787 18.9115 7.36438 19.235 6.9583 19.2419L6.23562 19.235L6.2425 19.9302C6.23562 20.3363 5.91213 20.6597 5.50605 20.6666C5.09997 20.6597 4.77648 20.3363 4.7696 19.9302L4.77648 19.235L4.0538 19.2419C3.64772 19.235 3.32424 18.9115 3.31735 18.5055C3.32424 18.3059 3.40683 18.1269 3.5376 17.9961C3.66837 17.8654 3.84732 17.7828 4.04692 17.7759L4.77648 17.7759L4.77648 17.0188C4.77648 16.8123 4.85908 16.6334 4.98985 16.5026C5.12062 16.3718 5.29957 16.2892 5.50605 16.2892C5.90525 16.2892 6.23562 16.6196 6.23562 17.0188L6.23562 17.7759L6.96518 17.7759Z" fill="#292D32"/>
+<path d="M15.0952 3.84548V7.54425H13.6352V3.84548C13.6352 3.58267 13.4016 3.45613 13.2458 3.45613C13.1972 3.45613 13.1485 3.46587 13.0998 3.48533L5.38108 6.39568C4.8652 6.59035 4.53426 7.07703 4.53426 7.63185V8.284C3.6485 8.94589 3.07422 10.0068 3.07422 11.2041V7.63185C3.07422 6.47355 3.78477 5.44179 4.8652 5.03298L12.5937 2.1129C12.8078 2.03503 13.0317 1.99609 13.2458 1.99609C14.2192 1.99609 15.0952 2.78452 15.0952 3.84548Z" fill="#292D32"/>
+<path d="M21.5696 14.1151V15.0885C21.5696 15.3513 21.3651 15.5654 21.0926 15.5751H19.6715C19.1556 15.5751 18.6884 15.1955 18.6495 14.6894C18.6203 14.3876 18.7371 14.1054 18.9317 13.9107C19.107 13.7258 19.3503 13.6284 19.6131 13.6284H21.0829C21.3651 13.6382 21.5696 13.8523 21.5696 14.1151Z" fill="#292D32"/>
+<path d="M19.6019 12.6049H20.5947C21.1301 12.6049 21.5681 12.1669 21.5681 11.6316V11.2033C21.5681 9.18844 19.9231 7.54346 17.9082 7.54346H6.73405C5.9067 7.54346 5.14748 7.816 4.53426 8.28321C3.6485 8.9451 3.07422 10.0061 3.07422 11.2033V12.9359C3.07422 13.3057 3.46356 13.5394 3.81397 13.4226C4.35905 13.2376 4.93334 13.1403 5.50762 13.1403C8.4569 13.1403 10.8611 15.5445 10.8611 18.4938C10.8611 19.1946 10.6762 19.9635 10.3842 20.6449C10.2284 20.9953 10.4718 21.4138 10.8514 21.4138H17.9082C19.9231 21.4138 21.5681 19.7689 21.5681 17.754V17.5691C21.5681 17.0337 21.1301 16.5957 20.5947 16.5957H19.7479C18.8135 16.5957 17.918 16.0214 17.6746 15.1162C17.4799 14.3764 17.7136 13.6562 18.2002 13.1889C18.5604 12.8191 19.0568 12.6049 19.6019 12.6049ZM14.2679 12.4103H9.40106C9.00198 12.4103 8.67104 12.0793 8.67104 11.6802C8.67104 11.2812 9.00198 10.9502 9.40106 10.9502H14.2679C14.6669 10.9502 14.9979 11.2812 14.9979 11.6802C14.9979 12.0793 14.6669 12.4103 14.2679 12.4103Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/empty-wallet-change.svg b/public/images/icons/vuesax/bold/empty-wallet-change.svg
new file mode 100644
index 0000000..30cebdb
--- /dev/null
+++ b/public/images/icons/vuesax/bold/empty-wallet-change.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="M5 15C3.98 15 3.04 15.39 2.33 16.03C2.17 16.17 2.02 16.32 1.89 16.49C1.33 17.18 1 18.05 1 19C1 21.21 2.8 23 5 23C5.96 23 6.83 22.66 7.52 22.11C8.08 21.64 8.52 21.03 8.76 20.33C8.92 19.92 9 19.47 9 19C9 16.8 7.21 15 5 15ZM7.4 18.23C7.4 18.51 7.18 18.72 6.91 18.72C6.64 18.72 6.42 18.51 6.42 18.23V18.13C6.42 18.02 6.34 17.93 6.23 17.93H4.23C4.33 18.12 4.31 18.35 4.15 18.51C4.06 18.6 3.94 18.65 3.8 18.65C3.68 18.65 3.55 18.6 3.46 18.51L2.74 17.79C2.7 17.75 2.66 17.69 2.63 17.63C2.59 17.51 2.59 17.38 2.63 17.26C2.66 17.21 2.69 17.14 2.74 17.1L3.46 16.39C3.65 16.19 3.96 16.19 4.14 16.39C4.3 16.54 4.32 16.78 4.22 16.96H6.23C6.87 16.96 7.39 17.48 7.39 18.13V18.23H7.4ZM6.2 21.76C6.07 21.76 5.94 21.72 5.85 21.62C5.69 21.47 5.67 21.23 5.77 21.05H3.76C3.12 21.05 2.6 20.53 2.6 19.88V19.78C2.6 19.5 2.82 19.29 3.09 19.29C3.36 19.29 3.58 19.5 3.58 19.78V19.88C3.58 19.99 3.66 20.08 3.77 20.08H5.78C5.68 19.89 5.7 19.66 5.86 19.5C6.05 19.31 6.36 19.31 6.54 19.5L7.26 20.22C7.3 20.26 7.34 20.32 7.37 20.38C7.41 20.5 7.41 20.63 7.37 20.75C7.34 20.8 7.3 20.86 7.26 20.9L6.54 21.61C6.45 21.71 6.32 21.76 6.2 21.76Z" fill="#292D32"/>
+<path d="M14.85 3.9498V7.7498H13.35V3.9498C13.35 3.6798 13.11 3.5498 12.95 3.5498C12.9 3.5498 12.85 3.5598 12.8 3.5798L4.87 6.56981C4.34 6.7698 4 7.2698 4 7.8398V8.5098C3.09 9.1898 2.5 10.2798 2.5 11.5098V7.8398C2.5 6.6498 3.23 5.5898 4.34 5.1698L12.28 2.1698C12.5 2.0898 12.73 2.0498 12.95 2.0498C13.95 2.0498 14.85 2.8598 14.85 3.9498Z" fill="#292D32"/>
+<path d="M21.4999 14.5V15.5C21.4999 15.77 21.2899 15.99 21.0099 16H19.5499C19.0199 16 18.5399 15.61 18.4999 15.09C18.4699 14.78 18.5899 14.49 18.7899 14.29C18.9699 14.1 19.2199 14 19.4899 14H20.9999C21.2899 14.01 21.4999 14.23 21.4999 14.5Z" fill="#292D32"/>
+<path d="M19.48 12.95H20.5C21.05 12.95 21.5 12.5 21.5 11.95V11.51C21.5 9.44 19.81 7.75 17.74 7.75H6.26C5.41 7.75 4.63 8.03 4 8.51C3.09 9.19 2.5 10.28 2.5 11.51V13.29C2.5 13.67 2.9 13.91 3.26 13.79C3.82 13.6 4.41 13.5 5 13.5C8.03 13.5 10.5 15.97 10.5 19C10.5 19.72 10.31 20.51 10.01 21.21C9.85 21.57 10.1 22 10.49 22H17.74C19.81 22 21.5 20.31 21.5 18.24V18.05C21.5 17.5 21.05 17.05 20.5 17.05H19.63C18.67 17.05 17.75 16.46 17.5 15.53C17.3 14.77 17.54 14.03 18.04 13.55C18.41 13.17 18.92 12.95 19.48 12.95ZM14 12.75H9C8.59 12.75 8.25 12.41 8.25 12C8.25 11.59 8.59 11.25 9 11.25H14C14.41 11.25 14.75 11.59 14.75 12C14.75 12.41 14.41 12.75 14 12.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/empty-wallet-remove.svg b/public/images/icons/vuesax/bold/empty-wallet-remove.svg
new file mode 100644
index 0000000..e0dd877
--- /dev/null
+++ b/public/images/icons/vuesax/bold/empty-wallet-remove.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="M14.85 3.9498V7.7498H13.35V3.9498C13.35 3.6798 13.11 3.5498 12.95 3.5498C12.9 3.5498 12.85 3.5598 12.8 3.5798L4.87 6.56981C4.34 6.7698 4 7.2698 4 7.8398V8.5098C3.09 9.1898 2.5 10.2798 2.5 11.5098V7.8398C2.5 6.6498 3.23 5.5898 4.34 5.1698L12.28 2.1698C12.5 2.0898 12.73 2.0498 12.95 2.0498C13.95 2.0498 14.85 2.8598 14.85 3.9498Z" fill="#292D32"/>
+<path d="M21.4999 14.5V15.5C21.4999 15.77 21.2899 15.99 21.0099 16H19.5499C19.0199 16 18.5399 15.61 18.4999 15.09C18.4699 14.78 18.5899 14.49 18.7899 14.29C18.9699 14.1 19.2199 14 19.4899 14H20.9999C21.2899 14.01 21.4999 14.23 21.4999 14.5Z" fill="#292D32"/>
+<path d="M5 15C4.06 15 3.19 15.33 2.5 15.88C1.58 16.61 1 17.74 1 19C1 19.75 1.21 20.46 1.58 21.06C2.27 22.22 3.54 23 5 23C6.01 23 6.93 22.63 7.63 22C7.94 21.74 8.21 21.42 8.42 21.06C8.79 20.46 9 19.75 9 19C9 16.79 7.21 15 5 15ZM3.42 18.46C3.13 18.17 3.13 17.69 3.42 17.4C3.72 17.11 4.19 17.11 4.49 17.4L5.01 17.93L5.51 17.42C5.81 17.13 6.28 17.13 6.58 17.42C6.87 17.72 6.87 18.19 6.58 18.49L6.07 18.99L6.6 19.51C6.89 19.81 6.89 20.28 6.6 20.58C6.45 20.72 6.26 20.79 6.07 20.79C5.88 20.79 5.69 20.72 5.54 20.58L5.01 20.05L4.46 20.6C4.31 20.75 4.12 20.82 3.93 20.82C3.74 20.82 3.55 20.75 3.4 20.6C3.11 20.31 3.11 19.83 3.4 19.54L3.95 18.99L3.42 18.46Z" fill="#292D32"/>
+<path d="M19.48 12.95H20.5C21.05 12.95 21.5 12.5 21.5 11.95V11.51C21.5 9.44 19.81 7.75 17.74 7.75H6.26C5.41 7.75 4.63 8.03 4 8.51C3.09 9.19 2.5 10.28 2.5 11.51V13.29C2.5 13.67 2.9 13.91 3.26 13.79C3.82 13.6 4.41 13.5 5 13.5C8.03 13.5 10.5 15.97 10.5 19C10.5 19.72 10.31 20.51 10.01 21.21C9.85 21.57 10.1 22 10.49 22H17.74C19.81 22 21.5 20.31 21.5 18.24V18.05C21.5 17.5 21.05 17.05 20.5 17.05H19.63C18.67 17.05 17.75 16.46 17.5 15.53C17.3 14.77 17.54 14.03 18.04 13.55C18.41 13.17 18.92 12.95 19.48 12.95ZM14 12.75H9C8.59 12.75 8.25 12.41 8.25 12C8.25 11.59 8.59 11.25 9 11.25H14C14.41 11.25 14.75 11.59 14.75 12C14.75 12.41 14.41 12.75 14 12.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/empty-wallet-tick.svg b/public/images/icons/vuesax/bold/empty-wallet-tick.svg
new file mode 100644
index 0000000..b1dce49
--- /dev/null
+++ b/public/images/icons/vuesax/bold/empty-wallet-tick.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="M5 15C4.06 15 3.19 15.33 2.5 15.88C1.58 16.61 1 17.74 1 19C1 19.75 1.21 20.46 1.58 21.06C2.27 22.22 3.54 23 5 23C6.01 23 6.93 22.63 7.63 22C7.94 21.74 8.21 21.42 8.42 21.06C8.79 20.46 9 19.75 9 19C9 16.79 7.21 15 5 15ZM7.07 18.57L4.94 20.54C4.8 20.67 4.61 20.74 4.43 20.74C4.24 20.74 4.05 20.67 3.9 20.52L2.91 19.53C2.62 19.24 2.62 18.76 2.91 18.47C3.2 18.18 3.68 18.18 3.97 18.47L4.45 18.95L6.05 17.47C6.35 17.19 6.83 17.21 7.11 17.51C7.39 17.81 7.37 18.29 7.07 18.57Z" fill="#292D32"/>
+<path d="M14.85 3.9498V7.7498H13.35V3.9498C13.35 3.6798 13.11 3.5498 12.95 3.5498C12.9 3.5498 12.85 3.5598 12.8 3.5798L4.87 6.56981C4.34 6.7698 4 7.2698 4 7.8398V8.5098C3.09 9.1898 2.5 10.2798 2.5 11.5098V7.8398C2.5 6.6498 3.23 5.5898 4.34 5.1698L12.28 2.1698C12.5 2.0898 12.73 2.0498 12.95 2.0498C13.95 2.0498 14.85 2.8598 14.85 3.9498Z" fill="#292D32"/>
+<path d="M21.4999 14.5V15.5C21.4999 15.77 21.2899 15.99 21.0099 16H19.5499C19.0199 16 18.5399 15.61 18.4999 15.09C18.4699 14.78 18.5899 14.49 18.7899 14.29C18.9699 14.1 19.2199 14 19.4899 14H20.9999C21.2899 14.01 21.4999 14.23 21.4999 14.5Z" fill="#292D32"/>
+<path d="M19.48 12.95H20.5C21.05 12.95 21.5 12.5 21.5 11.95V11.51C21.5 9.44 19.81 7.75 17.74 7.75H6.26C5.41 7.75 4.63 8.03 4 8.51C3.09 9.19 2.5 10.28 2.5 11.51V13.29C2.5 13.67 2.9 13.91 3.26 13.79C3.82 13.6 4.41 13.5 5 13.5C8.03 13.5 10.5 15.97 10.5 19C10.5 19.72 10.31 20.51 10.01 21.21C9.85 21.57 10.1 22 10.49 22H17.74C19.81 22 21.5 20.31 21.5 18.24V18.05C21.5 17.5 21.05 17.05 20.5 17.05H19.63C18.67 17.05 17.75 16.46 17.5 15.53C17.3 14.77 17.54 14.03 18.04 13.55C18.41 13.17 18.92 12.95 19.48 12.95ZM14 12.75H9C8.59 12.75 8.25 12.41 8.25 12C8.25 11.59 8.59 11.25 9 11.25H14C14.41 11.25 14.75 11.59 14.75 12C14.75 12.41 14.41 12.75 14 12.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/empty-wallet-time.svg b/public/images/icons/vuesax/bold/empty-wallet-time.svg
new file mode 100644
index 0000000..41d87a6
--- /dev/null
+++ b/public/images/icons/vuesax/bold/empty-wallet-time.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="M5 15C4.06 15 3.19 15.33 2.5 15.88C1.58 16.61 1 17.74 1 19C1 21.21 2.79 23 5 23C6.01 23 6.93 22.62 7.64 22C8.47 21.27 9 20.2 9 19C9 16.79 7.21 15 5 15ZM6 19.25C6 19.51 5.86 19.76 5.64 19.89L4.39 20.64C4.27 20.72 4.13 20.75 4 20.75C3.75 20.75 3.5 20.62 3.36 20.39C3.15 20.03 3.26 19.57 3.62 19.36L4.51 18.83V17.75C4.5 17.34 4.84 17 5.25 17C5.66 17 6 17.34 6 17.75V19.25Z" fill="#292D32"/>
+<path d="M14.85 3.9498V7.7498H13.35V3.9498C13.35 3.6798 13.11 3.5498 12.95 3.5498C12.9 3.5498 12.85 3.5598 12.8 3.5798L4.87 6.56981C4.34 6.7698 4 7.2698 4 7.8398V8.5098C3.09 9.1898 2.5 10.2798 2.5 11.5098V7.8398C2.5 6.6498 3.23 5.5898 4.34 5.1698L12.28 2.1698C12.5 2.0898 12.73 2.0498 12.95 2.0498C13.95 2.0498 14.85 2.8598 14.85 3.9498Z" fill="#292D32"/>
+<path d="M21.4999 14.5V15.5C21.4999 15.77 21.2899 15.99 21.0099 16H19.5499C19.0199 16 18.5399 15.61 18.4999 15.09C18.4699 14.78 18.5899 14.49 18.7899 14.29C18.9699 14.1 19.2199 14 19.4899 14H20.9999C21.2899 14.01 21.4999 14.23 21.4999 14.5Z" fill="#292D32"/>
+<path d="M19.48 12.95H20.5C21.05 12.95 21.5 12.5 21.5 11.95V11.51C21.5 9.44 19.81 7.75 17.74 7.75H6.26C5.41 7.75 4.63 8.03 4 8.51C3.09 9.19 2.5 10.28 2.5 11.51V13.29C2.5 13.67 2.9 13.91 3.26 13.79C3.82 13.6 4.41 13.5 5 13.5C8.03 13.5 10.5 15.97 10.5 19C10.5 19.72 10.31 20.51 10.01 21.21C9.85 21.57 10.1 22 10.49 22H17.74C19.81 22 21.5 20.31 21.5 18.24V18.05C21.5 17.5 21.05 17.05 20.5 17.05H19.63C18.67 17.05 17.75 16.46 17.5 15.53C17.3 14.77 17.54 14.03 18.04 13.55C18.41 13.17 18.92 12.95 19.48 12.95ZM14 12.75H9C8.59 12.75 8.25 12.41 8.25 12C8.25 11.59 8.59 11.25 9 11.25H14C14.41 11.25 14.75 11.59 14.75 12C14.75 12.41 14.41 12.75 14 12.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/empty-wallet.svg b/public/images/icons/vuesax/bold/empty-wallet.svg
new file mode 100644
index 0000000..b2e76f9
--- /dev/null
+++ b/public/images/icons/vuesax/bold/empty-wallet.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="M14.85 3.9498V7.7498H13.35V3.9498C13.35 3.6798 13.11 3.5498 12.95 3.5498C12.9 3.5498 12.85 3.5598 12.8 3.5798L4.87 6.56981C4.34 6.7698 4 7.2698 4 7.8398V8.5098C3.09 9.1898 2.5 10.2798 2.5 11.5098V7.8398C2.5 6.6498 3.23 5.5898 4.34 5.1698L12.28 2.1698C12.5 2.0898 12.73 2.0498 12.95 2.0498C13.95 2.0498 14.85 2.8598 14.85 3.9498Z" fill="#292D32"/>
+<path d="M21.4999 14.5V15.5C21.4999 15.77 21.2899 15.99 21.0099 16H19.5499C19.0199 16 18.5399 15.61 18.4999 15.09C18.4699 14.78 18.5899 14.49 18.7899 14.29C18.9699 14.1 19.2199 14 19.4899 14H20.9999C21.2899 14.01 21.4999 14.23 21.4999 14.5Z" fill="#292D32"/>
+<path d="M19.48 12.95H20.5C21.05 12.95 21.5 12.5 21.5 11.95V11.51C21.5 9.44 19.81 7.75 17.74 7.75H6.26C5.41 7.75 4.63 8.03 4 8.51C3.09 9.19 2.5 10.28 2.5 11.51V18.24C2.5 20.31 4.19 22 6.26 22H17.74C19.81 22 21.5 20.31 21.5 18.24V18.05C21.5 17.5 21.05 17.05 20.5 17.05H19.63C18.67 17.05 17.75 16.46 17.5 15.53C17.29 14.77 17.54 14.04 18.04 13.55C18.41 13.17 18.92 12.95 19.48 12.95ZM14 12.75H7C6.59 12.75 6.25 12.41 6.25 12C6.25 11.59 6.59 11.25 7 11.25H14C14.41 11.25 14.75 11.59 14.75 12C14.75 12.41 14.41 12.75 14 12.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/enjin-coin-(enj).svg b/public/images/icons/vuesax/bold/enjin-coin-(enj).svg
new file mode 100644
index 0000000..b0a3d59
--- /dev/null
+++ b/public/images/icons/vuesax/bold/enjin-coin-(enj).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 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM15.75 11.25C16.16 11.25 16.5 11.59 16.5 12C16.5 12.41 16.16 12.75 15.75 12.75H8.5V13C8.5 14.24 9.51 15.25 10.75 15.25H15.75C16.16 15.25 16.5 15.59 16.5 16C16.5 16.41 16.16 16.75 15.75 16.75H10.75C8.68 16.75 7 15.07 7 13V11C7 8.93 8.68 7.25 10.75 7.25H15.75C16.16 7.25 16.5 7.59 16.5 8C16.5 8.41 16.16 8.75 15.75 8.75H10.75C9.51 8.75 8.5 9.76 8.5 11V11.25H15.75Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/eos-(eos).svg b/public/images/icons/vuesax/bold/eos-(eos).svg
new file mode 100644
index 0000000..17dfbdb
--- /dev/null
+++ b/public/images/icons/vuesax/bold/eos-(eos).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.28012 20.3099C9.45012 20.7899 8.93011 21.2299 8.49011 20.9699L5.34012 19.1799C4.77012 18.8499 4.42013 18.0599 4.54013 17.4199L5.48013 12.7499C5.59013 12.1999 6.35013 12.1499 6.54013 12.6699L9.28012 20.3099Z" fill="black"/>
+<path d="M18.6598 19.1798L15.4998 20.9798C15.0598 21.2298 14.5398 20.7998 14.7098 20.3198L17.4598 12.6098C17.6498 12.0898 18.4098 12.1398 18.5198 12.6898L19.4698 17.4198C19.5798 18.0598 19.2298 18.8498 18.6598 19.1798Z" fill="black"/>
+<path d="M17.08 7.31982C17.32 7.61982 17.39 8.01982 17.26 8.37982L12.52 21.6298C12.35 22.1198 11.66 22.1198 11.49 21.6298L6.74999 8.38982C6.61999 8.02982 6.68999 7.62982 6.92999 7.32982L10.75 2.62982C11.44 1.79982 12.58 1.79982 13.28 2.62982L17.08 7.31982Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/eraser.svg b/public/images/icons/vuesax/bold/eraser.svg
new file mode 100644
index 0000000..ecaf8cf
--- /dev/null
+++ b/public/images/icons/vuesax/bold/eraser.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM12.52 15.75L11.26 17.01C10.62 17.66 9.57 17.66 8.92 17.01L6.99 15.08C6.34 14.43 6.35 13.39 6.99 12.74L8.26 11.48C8.46 11.29 8.77 11.29 8.97 11.48L12.53 15.04C12.72 15.24 12.72 15.56 12.52 15.75ZM17.01 11.26L13.93 14.34C13.73 14.54 13.42 14.54 13.22 14.34L9.66 10.78C9.46 10.58 9.46 10.27 9.66 10.07L12.74 6.99C13.38 6.34 14.43 6.34 15.08 6.99L17.01 8.92C17.66 9.57 17.66 10.62 17.01 11.26Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/ethereum-(eth).svg b/public/images/icons/vuesax/bold/ethereum-(eth).svg
new file mode 100644
index 0000000..637fdf5
--- /dev/null
+++ b/public/images/icons/vuesax/bold/ethereum-(eth).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="M8.77011 14.4301L10.3801 15.1501C11.4101 15.6101 12.5901 15.6101 13.6301 15.1501L15.2401 14.4301C16.6801 13.7901 18.0101 15.5301 17.0101 16.7501L13.5501 20.9801C12.7001 22.0201 11.3101 22.0201 10.4501 20.9801L7.00011 16.7501C5.99011 15.5301 7.32011 13.7901 8.77011 14.4301Z" fill="black"/>
+<path d="M8.57002 11.6699C8.27002 11.8899 8.31003 12.3499 8.65003 12.5199L11 13.6899C11.55 13.9699 12.44 13.9699 12.98 13.6899L15.33 12.5199C15.66 12.3499 15.7 11.8999 15.41 11.6699L12.3 9.32992C12.12 9.19992 11.88 9.19992 11.7 9.32992L8.57002 11.6699Z" fill="black"/>
+<path d="M17.8801 8.24021L13.7101 3.04021C13.6301 2.94021 13.5401 2.85021 13.4501 2.76021C13.1901 2.51021 12.8201 2.74021 12.8201 3.10021V7.40021C12.8201 7.56021 12.8901 7.71021 13.0201 7.80021L17.1701 10.9202L17.3501 11.0502C17.5301 11.1802 17.7801 11.1802 17.9301 11.0202C18.6301 10.2602 18.6201 9.16021 17.8801 8.24021Z" fill="black"/>
+<path d="M6.1101 8.32985L10.2601 3.04985C10.3401 2.94985 10.4201 2.85985 10.5101 2.76985C10.7701 2.51985 11.1401 2.73985 11.1401 3.10985V7.47985C11.1401 7.63985 11.0701 7.77985 10.9401 7.87985L6.8101 11.0498L6.6401 11.1798C6.4601 11.3098 6.2101 11.3098 6.0501 11.1398C5.3701 10.3698 5.3801 9.26985 6.1101 8.32985Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/ethereum-classic-(etc).svg b/public/images/icons/vuesax/bold/ethereum-classic-(etc).svg
new file mode 100644
index 0000000..bfaa02f
--- /dev/null
+++ b/public/images/icons/vuesax/bold/ethereum-classic-(etc).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="M6.90012 9.10012L11.6701 6.98012C11.8801 6.89012 12.1201 6.89012 12.3201 6.98012L17.0901 9.10012C17.5101 9.29012 17.9001 8.78012 17.6101 8.42012L12.6101 2.31012C12.2701 1.89012 11.7101 1.89012 11.3701 2.31012L6.37009 8.42012C6.09009 8.78012 6.48012 9.29012 6.90012 9.10012Z" fill="black"/>
+<path d="M6.90007 14.9L11.68 17.02C11.89 17.11 12.1301 17.11 12.3301 17.02L17.11 14.9C17.53 14.71 17.92 15.22 17.63 15.58L12.63 21.69C12.29 22.11 11.7301 22.11 11.3901 21.69L6.39006 15.58C6.09006 15.22 6.47007 14.71 6.90007 14.9Z" fill="black"/>
+<path d="M11.7801 9.49L7.65006 11.55C7.28006 11.73 7.28006 12.26 7.65006 12.44L11.7801 14.5C11.9201 14.57 12.09 14.57 12.23 14.5L16.36 12.44C16.73 12.26 16.73 11.73 16.36 11.55L12.23 9.49C12.08 9.42 11.9201 9.42 11.7801 9.49Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/export-1.svg b/public/images/icons/vuesax/bold/export-1.svg
new file mode 100644
index 0000000..3e932b8
--- /dev/null
+++ b/public/images/icons/vuesax/bold/export-1.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 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM17.25 12.33C17.25 12.74 16.91 13.08 16.5 13.08C16.09 13.08 15.75 12.74 15.75 12.33V9.31L8.03 17.03C7.88 17.18 7.69 17.25 7.5 17.25C7.31 17.25 7.12 17.18 6.97 17.03C6.68 16.74 6.68 16.26 6.97 15.97L14.69 8.25H11.67C11.26 8.25 10.92 7.91 10.92 7.5C10.92 7.09 11.26 6.75 11.67 6.75H16.5C16.91 6.75 17.25 7.09 17.25 7.5V12.33Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/export-2.svg b/public/images/icons/vuesax/bold/export-2.svg
new file mode 100644
index 0000000..7413e83
--- /dev/null
+++ b/public/images/icons/vuesax/bold/export-2.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="M21.14 9.8999H12.75V15.3799C12.75 15.7899 12.41 16.1299 12 16.1299C11.59 16.1299 11.25 15.7899 11.25 15.3799V9.8999H2.86C2.38 9.8999 2 10.2799 2 10.7599C2 16.6499 6.11 20.7599 12 20.7599C17.89 20.7599 22 16.6499 22 10.7599C22 10.2799 21.62 9.8999 21.14 9.8999Z" fill="#292D32"/>
+<path d="M12.75 5.80018L14.31 7.36018C14.6 7.65018 15.08 7.65018 15.37 7.36018C15.66 7.07018 15.66 6.59018 15.37 6.30018L12.52 3.46018C12.23 3.17018 11.75 3.17018 11.46 3.46018L8.62002 6.31018C8.48002 6.46018 8.40002 6.65018 8.40002 6.84018C8.40002 7.03018 8.47002 7.22018 8.62002 7.37018C8.91002 7.66018 9.39003 7.66018 9.68003 7.37018L11.24 5.81018V9.90018H12.74V5.80018H12.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/export-3.svg b/public/images/icons/vuesax/bold/export-3.svg
new file mode 100644
index 0000000..a29bff8
--- /dev/null
+++ b/public/images/icons/vuesax/bold/export-3.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.8 9H12.75V15.25C12.75 15.66 12.41 16 12 16C11.59 16 11.25 15.66 11.25 15.25V9H7.2C4 9 2 11 2 14.2V16.79C2 20 4 22 7.2 22H16.79C19.99 22 21.99 20 21.99 16.8V14.2C22 11 20 9 16.8 9Z" fill="#292D32"/>
+<path d="M12.75 4.55994L14.82 6.62994C14.97 6.77994 15.16 6.84994 15.35 6.84994C15.54 6.84994 15.73 6.77994 15.88 6.62994C16.17 6.33994 16.17 5.85994 15.88 5.56994L12.53 2.21994C12.24 1.92994 11.76 1.92994 11.47 2.21994L8.11997 5.56994C7.82997 5.85994 7.82997 6.33994 8.11997 6.62994C8.40997 6.91994 8.88997 6.91994 9.17997 6.62994L11.25 4.55994V8.99994H12.75V4.55994Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/export.svg b/public/images/icons/vuesax/bold/export.svg
new file mode 100644
index 0000000..ccb9ca3
--- /dev/null
+++ b/public/images/icons/vuesax/bold/export.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM17.25 12.33C17.25 12.74 16.91 13.08 16.5 13.08C16.09 13.08 15.75 12.74 15.75 12.33V9.31L8.03 17.03C7.88 17.18 7.69 17.25 7.5 17.25C7.31 17.25 7.12 17.18 6.97 17.03C6.68 16.74 6.68 16.26 6.97 15.97L14.69 8.25H11.67C11.26 8.25 10.92 7.91 10.92 7.5C10.92 7.09 11.26 6.75 11.67 6.75H16.5C16.91 6.75 17.25 7.09 17.25 7.5V12.33Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/external-drive.svg b/public/images/icons/vuesax/bold/external-drive.svg
new file mode 100644
index 0000000..9b3b967
--- /dev/null
+++ b/public/images/icons/vuesax/bold/external-drive.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="M17 2H8C5.79 2 4 3.79 4 6V13.25C4 13.8 4.45 14.25 5 14.25H20C20.55 14.25 21 13.8 21 13.25V6C21 3.79 19.21 2 17 2ZM8 12.75H7C6.59 12.75 6.25 12.41 6.25 12C6.25 11.59 6.59 11.25 7 11.25H8C8.41 11.25 8.75 11.59 8.75 12C8.75 12.41 8.41 12.75 8 12.75ZM8 10.25H7C6.59 10.25 6.25 9.91 6.25 9.5C6.25 9.09 6.59 8.75 7 8.75H8C8.41 8.75 8.75 9.09 8.75 9.5C8.75 9.91 8.41 10.25 8 10.25ZM8 7.75H7C6.59 7.75 6.25 7.41 6.25 7C6.25 6.59 6.59 6.25 7 6.25H8C8.41 6.25 8.75 6.59 8.75 7C8.75 7.41 8.41 7.75 8 7.75Z" fill="#292D32"/>
+<path d="M4 16.75V18C4 20.21 5.79 22 8 22H17C19.21 22 21 20.21 21 18V16.75C21 16.2 20.55 15.75 20 15.75H5C4.45 15.75 4 16.2 4 16.75ZM17.71 19.46C17.52 19.64 17.26 19.75 17 19.75C16.74 19.75 16.48 19.64 16.29 19.46C16.11 19.27 16 19.01 16 18.75C16 18.49 16.11 18.23 16.29 18.04C16.66 17.67 17.33 17.67 17.71 18.04C17.89 18.23 18 18.49 18 18.75C18 19.01 17.89 19.27 17.71 19.46Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/eye-slash.svg b/public/images/icons/vuesax/bold/eye-slash.svg
new file mode 100644
index 0000000..d65bdfa
--- /dev/null
+++ b/public/images/icons/vuesax/bold/eye-slash.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="M21.2699 9.17981C20.9799 8.71981 20.6699 8.28981 20.3499 7.88981C19.9799 7.41981 19.2799 7.37981 18.8599 7.79981L15.8599 10.7998C16.0799 11.4598 16.1199 12.2198 15.9199 13.0098C15.5699 14.4198 14.4299 15.5598 13.0199 15.9098C12.2299 16.1098 11.4699 16.0698 10.8099 15.8498C10.8099 15.8498 9.37995 17.2798 8.34995 18.3098C7.84995 18.8098 8.00995 19.6898 8.67995 19.9498C9.74995 20.3598 10.8599 20.5698 11.9999 20.5698C13.7799 20.5698 15.5099 20.0498 17.0899 19.0798C18.6999 18.0798 20.1499 16.6098 21.3199 14.7398C22.2699 13.2298 22.2199 10.6898 21.2699 9.17981Z" fill="#292D32"/>
+<path d="M14.02 9.98014L9.98001 14.0201C9.47001 13.5001 9.14001 12.7801 9.14001 12.0001C9.14001 10.4301 10.42 9.14014 12 9.14014C12.78 9.14014 13.5 9.47014 14.02 9.98014Z" fill="#292D32"/>
+<path d="M18.25 5.75018L14.86 9.14018C14.13 8.40018 13.12 7.96018 12 7.96018C9.76 7.96018 7.96 9.77018 7.96 12.0002C7.96 13.1202 8.41 14.1302 9.14 14.8602L5.76 18.2502H5.75C4.64 17.3502 3.62 16.2002 2.75 14.8402C1.75 13.2702 1.75 10.7202 2.75 9.15018C3.91 7.33017 5.33 5.90018 6.91 4.92018C8.49 3.96018 10.22 3.43018 12 3.43018C14.23 3.43018 16.39 4.25018 18.25 5.75018Z" fill="#292D32"/>
+<path d="M14.86 12.0001C14.86 13.5701 13.58 14.8601 12 14.8601C11.94 14.8601 11.89 14.8601 11.83 14.8401L14.84 11.8301C14.86 11.8901 14.86 11.9401 14.86 12.0001Z" fill="#292D32"/>
+<path d="M21.77 2.22988C21.47 1.92988 20.98 1.92988 20.68 2.22988L2.23 20.6899C1.93 20.9899 1.93 21.4799 2.23 21.7799C2.38 21.9199 2.57 21.9999 2.77 21.9999C2.97 21.9999 3.16 21.9199 3.31 21.7699L21.77 3.30988C22.08 3.00988 22.08 2.52988 21.77 2.22988Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/eye.svg b/public/images/icons/vuesax/bold/eye.svg
new file mode 100644
index 0000000..f35ddfa
--- /dev/null
+++ b/public/images/icons/vuesax/bold/eye.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="M21.25 9.15018C18.94 5.52017 15.56 3.43018 12 3.43018C10.22 3.43018 8.49 3.95018 6.91 4.92018C5.33 5.90018 3.91 7.33017 2.75 9.15018C1.75 10.7202 1.75 13.2702 2.75 14.8402C5.06 18.4802 8.44 20.5602 12 20.5602C13.78 20.5602 15.51 20.0402 17.09 19.0702C18.67 18.0902 20.09 16.6602 21.25 14.8402C22.25 13.2802 22.25 10.7202 21.25 9.15018ZM12 16.0402C9.76 16.0402 7.96 14.2302 7.96 12.0002C7.96 9.77018 9.76 7.96018 12 7.96018C14.24 7.96018 16.04 9.77018 16.04 12.0002C16.04 14.2302 14.24 16.0402 12 16.0402Z" fill="#292D32"/>
+<path d="M12 9.14014C10.43 9.14014 9.15002 10.4201 9.15002 12.0001C9.15002 13.5701 10.43 14.8501 12 14.8501C13.57 14.8501 14.86 13.5701 14.86 12.0001C14.86 10.4301 13.57 9.14014 12 9.14014Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/facebook.svg b/public/images/icons/vuesax/bold/facebook.svg
new file mode 100644
index 0000000..f304beb
--- /dev/null
+++ b/public/images/icons/vuesax/bold/facebook.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="M22 16.19C22 19.83 19.83 22 16.19 22H15C14.45 22 14 21.55 14 21V15.23C14 14.96 14.22 14.73 14.49 14.73L16.25 14.7C16.39 14.69 16.51 14.59 16.54 14.45L16.89 12.54C16.92 12.36 16.78 12.19 16.59 12.19L14.46 12.22C14.18 12.22 13.96 12 13.95 11.73L13.91 9.28C13.91 9.12 14.04 8.98001 14.21 8.98001L16.61 8.94C16.78 8.94 16.91 8.81001 16.91 8.64001L16.87 6.23999C16.87 6.06999 16.74 5.94 16.57 5.94L13.87 5.98001C12.21 6.01001 10.89 7.37 10.92 9.03L10.97 11.78C10.98 12.06 10.76 12.28 10.48 12.29L9.28 12.31C9.11 12.31 8.98001 12.44 8.98001 12.61L9.01001 14.51C9.01001 14.68 9.14 14.81 9.31 14.81L10.51 14.79C10.79 14.79 11.01 15.01 11.02 15.28L11.11 20.98C11.12 21.54 10.67 22 10.11 22H7.81C4.17 22 2 19.83 2 16.18V7.81C2 4.17 4.17 2 7.81 2H16.19C19.83 2 22 4.17 22 7.81V16.19Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/fatrows.svg b/public/images/icons/vuesax/bold/fatrows.svg
new file mode 100644
index 0000000..3c278b6
--- /dev/null
+++ b/public/images/icons/vuesax/bold/fatrows.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="M19.9 13.5H4.1C2.6 13.5 2 14.14 2 15.73V19.77C2 21.36 2.6 22 4.1 22H19.9C21.4 22 22 21.36 22 19.77V15.73C22 14.14 21.4 13.5 19.9 13.5Z" fill="#292D32"/>
+<path d="M12.9 2H4.1C2.6 2 2 2.64 2 4.23V8.27C2 9.86 2.6 10.5 4.1 10.5H12.9C14.4 10.5 15 9.86 15 8.27V4.23C15 2.64 14.4 2 12.9 2Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/favorite-chart.svg b/public/images/icons/vuesax/bold/favorite-chart.svg
new file mode 100644
index 0000000..857c5dd
--- /dev/null
+++ b/public/images/icons/vuesax/bold/favorite-chart.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="M19.1199 14.9399L19.4399 15.5899C19.5999 15.9099 20.0099 16.2099 20.3499 16.2699L20.7799 16.3399C22.0899 16.5599 22.3899 17.5199 21.4599 18.4599L21.0599 18.8599C20.7899 19.1299 20.6499 19.6499 20.7299 20.0299L20.7799 20.2699C21.1399 21.8499 20.2999 22.4599 18.9299 21.6299L18.6399 21.4499C18.2899 21.2399 17.7099 21.2399 17.3599 21.4499L17.0699 21.6299C15.6899 22.4599 14.8599 21.8499 15.2199 20.2699L15.2699 20.0299C15.3499 19.6599 15.2099 19.1299 14.9399 18.8599L14.5399 18.4599C13.6099 17.5099 13.9099 16.5599 15.2199 16.3399L15.6499 16.2699C15.9999 16.2099 16.3999 15.9099 16.5599 15.5899L16.8799 14.9399C17.4999 13.6899 18.4999 13.6899 19.1199 14.9399Z" fill="#292D32"/>
+<path d="M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.19C2 19.83 4.17 22 7.81 22H13.09C13.44 22 13.69 21.64 13.65 21.29C13.61 20.91 13.63 20.46 13.75 19.94C13.77 19.87 13.75 19.79 13.69 19.73L13.47 19.51C12.62 18.65 12.31 17.61 12.61 16.66C12.92 15.72 13.78 15.06 14.97 14.86L15.27 14.81L15.54 14.27C16.09 13.15 16.99 12.5 18 12.5C19.01 12.5 19.91 13.15 20.46 14.27L20.61 14.58C20.68 14.73 20.82 14.83 20.98 14.86C21.07 14.88 21.16 14.9 21.25 14.92C21.6 15.01 22 14.73 22 14.36V7.81C22 4.17 19.83 2 16.19 2ZM16.26 8.96L13.95 11.94C13.66 12.31 13.25 12.55 12.78 12.6C12.32 12.66 11.85 12.53 11.49 12.24L9.66 10.82C9.59 10.76 9.51 10.76 9.47 10.77C9.43 10.77 9.36 10.79 9.3 10.87L6.92 13.96C6.77 14.15 6.55 14.25 6.32 14.25C6.16 14.25 6 14.2 5.86 14.09C5.53 13.84 5.47 13.37 5.72 13.04L8.1 9.95C8.39 9.58 8.8 9.34 9.27 9.28C9.74 9.22 10.2 9.35 10.57 9.64L12.4 11.08C12.47 11.14 12.54 11.13 12.59 11.13C12.63 11.13 12.7 11.11 12.76 11.03L15.07 8.05C15.32 7.72 15.79 7.66 16.12 7.92C16.46 8.17 16.51 8.64 16.26 8.96Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/figma-1.svg b/public/images/icons/vuesax/bold/figma-1.svg
new file mode 100644
index 0000000..ece1734
--- /dev/null
+++ b/public/images/icons/vuesax/bold/figma-1.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 12C12 10.9 12.9 10 14 10H12V12Z" fill="black"/>
+<path d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM16 12C16 13.1 15.1 14 14 14C12.9 14 12 13.1 12 12V14V16C12 17.1 11.1 18 10 18C8.9 18 8 17.1 8 16C8 14.9 8.9 14 10 14C8.9 14 8 13.1 8 12C8 10.9 8.9 10 10 10C8.9 10 8 9.1 8 8C8 6.9 8.9 6 10 6H12H14C15.1 6 16 6.9 16 8C16 9.1 15.1 10 14 10C15.1 10 16 10.9 16 12Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/figma.svg b/public/images/icons/vuesax/bold/figma.svg
new file mode 100644
index 0000000..fc00f37
--- /dev/null
+++ b/public/images/icons/vuesax/bold/figma.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="M11.9998 2H8.6698C6.8298 2 5.33984 3.48999 5.33984 5.32999C5.33984 7.16999 6.8298 8.66 8.6698 8.66H11.9998V2Z" fill="black"/>
+<path d="M11.9998 8.66992H8.6698C6.8298 8.66992 5.33984 10.1599 5.33984 11.9999C5.33984 13.8399 6.8298 15.3299 8.6698 15.3299H11.9998V8.66992Z" fill="black"/>
+<path d="M11.9998 15.3301H8.6698C6.8298 15.3301 5.33984 16.8201 5.33984 18.6601C5.33984 20.5001 6.8298 21.9901 8.6698 21.9901C10.5098 21.9901 11.9998 20.5001 11.9998 18.6601V15.3301Z" fill="black"/>
+<path d="M12 2H15.33C17.17 2 18.66 3.48999 18.66 5.32999C18.66 7.16999 17.17 8.66 15.33 8.66H12V2Z" fill="black"/>
+<path d="M15.33 8.66992C17.17 8.66992 18.66 10.1599 18.66 11.9999C18.66 13.8399 17.17 15.3299 15.33 15.3299C13.49 15.3299 12 13.8399 12 11.9999C12 10.1599 13.49 8.66992 15.33 8.66992Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/filter-add.svg b/public/images/icons/vuesax/bold/filter-add.svg
new file mode 100644
index 0000000..2be235a
--- /dev/null
+++ b/public/images/icons/vuesax/bold/filter-add.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.88 10C14.26 10 12.13 12.13 12.13 14.75C12.13 15.64 12.38 16.48 12.82 17.2C13.64 18.58 15.15 19.5 16.88 19.5C18.61 19.5 20.12 18.57 20.94 17.2C21.38 16.49 21.63 15.64 21.63 14.75C21.63 12.13 19.51 10 16.88 10ZM18.66 15.48H17.63V16.55C17.63 16.96 17.29 17.3 16.88 17.3C16.47 17.3 16.13 16.96 16.13 16.55V15.48H15.11C14.7 15.48 14.36 15.14 14.36 14.73C14.36 14.32 14.7 13.98 15.11 13.98H16.13V13C16.13 12.59 16.47 12.25 16.88 12.25C17.29 12.25 17.63 12.59 17.63 13V13.98H18.66C19.07 13.98 19.41 14.32 19.41 14.73C19.41 15.14 19.07 15.48 18.66 15.48Z" fill="#292D32"/>
+<path d="M20.58 4.02V6.24C20.58 7.05 20.08 8.06 19.58 8.57L19.4 8.73C19.26 8.86 19.05 8.89 18.87 8.83C18.67 8.76 18.47 8.71 18.27 8.66C17.83 8.55 17.36 8.5 16.88 8.5C13.43 8.5 10.63 11.3 10.63 14.75C10.63 15.89 10.94 17.01 11.53 17.97C12.03 18.81 12.73 19.51 13.49 19.98C13.72 20.13 13.81 20.45 13.61 20.63C13.54 20.69 13.47 20.74 13.4 20.79L12 21.7C10.7 22.51 8.91004 21.6 8.91004 19.98V14.63C8.91004 13.92 8.51004 13.01 8.11004 12.51L4.32004 8.47C3.82004 7.96 3.42004 7.05 3.42004 6.45V4.12C3.42004 2.91 4.32004 2 5.41004 2H18.59C19.68 2 20.58 2.91 20.58 4.02Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/filter-edit.svg b/public/images/icons/vuesax/bold/filter-edit.svg
new file mode 100644
index 0000000..3c3cc27
--- /dev/null
+++ b/public/images/icons/vuesax/bold/filter-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="M17.92 6.37C17.59 6.29 17.24 6.25 16.88 6.25C14.26 6.25 12.13 8.38 12.13 11C12.13 11.89 12.38 12.73 12.82 13.45C13.19 14.07 13.7 14.6 14.32 14.98C15.06 15.47 15.94 15.75 16.88 15.75C18.62 15.75 20.13 14.82 20.95 13.45C21.39 12.73 21.63 11.89 21.63 11C21.63 8.74 20.05 6.84 17.92 6.37ZM18.83 10.57L16.4 13C16.31 13.09 16.12 13.18 15.99 13.2L15.06 13.33C14.72 13.38 14.49 13.14 14.54 12.81L14.67 11.88C14.69 11.75 14.78 11.57 14.87 11.47L16.95 9.39L17.3 9.04C17.72 8.62 18.21 8.42 18.82 9.04C19.43 9.66 19.25 10.15 18.83 10.57Z" fill="#292D32"/>
+<path d="M20.58 4.02V4.98C20.58 5.39 20.11 5.64 19.74 5.45C19.28 5.21 18.79 5.03 18.27 4.91C17.83 4.8 17.36 4.75 16.88 4.75C13.43 4.75 10.63 7.55 10.63 11C10.63 12.14 10.94 13.26 11.53 14.22C12.03 15.06 12.73 15.76 13.49 16.23C13.66 16.34 13.84 16.44 14.01 16.54C14.18 16.63 14.3 16.81 14.3 17V19.07C14.3 19.68 13.9 20.49 13.4 20.79L12 21.7C10.7 22.51 8.91004 21.6 8.91004 19.98V14.63C8.91004 13.92 8.51004 13.01 8.11004 12.51L4.32004 8.47C3.82004 7.96 3.42004 7.05 3.42004 6.45V4.12C3.42004 2.91 4.32004 2 5.41004 2H18.59C19.68 2 20.58 2.91 20.58 4.02Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/filter-remove.svg b/public/images/icons/vuesax/bold/filter-remove.svg
new file mode 100644
index 0000000..a417e4c
--- /dev/null
+++ b/public/images/icons/vuesax/bold/filter-remove.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.88 10C14.26 10 12.13 12.13 12.13 14.75C12.13 15.64 12.38 16.48 12.82 17.2C13.64 18.58 15.15 19.5 16.88 19.5C18.61 19.5 20.12 18.57 20.94 17.2C21.38 16.49 21.63 15.64 21.63 14.75C21.63 12.13 19.51 10 16.88 10ZM18.68 16.52C18.53 16.67 18.34 16.74 18.15 16.74C17.96 16.74 17.77 16.67 17.62 16.52L16.9 15.8L16.15 16.55C16 16.7 15.81 16.77 15.62 16.77C15.43 16.77 15.24 16.7 15.09 16.55C14.8 16.26 14.8 15.78 15.09 15.49L15.84 14.74L15.12 14.01C14.83 13.72 14.83 13.24 15.12 12.95C15.41 12.66 15.89 12.66 16.18 12.95L16.9 13.67L17.6 12.97C17.89 12.68 18.37 12.68 18.66 12.97C18.95 13.26 18.95 13.74 18.66 14.03L17.96 14.73L18.68 15.46C18.98 15.75 18.98 16.23 18.68 16.52Z" fill="#292D32"/>
+<path d="M20.58 4.02V6.24C20.58 7.05 20.08 8.06 19.58 8.57L19.4 8.73C19.26 8.86 19.05 8.89 18.87 8.83C18.67 8.76 18.47 8.71 18.27 8.66C17.83 8.55 17.36 8.5 16.88 8.5C13.43 8.5 10.63 11.3 10.63 14.75C10.63 15.89 10.94 17.01 11.53 17.97C12.03 18.81 12.73 19.51 13.49 19.98C13.72 20.13 13.81 20.45 13.61 20.63C13.54 20.69 13.47 20.74 13.4 20.79L12 21.7C10.7 22.51 8.90998 21.6 8.90998 19.98V14.63C8.90998 13.92 8.50998 13.01 8.10998 12.51L4.31998 8.47C3.81998 7.96 3.41998 7.05 3.41998 6.45V4.12C3.41998 2.91 4.31998 2 5.40998 2H18.59C19.68 2 20.58 2.91 20.58 4.02Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/filter-search.svg b/public/images/icons/vuesax/bold/filter-search.svg
new file mode 100644
index 0000000..5372cc9
--- /dev/null
+++ b/public/images/icons/vuesax/bold/filter-search.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="M20.72 18.24L19.78 17.3C20.27 16.56 20.56 15.67 20.56 14.71C20.56 12.11 18.45 10 15.85 10C13.25 10 11.14 12.11 11.14 14.71C11.14 17.31 13.25 19.42 15.85 19.42C16.81 19.42 17.69 19.13 18.44 18.64L19.38 19.58C19.57 19.77 19.81 19.86 20.06 19.86C20.31 19.86 20.55 19.77 20.74 19.58C21.09 19.22 21.09 18.62 20.72 18.24Z" fill="#292D32"/>
+<path d="M19.58 4.02V6.24C19.58 7.05 19.08 8.06 18.58 8.57L18.4 8.73C18.26 8.86 18.05 8.89 17.87 8.83C17.67 8.76 17.47 8.71 17.27 8.66C16.83 8.55 16.36 8.5 15.88 8.5C12.43 8.5 9.63004 11.3 9.63004 14.75C9.63004 15.89 9.94004 17.01 10.53 17.97C11.03 18.81 11.73 19.51 12.49 19.98C12.72 20.13 12.81 20.45 12.61 20.63C12.54 20.69 12.47 20.74 12.4 20.79L11 21.7C9.70004 22.51 7.91004 21.6 7.91004 19.98V14.63C7.91004 13.92 7.51004 13.01 7.11004 12.51L3.32004 8.47C2.82004 7.96 2.42004 7.05 2.42004 6.45V4.12C2.42004 2.91 3.32004 2 4.41004 2H17.59C18.68 2 19.58 2.91 19.58 4.02Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/filter-square.svg b/public/images/icons/vuesax/bold/filter-square.svg
new file mode 100644
index 0000000..e542462
--- /dev/null
+++ b/public/images/icons/vuesax/bold/filter-square.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="M20.95 4.13C20.66 3.71 20.29 3.34 19.87 3.05C18.92 2.36 17.68 2 16.19 2H7.81C7.61 2 7.41 2.01 7.22 2.03C3.94 2.24 2 4.37 2 7.81V16.19C2 17.68 2.36 18.92 3.05 19.87C3.34 20.29 3.71 20.66 4.13 20.95C4.95 21.55 5.99 21.9 7.22 21.98C7.41 21.99 7.61 22 7.81 22H16.19C19.83 22 22 19.83 22 16.19V7.81C22 6.32 21.64 5.08 20.95 4.13ZM8.46 10.68L7.97 10.17C7.71 9.91 7.5 9.44 7.5 9.12V7.92C7.5 7.29 7.97 6.82 8.55 6.82H10.69C11.1 6.82 11.35 7.27 11.13 7.62L9.28 10.6C9.1 10.89 8.69 10.93 8.46 10.68ZM16.5 9.02C16.5 9.44 16.24 9.96 15.98 10.22L13.73 12.21C13.42 12.47 13.21 12.99 13.21 13.41V15.66C13.21 15.97 13 16.39 12.74 16.55L12 17.02C11.32 17.44 10.38 16.97 10.38 16.13V13.36C10.38 12.99 10.17 12.52 9.96 12.26L9.72 12C9.56 11.83 9.53 11.57 9.65 11.36L12.33 7.06C12.43 6.91 12.59 6.81 12.77 6.81H15.45C16.03 6.81 16.5 7.28 16.5 7.86V9.02Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/filter-tick.svg b/public/images/icons/vuesax/bold/filter-tick.svg
new file mode 100644
index 0000000..c03938a
--- /dev/null
+++ b/public/images/icons/vuesax/bold/filter-tick.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="M17.92 10.12C17.59 10.04 17.24 10 16.88 10C14.26 10 12.13 12.13 12.13 14.75C12.13 15.64 12.38 16.48 12.82 17.2C13.19 17.82 13.7 18.35 14.32 18.73C15.06 19.22 15.94 19.5 16.88 19.5C18.62 19.5 20.13 18.57 20.95 17.2C21.39 16.48 21.63 15.64 21.63 14.75C21.63 12.49 20.05 10.59 17.92 10.12ZM19.25 14.13L16.71 16.47C16.57 16.6 16.38 16.67 16.2 16.67C16.01 16.67 15.82 16.6 15.67 16.45L14.5 15.28C14.21 14.99 14.21 14.51 14.5 14.22C14.79 13.93 15.27 13.93 15.56 14.22L16.22 14.88L18.23 13.03C18.54 12.75 19.01 12.77 19.29 13.07C19.57 13.38 19.55 13.85 19.25 14.13Z" fill="#292D32"/>
+<path d="M20.58 4.02V6.24C20.58 7.05 20.08 8.06 19.58 8.57L19.4 8.73C19.26 8.86 19.05 8.89 18.87 8.83C18.67 8.76 18.47 8.71 18.27 8.66C17.83 8.55 17.36 8.5 16.88 8.5C13.43 8.5 10.63 11.3 10.63 14.75C10.63 15.89 10.94 17.01 11.53 17.97C12.03 18.81 12.73 19.51 13.49 19.98C13.72 20.13 13.81 20.45 13.61 20.63C13.54 20.69 13.47 20.74 13.4 20.79L12 21.7C10.7 22.51 8.91004 21.6 8.91004 19.98V14.63C8.91004 13.92 8.51004 13.01 8.11004 12.51L4.32004 8.47C3.82004 7.96 3.42004 7.05 3.42004 6.45V4.12C3.42004 2.91 4.32004 2 5.41004 2H18.59C19.68 2 20.58 2.91 20.58 4.02Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/filter.svg b/public/images/icons/vuesax/bold/filter.svg
new file mode 100644
index 0000000..88ad9c2
--- /dev/null
+++ b/public/images/icons/vuesax/bold/filter.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="M20.6 4.1001V6.3001C20.6 7.1001 20.1 8.1001 19.6 8.6001L15.3 12.4001C14.7 12.9001 14.3 13.9001 14.3 14.7001V19.0001C14.3 19.6001 13.9 20.4001 13.4 20.7001L12 21.6001C10.7 22.4001 8.90001 21.5001 8.90001 19.9001V14.6001C8.90001 13.9001 8.50001 13.0001 8.10001 12.5001L7.63001 12.0101C7.32001 11.6801 7.26001 11.1801 7.51001 10.7901L12.63 2.5701C12.81 2.2801 13.13 2.1001 13.48 2.1001H18.6C19.7 2.1001 20.6 3.0001 20.6 4.1001Z" fill="#292D32"/>
+<path d="M10.35 3.6301L6.80002 9.3201C6.46002 9.8701 5.68002 9.9501 5.23002 9.4801L4.30002 8.5001C3.80002 8.0001 3.40002 7.1001 3.40002 6.5001V4.2001C3.40002 3.0001 4.30002 2.1001 5.40002 2.1001H9.50002C10.28 2.1001 10.76 2.9601 10.35 3.6301Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/finger-cricle.svg b/public/images/icons/vuesax/bold/finger-cricle.svg
new file mode 100644
index 0000000..2ca424f
--- /dev/null
+++ b/public/images/icons/vuesax/bold/finger-cricle.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.9502C10.21 7.9502 8.75 9.4102 8.75 11.2002V12.8002C8.75 14.5902 10.21 16.0502 12 16.0502C13.79 16.0502 15.25 14.5902 15.25 12.8002V11.2002C15.25 9.4102 13.79 7.9502 12 7.9502ZM12.9 13.2402C12.9 13.7402 12.5 14.1402 12 14.1402C11.5 14.1402 11.1 13.7402 11.1 13.2402V10.7702C11.1 10.2802 11.5 9.8702 12 9.8702C12.5 9.8702 12.9 10.2702 12.9 10.7702V13.2402Z" fill="#292D32"/>
+<path d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM16.75 12.8C16.75 15.42 14.62 17.55 12 17.55C9.38 17.55 7.25 15.42 7.25 12.8V11.2C7.25 8.58 9.38 6.45 12 6.45C14.62 6.45 16.75 8.58 16.75 11.2V12.8Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/finger-scan.svg b/public/images/icons/vuesax/bold/finger-scan.svg
new file mode 100644
index 0000000..10f065b
--- /dev/null
+++ b/public/images/icons/vuesax/bold/finger-scan.svg
@@ -0,0 +1,8 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22 9.75C21.59 9.75 21.25 9.41 21.25 9V7C21.25 4.42 19.58 2.75 17 2.75H15C14.59 2.75 14.25 2.41 14.25 2C14.25 1.59 14.59 1.25 15 1.25H17C20.44 1.25 22.75 3.56 22.75 7V9C22.75 9.41 22.41 9.75 22 9.75Z" fill="#292D32"/>
+<path d="M2 9.75C1.59 9.75 1.25 9.41 1.25 9V7C1.25 3.56 3.56 1.25 7 1.25H9C9.41 1.25 9.75 1.59 9.75 2C9.75 2.41 9.41 2.75 9 2.75H7C4.42 2.75 2.75 4.42 2.75 7V9C2.75 9.41 2.41 9.75 2 9.75Z" fill="#292D32"/>
+<path d="M17 22.75H15C14.59 22.75 14.25 22.41 14.25 22C14.25 21.59 14.59 21.25 15 21.25H17C19.58 21.25 21.25 19.58 21.25 17V15C21.25 14.59 21.59 14.25 22 14.25C22.41 14.25 22.75 14.59 22.75 15V17C22.75 20.44 20.44 22.75 17 22.75Z" fill="#292D32"/>
+<path d="M9 22.75H7C3.56 22.75 1.25 20.44 1.25 17V15C1.25 14.59 1.59 14.25 2 14.25C2.41 14.25 2.75 14.59 2.75 15V17C2.75 19.58 4.42 21.25 7 21.25H9C9.41 21.25 9.75 21.59 9.75 22C9.75 22.41 9.41 22.75 9 22.75Z" fill="#292D32"/>
+<path d="M12 9.87012C11.51 9.87012 11.1 10.2701 11.1 10.7701V13.2401C11.1 13.7401 11.5 14.1401 12 14.1401C12.5 14.1401 12.9 13.7401 12.9 13.2401V10.7701C12.9 10.2701 12.49 9.87012 12 9.87012Z" fill="#292D32"/>
+<path d="M15.53 7.40018C15.19 7.06018 14.8 6.77018 14.38 6.53018C14.24 6.46018 14.09 6.39018 13.94 6.32018C13.79 6.26018 13.64 6.20018 13.48 6.16018C13.32 6.11018 13.16 6.07018 13 6.03018C12.99 6.03018 12.97 6.03018 12.96 6.02018C12.65 5.96018 12.33 5.93018 12.01 5.93018H11.99C11.67 5.93018 11.36 5.96018 11.05 6.02018C11.01 6.03018 10.97 6.03018 10.94 6.05018C10.8 6.08018 10.66 6.11018 10.52 6.16018C10.35 6.20018 10.18 6.27018 10.01 6.34018C9.88001 6.40018 9.75001 6.47018 9.63001 6.53018C9.48001 6.61018 9.35001 6.70018 9.21001 6.79018C8.95001 6.97018 8.70001 7.17018 8.47001 7.40018C8.36001 7.51018 8.25001 7.63018 8.15001 7.75018C8.05001 7.88018 7.95001 8.00018 7.86001 8.14018C7.77001 8.27018 7.69001 8.41018 7.61001 8.55018C7.23001 9.26018 7.01001 10.0702 7.01001 10.9302V13.0702C7.01001 14.8002 7.89001 16.3202 9.21001 17.2102C9.33001 17.3002 9.46001 17.3702 9.59001 17.4502L10.14 17.7102C10.42 17.8202 10.71 17.9102 11 17.9702C11.32 18.0302 11.65 18.0702 11.99 18.0702C12 18.0702 12 18.0702 12.01 18.0702C12.35 18.0702 12.68 18.0302 13 17.9702C13.3 17.9102 13.59 17.8202 13.87 17.7102C14.06 17.6302 14.24 17.5402 14.41 17.4502C15.95 16.6002 16.99 14.9502 16.99 13.0702V10.9302C16.99 9.55018 16.43 8.30018 15.53 7.40018ZM14.4 13.2402C14.4 14.5602 13.32 15.6402 12 15.6402C10.68 15.6402 9.60001 14.5602 9.60001 13.2402V10.7702C9.60001 9.45018 10.68 8.37018 12 8.37018C13.32 8.37018 14.4 9.45018 14.4 10.7702V13.2402Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/firstline.svg b/public/images/icons/vuesax/bold/firstline.svg
new file mode 100644
index 0000000..53f664c
--- /dev/null
+++ b/public/images/icons/vuesax/bold/firstline.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="M21 5.25H14C13.59 5.25 13.25 4.91 13.25 4.5C13.25 4.09 13.59 3.75 14 3.75H21C21.41 3.75 21.75 4.09 21.75 4.5C21.75 4.91 21.41 5.25 21 5.25Z" fill="#292D32"/>
+<path d="M21 10.25H14C13.59 10.25 13.25 9.91 13.25 9.5C13.25 9.09 13.59 8.75 14 8.75H21C21.41 8.75 21.75 9.09 21.75 9.5C21.75 9.91 21.41 10.25 21 10.25Z" fill="#292D32"/>
+<path d="M21 15.25H3C2.59 15.25 2.25 14.91 2.25 14.5C2.25 14.09 2.59 13.75 3 13.75H21C21.41 13.75 21.75 14.09 21.75 14.5C21.75 14.91 21.41 15.25 21 15.25Z" fill="#292D32"/>
+<path d="M21 20.25H3C2.59 20.25 2.25 19.91 2.25 19.5C2.25 19.09 2.59 18.75 3 18.75H21C21.41 18.75 21.75 19.09 21.75 19.5C21.75 19.91 21.41 20.25 21 20.25Z" fill="#292D32"/>
+<path d="M7.92 3.5H5.08C3.68 3.5 3 4.18 3 5.58V8.43C3 9.83 3.68 10.51 5.08 10.51H7.93C9.33 10.51 10.01 9.83 10.01 8.43V5.58C10 4.18 9.32 3.5 7.92 3.5Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/flag-2.svg b/public/images/icons/vuesax/bold/flag-2.svg
new file mode 100644
index 0000000..2f7871f
--- /dev/null
+++ b/public/images/icons/vuesax/bold/flag-2.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.2 7.16L7.20001 3.7V2.75C7.20001 2.34 6.86001 2 6.45001 2C6.04001 2 5.70001 2.34 5.70001 2.75V21.25C5.70001 21.66 6.04001 22 6.45001 22C6.86001 22 7.20001 21.66 7.20001 21.25V17.29L15.42 13.23C15.42 13.23 15.42 13.23 15.43 13.23C17.09 12.37 17.98 11.26 17.93 10.09C17.88 8.92 16.91 7.88 15.2 7.16Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/flag.svg b/public/images/icons/vuesax/bold/flag.svg
new file mode 100644
index 0000000..d0b8580
--- /dev/null
+++ b/public/images/icons/vuesax/bold/flag.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.02 12.33L16.8 11.11C16.51 10.86 16.34 10.49 16.33 10.08C16.31 9.63 16.49 9.18 16.82 8.85L18.02 7.65C19.06 6.61 19.45 5.61 19.12 4.82C18.8 4.04 17.81 3.61 16.35 3.61H5.90002V2.75C5.90002 2.34 5.56002 2 5.15002 2C4.74002 2 4.40002 2.34 4.40002 2.75V21.25C4.40002 21.66 4.74002 22 5.15002 22C5.56002 22 5.90002 21.66 5.90002 21.25V16.37H16.35C17.79 16.37 18.76 15.93 19.09 15.14C19.42 14.35 19.04 13.36 18.02 12.33Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/flash-circle.svg b/public/images/icons/vuesax/bold/flash-circle.svg
new file mode 100644
index 0000000..3c9a4bc
--- /dev/null
+++ b/public/images/icons/vuesax/bold/flash-circle.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 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM15.53 13.23L10.35 16.82C9.59 17.35 9.15 17.04 9.37 16.15L10.32 12.31L8.67 11.9C7.92 11.72 7.83 11.2 8.46 10.76L13.64 7.17C14.4 6.64 14.84 6.95 14.62 7.84L13.67 11.68L15.32 12.09C16.07 12.28 16.16 12.79 15.53 13.23Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/flash-slash.svg b/public/images/icons/vuesax/bold/flash-slash.svg
new file mode 100644
index 0000000..7e7de25
--- /dev/null
+++ b/public/images/icons/vuesax/bold/flash-slash.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="M21.77 2.22988C21.47 1.92988 20.98 1.92988 20.68 2.22988L2.23 20.6899C1.93 20.9899 1.93 21.4799 2.23 21.7799C2.38 21.9199 2.57 21.9999 2.77 21.9999C2.97 21.9999 3.16 21.9199 3.31 21.7699L21.77 3.30988C22.08 3.00988 22.08 2.52988 21.77 2.22988Z" fill="#292D32"/>
+<path d="M14.82 3.5199V9.1799L9.18001 14.8199V13.2799H6.09001C4.69001 13.2799 4.30001 12.4199 5.23001 11.3699L12 3.6699L12.8 2.7599C13.91 1.4999 14.82 1.8399 14.82 3.5199Z" fill="#292D32"/>
+<path d="M18.7701 12.6302L12.0001 20.3302L11.2001 21.2402C10.0901 22.5002 9.18005 22.1602 9.18005 20.4802V17.8202L16.2801 10.7202H17.9101C19.3101 10.7202 19.7001 11.5802 18.7701 12.6302Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/flash.svg b/public/images/icons/vuesax/bold/flash.svg
new file mode 100644
index 0000000..3c9a4bc
--- /dev/null
+++ b/public/images/icons/vuesax/bold/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 d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM15.53 13.23L10.35 16.82C9.59 17.35 9.15 17.04 9.37 16.15L10.32 12.31L8.67 11.9C7.92 11.72 7.83 11.2 8.46 10.76L13.64 7.17C14.4 6.64 14.84 6.95 14.62 7.84L13.67 11.68L15.32 12.09C16.07 12.28 16.16 12.79 15.53 13.23Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/folder-2.svg b/public/images/icons/vuesax/bold/folder-2.svg
new file mode 100644
index 0000000..4319110
--- /dev/null
+++ b/public/images/icons/vuesax/bold/folder-2.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="M19.4347 4.03448C19.567 4.2424 19.3404 4.48461 19.1001 4.43C18.6301 4.29 18.1101 4.22 17.5801 4.22H14.2798C14.1226 4.22 13.9745 4.14605 13.8801 4.02037L12.7301 2.49C12.5892 2.29044 12.7224 2 12.9666 2H15.7201C17.2811 2 18.6561 2.81073 19.4347 4.03448Z" fill="#292D32"/>
+<path d="M20.14 6.54C19.71 6.23 19.22 6 18.69 5.87C18.33 5.77 17.96 5.72 17.58 5.72H13.86C13.28 5.72 13.24 5.67 12.93 5.26L11.53 3.4C10.88 2.53 10.37 2 8.74 2H6.42C3.98 2 2 3.98 2 6.42V17.58C2 20.02 3.98 22 6.42 22H17.58C20.02 22 22 20.02 22 17.58V10.14C22 8.65 21.27 7.34 20.14 6.54ZM14.39 16.34H9.6C9.21 16.34 8.91 16.03 8.91 15.64C8.91 15.26 9.21 14.94 9.6 14.94H14.39C14.78 14.94 15.09 15.26 15.09 15.64C15.09 16.03 14.78 16.34 14.39 16.34Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/folder-add.svg b/public/images/icons/vuesax/bold/folder-add.svg
new file mode 100644
index 0000000..1e61773
--- /dev/null
+++ b/public/images/icons/vuesax/bold/folder-add.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="M21.0169 7.99175C21.4148 8.55833 20.9405 9.25 20.2482 9.25H3C2.44772 9.25 2 8.80228 2 8.25V6.42C2 3.98 3.98 2 6.42 2H8.74C10.37 2 10.88 2.53 11.53 3.4L12.93 5.26C13.24 5.67 13.28 5.72 13.86 5.72H16.65C18.4546 5.72 20.0516 6.61709 21.0169 7.99175Z" fill="#292D32"/>
+<path d="M21.9834 11.7461C21.9815 11.1952 21.5343 10.7495 20.9834 10.7495L2.99998 10.7498C2.44771 10.7499 2 11.1976 2 11.7498V16.6499C2 19.5999 4.4 21.9999 7.35 21.9999H16.65C19.6 21.9999 22 19.5999 22 16.6499L21.9834 11.7461ZM14.5 16.7499H12.81V18.4999C12.81 18.9099 12.47 19.2499 12.06 19.2499C11.64 19.2499 11.31 18.9099 11.31 18.4999V16.7499H9.5C9.09 16.7499 8.75 16.4099 8.75 15.9999C8.75 15.5899 9.09 15.2499 9.5 15.2499H11.31V13.4999C11.31 13.0899 11.64 12.7499 12.06 12.7499C12.47 12.7499 12.81 13.0899 12.81 13.4999V15.2499H14.5C14.91 15.2499 15.25 15.5899 15.25 15.9999C15.25 16.4099 14.91 16.7499 14.5 16.7499Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/folder-cloud.svg b/public/images/icons/vuesax/bold/folder-cloud.svg
new file mode 100644
index 0000000..9957e8a
--- /dev/null
+++ b/public/images/icons/vuesax/bold/folder-cloud.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="M15.5801 19.7C13.4701 19.85 13.4701 22.91 15.5801 23.06H20.5901C21.2001 23.06 21.7801 22.84 22.2301 22.43C23.7101 21.14 22.9201 18.54 20.9701 18.3C20.2701 14.08 14.1601 15.68 15.6101 19.7" fill="#292D32"/>
+<path d="M15.5801 19.7C13.4701 19.85 13.4701 22.91 15.5801 23.06H20.5901C21.2001 23.06 21.7801 22.84 22.2301 22.43C23.7101 21.14 22.9201 18.54 20.9701 18.3C20.2701 14.08 14.1601 15.68 15.6101 19.7" fill="#292D32"/>
+<path d="M22 11.07V15.34C22 15.66 21.49 15.8 21.27 15.57C20.8 15.08 20.21 14.71 19.53 14.5C17.96 14.01 16.15 14.49 15.01 15.67C14.29 16.44 13.9 17.4 13.88 18.44C13.88 18.62 13.79 18.78 13.65 18.89C12.93 19.46 12.49 20.35 12.49 21.37V21.38C12.49 21.7 12.26 21.99 11.94 21.99H7.34C4.4 22 2 19.6 2 16.65V6.42C2 3.98 3.98 2 6.42 2H8.74C10.37 2 10.88 2.53 11.53 3.4L12.93 5.26C13.24 5.67 13.28 5.72 13.86 5.72H16.65C19.03 5.72 21.05 7.28 21.74 9.44C21.89 9.89 21.97 10.35 21.99 10.84C22 10.91 22 11 22 11.07Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/folder-connection.svg b/public/images/icons/vuesax/bold/folder-connection.svg
new file mode 100644
index 0000000..47ba961
--- /dev/null
+++ b/public/images/icons/vuesax/bold/folder-connection.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.75 16H15.5C18.3 16 19 15.3 19 12.5V8.3C19 5.5 18.3 4.8 15.5 4.8H13.4C12.7 4.8 12.55 4.59 12.28 4.24L11.23 2.84C10.83 2.31 10.6 2 9.55 2H8.5C5.7 2 5 2.7 5 5.5V12.5C5 15.3 5.7 16 8.5 16H11.25V19C11.25 19.05 11.27 19.09 11.28 19.14C10.76 19.34 10.34 19.76 10.14 20.28C10.09 20.27 10.05 20.25 10 20.25H6C5.59 20.25 5.25 20.59 5.25 21C5.25 21.41 5.59 21.75 6 21.75H10C10.05 21.75 10.09 21.73 10.14 21.72C10.43 22.47 11.15 23 12 23C12.85 23 13.57 22.47 13.86 21.72C13.91 21.73 13.95 21.75 14 21.75H18C18.41 21.75 18.75 21.41 18.75 21C18.75 20.59 18.41 20.25 18 20.25H14C13.95 20.25 13.91 20.27 13.86 20.28C13.66 19.76 13.24 19.34 12.72 19.14C12.73 19.09 12.75 19.05 12.75 19V16Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/folder-cross.svg b/public/images/icons/vuesax/bold/folder-cross.svg
new file mode 100644
index 0000000..b642879
--- /dev/null
+++ b/public/images/icons/vuesax/bold/folder-cross.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="M21.0169 7.99175C21.4148 8.55833 20.9405 9.25 20.2482 9.25H3C2.44772 9.25 2 8.80228 2 8.25V6.42C2 3.98 3.98 2 6.42 2H8.74C10.37 2 10.88 2.53 11.53 3.4L12.93 5.26C13.24 5.67 13.28 5.72 13.86 5.72H16.65C18.4546 5.72 20.0516 6.61709 21.0169 7.99175Z" fill="#292D32"/>
+<path d="M21.9834 11.7461C21.9815 11.1952 21.5343 10.7495 20.9834 10.7495L2.99998 10.7498C2.44771 10.7498 2 11.1976 2 11.7498V16.6499C2 19.5999 4.4 21.9999 7.35 21.9999H16.65C19.6 21.9999 22 19.5999 22 16.6499L21.9834 11.7461ZM14.34 18.2799C14.19 18.4199 14 18.4999 13.81 18.4999C13.62 18.4999 13.42 18.4199 13.28 18.2799L12.04 17.0399L10.76 18.3199C10.62 18.4599 10.42 18.5399 10.23 18.5399C10.04 18.5399 9.85 18.4599 9.7 18.3199C9.41 18.0299 9.41 17.5499 9.7 17.2599L10.98 15.9799L9.74 14.7399C9.45 14.4499 9.45 13.9699 9.74 13.6799C10.04 13.3899 10.51 13.3899 10.8 13.6799L12.04 14.9199L13.24 13.7199C13.53 13.4299 14 13.4299 14.3 13.7199C14.59 14.0199 14.59 14.4899 14.3 14.7799L13.1 15.9799L14.34 17.2199C14.63 17.5099 14.63 17.9899 14.34 18.2799Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/folder-favorite.svg b/public/images/icons/vuesax/bold/folder-favorite.svg
new file mode 100644
index 0000000..193da04
--- /dev/null
+++ b/public/images/icons/vuesax/bold/folder-favorite.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="M21.0169 7.99175C21.4148 8.55833 20.9405 9.25 20.2482 9.25H3C2.44772 9.25 2 8.80228 2 8.25V6.42C2 3.98 3.98 2 6.42 2H8.74C10.37 2 10.88 2.53 11.53 3.4L12.93 5.26C13.24 5.67 13.28 5.72 13.86 5.72H16.65C18.4546 5.72 20.0516 6.61709 21.0169 7.99175Z" fill="#292D32"/>
+<path d="M21.9834 11.7466C21.9815 11.1957 21.5343 10.75 20.9834 10.75L3 10.75C2.44772 10.75 2 11.1977 2 11.75V16.65C2 19.6 4.4 22 7.35 22H16.65C19.6 22 22 19.6 22 16.65L21.9834 11.7466ZM14.54 16.97L12.39 18.85C12.28 18.95 12.14 19 12 19C11.86 19 11.72 18.95 11.61 18.85L9.46 16.97C8.78 16.37 8.69 15.35 9.26 14.64C9.83 13.92 10.86 13.79 11.6 14.34L12 14.64L12.4 14.34C13.14 13.79 14.17 13.92 14.74 14.64C15.31 15.35 15.22 16.37 14.54 16.97Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/folder-minus.svg b/public/images/icons/vuesax/bold/folder-minus.svg
new file mode 100644
index 0000000..590553c
--- /dev/null
+++ b/public/images/icons/vuesax/bold/folder-minus.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="M21.0169 7.99175C21.4148 8.55833 20.9405 9.25 20.2482 9.25H3C2.44772 9.25 2 8.80228 2 8.25V6.42C2 3.98 3.98 2 6.42 2H8.74C10.37 2 10.88 2.53 11.53 3.4L12.93 5.26C13.24 5.67 13.28 5.72 13.86 5.72H16.65C18.4546 5.72 20.0516 6.61709 21.0169 7.99175Z" fill="#292D32"/>
+<path d="M21.9834 11.7462C21.9815 11.1952 21.5343 10.7495 20.9833 10.7495L2.99996 10.7502C2.44769 10.7502 2 11.1979 2 11.7502V16.6502C2 19.6002 4.4 22.0002 7.35 22.0002H16.65C19.6 22.0002 22 19.6002 22 16.6502L21.9834 11.7462ZM14.43 16.7502H9.43C9.01 16.7502 8.68 16.4202 8.68 16.0002C8.68 15.5902 9.01 15.2502 9.43 15.2502H14.43C14.84 15.2502 15.18 15.5902 15.18 16.0002C15.18 16.4202 14.84 16.7502 14.43 16.7502Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/folder-open.svg b/public/images/icons/vuesax/bold/folder-open.svg
new file mode 100644
index 0000000..e489987
--- /dev/null
+++ b/public/images/icons/vuesax/bold/folder-open.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="M21.06 11.8201L20.9 11.6001C20.62 11.2601 20.29 10.9901 19.91 10.7901C19.4 10.5001 18.82 10.3501 18.22 10.3501H5.76995C5.16995 10.3501 4.59995 10.5001 4.07995 10.7901C3.68995 11.0001 3.33995 11.2901 3.04995 11.6501C2.47995 12.3801 2.20995 13.2801 2.29995 14.1801L2.66995 18.8501C2.79995 20.2601 2.96995 22.0001 6.13995 22.0001H17.86C21.03 22.0001 21.19 20.2601 21.33 18.8401L21.7 14.1901C21.79 13.3501 21.57 12.5101 21.06 11.8201ZM14.39 17.3401H9.59995C9.20995 17.3401 8.89995 17.0201 8.89995 16.6401C8.89995 16.2601 9.20995 15.9401 9.59995 15.9401H14.39C14.78 15.9401 15.09 16.2601 15.09 16.6401C15.09 17.0301 14.78 17.3401 14.39 17.3401Z" fill="#292D32"/>
+<path d="M20.561 8.59643C20.5986 8.97928 20.1833 9.23561 19.8185 9.11348C19.3137 8.94449 18.7824 8.86 18.2299 8.86H5.76988C5.21304 8.86 4.66478 8.95012 4.15322 9.12194C3.79283 9.24298 3.37988 8.99507 3.37988 8.61489V6.66C3.37988 3.09 4.46988 2 8.03988 2H9.21988C10.6499 2 11.0999 2.46 11.6799 3.21L12.8799 4.81C13.1299 5.15 13.1399 5.17 13.5799 5.17H15.9599C19.0856 5.17 20.3069 6.00724 20.561 8.59643Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/folder.svg b/public/images/icons/vuesax/bold/folder.svg
new file mode 100644
index 0000000..cfe420a
--- /dev/null
+++ b/public/images/icons/vuesax/bold/folder.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="M21.0169 7.99175C21.4148 8.55833 20.9405 9.25 20.2482 9.25H3C2.44772 9.25 2 8.80228 2 8.25V6.42C2 3.98 3.98 2 6.42 2H8.74C10.37 2 10.88 2.53 11.53 3.4L12.93 5.26C13.24 5.67 13.28 5.72 13.86 5.72H16.65C18.4546 5.72 20.0516 6.61709 21.0169 7.99175Z" fill="#292D32"/>
+<path d="M20.9834 10.7495C21.5343 10.7495 21.9815 11.1952 21.9834 11.7461L22 16.6498C22 19.5998 19.6 21.9998 16.65 21.9998H7.35C4.4 21.9998 2 19.5998 2 16.6498V11.7498C2 11.1975 2.44771 10.7498 2.99999 10.7498L20.9834 10.7495Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/forbidden-2.svg b/public/images/icons/vuesax/bold/forbidden-2.svg
new file mode 100644
index 0000000..89e4f0d
--- /dev/null
+++ b/public/images/icons/vuesax/bold/forbidden-2.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="M21.12 6.98L17.02 2.88C16.54 2.4 15.58 2 14.9 2H9.1C8.42 2 7.46 2.4 6.98 2.88L2.88 6.98C2.4 7.46 2 8.42 2 9.1V14.9C2 15.58 2.4 16.54 2.88 17.02L6.98 21.12C7.46 21.6 8.42 22 9.1 22H14.9C15.58 22 16.54 21.6 17.02 21.12L21.12 17.02C21.6 16.54 22 15.58 22 14.9V9.1C22 8.42 21.6 7.46 21.12 6.98ZM16.03 14.97C16.32 15.26 16.32 15.74 16.03 16.03C15.88 16.18 15.69 16.25 15.5 16.25C15.31 16.25 15.12 16.18 14.97 16.03L12 13.06L9.03 16.03C8.88 16.18 8.69 16.25 8.5 16.25C8.31 16.25 8.12 16.18 7.97 16.03C7.68 15.74 7.68 15.26 7.97 14.97L10.94 12L7.97 9.03C7.68 8.74 7.68 8.26 7.97 7.97C8.26 7.68 8.74 7.68 9.03 7.97L12 10.94L14.97 7.97C15.26 7.68 15.74 7.68 16.03 7.97C16.32 8.26 16.32 8.74 16.03 9.03L13.06 12L16.03 14.97Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/forbidden.svg b/public/images/icons/vuesax/bold/forbidden.svg
new file mode 100644
index 0000000..d1950c7
--- /dev/null
+++ b/public/images/icons/vuesax/bold/forbidden.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.02 2.88C16.54 2.4 15.58 2 14.9 2H9.1C8.42 2 7.46 2.4 6.98 2.88L2.88 6.98C2.4 7.46 2 8.42 2 9.1V14.9C2 15.58 2.4 16.54 2.88 17.02L4.41 18.55L18.55 4.41L17.02 2.88Z" fill="#292D32"/>
+<path d="M21.12 6.98022L19.61 5.47021L5.46997 19.6102L6.97997 21.1202C7.45997 21.6002 8.41997 22.0002 9.09997 22.0002H14.9C15.58 22.0002 16.54 21.6002 17.02 21.1202L21.12 17.0202C21.6 16.5402 22 15.5802 22 14.9002V9.10022C22 8.42022 21.6 7.46022 21.12 6.98022Z" fill="#292D32"/>
+<path d="M2.48996 20.4698C2.19996 20.7598 2.19996 21.2398 2.48996 21.5298C2.63996 21.6798 2.82996 21.7498 3.01996 21.7498C3.20996 21.7498 3.39996 21.6798 3.54996 21.5298L5.46996 19.6098L4.40996 18.5498L2.48996 20.4698Z" fill="#292D32"/>
+<path d="M21.5301 3.54996C21.8201 3.25996 21.8201 2.77996 21.5301 2.48996C21.2401 2.19996 20.76 2.19996 20.47 2.48996L18.55 4.40996L19.6101 5.46996L21.5301 3.54996Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/format-circle.svg b/public/images/icons/vuesax/bold/format-circle.svg
new file mode 100644
index 0000000..f2adf5a
--- /dev/null
+++ b/public/images/icons/vuesax/bold/format-circle.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="M21.1 7.87C21.68 7.23 22 6.4 22 5.53C22 3.58 20.42 2 18.47 2C17.6 2 16.78 2.32 16.14 2.9C14.85 2.3 13.46 2 12 2C10.57 2 9.15 2.31 7.87 2.9C7.23 2.32 6.4 2 5.53 2C3.58 2 2 3.58 2 5.53C2 6.4 2.32 7.23 2.9 7.87C2.31 9.15 2 10.57 2 12C2 13.46 2.3 14.85 2.9 16.14C2.32 16.78 2 17.6 2 18.47C2 20.42 3.58 22 5.53 22C6.4 22 7.23 21.68 7.87 21.1C9.15 21.69 10.57 22 12 22C13.46 22 14.85 21.7 16.14 21.1C16.78 21.68 17.6 22 18.47 22C20.42 22 22 20.42 22 18.47C22 17.6 21.68 16.78 21.1 16.14C21.7 14.85 22 13.46 22 12C22 10.57 21.69 9.15 21.1 7.87ZM19.68 15.17C19.57 15.13 19.46 15.09 19.35 15.06C19.18 15.02 19 14.99 18.83 14.97C18.71 14.96 18.59 14.95 18.47 14.95C16.53 14.95 14.95 16.53 14.95 18.47C14.95 18.59 14.96 18.71 14.97 18.83C14.99 19 15.02 19.18 15.06 19.35C15.09 19.46 15.13 19.57 15.17 19.68C15.17 19.71 15.18 19.74 15.2 19.77C15.21 19.8 15.22 19.83 15.23 19.86C13.22 20.7 10.82 20.71 8.77 19.86C8.78 19.83 8.79 19.8 8.8 19.77C8.82 19.74 8.83 19.71 8.83 19.68C8.87 19.57 8.91 19.46 8.94 19.35C8.98 19.18 9.01 19 9.03 18.83C9.04 18.71 9.05 18.59 9.05 18.47C9.05 16.53 7.47 14.95 5.53 14.95C5.41 14.95 5.29 14.96 5.17 14.97C5 14.99 4.82 15.02 4.65 15.06C4.54 15.09 4.43 15.13 4.32 15.17C4.29 15.17 4.26 15.18 4.23 15.2C4.2 15.21 4.17 15.22 4.14 15.23C3.71 14.22 3.5 13.13 3.5 12C3.5 10.89 3.72 9.78 4.14 8.77C4.15 8.77 4.17 8.78 4.18 8.78C4.06 8.73 3.93 8.67 3.82 8.61C3.66 8.52 3.5 8.42 3.35 8.3C3.65 8.53 3.97 8.71 4.32 8.83C4.44 8.88 4.57 8.92 4.69 8.95C4.77 8.97 4.84 8.98 4.91 8.99C5 9.01 5.08 9.02 5.17 9.03C5.29 9.04 5.41 9.05 5.53 9.05C7.47 9.05 9.05 7.47 9.05 5.53C9.05 5.41 9.04 5.29 9.03 5.17C9.02 5.08 9.01 5 8.99 4.91C8.98 4.84 8.97 4.77 8.95 4.69C8.92 4.57 8.88 4.44 8.83 4.32C8.71 3.97 8.53 3.65 8.3 3.35C8.42 3.5 8.52 3.66 8.61 3.82C8.67 3.93 8.73 4.06 8.78 4.18C8.78 4.17 8.77 4.15 8.77 4.14C10.81 3.29 13.22 3.3 15.23 4.14C15.22 4.17 15.21 4.2 15.2 4.23C15.18 4.26 15.17 4.29 15.17 4.32C15.13 4.43 15.09 4.54 15.06 4.65C15.02 4.82 14.99 5 14.97 5.17C14.96 5.29 14.95 5.41 14.95 5.53C14.95 7.47 16.53 9.05 18.47 9.05C18.59 9.05 18.71 9.04 18.83 9.03C19 9.01 19.18 8.98 19.35 8.94C19.46 8.91 19.57 8.87 19.68 8.83C19.71 8.83 19.74 8.82 19.77 8.8C19.8 8.79 19.83 8.78 19.86 8.77C20.28 9.78 20.5 10.89 20.5 12C20.5 13.13 20.29 14.22 19.86 15.23C19.83 15.22 19.8 15.21 19.77 15.2C19.74 15.18 19.71 15.17 19.68 15.17Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/format-square.svg b/public/images/icons/vuesax/bold/format-square.svg
new file mode 100644
index 0000000..e0f4e26
--- /dev/null
+++ b/public/images/icons/vuesax/bold/format-square.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="M20.75 16.5V7.5C21.94 7 22.75 5.83 22.75 4.5C22.75 2.71 21.29 1.25 19.5 1.25C18.18 1.25 17 2.06 16.5 3.25H7.5C7 2.06 5.83 1.25 4.5 1.25C2.71 1.25 1.25 2.71 1.25 4.5C1.25 5.82 2.06 7 3.25 7.5V16.5C2.06 17 1.25 18.17 1.25 19.5C1.25 21.29 2.71 22.75 4.5 22.75C5.82 22.75 7 21.94 7.5 20.75H16.5C17 21.94 18.17 22.75 19.5 22.75C21.29 22.75 22.75 21.29 22.75 19.5C22.75 18.18 21.94 17 20.75 16.5ZM19.16 16.27C19.05 16.28 18.95 16.3 18.84 16.32C18.57 16.37 18.31 16.46 18.06 16.59C18 16.62 17.94 16.65 17.88 16.69C17.38 16.97 16.97 17.38 16.69 17.88C16.65 17.94 16.62 18 16.59 18.06C16.46 18.31 16.37 18.57 16.32 18.84C16.3 18.95 16.28 19.05 16.27 19.16C16.26 19.19 16.26 19.22 16.26 19.25H7.74C7.72 19 7.67 18.76 7.6 18.53C7.58 18.45 7.55 18.36 7.51 18.28C7.48 18.21 7.45 18.14 7.41 18.06C7.38 18 7.35 17.94 7.31 17.88C7.03 17.38 6.62 16.97 6.12 16.69C6.06 16.65 6 16.62 5.94 16.59C5.86 16.55 5.79 16.52 5.72 16.49C5.64 16.45 5.55 16.42 5.47 16.4C5.24 16.33 5 16.28 4.75 16.26V7.74C5.01 7.72 5.25 7.67 5.49 7.59C5.58 7.57 5.68 7.53 5.77 7.49C5.82 7.47 5.88 7.44 5.94 7.41C6 7.38 6.06 7.35 6.12 7.31C6.62 7.03 7.03 6.62 7.31 6.12C7.35 6.06 7.38 6 7.41 5.94C7.44 5.88 7.47 5.82 7.49 5.77C7.53 5.68 7.57 5.58 7.59 5.49C7.67 5.25 7.72 5.01 7.74 4.75H16.26C16.28 5.02 16.33 5.27 16.42 5.52C16.44 5.6 16.47 5.69 16.51 5.77C16.53 5.83 16.56 5.88 16.59 5.94C16.62 6 16.65 6.06 16.69 6.12C16.97 6.62 17.38 7.03 17.88 7.31C17.94 7.35 18 7.38 18.06 7.41C18.12 7.44 18.17 7.47 18.23 7.49C18.31 7.53 18.4 7.56 18.48 7.58C18.73 7.67 18.98 7.72 19.25 7.74V16.26C19.22 16.26 19.19 16.26 19.16 16.27Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/forward-10-seconds.svg b/public/images/icons/vuesax/bold/forward-10-seconds.svg
new file mode 100644
index 0000000..58725c6
--- /dev/null
+++ b/public/images/icons/vuesax/bold/forward-10-seconds.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="M19.6901 7.34996C19.4401 7.01996 18.9701 6.94996 18.6401 7.19996C18.3101 7.44996 18.2401 7.91996 18.4901 8.24996C19.5701 9.68996 20.1401 11.37 20.1401 13.11C20.1401 17.6 16.4901 21.25 12.0001 21.25C7.5101 21.25 3.8601 17.6 3.8601 13.11C3.8601 8.61996 7.5101 4.97996 12.0001 4.97996C12.5801 4.97996 13.1701 5.04996 13.8101 5.19996C13.8401 5.20996 13.8701 5.19996 13.9101 5.19996C13.9301 5.19996 13.9601 5.21996 13.9801 5.21996C14.0101 5.21996 14.0301 5.20996 14.0601 5.20996C14.1001 5.20996 14.1301 5.19996 14.1601 5.18996C14.2101 5.17996 14.2601 5.15996 14.3101 5.12996C14.3401 5.10996 14.3801 5.09996 14.4101 5.07996C14.4201 5.06996 14.4401 5.06996 14.4501 5.05996C14.4801 5.03996 14.4901 5.00996 14.5101 4.98996C14.5501 4.94996 14.5801 4.91996 14.6101 4.86996C14.6401 4.82996 14.6501 4.77996 14.6701 4.73996C14.6801 4.70996 14.7001 4.67996 14.7101 4.64996C14.7101 4.62996 14.7101 4.61996 14.7101 4.59996C14.7201 4.54996 14.7201 4.49996 14.7101 4.44996C14.7101 4.39996 14.7101 4.35996 14.7001 4.30996C14.6901 4.26996 14.6701 4.22996 14.6501 4.17996C14.6301 4.12996 14.6101 4.07996 14.5801 4.03996C14.5701 4.01996 14.5701 4.00996 14.5601 3.99996L12.5801 1.52996C12.3201 1.20996 11.8501 1.15996 11.5301 1.40996C11.2101 1.66996 11.1601 2.13996 11.4101 2.45996L12.2301 3.47996C12.1501 3.47996 12.0701 3.46996 11.9901 3.46996C6.6801 3.46996 2.3501 7.78996 2.3501 13.11C2.3501 18.43 6.6701 22.75 11.9901 22.75C17.3101 22.75 21.6301 18.43 21.6301 13.11C21.6401 11.04 20.9601 9.04996 19.6901 7.34996Z" fill="#292D32"/>
+<path d="M9.54004 16.6698C9.13004 16.6698 8.79004 16.3298 8.79004 15.9198V12.5298L8.60004 12.7498C8.32004 13.0598 7.85004 13.0798 7.54004 12.8098C7.23004 12.5298 7.21004 12.0598 7.48004 11.7498L8.98004 10.0798C9.19004 9.84984 9.52004 9.76984 9.81004 9.87984C10.1 9.98984 10.29 10.2698 10.29 10.5798V15.9298C10.29 16.3398 9.96004 16.6698 9.54004 16.6698Z" fill="#292D32"/>
+<path d="M14 16.6698C12.48 16.6698 11.25 15.4398 11.25 13.9198V12.5698C11.25 11.0498 12.48 9.81982 14 9.81982C15.52 9.81982 16.75 11.0498 16.75 12.5698V13.9198C16.75 15.4398 15.52 16.6698 14 16.6698ZM14 11.3298C13.31 11.3298 12.75 11.8898 12.75 12.5798V13.9298C12.75 14.6198 13.31 15.1798 14 15.1798C14.69 15.1798 15.25 14.6198 15.25 13.9298V12.5798C15.25 11.8898 14.69 11.3298 14 11.3298Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/forward-15-seconds.svg b/public/images/icons/vuesax/bold/forward-15-seconds.svg
new file mode 100644
index 0000000..a25ab22
--- /dev/null
+++ b/public/images/icons/vuesax/bold/forward-15-seconds.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="M14.4299 16.9198H12.1399C11.7299 16.9198 11.3899 16.5798 11.3899 16.1698C11.3899 15.7598 11.7299 15.4198 12.1399 15.4198H14.4299C14.8599 15.4198 15.2099 15.0698 15.2099 14.6398C15.2099 14.2098 14.8599 13.8598 14.4299 13.8598H12.1399C11.8999 13.8598 11.6699 13.7398 11.5299 13.5498C11.3899 13.3598 11.3499 13.0998 11.4299 12.8698L12.1899 10.5798C12.2899 10.2698 12.5799 10.0698 12.8999 10.0698H15.9599C16.3699 10.0698 16.7099 10.4098 16.7099 10.8198C16.7099 11.2298 16.3699 11.5698 15.9599 11.5698H13.4399L13.1799 12.3598H14.4299C15.6899 12.3598 16.7099 13.3798 16.7099 14.6398C16.7099 15.8998 15.6799 16.9198 14.4299 16.9198Z" fill="#292D32"/>
+<path d="M9.53992 16.9198C9.12992 16.9198 8.78992 16.5798 8.78992 16.1698V12.7798L8.59992 12.9998C8.31992 13.3098 7.84992 13.3298 7.53992 13.0598C7.23992 12.7798 7.20992 12.3098 7.48992 11.9998L8.98992 10.3298C9.19992 10.0998 9.52992 10.0198 9.81992 10.1298C10.1099 10.2398 10.2999 10.5198 10.2999 10.8298V16.1798C10.2899 16.5898 9.95992 16.9198 9.53992 16.9198Z" fill="#292D32"/>
+<path d="M19.6901 7.34978C19.4401 7.01978 18.9701 6.94978 18.6401 7.19978C18.3101 7.44978 18.2401 7.91978 18.4901 8.24978C19.5701 9.68978 20.1401 11.3698 20.1401 13.1098C20.1401 17.5998 16.4901 21.2498 12.0001 21.2498C7.5101 21.2498 3.8601 17.5998 3.8601 13.1098C3.8601 8.61978 7.5101 4.97978 12.0001 4.97978C12.5801 4.97978 13.1701 5.04978 13.8101 5.19978C13.8401 5.20978 13.8701 5.19978 13.9001 5.19978C13.9301 5.19978 13.9501 5.21978 13.9701 5.21978C14.0001 5.21978 14.0201 5.20978 14.0501 5.20978C14.0801 5.20978 14.1101 5.19978 14.1501 5.18978C14.2101 5.17978 14.2601 5.14978 14.3101 5.12978C14.3401 5.10978 14.3701 5.09978 14.4001 5.07978C14.4101 5.06978 14.4301 5.06978 14.4401 5.05978C14.4701 5.03978 14.4801 5.00978 14.5001 4.98978C14.5401 4.94978 14.5701 4.91978 14.6001 4.86978C14.6301 4.82978 14.6401 4.77978 14.6601 4.72978C14.6701 4.69978 14.6901 4.66978 14.7001 4.63978C14.7001 4.61978 14.7001 4.60978 14.7001 4.58978C14.7101 4.53978 14.7101 4.48978 14.7001 4.43978C14.7001 4.38978 14.7001 4.34978 14.6901 4.29978C14.6801 4.25978 14.6601 4.21978 14.6401 4.16978C14.6201 4.11978 14.6001 4.06978 14.5701 4.02978C14.5701 4.01978 14.5701 4.00978 14.5601 3.99978L12.5801 1.52978C12.3201 1.20978 11.8501 1.14978 11.5301 1.40978C11.2101 1.66978 11.1601 2.13978 11.4101 2.45978L12.2301 3.47978C12.1501 3.47978 12.0701 3.46978 11.9901 3.46978C6.6801 3.46978 2.3501 7.78978 2.3501 13.1098C2.3501 18.4298 6.6701 22.7498 11.9901 22.7498C17.3101 22.7498 21.6301 18.4298 21.6301 13.1098C21.6401 11.0398 20.9601 9.04978 19.6901 7.34978Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/forward-5-seconds.svg b/public/images/icons/vuesax/bold/forward-5-seconds.svg
new file mode 100644
index 0000000..933ff5a
--- /dev/null
+++ b/public/images/icons/vuesax/bold/forward-5-seconds.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="M19.48 7.09003C19.22 6.77003 18.75 6.72003 18.43 6.98003C18.11 7.24003 18.06 7.71003 18.32 8.03003C19.45 9.43003 20.08 11.09 20.14 12.83C20.3 17.31 16.78 21.09 12.29 21.24C7.80003 21.4 4.03003 17.88 3.87003 13.4C3.71003 8.92003 7.23003 5.14003 11.72 4.99003C12.29 4.97003 12.89 5.02003 13.54 5.15003C13.58 5.16003 13.62 5.15003 13.66 5.15003C13.76 5.20003 13.88 5.23003 13.99 5.23003C14.16 5.23003 14.32 5.18003 14.46 5.06003C14.78 4.80003 14.83 4.33003 14.58 4.01003L12.6 1.54003C12.34 1.22003 11.87 1.16003 11.55 1.42003C11.23 1.68003 11.18 2.15003 11.43 2.47003L12.26 3.50003C12.07 3.49003 11.87 3.48003 11.68 3.49003C6.37003 3.67003 2.20003 8.15003 2.39003 13.46C2.58003 18.77 7.05003 22.94 12.36 22.75C17.67 22.56 21.84 18.09 21.65 12.78C21.56 10.71 20.82 8.74003 19.48 7.09003Z" fill="#292D32"/>
+<path d="M12.3799 16.9198H10.0899C9.67988 16.9198 9.33988 16.5798 9.33988 16.1698C9.33988 15.7598 9.67988 15.4198 10.0899 15.4198H12.3799C12.8099 15.4198 13.1599 15.0698 13.1599 14.6398C13.1599 14.2098 12.8099 13.8598 12.3799 13.8598H10.0899C9.84988 13.8598 9.61988 13.7398 9.47988 13.5498C9.33988 13.3598 9.29988 13.0998 9.37988 12.8698L10.1399 10.5798C10.2399 10.2698 10.5299 10.0698 10.8499 10.0698H13.9099C14.3199 10.0698 14.6599 10.4098 14.6599 10.8198C14.6599 11.2298 14.3199 11.5698 13.9099 11.5698H11.3899L11.1299 12.3598H12.3799C13.6399 12.3598 14.6599 13.3798 14.6599 14.6398C14.6599 15.8998 13.6399 16.9198 12.3799 16.9198Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/forward-item.svg b/public/images/icons/vuesax/bold/forward-item.svg
new file mode 100644
index 0000000..5db6571
--- /dev/null
+++ b/public/images/icons/vuesax/bold/forward-item.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="M21.25 5.77V9C21.25 11.1146 20.5423 11.899 18.6308 12.0068C18.3551 12.0223 18.13 11.7961 18.13 11.52V10.38C18.13 7.26 16.74 5.87 13.62 5.87H12.48C12.2039 5.87 11.9777 5.64494 11.9932 5.36924C12.101 3.45773 12.8854 2.75 15 2.75H18.23C20.52 2.75 21.25 3.48 21.25 5.77Z" fill="#292D32"/>
+<path d="M16.63 10.3801V13.6201C16.63 15.9001 15.9 16.6301 13.62 16.6301H10.38C8.1 16.6301 7.37 15.9001 7.37 13.6201V10.3801C7.37 8.10012 8.1 7.37012 10.38 7.37012H13.62C15.9 7.37012 16.63 8.10012 16.63 10.3801Z" fill="#292D32"/>
+<path d="M11.52 18.13C11.7961 18.13 12.0223 18.355 12.0068 18.6307C11.899 20.5422 11.1146 21.25 9 21.25H5.77C3.48 21.25 2.75 20.52 2.75 18.23V15C2.75 12.8854 3.45773 12.101 5.36924 11.9932C5.64494 11.9777 5.87 12.2038 5.87 12.48V13.62C5.87 16.74 7.26 18.13 10.38 18.13H11.52Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/forward-square.svg b/public/images/icons/vuesax/bold/forward-square.svg
new file mode 100644
index 0000000..002673d
--- /dev/null
+++ b/public/images/icons/vuesax/bold/forward-square.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM17.53 9.72L15.96 11.29C15.81 11.44 15.62 11.51 15.43 11.51C15.24 11.51 15.05 11.44 14.9 11.29C14.61 11 14.61 10.52 14.9 10.23L15.16 9.97H10.08C8.8 9.97 7.75 11.01 7.75 12.3C7.75 13.59 8.79 14.63 10.08 14.63H15C15.41 14.63 15.75 14.97 15.75 15.38C15.75 15.79 15.41 16.13 15 16.13H10.08C7.97 16.13 6.25 14.41 6.25 12.3C6.25 10.19 7.97 8.47 10.08 8.47H15.23L14.9 8.15C14.61 7.86 14.61 7.38 14.9 7.09C15.19 6.8 15.67 6.8 15.96 7.09L17.53 8.66C17.82 8.96 17.82 9.43 17.53 9.72Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/forward.svg b/public/images/icons/vuesax/bold/forward.svg
new file mode 100644
index 0000000..70ba5c6
--- /dev/null
+++ b/public/images/icons/vuesax/bold/forward.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="M2 8.33983V15.6598C2 17.1598 3.63 18.0998 4.93 17.3498L8.1 15.5198L11.27 13.6898L11.76 13.4098V10.5898L11.27 10.3098L8.1 8.47983L4.93 6.64983C3.63 5.89983 2 6.83983 2 8.33983Z" fill="#292D32"/>
+<path d="M11.76 8.33983V15.6598C11.76 17.1598 13.39 18.0998 14.68 17.3498L17.86 15.5198L21.03 13.6898C22.32 12.9398 22.32 11.0598 21.03 10.3098L17.86 8.47983L14.68 6.64983C13.39 5.89983 11.76 6.83983 11.76 8.33983Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/frame-1.svg b/public/images/icons/vuesax/bold/frame-1.svg
new file mode 100644
index 0000000..09db429
--- /dev/null
+++ b/public/images/icons/vuesax/bold/frame-1.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.02 4.62012H6.98C5.39 4.62012 4.75 5.22012 4.75 6.74012V18.6201H10.25V6.74012C10.24 5.22012 9.6 4.62012 8.02 4.62012Z" fill="#292D32"/>
+<path d="M16.52 9.62012H15.48C13.89 9.62012 13.25 10.2301 13.25 11.7401V18.6201H18.75V11.7401C18.75 10.2301 18.1 9.62012 16.52 9.62012Z" fill="#292D32"/>
+<path d="M2.75 17.8799H21.25C21.66 17.8799 22 18.2199 22 18.6299C22 19.0399 21.66 19.3799 21.25 19.3799H2.75C2.34 19.3799 2 19.0399 2 18.6199C2 18.1999 2.34 17.8799 2.75 17.8799Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/frame.svg b/public/images/icons/vuesax/bold/frame.svg
new file mode 100644
index 0000000..ad00d10
--- /dev/null
+++ b/public/images/icons/vuesax/bold/frame.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 2C9.38 2 7.25 4.13 7.25 6.75C7.25 9.32 9.26 11.4 11.88 11.49C11.96 11.48 12.04 11.48 12.1 11.49C12.12 11.49 12.13 11.49 12.15 11.49C12.16 11.49 12.16 11.49 12.17 11.49C14.73 11.4 16.74 9.32 16.75 6.75C16.75 4.13 14.62 2 12 2Z" fill="#292D32"/>
+<path d="M17.08 14.1499C14.29 12.2899 9.73996 12.2899 6.92996 14.1499C5.65996 14.9999 4.95996 16.1499 4.95996 17.3799C4.95996 18.6099 5.65996 19.7499 6.91996 20.5899C8.31996 21.5299 10.16 21.9999 12 21.9999C13.84 21.9999 15.68 21.5299 17.08 20.5899C18.34 19.7399 19.04 18.5999 19.04 17.3599C19.03 16.1299 18.34 14.9899 17.08 14.1499Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/framer.svg b/public/images/icons/vuesax/bold/framer.svg
new file mode 100644
index 0000000..64651f3
--- /dev/null
+++ b/public/images/icons/vuesax/bold/framer.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.5 10.4901V16.4301C4.5 16.7401 4.64 17.0401 4.87 17.2401L10.23 21.83C10.93 22.43 12 21.9301 12 21.0201V16.9201H16.91C17.86 16.9201 18.34 15.7701 17.67 15.0901L12 9.42008H5.57001C4.98001 9.41008 4.5 9.89005 4.5 10.4901Z" fill="black"/>
+<path d="M18.4298 1.91016H7.0898C6.1398 1.91016 5.65979 3.06014 6.32979 3.74014L11.9998 9.41016H18.4298C19.0198 9.41016 19.4998 8.93015 19.4998 8.34015V2.98016C19.4998 2.39016 19.0198 1.91016 18.4298 1.91016Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/ftx-token-(ftt).svg b/public/images/icons/vuesax/bold/ftx-token-(ftt).svg
new file mode 100644
index 0000000..33bdf50
--- /dev/null
+++ b/public/images/icons/vuesax/bold/ftx-token-(ftt).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="M21 2H9C8.45 2 8 2.45 8 3V6C8 6.55 8.45 7 9 7H21C21.55 7 22 6.55 22 6V3C22 2.45 21.55 2 21 2Z" fill="black"/>
+<path d="M11 17H8C7.45 17 7 17.45 7 18V21C7 21.55 7.45 22 8 22H11C11.55 22 12 21.55 12 21V18C12 17.45 11.55 17 11 17Z" fill="black"/>
+<path d="M6 9.5H3C2.45 9.5 2 9.95 2 10.5V13.5C2 14.05 2.45 14.5 3 14.5H6C6.55 14.5 7 14.05 7 13.5V10.5C7 9.95 6.55 9.5 6 9.5Z" fill="black"/>
+<path d="M17 9.64014H10.5C9.95 9.64014 9.5 10.0901 9.5 10.6401V13.3601C9.5 13.9101 9.95 14.3601 10.5 14.3601H17C17.55 14.3601 18 13.9101 18 13.3601V10.6401C18 10.0901 17.55 9.64014 17 9.64014Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/gallery-add.svg b/public/images/icons/vuesax/bold/gallery-add.svg
new file mode 100644
index 0000000..d008da6
--- /dev/null
+++ b/public/images/icons/vuesax/bold/gallery-add.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.97 1H18.03C17.16 1 16.52 1.36 16.23 2C16.07 2.29 16 2.63 16 3.03V5.97C16 7.24 16.76 8 18.03 8H20.97C21.37 8 21.71 7.93 22 7.77C22.64 7.48 23 6.84 23 5.97V3.03C23 1.76 22.24 1 20.97 1ZM21.91 4.93C21.81 5.03 21.66 5.1 21.5 5.11H20.09V5.62L20.1 6.5C20.09 6.67 20.03 6.81 19.91 6.93C19.81 7.03 19.66 7.1 19.5 7.1C19.17 7.1 18.9 6.83 18.9 6.5V5.1L17.5 5.11C17.17 5.11 16.9 4.83 16.9 4.5C16.9 4.17 17.17 3.9 17.5 3.9L18.38 3.91H18.9V2.51C18.9 2.18 19.17 1.9 19.5 1.9C19.83 1.9 20.1 2.18 20.1 2.51L20.09 3.22V3.9H21.5C21.83 3.9 22.1 4.17 22.1 4.5C22.09 4.67 22.02 4.81 21.91 4.93Z" fill="#292D32"/>
+<path d="M9 10.3801C10.3144 10.3801 11.38 9.31456 11.38 8.00012C11.38 6.68568 10.3144 5.62012 9 5.62012C7.68556 5.62012 6.62 6.68568 6.62 8.00012C6.62 9.31456 7.68556 10.3801 9 10.3801Z" fill="#292D32"/>
+<path d="M20.97 8H20.5V12.61L20.37 12.5C19.59 11.83 18.33 11.83 17.55 12.5L13.39 16.07C12.61 16.74 11.35 16.74 10.57 16.07L10.23 15.79C9.52 15.17 8.39 15.11 7.59 15.65L3.85 18.16C3.63 17.6 3.5 16.95 3.5 16.19V7.81C3.5 4.99 4.99 3.5 7.81 3.5H16V3.03C16 2.63 16.07 2.29 16.23 2H7.81C4.17 2 2 4.17 2 7.81V16.19C2 17.28 2.19 18.23 2.56 19.03C3.42 20.93 5.26 22 7.81 22H16.19C19.83 22 22 19.83 22 16.19V7.77C21.71 7.93 21.37 8 20.97 8Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/gallery-edit.svg b/public/images/icons/vuesax/bold/gallery-edit.svg
new file mode 100644
index 0000000..0553bd1
--- /dev/null
+++ b/public/images/icons/vuesax/bold/gallery-edit.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.97 1H18.03C16.76 1 16 1.76 16 3.03V5.97C16 7.24 16.76 8 18.03 8H20.97C22.24 8 23 7.24 23 5.97V3.03C23 1.76 22.24 1 20.97 1ZM19.01 6.57C18.98 6.6 18.91 6.64 18.86 6.64L17.82 6.79C17.79 6.8 17.75 6.8 17.72 6.8C17.57 6.8 17.44 6.75 17.35 6.65C17.23 6.53 17.18 6.36 17.21 6.18L17.36 5.14C17.37 5.09 17.4 5.02 17.43 4.99L19.13 3.29C19.16 3.36 19.19 3.44 19.22 3.52C19.26 3.6 19.3 3.67 19.34 3.74C19.37 3.8 19.41 3.86 19.45 3.9C19.49 3.96 19.53 4.02 19.56 4.05C19.58 4.08 19.59 4.09 19.6 4.1C19.69 4.21 19.79 4.31 19.88 4.38C19.9 4.4 19.92 4.42 19.93 4.42C19.98 4.46 20.04 4.51 20.08 4.54C20.14 4.58 20.19 4.62 20.25 4.65C20.32 4.69 20.4 4.73 20.48 4.77C20.56 4.81 20.64 4.84 20.71 4.86L19.01 6.57ZM21.4 4.18L21.08 4.5C21.06 4.53 21.03 4.54 21 4.54C20.99 4.54 20.98 4.54 20.97 4.54C20.25 4.33 19.68 3.76 19.47 3.04C19.46 3 19.47 2.96 19.5 2.93L19.83 2.6C20.37 2.06 20.88 2.07 21.41 2.6C21.68 2.87 21.81 3.13 21.81 3.39C21.8 3.65 21.67 3.91 21.4 4.18Z" fill="#292D32"/>
+<path d="M9.00012 10.3801C10.3146 10.3801 11.3801 9.31456 11.3801 8.00012C11.3801 6.68568 10.3146 5.62012 9.00012 5.62012C7.68568 5.62012 6.62012 6.68568 6.62012 8.00012C6.62012 9.31456 7.68568 10.3801 9.00012 10.3801Z" fill="#292D32"/>
+<path d="M20.97 8H20.5V12.61L20.37 12.5C19.59 11.83 18.33 11.83 17.55 12.5L13.39 16.07C12.61 16.74 11.35 16.74 10.57 16.07L10.23 15.79C9.52 15.17 8.39 15.11 7.59 15.65L3.85 18.16C3.63 17.6 3.5 16.95 3.5 16.19V7.81C3.5 4.99 4.99 3.5 7.81 3.5H16V3.03C16 2.63 16.07 2.29 16.23 2H7.81C4.17 2 2 4.17 2 7.81V16.19C2 17.28 2.19 18.23 2.56 19.03C3.42 20.93 5.26 22 7.81 22H16.19C19.83 22 22 19.83 22 16.19V7.77C21.71 7.93 21.37 8 20.97 8Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/gallery-export.svg b/public/images/icons/vuesax/bold/gallery-export.svg
new file mode 100644
index 0000000..97e7686
--- /dev/null
+++ b/public/images/icons/vuesax/bold/gallery-export.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.97 1H18.03C16.76 1 16 1.76 16 3.03V5.97C16 7.24 16.76 8 18.03 8H20.97C22.24 8 23 7.24 23 5.97V3.03C23 1.76 22.24 1 20.97 1ZM21.19 4.31C21.07 4.43 20.91 4.49 20.75 4.49C20.59 4.49 20.43 4.43 20.31 4.31L20.13 4.13V6.37C20.13 6.72 19.85 7 19.5 7C19.15 7 18.87 6.72 18.87 6.37V4.13L18.69 4.31C18.45 4.55 18.05 4.55 17.81 4.31C17.57 4.07 17.57 3.67 17.81 3.43L19.06 2.18C19.11 2.13 19.18 2.09 19.25 2.06C19.27 2.05 19.29 2.05 19.31 2.04C19.36 2.02 19.41 2.01 19.47 2.01C19.49 2.01 19.51 2.01 19.53 2.01C19.6 2.01 19.66 2.02 19.73 2.05C19.74 2.05 19.74 2.05 19.75 2.05C19.82 2.08 19.88 2.12 19.93 2.17C19.94 2.18 19.94 2.18 19.95 2.18L21.2 3.43C21.44 3.67 21.44 4.07 21.19 4.31Z" fill="#292D32"/>
+<path d="M9 10.3801C10.3144 10.3801 11.38 9.31456 11.38 8.00012C11.38 6.68568 10.3144 5.62012 9 5.62012C7.68556 5.62012 6.62 6.68568 6.62 8.00012C6.62 9.31456 7.68556 10.3801 9 10.3801Z" fill="#292D32"/>
+<path d="M20.97 8H20.5V12.61L20.37 12.5C19.59 11.83 18.33 11.83 17.55 12.5L13.39 16.07C12.61 16.74 11.35 16.74 10.57 16.07L10.23 15.79C9.52 15.17 8.39 15.11 7.59 15.65L3.85 18.16C3.63 17.6 3.5 16.95 3.5 16.19V7.81C3.5 4.99 4.99 3.5 7.81 3.5H16V3.03C16 2.63 16.07 2.29 16.23 2H7.81C4.17 2 2 4.17 2 7.81V16.19C2 17.28 2.19 18.23 2.56 19.03C3.42 20.93 5.26 22 7.81 22H16.19C19.83 22 22 19.83 22 16.19V7.77C21.71 7.93 21.37 8 20.97 8Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/gallery-favorite.svg b/public/images/icons/vuesax/bold/gallery-favorite.svg
new file mode 100644
index 0000000..842b38d
--- /dev/null
+++ b/public/images/icons/vuesax/bold/gallery-favorite.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 10.3801C10.3144 10.3801 11.38 9.31456 11.38 8.00012C11.38 6.68568 10.3144 5.62012 9 5.62012C7.68556 5.62012 6.62 6.68568 6.62 8.00012C6.62 9.31456 7.68556 10.3801 9 10.3801Z" fill="#292D32"/>
+<path d="M20.97 8H20.5V12.61L20.37 12.5C19.59 11.83 18.33 11.83 17.55 12.5L13.39 16.07C12.61 16.74 11.35 16.74 10.57 16.07L10.23 15.79C9.52 15.17 8.39 15.11 7.59 15.65L3.85 18.16C3.63 17.6 3.5 16.95 3.5 16.19V7.81C3.5 4.99 4.99 3.5 7.81 3.5H16V3.03C16 2.63 16.07 2.29 16.23 2H7.81C4.17 2 2 4.17 2 7.81V16.19C2 17.28 2.19 18.23 2.56 19.03C3.42 20.93 5.26 22 7.81 22H16.19C19.83 22 22 19.83 22 16.19V7.77C21.71 7.93 21.37 8 20.97 8Z" fill="#292D32"/>
+<path d="M20.97 1H18.03C17.16 1 16.52 1.36 16.23 2C16.07 2.29 16 2.63 16 3.03V3.5V5.97C16 7.24 16.76 8 18.03 8H20.5H20.97C21.37 8 21.71 7.93 22 7.77C22.64 7.48 23 6.84 23 5.97V3.03C23 1.76 22.24 1 20.97 1ZM20.3 6.21C19.98 6.4 19.67 6.5 19.5 6.5C19.05 6.5 17.77 5.88 17.39 4.68C17.33 4.5 17.3 4.3 17.3 4.11C17.3 3.94 17.32 3.77 17.37 3.61C17.5 3.14 17.81 2.73 18.33 2.56C18.53 2.5 18.74 2.48 18.93 2.52C19.13 2.55 19.32 2.63 19.49 2.76C19.81 2.51 20.25 2.43 20.67 2.56C21.58 2.86 21.87 3.89 21.61 4.68C21.57 4.8 21.52 4.92 21.46 5.03C21.19 5.57 20.73 5.97 20.3 6.21Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/gallery-import.svg b/public/images/icons/vuesax/bold/gallery-import.svg
new file mode 100644
index 0000000..e30397c
--- /dev/null
+++ b/public/images/icons/vuesax/bold/gallery-import.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.97 8H18.03C16.76 8 16 7.24 16 5.97V3.03C16 1.76 16.76 1 18.03 1H20.97C22.24 1 23 1.76 23 3.03V5.97C23 7.24 22.24 8 20.97 8ZM21.19 4.69C21.07 4.57 20.91 4.51 20.75 4.51C20.59 4.51 20.43 4.57 20.31 4.69L20.13 4.87V2.63C20.13 2.28 19.85 2 19.5 2C19.15 2 18.87 2.28 18.87 2.63V4.87L18.69 4.69C18.45 4.45 18.05 4.45 17.81 4.69C17.57 4.93 17.57 5.33 17.81 5.57L19.06 6.82C19.11 6.87 19.18 6.91 19.25 6.94C19.27 6.95 19.29 6.95 19.31 6.96C19.36 6.98 19.41 6.99 19.47 6.99C19.49 6.99 19.51 6.99 19.53 6.99C19.6 6.99 19.66 6.98 19.73 6.95C19.74 6.95 19.74 6.95 19.75 6.95C19.82 6.92 19.88 6.88 19.93 6.83C19.94 6.82 19.94 6.82 19.95 6.82L21.2 5.57C21.44 5.33 21.44 4.93 21.19 4.69Z" fill="#292D32"/>
+<path d="M9 10.3801C10.3144 10.3801 11.38 9.31456 11.38 8.00012C11.38 6.68568 10.3144 5.62012 9 5.62012C7.68556 5.62012 6.62 6.68568 6.62 8.00012C6.62 9.31456 7.68556 10.3801 9 10.3801Z" fill="#292D32"/>
+<path d="M20.97 8H20.5V12.61L20.37 12.5C19.59 11.83 18.33 11.83 17.55 12.5L13.39 16.07C12.61 16.74 11.35 16.74 10.57 16.07L10.23 15.79C9.52 15.17 8.39 15.11 7.59 15.65L3.85 18.16C3.63 17.6 3.5 16.95 3.5 16.19V7.81C3.5 4.99 4.99 3.5 7.81 3.5H16V3.03C16 2.63 16.07 2.29 16.23 2H7.81C4.17 2 2 4.17 2 7.81V16.19C2 17.28 2.19 18.23 2.56 19.03C3.42 20.93 5.26 22 7.81 22H16.19C19.83 22 22 19.83 22 16.19V7.77C21.71 7.93 21.37 8 20.97 8Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/gallery-remove.svg b/public/images/icons/vuesax/bold/gallery-remove.svg
new file mode 100644
index 0000000..be497aa
--- /dev/null
+++ b/public/images/icons/vuesax/bold/gallery-remove.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.97 1H18.03C16.76 1 16 1.76 16 3.03V5.97C16 7.24 16.76 8 18.03 8H20.97C22.24 8 23 7.24 23 5.97V3.03C23 1.76 22.24 1 20.97 1ZM21.47 5.56C21.72 5.81 21.72 6.22 21.47 6.47C21.34 6.59 21.18 6.65 21.01 6.65C20.85 6.65 20.69 6.59 20.56 6.47L19.5 5.41L18.45 6.47C18.32 6.59 18.16 6.65 17.99 6.65C17.83 6.65 17.67 6.59 17.54 6.47C17.29 6.22 17.29 5.81 17.54 5.56L18.6 4.5L17.54 3.45C17.29 3.2 17.29 2.79 17.54 2.54C17.79 2.29 18.2 2.29 18.45 2.54L19.5 3.6L20.56 2.54C20.81 2.29 21.22 2.29 21.47 2.54C21.72 2.79 21.72 3.2 21.47 3.45L20.41 4.5L21.47 5.56Z" fill="#292D32"/>
+<path d="M9.00012 10.3801C10.3146 10.3801 11.3801 9.31456 11.3801 8.00012C11.3801 6.68568 10.3146 5.62012 9.00012 5.62012C7.68568 5.62012 6.62012 6.68568 6.62012 8.00012C6.62012 9.31456 7.68568 10.3801 9.00012 10.3801Z" fill="#292D32"/>
+<path d="M20.97 8H20.5V12.61L20.37 12.5C19.59 11.83 18.33 11.83 17.55 12.5L13.39 16.07C12.61 16.74 11.35 16.74 10.57 16.07L10.23 15.79C9.52 15.17 8.39 15.11 7.59 15.65L3.85 18.16C3.63 17.6 3.5 16.95 3.5 16.19V7.81C3.5 4.99 4.99 3.5 7.81 3.5H16V3.03C16 2.63 16.07 2.29 16.23 2H7.81C4.17 2 2 4.17 2 7.81V16.19C2 17.28 2.19 18.23 2.56 19.03C3.42 20.93 5.26 22 7.81 22H16.19C19.83 22 22 19.83 22 16.19V7.77C21.71 7.93 21.37 8 20.97 8Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/gallery-slash.svg b/public/images/icons/vuesax/bold/gallery-slash.svg
new file mode 100644
index 0000000..ae75ce5
--- /dev/null
+++ b/public/images/icons/vuesax/bold/gallery-slash.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="M21.77 2.22988C21.47 1.92988 20.98 1.92988 20.68 2.22988L2.23 20.6899C1.93 20.9899 1.93 21.4799 2.23 21.7799C2.38 21.9199 2.57 21.9999 2.77 21.9999C2.97 21.9999 3.16 21.9199 3.31 21.7699L21.77 3.30988C22.08 3.00988 22.08 2.52988 21.77 2.22988Z" fill="#292D32"/>
+<path d="M9 10.3801C10.3144 10.3801 11.38 9.31456 11.38 8.00012C11.38 6.68568 10.3144 5.62012 9 5.62012C7.68556 5.62012 6.62 6.68568 6.62 8.00012C6.62 9.31456 7.68556 10.3801 9 10.3801Z" fill="#292D32"/>
+<path d="M21.61 5.39014L20.39 6.61014C20.47 6.98014 20.5 7.38014 20.5 7.81014V12.6101L20.37 12.5001C19.59 11.8301 18.33 11.8301 17.55 12.5001L13.39 16.0701C12.68 16.6801 11.56 16.7401 10.78 16.2201L5.40002 21.6001C5.44002 21.6201 5.48002 21.6301 5.52002 21.6401C5.79002 21.7301 6.06002 21.8001 6.35002 21.8601C6.45002 21.8801 6.55002 21.9001 6.66002 21.9101C7.03002 21.9601 7.41002 22.0001 7.81002 22.0001H16.19C19.83 22.0001 22 19.8301 22 16.1901V7.81014C22 6.91014 21.87 6.10014 21.61 5.39014Z" fill="#292D32"/>
+<path d="M21.61 5.39014L20.39 6.61014C20.47 6.98014 20.5 7.38014 20.5 7.81014V12.6101L20.37 12.5001C19.59 11.8301 18.33 11.8301 17.55 12.5001L13.39 16.0701C12.68 16.6801 11.56 16.7401 10.78 16.2201L5.39001 21.6101C6.10001 21.8701 6.91001 22.0001 7.81001 22.0001H16.19C19.83 22.0001 22 19.8301 22 16.1901V7.81014C22 6.91014 21.87 6.10014 21.61 5.39014Z" fill="#292D32"/>
+<path d="M20.46 3.54L19.4 4.6C18.68 3.87 17.6 3.5 16.19 3.5H7.81C4.99 3.5 3.5 4.99 3.5 7.81V16.19C3.5 16.95 3.63 17.6 3.85 18.16L7.59 15.65C7.93 15.42 8.32 15.3 8.71 15.29L3.54 20.46C3.14 20.06 2.81 19.58 2.56 19.03C2.19 18.23 2 17.28 2 16.19V7.81C2 4.17 4.17 2 7.81 2H16.19C18.01 2 19.46 2.54 20.46 3.54Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/gallery-tick.svg b/public/images/icons/vuesax/bold/gallery-tick.svg
new file mode 100644
index 0000000..d08af24
--- /dev/null
+++ b/public/images/icons/vuesax/bold/gallery-tick.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.97 1H18.03C16.76 1 16 1.76 16 3.03V5.97C16 7.24 16.76 8 18.03 8H20.97C22.24 8 23 7.24 23 5.97V3.03C23 1.76 22.24 1 20.97 1ZM21.63 3.45L19.26 6.22C19.17 6.33 19.03 6.4 18.89 6.4C18.88 6.4 18.88 6.4 18.87 6.4C18.73 6.4 18.6 6.35 18.5 6.25L17.4 5.17C17.2 4.97 17.2 4.64 17.4 4.44C17.6 4.24 17.93 4.23 18.13 4.44L18.83 5.13L20.83 2.79C21.02 2.57 21.34 2.55 21.56 2.73C21.79 2.91 21.81 3.24 21.63 3.45Z" fill="#292D32"/>
+<path d="M9 10.3801C10.3144 10.3801 11.38 9.31456 11.38 8.00012C11.38 6.68568 10.3144 5.62012 9 5.62012C7.68556 5.62012 6.62 6.68568 6.62 8.00012C6.62 9.31456 7.68556 10.3801 9 10.3801Z" fill="#292D32"/>
+<path d="M20.97 8H20.5V12.61L20.37 12.5C19.59 11.83 18.33 11.83 17.55 12.5L13.39 16.07C12.61 16.74 11.35 16.74 10.57 16.07L10.23 15.79C9.52 15.17 8.39 15.11 7.59 15.65L3.85 18.16C3.63 17.6 3.5 16.95 3.5 16.19V7.81C3.5 4.99 4.99 3.5 7.81 3.5H16V3.03C16 2.63 16.07 2.29 16.23 2H7.81C4.17 2 2 4.17 2 7.81V16.19C2 17.28 2.19 18.23 2.56 19.03C3.42 20.93 5.26 22 7.81 22H16.19C19.83 22 22 19.83 22 16.19V7.77C21.71 7.93 21.37 8 20.97 8Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/gallery.svg b/public/images/icons/vuesax/bold/gallery.svg
new file mode 100644
index 0000000..cc1e3b8
--- /dev/null
+++ b/public/images/icons/vuesax/bold/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="M2.58005 19.0098L2.56005 19.0298C2.29005 18.4398 2.12005 17.7698 2.05005 17.0298C2.12005 17.7598 2.31005 18.4198 2.58005 19.0098Z" fill="#292D32"/>
+<path d="M9 10.3801C10.3144 10.3801 11.38 9.31456 11.38 8.00012C11.38 6.68568 10.3144 5.62012 9 5.62012C7.68556 5.62012 6.62 6.68568 6.62 8.00012C6.62 9.31456 7.68556 10.3801 9 10.3801Z" fill="#292D32"/>
+<path d="M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.19C2 17.28 2.19 18.23 2.56 19.03C3.42 20.93 5.26 22 7.81 22H16.19C19.83 22 22 19.83 22 16.19V13.9V7.81C22 4.17 19.83 2 16.19 2ZM20.37 12.5C19.59 11.83 18.33 11.83 17.55 12.5L13.39 16.07C12.61 16.74 11.35 16.74 10.57 16.07L10.23 15.79C9.52 15.17 8.39 15.11 7.59 15.65L3.85 18.16C3.63 17.6 3.5 16.95 3.5 16.19V7.81C3.5 4.99 4.99 3.5 7.81 3.5H16.19C19.01 3.5 20.5 4.99 20.5 7.81V12.61L20.37 12.5Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/game.svg b/public/images/icons/vuesax/bold/game.svg
new file mode 100644
index 0000000..61e8f72
--- /dev/null
+++ b/public/images/icons/vuesax/bold/game.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.65 5.72021H7.35C4.4 5.72021 2 8.12021 2 11.0702V16.6502C2 19.6002 4.4 22.0002 7.35 22.0002H16.65C19.6 22.0002 22 19.6002 22 16.6502V11.0702C22 8.12021 19.6 5.72021 16.65 5.72021ZM14.5 12.0202C14.5 11.4702 14.95 11.0202 15.5 11.0202C16.05 11.0202 16.5 11.4702 16.5 12.0202C16.5 12.5702 16.05 13.0302 15.5 13.0302C14.95 13.0302 14.5 12.5902 14.5 12.0402V12.0202ZM10.13 16.0702C9.98 16.2202 9.79 16.2902 9.6 16.2902C9.41 16.2902 9.22 16.2202 9.07 16.0702L8.04 15.0402L7.05 16.0302C6.9 16.1802 6.71 16.2502 6.52 16.2502C6.33 16.2502 6.14 16.1802 5.99 16.0302C5.7 15.7402 5.7 15.2602 5.99 14.9702L6.98 13.9802L6.02 13.0202C5.73 12.7302 5.73 12.2502 6.02 11.9602C6.31 11.6702 6.79 11.6702 7.08 11.9602L8.04 12.9202L9.03 11.9302C9.32 11.6402 9.8 11.6402 10.09 11.9302C10.38 12.2202 10.38 12.7002 10.09 12.9902L9.1 13.9802L10.13 15.0102C10.42 15.3002 10.42 15.7802 10.13 16.0702ZM13.54 15.0002C12.99 15.0002 12.53 14.5502 12.53 14.0002C12.53 13.4502 12.97 13.0002 13.52 13.0002H13.54C14.09 13.0002 14.54 13.4502 14.54 14.0002C14.54 14.5502 14.1 15.0002 13.54 15.0002ZM15.5 16.9702C14.95 16.9702 14.5 16.5302 14.5 15.9802V15.9602C14.5 15.4102 14.95 14.9602 15.5 14.9602C16.05 14.9602 16.5 15.4102 16.5 15.9602C16.5 16.5102 16.06 16.9702 15.5 16.9702ZM17.48 15.0002C16.93 15.0002 16.47 14.5502 16.47 14.0002C16.47 13.4502 16.91 13.0002 17.46 13.0002H17.48C18.03 13.0002 18.48 13.4502 18.48 14.0002C18.48 14.5502 18.04 15.0002 17.48 15.0002Z" fill="#292D32"/>
+<path d="M13.64 2.71L13.63 3.65C13.62 4.53 12.89 5.26 12 5.26C11.85 5.26 11.76 5.36 11.76 5.49C11.76 5.62 11.86 5.72 11.99 5.72H10.38C10.37 5.65 10.36 5.57 10.36 5.49C10.36 4.59 11.09 3.86 11.98 3.86C12.13 3.86 12.23 3.76 12.23 3.63L12.24 2.69C12.25 2.31 12.56 2 12.94 2H12.95C13.34 2 13.64 2.32 13.64 2.71Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/gameboy.svg b/public/images/icons/vuesax/bold/gameboy.svg
new file mode 100644
index 0000000..62c5651
--- /dev/null
+++ b/public/images/icons/vuesax/bold/gameboy.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 2H7C4.8 2 3 3.8 3 6V18C3 20.2 4.8 22 7 22H17C19.2 22 21 20.2 21 18V6C21 3.8 19.2 2 17 2ZM10.86 18.14C10.71 18.29 10.52 18.36 10.33 18.36C10.14 18.36 9.95 18.29 9.8 18.14L9.15 17.49L8.53 18.11C8.38 18.26 8.19 18.33 8 18.33C7.81 18.33 7.62 18.26 7.47 18.11C7.18 17.82 7.18 17.34 7.47 17.05L8.09 16.43L7.5 15.84C7.21 15.55 7.21 15.07 7.5 14.78C7.79 14.49 8.27 14.49 8.56 14.78L9.15 15.37L9.77 14.75C10.06 14.46 10.54 14.46 10.83 14.75C11.12 15.04 11.12 15.52 10.83 15.81L10.21 16.43L10.86 17.08C11.15 17.37 11.15 17.85 10.86 18.14ZM14.49 18.49C13.94 18.49 13.49 18.05 13.49 17.5V17.48C13.49 16.93 13.94 16.48 14.49 16.48C15.04 16.48 15.49 16.93 15.49 17.48C15.49 18.03 15.04 18.49 14.49 18.49ZM16.51 16.33C15.96 16.33 15.5 15.88 15.5 15.33C15.5 14.78 15.94 14.33 16.49 14.33H16.51C17.06 14.33 17.51 14.78 17.51 15.33C17.51 15.88 17.06 16.33 16.51 16.33ZM18 9.25C18 10.21 17.21 11 16.25 11H7.75C6.79 11 6 10.21 6 9.25V6.75C6 5.79 6.79 5 7.75 5H16.25C17.21 5 18 5.79 18 6.75V9.25Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/gas-station.svg b/public/images/icons/vuesax/bold/gas-station.svg
new file mode 100644
index 0000000..a17b11c
--- /dev/null
+++ b/public/images/icons/vuesax/bold/gas-station.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="M22.34 9.33L20.34 8.33C19.97 8.15 19.51 8.29 19.33 8.66C19.14 9.04 19.29 9.49 19.66 9.67L21.25 10.46V15.25L17.5 15.26V5C17.5 3 16.16 2 14.5 2H6.5C4.84 2 3.5 3 3.5 5V21.25H2C1.59 21.25 1.25 21.59 1.25 22C1.25 22.41 1.59 22.75 2 22.75H19C19.41 22.75 19.75 22.41 19.75 22C19.75 21.59 19.41 21.25 19 21.25H17.5V16.76L22 16.75C22.42 16.75 22.75 16.41 22.75 16V10C22.75 9.72 22.59 9.46 22.34 9.33ZM6 6.89C6 5.5 6.85 5 7.89 5H13.12C14.15 5 15 5.5 15 6.89V8.12C15 9.5 14.15 10 13.11 10H7.89C6.85 10 6 9.5 6 8.11V6.89ZM6.5 12.25H9.5C9.91 12.25 10.25 12.59 10.25 13C10.25 13.41 9.91 13.75 9.5 13.75H6.5C6.09 13.75 5.75 13.41 5.75 13C5.75 12.59 6.09 12.25 6.5 12.25Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/gemini-2.svg b/public/images/icons/vuesax/bold/gemini-2.svg
new file mode 100644
index 0000000..2495a10
--- /dev/null
+++ b/public/images/icons/vuesax/bold/gemini-2.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="M23.5299 6.47L21.5299 4.47C21.3899 4.33 21.1999 4.25 20.9999 4.25C20.7999 4.25 20.6099 4.33 20.4699 4.47L18.4699 6.47C18.1799 6.76 18.1799 7.24 18.4699 7.53C18.7599 7.82 19.2399 7.82 19.5299 7.53L20.2499 6.81V11C20.2499 14.58 18.5799 16.25 14.9999 16.25H12.7499V3.81L14.7699 5.83C14.9199 5.98 15.1099 6.05 15.2999 6.05C15.4899 6.05 15.6799 5.98 15.8299 5.83C16.1199 5.54 16.1199 5.06 15.8299 4.77L12.5299 1.47C12.3899 1.33 12.1999 1.25 11.9999 1.25C11.7999 1.25 11.6099 1.33 11.4699 1.47L8.16994 4.77C7.87994 5.06 7.87994 5.54 8.16994 5.83C8.45994 6.12 8.93994 6.12 9.22994 5.83L11.2499 3.81V16.25H8.99994C5.41994 16.25 3.74994 14.58 3.74994 11V6.81L4.46994 7.53C4.61994 7.68 4.80994 7.75 4.99994 7.75C5.18994 7.75 5.37994 7.68 5.52994 7.53C5.81994 7.24 5.81994 6.76 5.52994 6.47L3.52994 4.47C3.38994 4.33 3.19994 4.25 2.99994 4.25C2.79994 4.25 2.60994 4.33 2.46994 4.47L0.469941 6.47C0.179941 6.76 0.179941 7.24 0.469941 7.53C0.759941 7.82 1.23994 7.82 1.52994 7.53L2.24994 6.81V11C2.24994 15.42 4.57994 17.75 8.99994 17.75H11.2499V22C11.2499 22.41 11.5899 22.75 11.9999 22.75C12.4099 22.75 12.7499 22.41 12.7499 22V17.75H14.9999C19.4199 17.75 21.7499 15.42 21.7499 11V6.81L22.4699 7.53C22.6199 7.68 22.8099 7.75 22.9999 7.75C23.1899 7.75 23.3799 7.68 23.5299 7.53C23.8199 7.24 23.8199 6.76 23.5299 6.47Z" fill="#292D32"/>
+<path d="M15 20.75H9C8.59 20.75 8.25 20.41 8.25 20C8.25 19.59 8.59 19.25 9 19.25H15C15.41 19.25 15.75 19.59 15.75 20C15.75 20.41 15.41 20.75 15 20.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/gemini.svg b/public/images/icons/vuesax/bold/gemini.svg
new file mode 100644
index 0000000..dc4f5fe
--- /dev/null
+++ b/public/images/icons/vuesax/bold/gemini.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="M19.2301 4.18006L19.3601 3.94006C19.5101 3.67006 19.4701 3.33006 19.2701 3.09006C19.0701 2.85006 18.7401 2.77006 18.4401 2.88006C14.2901 4.40006 9.71007 4.40006 5.56007 2.88006C5.26007 2.77006 4.94007 2.85006 4.73007 3.09006C4.53007 3.33006 4.49007 3.66006 4.64007 3.94006L4.77007 4.17006C7.39007 9.16006 7.36007 15.0901 4.67007 20.0501C4.52007 20.3201 4.56007 20.6601 4.76007 20.9001C4.96007 21.1401 5.29007 21.2201 5.58007 21.1101C9.71007 19.6001 14.2701 19.6001 18.4101 21.1101C18.4901 21.1401 18.5801 21.1601 18.6701 21.1601C18.8801 21.1601 19.0901 21.0701 19.2401 20.9001C19.4401 20.6601 19.4801 20.3301 19.3301 20.0501C16.6501 15.0901 16.6101 9.16006 19.2301 4.18006Z" fill="#292D32"/>
+<path d="M18.7001 4.33005C18.3901 4.33005 18.1101 4.14005 18.0001 3.84005C17.8601 3.45005 18.0601 3.02005 18.4401 2.88005C19.5201 2.48005 20.5801 1.97005 21.6201 1.36005C21.9801 1.15005 22.4401 1.27005 22.6501 1.62005C22.8601 1.98005 22.7401 2.44005 22.3901 2.65005C21.2801 3.31005 20.1301 3.86005 18.9701 4.29005C18.8701 4.32005 18.7901 4.33005 18.7001 4.33005Z" fill="#292D32"/>
+<path d="M5.29993 4.32988C5.20993 4.32988 5.12993 4.31988 5.03993 4.27988C3.87993 3.85988 2.72993 3.29988 1.61993 2.63988C1.25993 2.42988 1.13993 1.96988 1.35993 1.61988C1.56993 1.25988 2.02993 1.14988 2.38993 1.35988C3.41993 1.96988 4.48993 2.47988 5.56993 2.87988C5.94993 3.01988 6.14993 3.44988 5.99993 3.83988C5.88993 4.13988 5.59993 4.32988 5.29993 4.32988Z" fill="#292D32"/>
+<path d="M21.9999 22.7499C21.8699 22.7499 21.7399 22.7199 21.6199 22.6399C20.5899 22.0299 19.5199 21.5099 18.4199 21.1099C18.0299 20.9699 17.8299 20.5399 17.9699 20.1499C18.1099 19.7599 18.5399 19.5599 18.9299 19.6999C20.1199 20.1299 21.2799 20.6899 22.3899 21.3499C22.7499 21.5599 22.8599 22.0199 22.6499 22.3799C22.4999 22.6199 22.2499 22.7499 21.9999 22.7499Z" fill="#292D32"/>
+<path d="M1.99988 22.7499C1.74988 22.7499 1.49988 22.6199 1.35988 22.3799C1.14988 22.0199 1.25988 21.5599 1.61988 21.3499C2.72988 20.6899 3.88988 20.1299 5.07988 19.6999C5.46988 19.5599 5.89988 19.7599 6.03988 20.1499C6.17988 20.5399 5.97988 20.9699 5.58988 21.1099C4.48988 21.5099 3.40988 22.0299 2.38988 22.6399C2.25988 22.7199 2.12988 22.7499 1.99988 22.7499Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/ghost.svg b/public/images/icons/vuesax/bold/ghost.svg
new file mode 100644
index 0000000..5892d4c
--- /dev/null
+++ b/public/images/icons/vuesax/bold/ghost.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 2C6.5 2 2 6.58 2 12.18V20.07C2 21.33 2.75 21.67 3.67 20.83L4.67 19.92C5.04 19.58 5.64 19.58 6.01 19.92L8.01 21.75C8.38 22.09 8.98 22.09 9.35 21.75L11.35 19.92C11.72 19.58 12.32 19.58 12.69 19.92L14.69 21.75C15.06 22.09 15.66 22.09 16.03 21.75L18.03 19.92C18.4 19.58 19 19.58 19.37 19.92L20.37 20.83C21.29 21.67 22.04 21.33 22.04 20.07V12.18C22 6.58 17.5 2 12 2ZM12 6.62C13.31 6.62 14.38 7.69 14.38 9C14.38 10.31 13.31 11.38 12 11.38C10.69 11.38 9.62 10.31 9.62 9C9.62 7.69 10.69 6.62 12 6.62ZM16.45 14.6C15.14 15.58 13.57 16.07 12 16.07C10.43 16.07 8.86 15.58 7.55 14.6C7.22 14.35 7.15 13.88 7.4 13.55C7.65 13.22 8.12 13.15 8.45 13.4C10.54 14.97 13.46 14.97 15.55 13.4C15.88 13.15 16.35 13.22 16.6 13.55C16.85 13.88 16.78 14.35 16.45 14.6Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/gift.svg b/public/images/icons/vuesax/bold/gift.svg
new file mode 100644
index 0000000..2f57761
--- /dev/null
+++ b/public/images/icons/vuesax/bold/gift.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="M20 12V18C20 20.21 18.21 22 16 22H8C5.79 22 4 20.21 4 18V12C4 11.45 4.45 11 5 11H6.97C7.52 11 7.97 11.45 7.97 12V15.14C7.97 15.88 8.38 16.56 9.03 16.91C9.32 17.07 9.64 17.15 9.97 17.15C10.35 17.15 10.73 17.04 11.06 16.82L12.01 16.2L12.89 16.79C13.5 17.2 14.28 17.25 14.93 16.9C15.59 16.55 16 15.88 16 15.13V12C16 11.45 16.45 11 17 11H19C19.55 11 20 11.45 20 12Z" fill="#292D32"/>
+<path d="M21.5 7V8C21.5 9.1 20.97 10 19.5 10H4.5C2.97 10 2.5 9.1 2.5 8V7C2.5 5.9 2.97 5 4.5 5H19.5C20.97 5 21.5 5.9 21.5 7Z" fill="#292D32"/>
+<path d="M11.64 4.99994H6.12003C5.78003 4.62994 5.79003 4.05994 6.15003 3.69994L7.57003 2.27994C7.94003 1.90994 8.55003 1.90994 8.92003 2.27994L11.64 4.99994Z" fill="#292D32"/>
+<path d="M17.87 4.99994H12.35L15.07 2.27994C15.44 1.90994 16.05 1.90994 16.42 2.27994L17.84 3.69994C18.2 4.05994 18.21 4.62994 17.87 4.99994Z" fill="#292D32"/>
+<path d="M13.9699 11C14.5199 11 14.9699 11.45 14.9699 12V15.13C14.9699 15.93 14.0799 16.41 13.4199 15.96L12.5199 15.36C12.1899 15.14 11.7599 15.14 11.4199 15.36L10.4799 15.98C9.81994 16.42 8.93994 15.94 8.93994 15.15V12C8.93994 11.45 9.38994 11 9.93994 11H13.9699Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/glass.svg b/public/images/icons/vuesax/bold/glass.svg
new file mode 100644
index 0000000..beabec9
--- /dev/null
+++ b/public/images/icons/vuesax/bold/glass.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.71 2H16.76C16.37 2 16.05 2.32 16.05 2.71C16.05 3.11 16.37 3.43 16.76 3.43H17.71C19.42 3.43 20.81 4.82 20.81 6.52V12.4C20.45 12.21 20.05 12.11 19.62 12.11H15.81C14.37 12.11 13.19 13.28 13.19 14.73V16.29H10.81V14.73C10.81 13.28 9.63001 12.11 8.19001 12.11H4.38001C3.95001 12.11 3.55001 12.21 3.19001 12.4V6.52C3.19001 4.82 4.58001 3.43 6.29001 3.43H7.24001C7.63001 3.43 7.95001 3.11 7.95001 2.71C7.95001 2.32 7.63001 2 7.24001 2H6.29001C3.79001 2 1.76001 4.03 1.76001 6.52V14.73V19.38C1.76001 20.83 2.94001 22 4.38001 22H8.19001C9.63001 22 10.81 20.83 10.81 19.38V17.71H13.19V19.38C13.19 20.83 14.37 22 15.81 22H19.62C21.06 22 22.24 20.83 22.24 19.38V14.73V6.52C22.24 4.03 20.21 2 17.71 2Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/global-edit.svg b/public/images/icons/vuesax/bold/global-edit.svg
new file mode 100644
index 0000000..c473348
--- /dev/null
+++ b/public/images/icons/vuesax/bold/global-edit.svg
@@ -0,0 +1,12 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.73 14.6701L14.58 18.8201C14.42 18.9801 14.27 19.2901 14.23 19.5101L14 21.1001C13.92 21.6701 14.32 22.0801 14.89 21.9901L16.48 21.7601C16.7 21.7301 17.01 21.5701 17.17 21.4101L21.32 17.2601C22.03 16.5501 22.37 15.7101 21.32 14.6601C20.28 13.6201 19.45 13.9501 18.73 14.6701Z" fill="#292D32"/>
+<path d="M18.14 15.2598C18.49 16.5198 19.48 17.4998 20.74 17.8598L18.14 15.2598Z" fill="#292D32"/>
+<path d="M2.03001 14.6299C2.03001 14.6599 2.01001 14.6999 2.01001 14.7299C2.93001 16.5699 4.43001 18.0799 6.27001 18.9899C6.30001 18.9899 6.34001 18.9699 6.37001 18.9699C6.03001 17.8099 5.77001 16.6199 5.58001 15.4299C4.38001 15.2299 3.19001 14.9699 2.03001 14.6299Z" fill="#292D32"/>
+<path d="M19.07 6.42994C18.13 4.45994 16.54 2.86994 14.58 1.93994C14.94 3.12994 15.24 4.34994 15.44 5.56994C16.66 5.76994 17.88 6.05994 19.07 6.42994Z" fill="#292D32"/>
+<path d="M1.92999 6.43002C3.12999 6.07002 4.34999 5.77002 5.56999 5.57002C5.76999 4.38002 6.01999 3.20002 6.35999 2.04002C6.32999 2.04002 6.28999 2.02002 6.25999 2.02002C4.37999 2.95002 2.84999 4.52002 1.92999 6.43002Z" fill="#292D32"/>
+<path d="M13.82 5.36C13.58 4.06 13.28 2.76 12.85 1.5C12.83 1.43 12.83 1.37 12.82 1.29C12.08 1.11 11.3 1 10.5 1C9.68999 1 8.91999 1.11 8.16999 1.3C8.15999 1.37 8.16999 1.43 8.14999 1.51C7.72999 2.77 7.41999 4.06 7.17999 5.36C9.38999 5.12 11.61 5.12 13.82 5.36Z" fill="#292D32"/>
+<path d="M5.36 7.18018C4.05 7.42018 2.77 7.73018 1.5 8.15018C1.43 8.17018 1.37 8.17018 1.3 8.18018C1.11 8.92018 1 9.70018 1 10.5002C1 11.3102 1.11 12.0802 1.3 12.8302C1.37 12.8402 1.43 12.8302 1.51 12.8502C2.77 13.2702 4.06 13.5802 5.37 13.8202C5.12 11.6102 5.12 9.39018 5.36 7.18018Z" fill="#292D32"/>
+<path d="M19.7 8.18018C19.63 8.18018 19.57 8.17018 19.49 8.15018C18.23 7.73018 16.93 7.42018 15.63 7.18018C15.88 9.39018 15.88 11.6102 15.63 13.8102C16.93 13.5702 18.23 13.2702 19.49 12.8402C19.56 12.8202 19.62 12.8302 19.7 12.8202C19.88 12.0702 20 11.3002 20 10.4902C20 9.70018 19.89 8.93018 19.7 8.18018Z" fill="#292D32"/>
+<path d="M7.17999 15.6399C7.41999 16.9499 7.71999 18.2399 8.14999 19.4999C8.16999 19.5699 8.15999 19.6299 8.16999 19.7099C8.91999 19.8899 9.68999 19.9999 10.5 19.9999C11.3 19.9999 12.08 19.8899 12.82 19.6999C12.83 19.6299 12.83 19.5699 12.85 19.4899C13.27 18.2299 13.58 16.9399 13.82 15.6299C12.72 15.7499 11.61 15.8399 10.5 15.8399C9.38999 15.8399 8.27999 15.7599 7.17999 15.6399Z" fill="#292D32"/>
+<path d="M6.94998 6.9501C6.64998 9.3101 6.64998 11.6901 6.94998 14.0601C9.30998 14.3601 11.69 14.3601 14.06 14.0601C14.36 11.7001 14.36 9.3201 14.06 6.9501C11.69 6.6501 9.30998 6.6501 6.94998 6.9501Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/global-refresh.svg b/public/images/icons/vuesax/bold/global-refresh.svg
new file mode 100644
index 0000000..ad5e6e4
--- /dev/null
+++ b/public/images/icons/vuesax/bold/global-refresh.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="M22.65 18.1302C22.55 17.7302 22.15 17.4802 21.75 17.5802C21.35 17.6802 21.1 18.0802 21.19 18.4802C21.23 18.6502 21.25 18.8202 21.25 19.0002C21.25 20.2402 20.24 21.2502 19 21.2502C17.76 21.2502 16.75 20.2402 16.75 19.0002C16.75 17.9002 17.54 16.9902 18.59 16.7902C18.49 17.0202 18.5 17.3002 18.66 17.5202C18.81 17.7202 19.04 17.8302 19.27 17.8302C19.42 17.8302 19.58 17.7802 19.71 17.6902L20.88 16.8402C20.89 16.8302 20.89 16.8202 20.9 16.8202C20.91 16.8102 20.92 16.8102 20.93 16.8002C20.96 16.7702 20.98 16.7402 21 16.7002C21.03 16.6602 21.07 16.6302 21.09 16.5802C21.11 16.5402 21.12 16.4902 21.14 16.4502C21.15 16.4002 21.17 16.3602 21.18 16.3102C21.19 16.2602 21.18 16.2202 21.17 16.1702C21.17 16.1202 21.17 16.0702 21.15 16.0202C21.14 15.9702 21.11 15.9302 21.09 15.8902C21.07 15.8502 21.06 15.8102 21.04 15.7802C21.03 15.7702 21.02 15.7702 21.01 15.7602C21 15.7602 21 15.7502 21 15.7402L20 14.5902C19.73 14.2802 19.25 14.2402 18.94 14.5202C18.72 14.7202 18.64 15.0102 18.72 15.2802C16.79 15.4302 15.26 17.0302 15.26 19.0002C15.26 21.0702 16.94 22.7502 19.01 22.7502C21.08 22.7502 22.76 21.0702 22.76 19.0002C22.75 18.7102 22.72 18.4102 22.65 18.1302Z" fill="#292D32"/>
+<path d="M2.03001 14.6299C2.03001 14.6599 2.01001 14.6999 2.01001 14.7299C2.93001 16.5699 4.43001 18.0799 6.27001 18.9899C6.30001 18.9899 6.34001 18.9699 6.37001 18.9699C6.03001 17.8099 5.77001 16.6199 5.58001 15.4299C4.38001 15.2299 3.19001 14.9699 2.03001 14.6299Z" fill="#292D32"/>
+<path d="M19.07 6.42994C18.13 4.45994 16.54 2.86994 14.58 1.93994C14.94 3.12994 15.24 4.34994 15.44 5.56994C16.66 5.76994 17.88 6.05994 19.07 6.42994Z" fill="#292D32"/>
+<path d="M1.93005 6.43002C3.13005 6.07002 4.35005 5.77002 5.57005 5.57002C5.77005 4.38002 6.02005 3.20002 6.36005 2.04002C6.33005 2.04002 6.29005 2.02002 6.26005 2.02002C4.38005 2.95002 2.85005 4.52002 1.93005 6.43002Z" fill="#292D32"/>
+<path d="M13.8201 5.36C13.5801 4.06 13.2801 2.76 12.8501 1.5C12.8301 1.43 12.8301 1.37 12.8201 1.29C12.0801 1.11 11.3001 1 10.5001 1C9.69005 1 8.92005 1.11 8.17005 1.3C8.16005 1.37 8.17005 1.43 8.15005 1.51C7.73005 2.77 7.42005 4.06 7.18005 5.36C9.39005 5.12 11.6101 5.12 13.8201 5.36Z" fill="#292D32"/>
+<path d="M5.36 7.18018C4.05 7.42018 2.77 7.73018 1.5 8.15018C1.43 8.17018 1.37 8.17018 1.3 8.18018C1.11 8.92018 1 9.70018 1 10.5002C1 11.3102 1.11 12.0802 1.3 12.8302C1.37 12.8402 1.43 12.8302 1.51 12.8502C2.77 13.2702 4.06 13.5802 5.37 13.8202C5.12 11.6102 5.12 9.39018 5.36 7.18018Z" fill="#292D32"/>
+<path d="M19.7 8.18018C19.63 8.18018 19.57 8.17018 19.49 8.15018C18.23 7.73018 16.93 7.42018 15.63 7.18018C15.88 9.39018 15.88 11.6102 15.63 13.8102C16.93 13.5702 18.23 13.2702 19.49 12.8402C19.56 12.8202 19.62 12.8302 19.7 12.8202C19.88 12.0702 20 11.3002 20 10.4902C20 9.70018 19.89 8.93018 19.7 8.18018Z" fill="#292D32"/>
+<path d="M7.18005 15.6399C7.42005 16.9499 7.72005 18.2399 8.15005 19.4999C8.17005 19.5699 8.16005 19.6299 8.17005 19.7099C8.92005 19.8899 9.69005 19.9999 10.5001 19.9999C11.3001 19.9999 12.0801 19.8899 12.8201 19.6999C12.8301 19.6299 12.8301 19.5699 12.8501 19.4899C13.2701 18.2299 13.5801 16.9399 13.8201 15.6299C12.7201 15.7499 11.6101 15.8399 10.5001 15.8399C9.39005 15.8399 8.28005 15.7599 7.18005 15.6399Z" fill="#292D32"/>
+<path d="M6.94998 6.9501C6.64998 9.3101 6.64998 11.6901 6.94998 14.0601C9.30998 14.3601 11.69 14.3601 14.06 14.0601C14.36 11.7001 14.36 9.3201 14.06 6.9501C11.69 6.6501 9.30998 6.6501 6.94998 6.9501Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/global-search.svg b/public/images/icons/vuesax/bold/global-search.svg
new file mode 100644
index 0000000..a48eba8
--- /dev/null
+++ b/public/images/icons/vuesax/bold/global-search.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="M21.79 20.76L21.07 20.04C21.44 19.48 21.66 18.8 21.66 18.08C21.66 16.1 20.06 14.5 18.08 14.5C16.1 14.5 14.5 16.1 14.5 18.08C14.5 20.06 16.1 21.66 18.08 21.66C18.81 21.66 19.48 21.44 20.04 21.07L20.76 21.79C20.9 21.93 21.09 22 21.27 22C21.46 22 21.64 21.93 21.78 21.79C22.07 21.5 22.07 21.04 21.79 20.76Z" fill="#292D32"/>
+<path d="M2.03001 14.6299C2.03001 14.6599 2.01001 14.6999 2.01001 14.7299C2.93001 16.5699 4.43001 18.0799 6.27001 18.9899C6.30001 18.9899 6.34001 18.9699 6.37001 18.9699C6.03001 17.8099 5.77001 16.6199 5.58001 15.4299C4.38001 15.2299 3.19001 14.9699 2.03001 14.6299Z" fill="#292D32"/>
+<path d="M19.07 6.42994C18.13 4.45994 16.54 2.86994 14.58 1.93994C14.94 3.12994 15.24 4.34994 15.44 5.56994C16.66 5.76994 17.88 6.05994 19.07 6.42994Z" fill="#292D32"/>
+<path d="M1.92999 6.43002C3.12999 6.07002 4.34999 5.77002 5.56999 5.57002C5.76999 4.38002 6.01999 3.20002 6.35999 2.04002C6.32999 2.04002 6.28999 2.02002 6.25999 2.02002C4.37999 2.95002 2.84999 4.52002 1.92999 6.43002Z" fill="#292D32"/>
+<path d="M13.82 5.36C13.58 4.06 13.28 2.76 12.85 1.5C12.83 1.43 12.83 1.37 12.82 1.29C12.08 1.11 11.3 1 10.5 1C9.68999 1 8.91999 1.11 8.16999 1.3C8.15999 1.37 8.16999 1.43 8.14999 1.51C7.72999 2.77 7.41999 4.06 7.17999 5.36C9.38999 5.12 11.61 5.12 13.82 5.36Z" fill="#292D32"/>
+<path d="M5.36 7.18018C4.05 7.42018 2.77 7.73018 1.5 8.15018C1.43 8.17018 1.37 8.17018 1.3 8.18018C1.11 8.92018 1 9.70018 1 10.5002C1 11.3102 1.11 12.0802 1.3 12.8302C1.37 12.8402 1.43 12.8302 1.51 12.8502C2.77 13.2702 4.06 13.5802 5.37 13.8202C5.12 11.6102 5.12 9.39018 5.36 7.18018Z" fill="#292D32"/>
+<path d="M19.7 8.18018C19.63 8.18018 19.57 8.17018 19.49 8.15018C18.23 7.73018 16.93 7.42018 15.63 7.18018C15.88 9.39018 15.88 11.6102 15.63 13.8102C16.93 13.5702 18.23 13.2702 19.49 12.8402C19.56 12.8202 19.62 12.8302 19.7 12.8202C19.88 12.0702 20 11.3002 20 10.4902C20 9.70018 19.89 8.93018 19.7 8.18018Z" fill="#292D32"/>
+<path d="M7.17999 15.6399C7.41999 16.9499 7.71999 18.2399 8.14999 19.4999C8.16999 19.5699 8.15999 19.6299 8.16999 19.7099C8.91999 19.8899 9.68999 19.9999 10.5 19.9999C11.3 19.9999 12.08 19.8899 12.82 19.6999C12.83 19.6299 12.83 19.5699 12.85 19.4899C13.27 18.2299 13.58 16.9399 13.82 15.6299C12.72 15.7499 11.61 15.8399 10.5 15.8399C9.38999 15.8399 8.27999 15.7599 7.17999 15.6399Z" fill="#292D32"/>
+<path d="M6.94998 6.9501C6.64998 9.3101 6.64998 11.6901 6.94998 14.0601C9.30998 14.3601 11.69 14.3601 14.06 14.0601C14.36 11.7001 14.36 9.3201 14.06 6.9501C11.69 6.6501 9.30998 6.6501 6.94998 6.9501Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/global.svg b/public/images/icons/vuesax/bold/global.svg
new file mode 100644
index 0000000..844896c
--- /dev/null
+++ b/public/images/icons/vuesax/bold/global.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="M7.65006 20.9098C7.62006 20.9098 7.58006 20.9298 7.55006 20.9298C5.61006 19.9698 4.03006 18.3798 3.06006 16.4398C3.06006 16.4098 3.08006 16.3698 3.08006 16.3398C4.30006 16.6998 5.56006 16.9698 6.81006 17.1798C7.03006 18.4398 7.29006 19.6898 7.65006 20.9098Z" fill="#292D32"/>
+<path d="M20.94 16.4498C19.95 18.4398 18.3 20.0498 16.29 21.0198C16.67 19.7498 16.99 18.4698 17.2 17.1798C18.46 16.9698 19.7 16.6998 20.92 16.3398C20.91 16.3798 20.94 16.4198 20.94 16.4498Z" fill="#292D32"/>
+<path d="M21.02 7.70998C19.76 7.32998 18.49 7.01998 17.2 6.79998C16.99 5.50998 16.68 4.22998 16.29 2.97998C18.36 3.96998 20.03 5.63998 21.02 7.70998Z" fill="#292D32"/>
+<path d="M7.64998 3.09006C7.28998 4.31006 7.02998 5.55006 6.81998 6.81006C5.52998 7.01006 4.24998 7.33006 2.97998 7.71006C3.94998 5.70006 5.55998 4.05006 7.54998 3.06006C7.57998 3.06006 7.61998 3.09006 7.64998 3.09006Z" fill="#292D32"/>
+<path d="M15.49 6.59C13.17 6.33 10.83 6.33 8.51001 6.59C8.76001 5.22 9.08001 3.85 9.53001 2.53C9.55001 2.45 9.54001 2.39 9.55001 2.31C10.34 2.12 11.15 2 12 2C12.84 2 13.66 2.12 14.44 2.31C14.45 2.39 14.45 2.45 14.47 2.53C14.92 3.86 15.24 5.22 15.49 6.59Z" fill="#292D32"/>
+<path d="M6.59 15.4898C5.21 15.2398 3.85 14.9198 2.53 14.4698C2.45 14.4498 2.39 14.4598 2.31 14.4498C2.12 13.6598 2 12.8498 2 11.9998C2 11.1598 2.12 10.3398 2.31 9.55977C2.39 9.54977 2.45 9.54977 2.53 9.52977C3.86 9.08977 5.21 8.75977 6.59 8.50977C6.34 10.8298 6.34 13.1698 6.59 15.4898Z" fill="#292D32"/>
+<path d="M22 11.9998C22 12.8498 21.88 13.6598 21.69 14.4498C21.61 14.4598 21.55 14.4498 21.47 14.4698C20.14 14.9098 18.78 15.2398 17.41 15.4898C17.67 13.1698 17.67 10.8298 17.41 8.50977C18.78 8.75977 20.15 9.07977 21.47 9.52977C21.55 9.54977 21.61 9.55977 21.69 9.55977C21.88 10.3498 22 11.1598 22 11.9998Z" fill="#292D32"/>
+<path d="M15.49 17.4102C15.24 18.7902 14.92 20.1502 14.47 21.4702C14.45 21.5502 14.45 21.6102 14.44 21.6902C13.66 21.8802 12.84 22.0002 12 22.0002C11.15 22.0002 10.34 21.8802 9.55001 21.6902C9.54001 21.6102 9.55001 21.5502 9.53001 21.4702C9.09001 20.1402 8.76001 18.7902 8.51001 17.4102C9.67001 17.5402 10.83 17.6302 12 17.6302C13.17 17.6302 14.34 17.5402 15.49 17.4102Z" fill="#292D32"/>
+<path d="M15.7633 15.7633C13.2622 16.0789 10.7378 16.0789 8.23667 15.7633C7.92111 13.2622 7.92111 10.7378 8.23667 8.23667C10.7378 7.92111 13.2622 7.92111 15.7633 8.23667C16.0789 10.7378 16.0789 13.2622 15.7633 15.7633Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/google-1.svg b/public/images/icons/vuesax/bold/google-1.svg
new file mode 100644
index 0000000..9c5514c
--- /dev/null
+++ b/public/images/icons/vuesax/bold/google-1.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="M21.74 11.07C21.69 10.56 21.26 10.18 20.75 10.18H13.2C12.65 10.18 12.2 10.63 12.2 11.18V12.89C12.2 13.44 12.65 13.89 13.2 13.89H17.71C17.6 14.81 17 16.2 15.67 17.13C14.82 17.72 13.69 18.13 12.2 18.13C12.13 18.13 12.07 18.13 12 18.12C9.44995 18.04 7.28996 16.33 6.50996 13.98C6.29996 13.35 6.17995 12.69 6.17995 12C6.17995 11.31 6.29995 10.64 6.49995 10.02C6.55995 9.83999 6.62995 9.66001 6.70995 9.48001C7.62995 7.41001 9.63995 5.95 12 5.88C12.06 5.87 12.13 5.87 12.2 5.87C13.63 5.87 14.7 6.33999 15.45 6.85999C15.84 7.12999 16.36 7.06999 16.7 6.73999L18.09 5.38C18.53 4.95 18.49 4.21999 17.99 3.85999C16.4 2.68999 14.46 2 12.2 2C12.13 2 12.07 2.00001 12 2.01001C8.16995 2.08001 4.87995 4.30001 3.26995 7.51001C2.58995 8.87001 2.19995 10.39 2.19995 12C2.19995 13.61 2.58995 15.13 3.26995 16.49H3.27995C4.88995 19.7 8.17995 21.92 12 21.99C12.07 22 12.13 22 12.2 22C14.9 22 17.17 21.11 18.82 19.58C20.71 17.83 21.8 15.27 21.8 12.22C21.8 11.79 21.78 11.42 21.74 11.07Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/google-play.svg b/public/images/icons/vuesax/bold/google-play.svg
new file mode 100644
index 0000000..ab5f0af
--- /dev/null
+++ b/public/images/icons/vuesax/bold/google-play.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="M21.4 12.95L18.62 14.34C18.43 14.44 18.2 14.4 18.04 14.25L16.17 12.38C15.97 12.18 15.97 11.87 16.17 11.67L18.07 9.77002C18.22 9.62002 18.46 9.58002 18.65 9.68002L21.4 11.06C22.19 11.44 22.19 12.56 21.4 12.95Z" fill="black"/>
+<path d="M16.3 8.48996C16.61 8.63996 16.67 9.04998 16.43 9.28998L14.76 10.96L14.05 11.67C13.85 11.87 13.54 11.87 13.34 11.67L6.19997 4.52997C5.79997 4.12997 6.26997 3.47998 6.77997 3.72998L16.3 8.48996Z" fill="black"/>
+<path d="M2 20.1501V3.48008C2 3.04008 2.53 2.81007 2.85 3.12007L11.62 11.6301C11.83 11.8301 11.82 12.1601 11.61 12.3601L2.84 20.5201C2.52 20.8201 2 20.5901 2 20.1501Z" fill="black"/>
+<path d="M16.2701 15.5202L6.88007 20.2202C6.37007 20.4702 5.90007 19.8202 6.30007 19.4202L13.3501 12.3702C13.5501 12.1702 13.8601 12.1702 14.0601 12.3702L16.4101 14.7202C16.6401 14.9602 16.5701 15.3702 16.2701 15.5202Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/google.svg b/public/images/icons/vuesax/bold/google.svg
new file mode 100644
index 0000000..dd55de9
--- /dev/null
+++ b/public/images/icons/vuesax/bold/google.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="M5.94013 16.7698L4.28016 19.5898C4.16016 19.7998 3.8501 19.7998 3.7201 19.5898L2.03016 16.7698C1.90016 16.5498 2.06013 16.2798 2.31013 16.2798H5.6601C5.9101 16.2798 6.06013 16.5598 5.94013 16.7698Z" fill="black"/>
+<path d="M11.6899 8.40991L7.73991 14.8799C7.64991 15.0299 7.48992 15.1099 7.31992 15.1099H2.24992C1.86992 15.1099 1.62992 14.7099 1.81992 14.3899L8.27995 3.72992C8.46995 3.41992 8.93992 3.40992 9.12992 3.72992L11.6899 7.93991C11.7799 8.07991 11.7799 8.25991 11.6899 8.40991Z" fill="black"/>
+<path d="M13.72 14.4902H10.24C10.04 14.4902 9.91006 14.2702 10.0101 14.0902L11.7501 11.1402C11.8501 10.9702 12.1001 10.9702 12.2001 11.1402L13.9401 14.0902C14.0501 14.2702 13.92 14.4902 13.72 14.4902Z" fill="black"/>
+<path d="M13.6599 3.39999L12.21 5.87C12.11 6.04 11.85 6.04 11.75 5.87L10.2999 3.39999C10.1999 3.21999 10.32 3 10.53 3H13.43C13.64 3 13.7599 3.21999 13.6599 3.39999Z" fill="black"/>
+<path d="M22.17 14.3699C22.37 14.6999 22.12 15.1199 21.74 15.1199H16.87C16.7 15.1199 16.55 15.0299 16.46 14.8899L12.65 8.41992C12.56 8.26992 12.56 8.08991 12.65 7.93991L15.12 3.72992C15.3 3.41992 15.76 3.40992 15.94 3.72992C17.16 5.83992 20.89 12.1799 22.17 14.3699Z" fill="black"/>
+<path d="M21.9297 16.77C21.3797 17.7 20.7897 18.7 20.2497 19.61C20.1197 19.83 19.8097 19.82 19.6797 19.6L18.0198 16.77C17.8898 16.55 18.0497 16.27 18.3097 16.27H21.6398C21.8998 16.28 22.0597 16.55 21.9297 16.77Z" fill="black"/>
+<path d="M18.0197 20.9999H5.9397C5.5797 20.9999 5.35968 20.6099 5.53968 20.2999L7.86969 16.3399C7.94969 16.1999 8.09972 16.1099 8.26972 16.1099H15.6897C15.8497 16.1099 16.0097 16.1999 16.0897 16.3399L18.4197 20.2999C18.5997 20.6099 18.3797 20.9999 18.0197 20.9999Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/gps-slash.svg b/public/images/icons/vuesax/bold/gps-slash.svg
new file mode 100644
index 0000000..b70e511
--- /dev/null
+++ b/public/images/icons/vuesax/bold/gps-slash.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="M22.75 12.0002C22.75 12.4102 22.41 12.7502 22 12.7502H19.96C19.61 16.5602 16.56 19.6102 12.75 19.9602V22.0002C12.75 22.4102 12.41 22.7502 12 22.7502C11.59 22.7502 11.25 22.4102 11.25 22.0002V19.9602C10.64 19.9102 10.04 19.7802 9.47 19.5902C8.76 19.3502 8.54 18.4502 9.07 17.9202L11.88 15.1102C11.92 15.1202 11.95 15.1202 11.99 15.1202C13.72 15.1202 15.11 13.7302 15.11 12.0002C15.11 11.9602 15.11 11.9302 15.1 11.8902L17.91 9.08019C18.44 8.55019 19.34 8.77019 19.58 9.48019C19.77 10.0502 19.9 10.6402 19.95 11.2602H22C22.41 11.2502 22.75 11.5902 22.75 12.0002Z" fill="#292D32"/>
+<path d="M21.77 2.23C21.47 1.93 20.98 1.93 20.68 2.23L17.07 5.84C15.87 4.85 14.37 4.2 12.74 4.05V2C12.74 1.59 12.4 1.25 11.99 1.25C11.58 1.25 11.24 1.59 11.24 2V4.04C7.43 4.4 4.38 7.44 4.03 11.25H2C1.59 11.25 1.25 11.59 1.25 12C1.25 12.41 1.59 12.75 2 12.75H4.04C4.19 14.38 4.84 15.88 5.83 17.08L2.22 20.69C1.92 20.99 1.92 21.48 2.22 21.78C2.38 21.92 2.57 22 2.77 22C2.97 22 3.16 21.92 3.31 21.77L21.77 3.31C22.08 3.01 22.08 2.53 21.77 2.23ZM8.88 12C8.88 10.28 10.28 8.88 12 8.88C12.58 8.88 13.12 9.05 13.58 9.33L9.33 13.58C9.05 13.12 8.88 12.58 8.88 12Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/gps.svg b/public/images/icons/vuesax/bold/gps.svg
new file mode 100644
index 0000000..de11b6f
--- /dev/null
+++ b/public/images/icons/vuesax/bold/gps.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="M22 11.25H19.96C19.6 7.44 16.56 4.39 12.75 4.04V2C12.75 1.59 12.41 1.25 12 1.25C11.59 1.25 11.25 1.59 11.25 2V4.04C7.44 4.4 4.39 7.44 4.04 11.25H2C1.59 11.25 1.25 11.59 1.25 12C1.25 12.41 1.59 12.75 2 12.75H4.04C4.4 16.56 7.44 19.61 11.25 19.96V22C11.25 22.41 11.59 22.75 12 22.75C12.41 22.75 12.75 22.41 12.75 22V19.96C16.56 19.6 19.61 16.56 19.96 12.75H22C22.41 12.75 22.75 12.41 22.75 12C22.75 11.59 22.41 11.25 22 11.25ZM12 15.12C10.28 15.12 8.88 13.72 8.88 12C8.88 10.28 10.28 8.88 12 8.88C13.72 8.88 15.12 10.28 15.12 12C15.12 13.72 13.72 15.12 12 15.12Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/grammerly.svg b/public/images/icons/vuesax/bold/grammerly.svg
new file mode 100644
index 0000000..1e6b2a8
--- /dev/null
+++ b/public/images/icons/vuesax/bold/grammerly.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="M19.11 4.95984C15.2 1.04984 8.84997 1.04984 4.93997 4.95984C0.959966 8.93984 1.02997 15.4298 5.13997 19.3298C8.93997 22.9198 15.1 22.9198 18.9 19.3298C23.02 15.4298 23.09 8.93984 19.11 4.95984ZM16.38 16.6498C15.18 17.7898 13.6 18.3598 12.02 18.3598C10.44 18.3598 8.85997 17.7898 7.65997 16.6498C7.35997 16.3598 7.34997 15.8898 7.62997 15.5898C7.91997 15.2898 8.38997 15.2798 8.68997 15.5598C10.52 17.2898 13.51 17.2998 15.35 15.5598C15.65 15.2798 16.13 15.2898 16.41 15.5898C16.7 15.8898 16.68 16.3598 16.38 16.6498Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/graph.svg b/public/images/icons/vuesax/bold/graph.svg
new file mode 100644
index 0000000..a134991
--- /dev/null
+++ b/public/images/icons/vuesax/bold/graph.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="M21.6699 6.9499C21.0299 4.7799 19.2199 2.9699 17.0499 2.3299C15.3999 1.8499 14.2599 1.8899 13.4699 2.4799C12.5199 3.1899 12.4099 4.4699 12.4099 5.3799V7.8699C12.4099 10.3299 13.5299 11.5799 15.7299 11.5799H18.5999C19.4999 11.5799 20.7899 11.4699 21.4999 10.5199C22.1099 9.7399 22.1599 8.5999 21.6699 6.9499Z" fill="#292D32"/>
+<path d="M18.9099 13.3601C18.6499 13.0601 18.2699 12.8902 17.8799 12.8902H14.2999C12.5399 12.8902 11.1099 11.4601 11.1099 9.70015V6.12015C11.1099 5.73015 10.9399 5.35015 10.6399 5.09015C10.3499 4.83015 9.9499 4.71015 9.5699 4.76015C7.2199 5.06015 5.0599 6.35015 3.6499 8.29015C2.2299 10.2401 1.7099 12.6201 2.1599 15.0001C2.8099 18.4401 5.5599 21.1902 9.0099 21.8402C9.5599 21.9502 10.1099 22.0002 10.6599 22.0002C12.4699 22.0002 14.2199 21.4401 15.7099 20.3502C17.6499 18.9402 18.9399 16.7801 19.2399 14.4302C19.2899 14.0401 19.1699 13.6501 18.9099 13.3601Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/grid-1.svg b/public/images/icons/vuesax/bold/grid-1.svg
new file mode 100644
index 0000000..c38658d
--- /dev/null
+++ b/public/images/icons/vuesax/bold/grid-1.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="M7.75 2V7.8H2C2 4.19 4.15 2.02 7.75 2Z" fill="#292D32"/>
+<path d="M22 7.8H16.25V2C19.85 2.02 22 4.19 22 7.8Z" fill="#292D32"/>
+<path d="M22 16.2998C21.96 19.8498 19.82 21.9798 16.25 21.9998V16.2998H22Z" fill="#292D32"/>
+<path d="M7.75 16.2998V21.9998C4.18 21.9798 2.04 19.8498 2 16.2998H7.75Z" fill="#292D32"/>
+<path d="M7.75 9.2998H2V14.7998H7.75V9.2998Z" fill="#292D32"/>
+<path d="M22 9.2998H16.25V14.7998H22V9.2998Z" fill="#292D32"/>
+<path d="M14.75 9.2998H9.25V14.7998H14.75V9.2998Z" fill="#292D32"/>
+<path d="M14.75 2H9.25V7.8H14.75V2Z" fill="#292D32"/>
+<path d="M14.75 16.2998H9.25V21.9998H14.75V16.2998Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/grid-2.svg b/public/images/icons/vuesax/bold/grid-2.svg
new file mode 100644
index 0000000..4108306
--- /dev/null
+++ b/public/images/icons/vuesax/bold/grid-2.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="M11.25 12.75V22H7.81C4.17 22 2 19.83 2 16.19V12.75H11.25Z" fill="#292D32"/>
+<path d="M22 7.81V11.25H12.75V2H16.19C19.83 2 22 4.17 22 7.81Z" fill="#292D32"/>
+<path d="M11.25 2V11.25H2V7.81C2 4.17 4.17 2 7.81 2H11.25Z" fill="#292D32"/>
+<path d="M22 12.75V16.19C22 19.83 19.83 22 16.19 22H12.75V12.75H22Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/grid-3.svg b/public/images/icons/vuesax/bold/grid-3.svg
new file mode 100644
index 0000000..a924192
--- /dev/null
+++ b/public/images/icons/vuesax/bold/grid-3.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="M16.19 2H12.75V8V8.75V13.75H22V8.75V8V7.81C22 4.17 19.83 2 16.19 2Z" fill="#292D32"/>
+<path d="M2 10.25V15.25V15.75V16.19C2 19.83 4.17 22 7.81 22H11.25V15.75V15.25V10.25H2Z" fill="#292D32"/>
+<path d="M11.25 2V8.75H2V7.81C2 4.17 4.17 2 7.81 2H11.25Z" fill="#292D32"/>
+<path d="M22 15.25V16.19C22 19.83 19.83 22 16.19 22H12.75V15.25H22Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/grid-4.svg b/public/images/icons/vuesax/bold/grid-4.svg
new file mode 100644
index 0000000..5ed52a7
--- /dev/null
+++ b/public/images/icons/vuesax/bold/grid-4.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="M22 7.81V16.19C22 19.83 19.83 22 16.19 22H9.75V2H16.19C19.83 2 22 4.17 22 7.81Z" fill="#292D32"/>
+<path d="M8.25 2V22H7.81C4.17 22 2 19.83 2 16.19V7.81C2 4.17 4.17 2 7.81 2H8.25Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/grid-5.svg b/public/images/icons/vuesax/bold/grid-5.svg
new file mode 100644
index 0000000..fd9ddbc
--- /dev/null
+++ b/public/images/icons/vuesax/bold/grid-5.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 2V22H7.81C4.17 22 2 19.83 2 16.19V7.81C2 4.17 4.17 2 7.81 2H8.25Z" fill="#292D32"/>
+<path d="M22 7.81V11.25H9.75V2H16.19C19.83 2 22 4.17 22 7.81Z" fill="#292D32"/>
+<path d="M22 12.75V16.19C22 19.83 19.83 22 16.19 22H9.75V12.75H22Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/grid-6.svg b/public/images/icons/vuesax/bold/grid-6.svg
new file mode 100644
index 0000000..17c80bb
--- /dev/null
+++ b/public/images/icons/vuesax/bold/grid-6.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="M22 7.7502H9.75V1.9502H16.19C19.83 1.9502 22 4.1202 22 7.7502Z" fill="#292D32"/>
+<path d="M22 16.25C21.95 19.82 19.79 21.95 16.19 21.95H9.75V16.25H22Z" fill="#292D32"/>
+<path d="M8.25 1.9502V21.9502H7.81C4.17 21.9502 2 19.7802 2 16.1402V7.7602C2 4.1202 4.17 1.9502 7.81 1.9502H8.25Z" fill="#292D32"/>
+<path d="M22 9.25H9.75V14.75H22V9.25Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/grid-7.svg b/public/images/icons/vuesax/bold/grid-7.svg
new file mode 100644
index 0000000..37358b3
--- /dev/null
+++ b/public/images/icons/vuesax/bold/grid-7.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="M11.25 10.5V22H7.81C4.17 22 2 19.83 2 16.19V10.5H11.25Z" fill="#292D32"/>
+<path d="M22 10.5V16.19C22 19.83 19.83 22 16.19 22H12.75V10.5H22Z" fill="#292D32"/>
+<path d="M22 7.81V9H2V7.81C2 4.17 4.17 2 7.81 2H16.19C19.83 2 22 4.17 22 7.81Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/grid-8.svg b/public/images/icons/vuesax/bold/grid-8.svg
new file mode 100644
index 0000000..a711b23
--- /dev/null
+++ b/public/images/icons/vuesax/bold/grid-8.svg
@@ -0,0 +1,8 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22 7.80978V11.2498H16.75V2.02979C20.05 2.22979 22 4.35978 22 7.80978Z" fill="#292D32"/>
+<path d="M22 12.75V16.19C22 19.64 20.05 21.77 16.75 21.97V12.75H22Z" fill="#292D32"/>
+<path d="M7.25 12.75V21.97C3.95 21.77 2 19.64 2 16.19V12.75H7.25Z" fill="#292D32"/>
+<path d="M7.25 2.02979V11.2498H2V7.80978C2 4.35978 3.95 2.22979 7.25 2.02979Z" fill="#292D32"/>
+<path d="M15.25 2H8.75V11.25H15.25V2Z" fill="#292D32"/>
+<path d="M15.25 12.75H8.75V22H15.25V12.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/grid-9.svg b/public/images/icons/vuesax/bold/grid-9.svg
new file mode 100644
index 0000000..e694a37
--- /dev/null
+++ b/public/images/icons/vuesax/bold/grid-9.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="M22 7.81V16.19C22 19.83 19.83 22 16.19 22H12.75V2H16.19C19.83 2 22 4.17 22 7.81Z" fill="#292D32"/>
+<path d="M11.25 2V22H7.81C4.17 22 2 19.83 2 16.19V7.81C2 4.17 4.17 2 7.81 2H11.25Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/grid-edit.svg b/public/images/icons/vuesax/bold/grid-edit.svg
new file mode 100644
index 0000000..505e786
--- /dev/null
+++ b/public/images/icons/vuesax/bold/grid-edit.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="M21.33 14.67C20.28 13.62 19.45 13.96 18.73 14.67L14.58 18.82C14.42 18.98 14.27 19.29 14.23 19.51L14 21.1C13.92 21.67 14.32 22.08 14.89 21.99L16.48 21.76C16.7 21.73 17.01 21.57 17.17 21.41L21.32 17.26C22.05 16.55 22.38 15.72 21.33 14.67Z" fill="#292D32"/>
+<path d="M6.74683 2.06549C7.29669 1.99425 7.75 2.45112 7.75 3.00557V6.8C7.75 7.35229 7.30228 7.8 6.75 7.8H3C2.44772 7.8 1.9918 7.35027 2.05867 6.80204C2.38633 4.11548 4.07187 2.41205 6.74683 2.06549Z" fill="#292D32"/>
+<path d="M20.93 7.8H17.25C16.6977 7.8 16.25 7.35228 16.25 6.8V3.00625C16.25 2.45153 16.7041 1.99459 17.2542 2.06633C19.8878 2.40978 21.5645 4.0681 21.93 6.68C22.01 7.27 21.53 7.8 20.93 7.8Z" fill="#292D32"/>
+<path d="M6.75 16.2998C7.30228 16.2998 7.75 16.7475 7.75 17.2998V20.9198C7.75 21.5198 7.22 21.9998 6.62 21.9198C4.05088 21.5375 2.43008 19.8909 2.07373 17.3099C1.99752 16.7579 2.4555 16.2998 3.01274 16.2998H6.75Z" fill="#292D32"/>
+<path d="M7.75 10.2998C7.75 9.74752 7.30228 9.2998 6.75 9.2998H3C2.44772 9.2998 2 9.74752 2 10.2998V13.7998C2 14.3521 2.44772 14.7998 3 14.7998H6.75C7.30228 14.7998 7.75 14.3521 7.75 13.7998V10.2998Z" fill="#292D32"/>
+<path d="M14.75 10.2998C14.75 9.74752 14.3023 9.2998 13.75 9.2998H10.25C9.69772 9.2998 9.25 9.74752 9.25 10.2998V13.7998C9.25 14.3521 9.69772 14.7998 10.25 14.7998H13.75C14.3 14.7998 14.75 14.3498 14.75 13.7998V10.2998Z" fill="#292D32"/>
+<path d="M14.75 3C14.75 2.44771 14.3023 2 13.75 2H10.25C9.69772 2 9.25 2.44772 9.25 3V6.8C9.25 7.35229 9.69772 7.8 10.25 7.8H13.75C14.3023 7.8 14.75 7.35228 14.75 6.8V3Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/grid-eraser.svg b/public/images/icons/vuesax/bold/grid-eraser.svg
new file mode 100644
index 0000000..3345ca0
--- /dev/null
+++ b/public/images/icons/vuesax/bold/grid-eraser.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="M18.8 20.7L16.9 22.61C16.38 23.13 15.52 23.13 14.98 22.61L13.4 21.02C12.88 20.49 12.88 19.64 13.4 19.1L15.31 17.21L18.8 20.7Z" fill="#292D32"/>
+<path d="M22.61 16.9L19.8 19.7L16.31 16.21L19.11 13.39C19.64 12.87 20.5 12.87 21.03 13.39L22.61 14.98C23.13 15.51 23.13 16.38 22.61 16.9Z" fill="#292D32"/>
+<path d="M6.74683 2.06549C7.29669 1.99425 7.75 2.45112 7.75 3.00557V6.8C7.75 7.35229 7.30228 7.8 6.75 7.8H3C2.44772 7.8 1.9918 7.35027 2.05867 6.80204C2.38633 4.11548 4.07187 2.41205 6.74683 2.06549Z" fill="#292D32"/>
+<path d="M20.93 7.8H17.25C16.6977 7.8 16.25 7.35228 16.25 6.8V3.00625C16.25 2.45153 16.7041 1.99459 17.2542 2.06633C19.8878 2.40978 21.5645 4.0681 21.93 6.68C22.01 7.27 21.53 7.8 20.93 7.8Z" fill="#292D32"/>
+<path d="M6.75 16.2998C7.30228 16.2998 7.75 16.7475 7.75 17.2998V20.9198C7.75 21.5198 7.22 21.9998 6.62 21.9198C4.05088 21.5375 2.43008 19.8909 2.07373 17.3099C1.99752 16.7579 2.4555 16.2998 3.01274 16.2998H6.75Z" fill="#292D32"/>
+<path d="M7.75 10.2998C7.75 9.74752 7.30228 9.2998 6.75 9.2998H3C2.44772 9.2998 2 9.74752 2 10.2998V13.7998C2 14.3521 2.44772 14.7998 3 14.7998H6.75C7.30228 14.7998 7.75 14.3521 7.75 13.7998V10.2998Z" fill="#292D32"/>
+<path d="M14.75 10.2998C14.75 9.74752 14.3023 9.2998 13.75 9.2998H10.25C9.69772 9.2998 9.25 9.74752 9.25 10.2998V13.7998C9.25 14.3521 9.69772 14.7998 10.25 14.7998H13.75C14.3 14.7998 14.75 14.3498 14.75 13.7998V10.2998Z" fill="#292D32"/>
+<path d="M14.75 3C14.75 2.44771 14.3023 2 13.75 2H10.25C9.69772 2 9.25 2.44772 9.25 3V6.8C9.25 7.35229 9.69772 7.8 10.25 7.8H13.75C14.3023 7.8 14.75 7.35228 14.75 6.8V3Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/grid-lock.svg b/public/images/icons/vuesax/bold/grid-lock.svg
new file mode 100644
index 0000000..9019c09
--- /dev/null
+++ b/public/images/icons/vuesax/bold/grid-lock.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="M21.53 17.31V17.15C21.53 15.22 20.55 14.25 18.63 14.25C16.71 14.25 15.73 15.23 15.73 17.15V17.31C14.68 17.57 14.26 18.29 14.26 19.73V20.47C14.26 22.32 14.95 23 16.79 23H20.47C22.32 23 23 22.31 23 20.47V19.73C23 18.3 22.58 17.57 21.53 17.31ZM18.62 15.63C19.91 15.63 20.14 16.12 20.14 17.15V17.2H17.1V17.15C17.1 16.12 17.33 15.63 18.62 15.63Z" fill="#292D32"/>
+<path d="M6.74683 2.06549C7.29669 1.99425 7.75 2.45112 7.75 3.00557V6.8C7.75 7.35229 7.30228 7.8 6.75 7.8H3C2.44772 7.8 1.9918 7.35027 2.05867 6.80204C2.38633 4.11548 4.07187 2.41205 6.74683 2.06549Z" fill="#292D32"/>
+<path d="M20.93 7.8H17.25C16.6977 7.8 16.25 7.35228 16.25 6.8V3.00625C16.25 2.45153 16.7041 1.99459 17.2542 2.06633C19.8878 2.40978 21.5645 4.0681 21.93 6.68C22.01 7.27 21.53 7.8 20.93 7.8Z" fill="#292D32"/>
+<path d="M6.75 16.2998C7.30228 16.2998 7.75 16.7475 7.75 17.2998V20.9198C7.75 21.5198 7.22 21.9998 6.62 21.9198C4.05088 21.5375 2.43008 19.8909 2.07373 17.3099C1.99752 16.7579 2.4555 16.2998 3.01274 16.2998H6.75Z" fill="#292D32"/>
+<path d="M7.75 10.2998C7.75 9.74752 7.30228 9.2998 6.75 9.2998H3C2.44772 9.2998 2 9.74752 2 10.2998V13.7998C2 14.3521 2.44772 14.7998 3 14.7998H6.75C7.30228 14.7998 7.75 14.3521 7.75 13.7998V10.2998Z" fill="#292D32"/>
+<path d="M14.75 10.2998C14.75 9.74752 14.3023 9.2998 13.75 9.2998H10.25C9.69772 9.2998 9.25 9.74752 9.25 10.2998V13.7998C9.25 14.3521 9.69772 14.7998 10.25 14.7998H13.75C14.3 14.7998 14.75 14.3498 14.75 13.7998V10.2998Z" fill="#292D32"/>
+<path d="M14.75 3C14.75 2.44771 14.3023 2 13.75 2H10.25C9.69772 2 9.25 2.44772 9.25 3V6.8C9.25 7.35229 9.69772 7.8 10.25 7.8H13.75C14.3023 7.8 14.75 7.35228 14.75 6.8V3Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/happyemoji.svg b/public/images/icons/vuesax/bold/happyemoji.svg
new file mode 100644
index 0000000..94c9066
--- /dev/null
+++ b/public/images/icons/vuesax/bold/happyemoji.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.97 2C6.44997 2 1.96997 6.48 1.96997 12C1.96997 17.52 6.44997 22 11.97 22C17.49 22 21.97 17.52 21.97 12C21.97 6.48 17.5 2 11.97 2ZM17.4 16.43C16.17 18.2 14.15 19.25 12 19.25C9.84997 19.25 7.82997 18.2 6.59997 16.43C6.35997 16.09 6.44997 15.62 6.78997 15.39C7.12997 15.15 7.59997 15.24 7.82997 15.58C8.77997 16.94 10.34 17.76 12 17.76C13.66 17.76 15.22 16.95 16.17 15.58C16.41 15.24 16.87 15.16 17.21 15.39C17.56 15.62 17.64 16.09 17.4 16.43Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/harmony-(one).svg b/public/images/icons/vuesax/bold/harmony-(one).svg
new file mode 100644
index 0000000..437becf
--- /dev/null
+++ b/public/images/icons/vuesax/bold/harmony-(one).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="M22 5.74023V18.2602C22 20.3202 20.32 22.0002 18.26 22.0002H17.74C15.68 22.0002 14 20.3202 14 18.2602V11.8802C14.35 11.8402 14.69 11.7902 15.01 11.7202C17.05 11.3502 18.6 10.6502 19.72 9.94023C21.16 9.04023 22 7.44023 22 5.74023Z" fill="black"/>
+<path d="M22 5.74001C22 7.44001 21.16 9.04 19.72 9.94C18.6 10.65 17.05 11.35 15.01 11.72C14.69 11.79 14.35 11.84 14 11.88V12.63C12.81 12.78 11.54 12.7 10.07 12.85L10 12.86V18.26C10 20.32 8.32001 22 6.26001 22H5.73999C3.67999 22 2 20.32 2 18.26C2 18.17 2.00002 18.07 2.02002 17.98C2.10002 16.38 2.92003 14.91 4.28003 14.06C5.40003 13.35 6.94998 12.65 8.97998 12.28C9.29998 12.21 9.65 12.16 10 12.12V11.35C11.56 11.21 12.75 11.29 13.91 11.14L14 11.13V5.74001C14 3.68001 15.68 2 17.74 2H18.26C20.09 2 21.63 3.33 21.94 5.08C21.98 5.29 22 5.51001 22 5.74001Z" fill="black"/>
+<path d="M10 5.74001V12.12C9.65 12.16 9.29998 12.21 8.97998 12.28C6.94998 12.65 5.40003 13.35 4.28003 14.06C2.92003 14.91 2.10002 16.38 2.02002 17.98C2.01002 17.99 2 18 2 18V5.74001C2 3.68001 3.67999 2 5.73999 2H6.26001C8.32001 2 10 3.68001 10 5.74001Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/hashtag-down.svg b/public/images/icons/vuesax/bold/hashtag-down.svg
new file mode 100644
index 0000000..47a517c
--- /dev/null
+++ b/public/images/icons/vuesax/bold/hashtag-down.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.08 11.8299H11.73L11.92 10.1699H10.27L10.08 11.8299Z" fill="#292D32"/>
+<path d="M21.97 7.21C21.77 4.13 19.87 2.23 16.79 2.03C16.59 2.01 16.39 2 16.19 2H7.81C7.61 2 7.41 2.01 7.21 2.03C4.13 2.23 2.23 4.13 2.03 7.21C2.01 7.41 2 7.61 2 7.81V16.19C2 16.39 2.01 16.59 2.03 16.79C2.23 19.87 4.13 21.77 7.21 21.97C7.41 21.99 7.61 22 7.81 22H13.5C14.05 22 14.5 21.55 14.5 21V18.03C14.5 16.08 16.08 14.5 18.03 14.5H21C21.55 14.5 22 14.05 22 13.5V7.81C22 7.61 21.99 7.41 21.97 7.21ZM16 10.17H13.43L13.24 11.83H15.47C15.89 11.83 16.22 12.17 16.22 12.58C16.22 12.99 15.89 13.33 15.47 13.33H13.08L12.8 15.82C12.76 16.2 12.43 16.49 12.05 16.49C12.03 16.49 12 16.49 11.97 16.48C11.56 16.44 11.26 16.07 11.31 15.65L11.57 13.33H9.92L9.64 15.82C9.6 16.2 9.27 16.49 8.9 16.49C8.87 16.49 8.84 16.49 8.81 16.48C8.4 16.44 8.1 16.07 8.15 15.65L8.41 13.33H6C5.59 13.33 5.25 12.99 5.25 12.58C5.25 12.17 5.59 11.83 6 11.83H8.57L8.76 10.17H6.53C6.11 10.17 5.78 9.83 5.78 9.42C5.78 9.01 6.11 8.67 6.53 8.67H8.92L9.2 6.18C9.25 5.77 9.62 5.47 10.03 5.52C10.44 5.56 10.74 5.93 10.69 6.35L10.43 8.67H12.08L12.36 6.18C12.41 5.77 12.78 5.47 13.19 5.52C13.6 5.56 13.9 5.93 13.85 6.35L13.59 8.67H16C16.41 8.67 16.75 9.01 16.75 9.42C16.75 9.83 16.41 10.17 16 10.17Z" fill="#292D32"/>
+<path d="M20.97 23H18.03C16.76 23 16 22.24 16 20.97V18.03C16 16.76 16.76 16 18.03 16H20.97C22.24 16 23 16.76 23 18.03V20.97C23 22.24 22.24 23 20.97 23ZM21.19 19.69C21.07 19.57 20.91 19.51 20.75 19.51C20.59 19.51 20.43 19.57 20.31 19.69L20.13 19.87V17.63C20.13 17.28 19.85 17 19.5 17C19.15 17 18.87 17.28 18.87 17.63V19.87L18.69 19.69C18.45 19.45 18.05 19.45 17.81 19.69C17.57 19.93 17.57 20.33 17.81 20.57L19.06 21.82C19.11 21.87 19.18 21.91 19.25 21.94C19.27 21.95 19.29 21.95 19.31 21.96C19.36 21.98 19.41 21.99 19.47 21.99C19.49 21.99 19.51 21.99 19.53 21.99C19.6 21.99 19.66 21.98 19.73 21.95C19.74 21.95 19.74 21.95 19.75 21.95C19.82 21.92 19.88 21.88 19.93 21.83C19.94 21.82 19.94 21.82 19.95 21.82L21.2 20.57C21.44 20.33 21.44 19.93 21.19 19.69Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/hashtag-up.svg b/public/images/icons/vuesax/bold/hashtag-up.svg
new file mode 100644
index 0000000..3bd2146
--- /dev/null
+++ b/public/images/icons/vuesax/bold/hashtag-up.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.08 11.8299H11.73L11.92 10.1699H10.27L10.08 11.8299Z" fill="#292D32"/>
+<path d="M21.97 7.21C21.77 4.13 19.87 2.23 16.79 2.03C16.59 2.01 16.39 2 16.19 2H7.81C7.61 2 7.41 2.01 7.21 2.03C4.13 2.23 2.23 4.13 2.03 7.21C2.01 7.41 2 7.61 2 7.81V16.19C2 16.39 2.01 16.59 2.03 16.79C2.23 19.87 4.13 21.77 7.21 21.97C7.41 21.99 7.61 22 7.81 22H13.5C14.05 22 14.5 21.55 14.5 21V18.03C14.5 16.08 16.08 14.5 18.03 14.5H21C21.55 14.5 22 14.05 22 13.5V7.81C22 7.61 21.99 7.41 21.97 7.21ZM16 10.17H13.43L13.24 11.83H15.47C15.89 11.83 16.22 12.17 16.22 12.58C16.22 12.99 15.89 13.33 15.47 13.33H13.08L12.8 15.82C12.76 16.2 12.43 16.49 12.05 16.49C12.03 16.49 12 16.49 11.97 16.48C11.56 16.44 11.26 16.07 11.31 15.65L11.57 13.33H9.92L9.64 15.82C9.6 16.2 9.27 16.49 8.9 16.49C8.87 16.49 8.84 16.49 8.81 16.48C8.4 16.44 8.1 16.07 8.15 15.65L8.41 13.33H6C5.59 13.33 5.25 12.99 5.25 12.58C5.25 12.17 5.59 11.83 6 11.83H8.57L8.76 10.17H6.53C6.11 10.17 5.78 9.83 5.78 9.42C5.78 9.01 6.11 8.67 6.53 8.67H8.92L9.2 6.18C9.25 5.77 9.62 5.47 10.03 5.52C10.44 5.56 10.74 5.93 10.69 6.35L10.43 8.67H12.08L12.36 6.18C12.41 5.77 12.78 5.47 13.19 5.52C13.6 5.56 13.9 5.93 13.85 6.35L13.59 8.67H16C16.41 8.67 16.75 9.01 16.75 9.42C16.75 9.83 16.41 10.17 16 10.17Z" fill="#292D32"/>
+<path d="M20.97 16H18.03C16.76 16 16 16.76 16 18.03V20.97C16 22.24 16.76 23 18.03 23H20.97C22.24 23 23 22.24 23 20.97V18.03C23 16.76 22.24 16 20.97 16ZM21.19 19.31C21.07 19.43 20.91 19.49 20.75 19.49C20.59 19.49 20.43 19.43 20.31 19.31L20.13 19.13V21.37C20.13 21.72 19.85 22 19.5 22C19.15 22 18.87 21.72 18.87 21.37V19.13L18.69 19.31C18.45 19.55 18.05 19.55 17.81 19.31C17.57 19.07 17.57 18.67 17.81 18.43L19.06 17.18C19.11 17.13 19.18 17.09 19.25 17.06C19.27 17.05 19.29 17.05 19.31 17.04C19.36 17.02 19.41 17.01 19.47 17.01C19.49 17.01 19.51 17.01 19.53 17.01C19.6 17.01 19.66 17.02 19.73 17.05C19.74 17.05 19.74 17.05 19.75 17.05C19.82 17.08 19.88 17.12 19.93 17.17C19.94 17.18 19.94 17.18 19.95 17.18L21.2 18.43C21.44 18.67 21.44 19.07 21.19 19.31Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/hashtag.svg b/public/images/icons/vuesax/bold/hashtag.svg
new file mode 100644
index 0000000..26828c3
--- /dev/null
+++ b/public/images/icons/vuesax/bold/hashtag.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.42 13.4201H13.26L13.58 10.5801H10.74L10.42 13.4201Z" fill="#292D32"/>
+<path d="M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM18.82 10.58H15.05L14.73 13.43H18.1C18.5 13.43 18.83 13.76 18.83 14.16C18.83 14.56 18.5 14.89 18.1 14.89H14.57L14.16 18.55C14.12 18.92 13.8 19.2 13.43 19.2C13.4 19.2 13.38 19.2 13.35 19.2C12.95 19.16 12.66 18.79 12.7 18.39L13.09 14.89H10.25L9.84 18.55C9.8 18.92 9.48 19.2 9.11 19.2C9.08 19.2 9.06 19.2 9.03 19.2C8.63 19.16 8.34 18.79 8.38 18.39L8.77 14.89H5.18C4.78 14.89 4.45 14.56 4.45 14.16C4.45 13.76 4.78 13.43 5.18 13.43H8.95L9.27 10.58H5.9C5.5 10.58 5.17 10.25 5.17 9.85C5.17 9.45 5.5 9.12 5.9 9.12H9.43L9.84 5.46C9.88 5.06 10.25 4.77 10.65 4.81C11.05 4.85 11.34 5.22 11.3 5.62L10.91 9.12H13.75L14.16 5.46C14.21 5.06 14.57 4.77 14.97 4.81C15.37 4.85 15.66 5.22 15.62 5.62L15.23 9.12H18.84C19.24 9.12 19.57 9.45 19.57 9.85C19.57 10.25 19.22 10.58 18.82 10.58Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/headphone.svg b/public/images/icons/vuesax/bold/headphone.svg
new file mode 100644
index 0000000..1030419
--- /dev/null
+++ b/public/images/icons/vuesax/bold/headphone.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="M2.75006 18.6498C2.34006 18.6498 2.00006 18.3098 2.00006 17.8998V12.1998C1.95006 9.4898 2.96006 6.9298 4.84006 5.0098C6.72006 3.0998 9.24006 2.0498 11.9501 2.0498C17.4901 2.0498 22.0001 6.5598 22.0001 12.0998V17.7998C22.0001 18.2098 21.6601 18.5498 21.2501 18.5498C20.8401 18.5498 20.5001 18.2098 20.5001 17.7998V12.0998C20.5001 7.3898 16.6701 3.5498 11.9501 3.5498C9.64006 3.5498 7.50006 4.43981 5.91006 6.0598C4.31006 7.68981 3.46006 9.85981 3.50006 12.1798V17.8898C3.50006 18.3098 3.17006 18.6498 2.75006 18.6498Z" fill="#292D32"/>
+<path d="M5.94 12.4502H5.81C3.71 12.4502 2 14.1602 2 16.2602V18.1402C2 20.2402 3.71 21.9502 5.81 21.9502H5.94C8.04 21.9502 9.75 20.2402 9.75 18.1402V16.2602C9.75 14.1602 8.04 12.4502 5.94 12.4502Z" fill="#292D32"/>
+<path d="M18.19 12.4502H18.06C15.96 12.4502 14.25 14.1602 14.25 16.2602V18.1402C14.25 20.2402 15.96 21.9502 18.06 21.9502H18.19C20.29 21.9502 22 20.2402 22 18.1402V16.2602C22 14.1602 20.29 12.4502 18.19 12.4502Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/headphones.svg b/public/images/icons/vuesax/bold/headphones.svg
new file mode 100644
index 0000000..1c7a742
--- /dev/null
+++ b/public/images/icons/vuesax/bold/headphones.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="M8.5 12.75C8.09 12.75 7.75 12.41 7.75 12V6C7.75 5.59 8.09 5.25 8.5 5.25C8.91 5.25 9.25 5.59 9.25 6V12C9.25 12.41 8.91 12.75 8.5 12.75Z" fill="#292D32"/>
+<path d="M8.5 22.75C8.09 22.75 7.75 22.41 7.75 22V18C7.75 17.59 8.09 17.25 8.5 17.25C8.91 17.25 9.25 17.59 9.25 18V22C9.25 22.41 8.91 22.75 8.5 22.75Z" fill="#292D32"/>
+<path d="M15.5 22.75C15.09 22.75 14.75 22.41 14.75 22V6C14.75 5.59 15.09 5.25 15.5 5.25C15.91 5.25 16.25 5.59 16.25 6V22C16.25 22.41 15.91 22.75 15.5 22.75Z" fill="#292D32"/>
+<path d="M10.1 5.3C10.1 5.79 9.90005 6.24 9.57005 6.57C9.24005 6.9 8.79005 7.1 8.30005 7.1H6.05005C6.33005 6.73 6.50005 6.25 6.50005 5.75V4.85C6.50005 4.35 6.33005 3.87 6.05005 3.5H8.30005C9.29005 3.5 10.1 4.31 10.1 5.3Z" fill="#292D32"/>
+<path d="M6.5 4.84981V5.74981C6.5 6.24981 6.33 6.72981 6.05 7.09981C5.29 8.10981 3.73 8.44981 2.28 7.15981C2.12 7.01981 2 6.71981 2 6.50981V4.16981C2 3.96981 2.1 3.69981 2.23 3.55981C3.49 2.23981 5.01 2.42981 5.84 3.25981C5.91 3.32981 5.99 3.40981 6.05 3.49981C6.33 3.86981 6.5 4.34981 6.5 4.84981Z" fill="#292D32"/>
+<path d="M13.8999 5.3C13.8999 5.79 14.0999 6.24 14.4299 6.57C14.7599 6.9 15.2099 7.1 15.6999 7.1H17.9499C17.6699 6.73 17.4999 6.25 17.4999 5.75V4.85C17.4999 4.35 17.6699 3.87 17.9499 3.5H15.6999C14.7099 3.5 13.8999 4.31 13.8999 5.3Z" fill="#292D32"/>
+<path d="M17.5 4.84981V5.74981C17.5 6.24981 17.67 6.72981 17.95 7.09981C18.71 8.10981 20.27 8.44981 21.72 7.15981C21.88 7.01981 22 6.71981 22 6.50981V4.16981C22 3.97981 21.9 3.69981 21.77 3.55981C20.51 2.23981 18.99 2.42981 18.16 3.25981C18.09 3.32981 18.02 3.40981 17.95 3.49981C17.67 3.86981 17.5 4.34981 17.5 4.84981Z" fill="#292D32"/>
+<path d="M10 13.5V17.5C10 18.33 9.33 19 8.5 19C7.67 19 7 18.33 7 17.5V13.5C7 12.67 7.67 12 8.5 12C9.33 12 10 12.67 10 13.5Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/health.svg b/public/images/icons/vuesax/bold/health.svg
new file mode 100644
index 0000000..5569eea
--- /dev/null
+++ b/public/images/icons/vuesax/bold/health.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="M22 7.81V12.5H17.92C17.8 12.49 17.54 12.34 17.48 12.23L16.44 10.26C16.03 9.48 15.32 9.04 14.56 9.08C13.8 9.12 13.15 9.63 12.82 10.46L11.44 13.92L11.24 13.4C10.75 12.13 9.35 11.17 7.97 11.17L2 11.2V7.81C2 4.17 4.17 2 7.81 2H16.19C19.83 2 22 4.17 22 7.81Z" fill="#292D32"/>
+<path d="M22 16.1901V14.0001H17.92C17.25 14.0001 16.46 13.5201 16.15 12.9301L15.11 10.9601C14.83 10.4301 14.43 10.4601 14.21 11.0101L11.91 16.8201C11.66 17.4701 11.24 17.4701 10.98 16.8201L9.84 13.9401C9.57 13.2401 8.73 12.6701 7.98 12.6701L2 12.7001V16.1901C2 19.7701 4.1 21.9301 7.63 21.9901C7.74 22.0001 7.86 22.0001 7.97 22.0001H15.97C16.12 22.0001 16.27 22.0001 16.41 21.9901C19.92 21.9101 22 19.7601 22 16.1901Z" fill="#292D32"/>
+<path d="M1.99997 12.7002V16.0102C1.97997 15.6902 1.96997 15.3502 1.96997 15.0002V12.7002H1.99997Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/heart-add.svg b/public/images/icons/vuesax/bold/heart-add.svg
new file mode 100644
index 0000000..dbdce5f
--- /dev/null
+++ b/public/images/icons/vuesax/bold/heart-add.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="M20.68 13.9099V13.8999C19.8 12.9699 18.57 12.3999 17.2 12.3999C14.55 12.3999 12.4 14.5499 12.4 17.1999C12.4 18.4299 12.87 19.5499 13.63 20.3999C14.51 21.3799 15.78 21.9999 17.2 21.9999C19.85 21.9999 22 19.8499 22 17.1999C22 15.9299 21.5 14.7699 20.68 13.9099ZM18.99 18.0099H17.95V19.0999C17.95 19.5099 17.61 19.8499 17.2 19.8499C16.79 19.8499 16.45 19.5099 16.45 19.0999V18.0099H15.41C14.99 18.0099 14.66 17.6799 14.66 17.2599C14.66 16.8499 14.98 16.5199 15.4 16.5099H16.45V15.5099C16.45 15.4899 16.45 15.4699 16.46 15.4499C16.48 15.0699 16.81 14.7599 17.2 14.7599C17.6 14.7599 17.93 15.0799 17.95 15.4799V16.5099H18.99C19.41 16.5099 19.74 16.8499 19.74 17.2599C19.74 17.6799 19.41 18.0099 18.99 18.0099Z" fill="#292D32"/>
+<path d="M22 8.73014C22 9.92014 21.81 11.0201 21.48 12.0401C21.42 12.2501 21.17 12.3101 20.99 12.1801C19.9 11.3701 18.57 10.9401 17.2 10.9401C13.73 10.9401 10.9 13.7701 10.9 17.2401C10.9 18.3201 11.18 19.3801 11.71 20.3201C11.87 20.6001 11.68 20.9601 11.38 20.8501C8.97 20.0301 4.1 17.0401 2.52 12.0401C2.19 11.0201 2 9.92014 2 8.73014C2 5.64014 4.49 3.14014 7.56 3.14014C9.37 3.14014 10.99 4.02014 12 5.37014C13.01 4.02014 14.63 3.14014 16.44 3.14014C19.51 3.14014 22 5.64014 22 8.73014Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/heart-circle.svg b/public/images/icons/vuesax/bold/heart-circle.svg
new file mode 100644
index 0000000..873cc69
--- /dev/null
+++ b/public/images/icons/vuesax/bold/heart-circle.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 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12.33 17C12.15 17.06 11.84 17.06 11.66 17C10.1 16.47 6.6 14.24 6.6 10.46C6.6 8.79 7.94 7.44 9.6 7.44C10.58 7.44 11.45 7.91 12 8.65C12.54 7.92 13.42 7.44 14.4 7.44C16.06 7.44 17.4 8.79 17.4 10.46C17.4 14.24 13.9 16.47 12.33 17Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/heart-edit.svg b/public/images/icons/vuesax/bold/heart-edit.svg
new file mode 100644
index 0000000..22a4af8
--- /dev/null
+++ b/public/images/icons/vuesax/bold/heart-edit.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.44 3.1001C14.63 3.1001 13.01 3.9801 12 5.3301C10.99 3.9801 9.37 3.1001 7.56 3.1001C4.49 3.1001 2 5.6001 2 8.6901C2 9.8801 2.19 10.9801 2.52 12.0001C4.1 17.0001 8.97 19.9901 11.38 20.8101C11.72 20.9301 12.28 20.9301 12.62 20.8101C15.03 19.9901 19.9 17.0001 21.48 12.0001C21.81 10.9801 22 9.8801 22 8.6901C22 5.6001 19.51 3.1001 16.44 3.1001ZM14.84 11.3801L11.3 14.9201C11.16 15.0601 10.9 15.1901 10.71 15.2201L9.36 15.4001C8.87 15.4701 8.53 15.1301 8.6 14.6401L8.79 13.2901C8.82 13.1001 8.95 12.8301 9.09 12.7001L12.63 9.1601C13.24 8.5501 13.95 8.2601 14.85 9.1601C15.74 10.0601 15.45 10.7701 14.84 11.3801Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/heart-remove.svg b/public/images/icons/vuesax/bold/heart-remove.svg
new file mode 100644
index 0000000..05e2b3c
--- /dev/null
+++ b/public/images/icons/vuesax/bold/heart-remove.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="M20.69 13.9199C20.68 13.9199 20.68 13.9099 20.68 13.9099V13.8999C19.8 12.9799 18.57 12.3999 17.2 12.3999C14.55 12.3999 12.4 14.5499 12.4 17.1999C12.4 18.4299 12.87 19.5499 13.63 20.3999C14.51 21.3799 15.78 21.9999 17.2 21.9999C19.85 21.9999 22 19.8499 22 17.1999C22 15.9299 21.5 14.7799 20.69 13.9199ZM19.01 19.0699C18.87 19.2099 18.67 19.2899 18.48 19.2899C18.29 19.2899 18.1 19.2099 17.95 19.0699L17.21 18.3299L16.45 19.0999C16.3 19.2399 16.11 19.3199 15.92 19.3199C15.82 19.3199 15.73 19.2999 15.64 19.2599C15.55 19.2299 15.46 19.1699 15.39 19.0999C15.09 18.7999 15.09 18.3299 15.39 18.0399L16.15 17.2699L15.42 16.5299C15.12 16.2399 15.12 15.7599 15.42 15.4699C15.71 15.1799 16.18 15.1799 16.48 15.4699L17.21 16.2099L17.92 15.4999C18.22 15.2099 18.69 15.2099 18.98 15.4999C19.15 15.6699 19.22 15.8899 19.19 16.1099C19.18 16.2799 19.11 16.4399 18.98 16.5599L18.27 17.2699L19.01 18.0099C19.31 18.2999 19.31 18.7699 19.01 19.0699Z" fill="#292D32"/>
+<path d="M22 8.73014C22 9.92014 21.81 11.0201 21.48 12.0401C21.42 12.2501 21.17 12.3101 20.99 12.1801C19.9 11.3701 18.57 10.9401 17.2 10.9401C13.73 10.9401 10.9 13.7701 10.9 17.2401C10.9 18.3201 11.18 19.3801 11.71 20.3201C11.87 20.6001 11.68 20.9601 11.38 20.8501C8.97 20.0301 4.1 17.0401 2.52 12.0401C2.19 11.0201 2 9.92014 2 8.73014C2 5.64014 4.49 3.14014 7.56 3.14014C9.37 3.14014 10.99 4.02014 12 5.37014C13.01 4.02014 14.63 3.14014 16.44 3.14014C19.51 3.14014 22 5.64014 22 8.73014Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/heart-search.svg b/public/images/icons/vuesax/bold/heart-search.svg
new file mode 100644
index 0000000..291f28e
--- /dev/null
+++ b/public/images/icons/vuesax/bold/heart-search.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="M21.74 20.5102L20.88 19.6502C21.33 18.9702 21.59 18.1602 21.59 17.2902C21.59 14.9202 19.67 12.9902 17.29 12.9902C14.91 12.9902 13 14.9202 13 17.3002C13 19.6802 14.92 21.6002 17.3 21.6002C18.17 21.6002 18.98 21.3402 19.66 20.8902L20.52 21.7502C20.69 21.9202 20.91 22.0102 21.14 22.0102C21.37 22.0102 21.59 21.9202 21.76 21.7502C22.09 21.4002 22.09 20.8502 21.74 20.5102Z" fill="#292D32"/>
+<path d="M22 8.73014C22 9.92014 21.81 11.0201 21.48 12.0401C21.42 12.2501 21.17 12.3101 20.99 12.1801C19.9 11.3701 18.57 10.9401 17.2 10.9401C13.73 10.9401 10.9 13.7701 10.9 17.2401C10.9 18.3201 11.18 19.3801 11.71 20.3201C11.87 20.6001 11.68 20.9601 11.38 20.8501C8.97 20.0301 4.1 17.0401 2.52 12.0401C2.19 11.0201 2 9.92014 2 8.73014C2 5.64014 4.49 3.14014 7.56 3.14014C9.37 3.14014 10.99 4.02014 12 5.37014C13.01 4.02014 14.63 3.14014 16.44 3.14014C19.51 3.14014 22 5.64014 22 8.73014Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/heart-slash.svg b/public/images/icons/vuesax/bold/heart-slash.svg
new file mode 100644
index 0000000..d1fdce6
--- /dev/null
+++ b/public/images/icons/vuesax/bold/heart-slash.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="M22 8.69008C22 9.88008 21.81 10.9801 21.48 12.0001C19.9 17.0001 15.03 19.9901 12.62 20.8101C12.28 20.9301 11.72 20.9301 11.38 20.8101C10.74 20.5901 9.93 20.2201 9.06 19.7001C8.5 19.3701 8.41 18.5901 8.87 18.1301L20.15 6.85008C20.69 6.31008 21.64 6.54008 21.83 7.28008C21.94 7.73008 22 8.20008 22 8.69008Z" fill="#292D32"/>
+<path d="M22.53 1.46994C22.24 1.17994 21.76 1.17994 21.47 1.46994L19.13 3.80994C18.34 3.35994 17.42 3.09994 16.44 3.09994C14.63 3.09994 13.01 3.97994 12 5.32994C10.99 3.97994 9.37 3.09994 7.56 3.09994C4.49 3.09994 2 5.59994 2 8.68994C2 9.87994 2.19 10.9799 2.52 11.9999C3.17 14.0699 4.39 15.7999 5.77 17.1699L1.47 21.4699C1.18 21.7599 1.18 22.2399 1.47 22.5299C1.62 22.6799 1.81 22.7499 2 22.7499C2.19 22.7499 2.38 22.6799 2.53 22.5299L22.53 2.52994C22.82 2.23994 22.82 1.75994 22.53 1.46994Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/heart-tick.svg b/public/images/icons/vuesax/bold/heart-tick.svg
new file mode 100644
index 0000000..4b0b481
--- /dev/null
+++ b/public/images/icons/vuesax/bold/heart-tick.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="M17.2 12.3999C14.55 12.3999 12.4 14.5499 12.4 17.1999C12.4 18.0999 12.65 18.9499 13.1 19.6699C13.93 21.0599 15.45 21.9999 17.2 21.9999C18.95 21.9999 20.48 21.0599 21.3 19.6699C21.74 18.9499 22 18.0999 22 17.1999C22 14.5499 19.85 12.3999 17.2 12.3999ZM19.58 16.5699L17.02 18.9299C16.88 19.0599 16.69 19.1299 16.51 19.1299C16.32 19.1299 16.13 19.0599 15.98 18.9099L14.8 17.7299C14.51 17.4399 14.51 16.9599 14.8 16.6699C15.09 16.3799 15.57 16.3799 15.86 16.6699L16.53 17.3399L18.56 15.4599C18.86 15.1799 19.34 15.1999 19.62 15.4999C19.9 15.8099 19.88 16.2899 19.58 16.5699Z" fill="#292D32"/>
+<path d="M22 8.73014C22 9.92014 21.81 11.0201 21.48 12.0401C21.42 12.2501 21.17 12.3101 20.99 12.1801C19.9 11.3701 18.57 10.9401 17.2 10.9401C13.73 10.9401 10.9 13.7701 10.9 17.2401C10.9 18.3201 11.18 19.3801 11.71 20.3201C11.87 20.6001 11.68 20.9601 11.38 20.8501C8.97 20.0301 4.1 17.0401 2.52 12.0401C2.19 11.0201 2 9.92014 2 8.73014C2 5.64014 4.49 3.14014 7.56 3.14014C9.37 3.14014 10.99 4.02014 12 5.37014C13.01 4.02014 14.63 3.14014 16.44 3.14014C19.51 3.14014 22 5.64014 22 8.73014Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/heart.svg b/public/images/icons/vuesax/bold/heart.svg
new file mode 100644
index 0000000..f2eb26f
--- /dev/null
+++ b/public/images/icons/vuesax/bold/heart.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.44 3.1001C14.63 3.1001 13.01 3.9801 12 5.3301C10.99 3.9801 9.37 3.1001 7.56 3.1001C4.49 3.1001 2 5.6001 2 8.6901C2 9.8801 2.19 10.9801 2.52 12.0001C4.1 17.0001 8.97 19.9901 11.38 20.8101C11.72 20.9301 12.28 20.9301 12.62 20.8101C15.03 19.9901 19.9 17.0001 21.48 12.0001C21.81 10.9801 22 9.8801 22 8.6901C22 5.6001 19.51 3.1001 16.44 3.1001Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/hedera-hashgraph-(hbar).svg b/public/images/icons/vuesax/bold/hedera-hashgraph-(hbar).svg
new file mode 100644
index 0000000..06c4de4
--- /dev/null
+++ b/public/images/icons/vuesax/bold/hedera-hashgraph-(hbar).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="M15 10.8799H9V13.1299H15V10.8799Z" fill="black"/>
+<path d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM16.5 16.5C16.5 16.91 16.16 17.25 15.75 17.25C15.34 17.25 15 16.91 15 16.5V14.62H9V16.5C9 16.91 8.66 17.25 8.25 17.25C7.84 17.25 7.5 16.91 7.5 16.5V7.5C7.5 7.09 7.84 6.75 8.25 6.75C8.66 6.75 9 7.09 9 7.5V9.38H15V7.5C15 7.09 15.34 6.75 15.75 6.75C16.16 6.75 16.5 7.09 16.5 7.5V16.5Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/hex-(hex).svg b/public/images/icons/vuesax/bold/hex-(hex).svg
new file mode 100644
index 0000000..d717560
--- /dev/null
+++ b/public/images/icons/vuesax/bold/hex-(hex).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 opacity="0.13" d="M10.8701 14L12.8001 17.33L10.8801 20.66H7.00009L5.09009 17.35L7.03009 14H10.8701Z" fill="black"/>
+<path d="M10.5401 14.0801H7.12008C6.94008 14.0801 6.78009 14.1801 6.69009 14.3301L4.9801 17.2901C4.8901 17.4401 4.8901 17.6401 4.9801 17.7901L6.69009 20.7501C6.78009 20.9001 6.94008 21.0001 7.12008 21.0001H10.5401C10.7201 21.0001 10.8801 20.9001 10.9701 20.7501L12.6801 17.7901C12.7701 17.6401 12.7701 17.4401 12.6801 17.2901L10.9701 14.3301C10.8801 14.1701 10.7201 14.0801 10.5401 14.0801Z" fill="black"/>
+<path d="M22.2399 11.7402C22.3299 11.9002 22.3299 12.1002 22.2399 12.2602L17.3099 20.7902C17.2399 20.9202 17.0999 21.0002 16.9499 21.0002C16.6299 21.0002 16.4299 20.6502 16.5899 20.3802L19.8799 14.6802C19.9699 14.5202 19.9699 14.3202 19.8799 14.1602L15.4799 6.54024C15.3899 6.38024 15.2199 6.28024 15.0299 6.28024H6.21991C6.02991 6.28024 5.8699 6.38024 5.7699 6.54024L2.49991 12.2202C2.32991 12.5202 1.89991 12.5202 1.71991 12.2202C1.63991 12.0802 1.63991 11.9102 1.71991 11.7702L6.63993 3.25024C6.71993 3.09024 6.89991 2.99023 7.08991 2.99023H16.8799C17.0699 2.99023 17.2299 3.09024 17.3299 3.25024L22.2399 11.7402Z" fill="black"/>
+<path d="M18.09 14.6801L14.59 20.7401C14.5 20.9001 14.33 21.0001 14.14 21.0001H13.54C13.14 21.0001 12.89 20.5701 13.09 20.2201L14.49 17.8001C14.58 17.6401 14.58 17.4401 14.49 17.2801L11.89 12.7801C11.79 12.6201 11.61 12.5201 11.42 12.5201H6.22003C6.03003 12.5201 5.87001 12.6201 5.77001 12.7801L4.37002 15.2001C4.17002 15.5501 3.67003 15.5501 3.47003 15.2001L3.17004 14.6901C3.08004 14.5301 3.08004 14.3301 3.17004 14.1701L6.66003 8.1101C6.75003 7.9501 6.92001 7.8501 7.11001 7.8501H14.1C14.29 7.8501 14.45 7.9501 14.55 8.1101L18.05 14.1701C18.17 14.3201 18.17 14.5301 18.09 14.6801Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/hierarchy-2.svg b/public/images/icons/vuesax/bold/hierarchy-2.svg
new file mode 100644
index 0000000..4df3b9b
--- /dev/null
+++ b/public/images/icons/vuesax/bold/hierarchy-2.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="M18.75 22C20.5449 22 22 20.5449 22 18.75C22 16.9551 20.5449 15.5 18.75 15.5C16.9551 15.5 15.5 16.9551 15.5 18.75C15.5 20.5449 16.9551 22 18.75 22Z" fill="#292D32"/>
+<path d="M19 8C20.6569 8 22 6.65685 22 5C22 3.34315 20.6569 2 19 2C17.3431 2 16 3.34315 16 5C16 6.65685 17.3431 8 19 8Z" fill="#292D32"/>
+<path d="M5 8C6.65685 8 8 6.65685 8 5C8 3.34315 6.65685 2 5 2C3.34315 2 2 3.34315 2 5C2 6.65685 3.34315 8 5 8Z" fill="#292D32"/>
+<path d="M4.83 8.02C5.8 10.8 8.42 12.67 11.37 12.67C11.38 12.67 11.39 12.67 11.4 12.67L14.93 12.66C16.45 12.64 17.81 13.67 18.22 15.15V17C18.22 17.42 18.56 17.76 18.99 17.76C19.41 17.76 19.75 17.42 19.75 17V5.76C19.75 5.34 19.41 5 18.99 5C18.57 5 18.22 5.34 18.22 5.76V12.38C17.34 11.6 16.19 11.12 14.94 11.12C14.93 11.12 14.93 11.12 14.92 11.12L11.39 11.13C11.38 11.13 11.38 11.13 11.37 11.13C9.08 11.13 7.03 9.68 6.28 7.51C6.16 7.2 5.87 7 5.55 7C5.47 7 5.38 7.02 5.3 7.04C4.9 7.18 4.69 7.62 4.83 8.02Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/hierarchy-3.svg b/public/images/icons/vuesax/bold/hierarchy-3.svg
new file mode 100644
index 0000000..31217ec
--- /dev/null
+++ b/public/images/icons/vuesax/bold/hierarchy-3.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="M5 8C6.65685 8 8 6.65685 8 5C8 3.34315 6.65685 2 5 2C3.34315 2 2 3.34315 2 5C2 6.65685 3.34315 8 5 8Z" fill="#292D32"/>
+<path d="M19 15C20.6569 15 22 13.6569 22 12C22 10.3431 20.6569 9 19 9C17.3431 9 16 10.3431 16 12C16 13.6569 17.3431 15 19 15Z" fill="#292D32"/>
+<path d="M5 22C6.65685 22 8 20.6569 8 19C8 17.3431 6.65685 16 5 16C3.34315 16 2 17.3431 2 19C2 20.6569 3.34315 22 5 22Z" fill="#292D32"/>
+<path d="M5 16.75C4.59 16.75 4.25 16.41 4.25 16V8C4.25 7.59 4.59 7.25 5 7.25C5.41 7.25 5.75 7.59 5.75 8C5.75 10.19 6.81 11.25 9 11.25H16C16.41 11.25 16.75 11.59 16.75 12C16.75 12.41 16.41 12.75 16 12.75H9C7.64 12.75 6.55 12.4 5.75 11.74V16C5.75 16.41 5.41 16.75 5 16.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/hierarchy-square-2.svg b/public/images/icons/vuesax/bold/hierarchy-square-2.svg
new file mode 100644
index 0000000..31cda7f
--- /dev/null
+++ b/public/images/icons/vuesax/bold/hierarchy-square-2.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM16.2 18.25C15.07 18.25 14.15 17.33 14.15 16.2C14.15 15.54 14.47 14.96 14.96 14.58C14.54 13.48 13.49 12.72 12.31 12.76L10.25 12.77H10.24C9.63 12.77 9.05 12.59 8.56 12.28V14.3C9.32 14.6 9.86 15.34 9.86 16.2C9.86 17.33 8.94 18.25 7.81 18.25C6.68 18.25 5.76 17.33 5.76 16.2C5.76 15.33 6.3 14.6 7.06 14.3V9.95C6.3 9.6 5.76 8.84 5.76 7.95C5.76 6.74 6.75 5.75 7.96 5.75C9.17 5.75 10.16 6.74 10.16 7.95C10.16 8.93 9.51 9.75 8.62 10.04C8.82 10.77 9.48 11.28 10.24 11.28C10.24 11.28 10.24 11.28 10.25 11.28L12.31 11.27C12.32 11.27 12.32 11.27 12.33 11.27C14.17 11.27 15.82 12.44 16.42 14.18C17.45 14.29 18.26 15.15 18.26 16.21C18.25 17.33 17.33 18.25 16.2 18.25Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/hierarchy-square-3.svg b/public/images/icons/vuesax/bold/hierarchy-square-3.svg
new file mode 100644
index 0000000..f9afc5b
--- /dev/null
+++ b/public/images/icons/vuesax/bold/hierarchy-square-3.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM16.41 9.83C15.8 11.57 14.16 12.74 12.32 12.74C12.31 12.74 12.31 12.74 12.3 12.74L10.24 12.73C10.24 12.73 10.24 12.73 10.23 12.73C9.47 12.73 8.81 13.24 8.61 13.97C9.5 14.25 10.15 15.08 10.15 16.06C10.15 17.27 9.16 18.26 7.95 18.26C6.74 18.26 5.75 17.27 5.75 16.06C5.75 15.17 6.29 14.4 7.05 14.06V9.7C6.29 9.4 5.75 8.66 5.75 7.8C5.75 6.67 6.67 5.75 7.8 5.75C8.93 5.75 9.85 6.67 9.85 7.8C9.85 8.67 9.31 9.4 8.55 9.7V11.72C9.04 11.41 9.62 11.23 10.23 11.23H10.24L12.3 11.24C13.48 11.28 14.53 10.52 14.95 9.42C14.46 9.04 14.14 8.46 14.14 7.8C14.14 6.67 15.06 5.75 16.19 5.75C17.32 5.75 18.24 6.67 18.24 7.8C18.25 8.86 17.44 9.72 16.41 9.83Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/hierarchy-square.svg b/public/images/icons/vuesax/bold/hierarchy-square.svg
new file mode 100644
index 0000000..9c49d5e
--- /dev/null
+++ b/public/images/icons/vuesax/bold/hierarchy-square.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM9.85 16.45C9.85 17.58 8.93 18.5 7.8 18.5C6.67 18.5 5.75 17.58 5.75 16.45C5.75 15.58 6.29 14.85 7.05 14.55V10.26C6.21 9.95 5.6 9.15 5.6 8.2C5.6 6.99 6.59 6 7.8 6C9.01 6 10 6.99 10 8.2C10 9.15 9.39 9.95 8.55 10.26V14.55C9.31 14.85 9.85 15.59 9.85 16.45ZM16.75 18.5C15.62 18.5 14.7 17.58 14.7 16.45C14.7 15.58 15.24 14.85 16 14.55V8.75C16 8.61 15.89 8.5 15.75 8.5H14.62L14.83 8.67C15.15 8.94 15.19 9.41 14.93 9.73C14.78 9.91 14.56 10 14.35 10C14.18 10 14.01 9.94 13.87 9.83L12.07 8.33C11.9 8.18 11.8 7.97 11.8 7.75C11.8 7.53 11.9 7.32 12.07 7.17L13.87 5.67C14.19 5.41 14.66 5.45 14.93 5.77C15.2 6.09 15.15 6.56 14.83 6.83L14.62 7H15.75C16.71 7 17.5 7.79 17.5 8.75V14.55C18.26 14.85 18.8 15.59 18.8 16.45C18.8 17.58 17.88 18.5 16.75 18.5Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/hierarchy.svg b/public/images/icons/vuesax/bold/hierarchy.svg
new file mode 100644
index 0000000..1037009
--- /dev/null
+++ b/public/images/icons/vuesax/bold/hierarchy.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="M5.25 8.5C7.04493 8.5 8.5 7.04493 8.5 5.25C8.5 3.45507 7.04493 2 5.25 2C3.45507 2 2 3.45507 2 5.25C2 7.04493 3.45507 8.5 5.25 8.5Z" fill="#292D32"/>
+<path d="M5 22C6.65685 22 8 20.6569 8 19C8 17.3431 6.65685 16 5 16C3.34315 16 2 17.3431 2 19C2 20.6569 3.34315 22 5 22Z" fill="#292D32"/>
+<path d="M19 22C20.6569 22 22 20.6569 22 19C22 17.3431 20.6569 16 19 16C17.3431 16 16 17.3431 16 19C16 20.6569 17.3431 22 19 22Z" fill="#292D32"/>
+<path d="M19.17 15.98C18.2 13.2 15.58 11.33 12.63 11.33C12.62 11.33 12.61 11.33 12.6 11.33L9.07 11.34C7.55 11.36 6.19 10.33 5.78 8.85V7.01C5.78 6.59 5.44 6.25 5.01 6.25C4.58 6.25 4.25 6.59 4.25 7.01V18.23C4.25 18.65 4.59 18.99 5.01 18.99C5.43 18.99 5.78 18.65 5.78 18.23V11.61C6.66 12.39 7.81 12.87 9.06 12.87C9.07 12.87 9.07 12.87 9.08 12.87L12.61 12.86C12.62 12.86 12.62 12.86 12.63 12.86C14.92 12.86 16.97 14.31 17.72 16.48C17.84 16.8 18.13 17 18.45 17C18.53 17 18.62 16.99 18.7 16.96C19.1 16.82 19.31 16.38 19.17 15.98Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/home-1.svg b/public/images/icons/vuesax/bold/home-1.svg
new file mode 100644
index 0000000..ee14c71
--- /dev/null
+++ b/public/images/icons/vuesax/bold/home-1.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="M20.83 8.01002L14.28 2.77002C13 1.75002 11 1.74002 9.72996 2.76002L3.17996 8.01002C2.23996 8.76002 1.66996 10.26 1.86996 11.44L3.12996 18.98C3.41996 20.67 4.98996 22 6.69996 22H17.3C18.99 22 20.59 20.64 20.88 18.97L22.14 11.43C22.32 10.26 21.75 8.76002 20.83 8.01002ZM12.75 18C12.75 18.41 12.41 18.75 12 18.75C11.59 18.75 11.25 18.41 11.25 18V15C11.25 14.59 11.59 14.25 12 14.25C12.41 14.25 12.75 14.59 12.75 15V18Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/home-2.svg b/public/images/icons/vuesax/bold/home-2.svg
new file mode 100644
index 0000000..2beb30f
--- /dev/null
+++ b/public/images/icons/vuesax/bold/home-2.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="M20.04 6.82018L14.28 2.79018C12.71 1.69018 10.3 1.75018 8.78999 2.92018L3.77999 6.83018C2.77999 7.61018 1.98999 9.21018 1.98999 10.4702V17.3702C1.98999 19.9202 4.05999 22.0002 6.60999 22.0002H17.39C19.94 22.0002 22.01 19.9302 22.01 17.3802V10.6002C22.01 9.25018 21.14 7.59018 20.04 6.82018ZM12.75 18.0002C12.75 18.4102 12.41 18.7502 12 18.7502C11.59 18.7502 11.25 18.4102 11.25 18.0002V15.0002C11.25 14.5902 11.59 14.2502 12 14.2502C12.41 14.2502 12.75 14.5902 12.75 15.0002V18.0002Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/home-hashtag.svg b/public/images/icons/vuesax/bold/home-hashtag.svg
new file mode 100644
index 0000000..687c4fa
--- /dev/null
+++ b/public/images/icons/vuesax/bold/home-hashtag.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="M12.7 16.8798H13.4C14.55 16.8798 15.49 15.9398 15.49 14.7898V14.0898H12.7V16.8798Z" fill="#292D32"/>
+<path d="M8.51001 14.7898C8.51001 15.9398 9.45001 16.8798 10.6 16.8798H11.3V14.0898H8.51001V14.7898Z" fill="#292D32"/>
+<path d="M8.51001 12.0002V12.7002H11.3V9.91016H10.6C9.45001 9.91016 8.51001 10.8502 8.51001 12.0002Z" fill="#292D32"/>
+<path d="M20.03 6.82018L14.28 2.79018C12.71 1.69018 10.31 1.75018 8.8 2.92018L3.79 6.83018C2.78 7.61018 2 9.21018 2 10.4702V17.3702C2 19.9202 4.07 22.0002 6.61 22.0002H17.38C19.92 22.0002 21.99 19.9302 21.99 17.3802V10.6002C22 9.25018 21.13 7.59018 20.03 6.82018ZM16.88 14.7902C16.88 16.7102 15.31 18.2802 13.39 18.2802H10.6C8.68 18.2802 7.11 16.7202 7.11 14.7902V12.0002C7.11 10.0802 8.68 8.51018 10.6 8.51018H13.39C15.31 8.51018 16.88 10.0702 16.88 12.0002V14.7902Z" fill="#292D32"/>
+<path d="M13.4 9.91016H12.7V12.7002H15.49V12.0002C15.49 10.8502 14.55 9.91016 13.4 9.91016Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/home-trend-down.svg b/public/images/icons/vuesax/bold/home-trend-down.svg
new file mode 100644
index 0000000..bda399d
--- /dev/null
+++ b/public/images/icons/vuesax/bold/home-trend-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="M20.04 6.82018L14.28 2.79018C12.71 1.69018 10.3 1.75018 8.78999 2.92018L3.77999 6.83018C2.77999 7.61018 1.98999 9.21018 1.98999 10.4702V17.3702C1.98999 19.9202 4.05999 22.0002 6.60999 22.0002H17.39C19.94 22.0002 22.01 19.9302 22.01 17.3802V10.6002C22.01 9.25018 21.14 7.59018 20.04 6.82018ZM16.88 16.1902C16.88 16.2802 16.86 16.3702 16.83 16.4602C16.76 16.6302 16.62 16.7702 16.45 16.8402C16.36 16.8802 16.27 16.8902 16.18 16.8902H14.32C13.93 16.8902 13.62 16.5802 13.62 16.1902C13.62 15.8002 13.93 15.4902 14.32 15.4902H14.5L12.39 13.3802L11.37 14.9002C11.25 15.0702 11.07 15.1902 10.86 15.2102C10.64 15.2302 10.45 15.1602 10.3 15.0102L7.31999 12.0302C7.04999 11.7602 7.04999 11.3202 7.31999 11.0402C7.58999 10.7602 8.02999 10.7702 8.30999 11.0402L10.69 13.4202L11.71 11.9002C11.83 11.7302 12.01 11.6102 12.22 11.5902C12.44 11.5702 12.63 11.6402 12.78 11.7902L15.5 14.5102V14.3302C15.5 13.9402 15.81 13.6302 16.2 13.6302C16.59 13.6302 16.9 13.9402 16.9 14.3302V16.1902H16.88Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/home-trend-up.svg b/public/images/icons/vuesax/bold/home-trend-up.svg
new file mode 100644
index 0000000..723ecb9
--- /dev/null
+++ b/public/images/icons/vuesax/bold/home-trend-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="M20.04 6.82018L14.28 2.79018C12.71 1.69018 10.3 1.75018 8.78999 2.92018L3.77999 6.83018C2.77999 7.61018 1.98999 9.21018 1.98999 10.4702V17.3702C1.98999 19.9202 4.05999 22.0002 6.60999 22.0002H17.39C19.94 22.0002 22.01 19.9302 22.01 17.3802V10.6002C22.01 9.25018 21.14 7.59018 20.04 6.82018ZM16.88 13.4002C16.88 13.7902 16.57 14.1002 16.18 14.1002C15.79 14.1002 15.48 13.7902 15.48 13.4002V13.2202L12.76 15.9402C12.61 16.0902 12.41 16.1602 12.2 16.1402C12 16.1202 11.81 16.0002 11.7 15.8302L10.68 14.3102L8.29999 16.6902C8.15999 16.8302 7.98999 16.8902 7.80999 16.8902C7.62999 16.8902 7.44999 16.8202 7.31999 16.6902C7.04999 16.4202 7.04999 15.9802 7.31999 15.7002L10.3 12.7202C10.45 12.5702 10.65 12.5002 10.86 12.5202C11.07 12.5402 11.26 12.6502 11.37 12.8302L12.39 14.3502L14.5 12.2402H14.32C13.93 12.2402 13.62 11.9302 13.62 11.5402C13.62 11.1502 13.93 10.8402 14.32 10.8402H16.18C16.27 10.8402 16.36 10.8602 16.45 10.8902C16.62 10.9602 16.76 11.1002 16.83 11.2702C16.87 11.3602 16.88 11.4502 16.88 11.5402V13.4002Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/home-wifi.svg b/public/images/icons/vuesax/bold/home-wifi.svg
new file mode 100644
index 0000000..3abbc48
--- /dev/null
+++ b/public/images/icons/vuesax/bold/home-wifi.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="M20.86 8.36985L13.93 2.82985C12.86 1.96985 11.13 1.96985 10.07 2.81985L3.14002 8.36985C2.36002 8.98985 1.86002 10.2998 2.03002 11.2798L3.36002 19.2398C3.60002 20.6598 4.96002 21.8098 6.40002 21.8098H17.6C19.03 21.8098 20.4 20.6498 20.64 19.2398L21.97 11.2798C22.13 10.2998 21.63 8.98985 20.86 8.36985ZM12.71 17.1999C12.51 17.3998 12.26 17.4998 12 17.4998C11.74 17.4998 11.49 17.3998 11.29 17.2098C10.9 16.8198 10.9 16.1898 11.29 15.7998C11.68 15.4098 12.32 15.4098 12.71 15.7998C13.1 16.1798 13.1 16.8098 12.71 17.1999ZM14.66 14.8998C14.51 15.0498 14.32 15.1298 14.12 15.1298C13.93 15.1298 13.75 15.0598 13.6 14.9198C12.63 13.9898 11.37 13.9898 10.39 14.9198C10.09 15.2098 9.62002 15.1998 9.33002 14.8998C9.04002 14.5998 9.05002 14.1298 9.35002 13.8398C10.9 12.3498 13.07 12.3498 14.63 13.8398C14.94 14.1198 14.95 14.5998 14.66 14.8998ZM16.78 12.7798C16.63 12.9298 16.44 13.0098 16.24 13.0098C16.05 13.0098 15.86 12.9398 15.72 12.7998C15.25 12.3398 14.72 11.9698 14.16 11.6998C12.76 11.0298 11.23 11.0298 9.84002 11.6998C9.28002 11.9698 8.76002 12.3398 8.28002 12.7998C7.99002 13.0898 7.51002 13.0898 7.22002 12.7898C6.93002 12.4898 6.94002 12.0198 7.23002 11.7298C7.82002 11.1498 8.48002 10.6898 9.19002 10.3498C11 9.47985 13 9.47985 14.8 10.3498C15.51 10.6898 16.17 11.1498 16.76 11.7298C17.06 12.0098 17.07 12.4898 16.78 12.7798Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/home.svg b/public/images/icons/vuesax/bold/home.svg
new file mode 100644
index 0000000..53803eb
--- /dev/null
+++ b/public/images/icons/vuesax/bold/home.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="M20.86 8.36985L13.93 2.82985C12.86 1.96985 11.13 1.96985 10.07 2.81985L3.14002 8.36985C2.36002 8.98985 1.86002 10.2998 2.03002 11.2798L3.36002 19.2398C3.60002 20.6598 4.96002 21.8098 6.40002 21.8098H17.6C19.03 21.8098 20.4 20.6498 20.64 19.2398L21.97 11.2798C22.13 10.2998 21.63 8.98985 20.86 8.36985ZM12 15.4998C10.62 15.4998 9.50002 14.3798 9.50002 12.9998C9.50002 11.6198 10.62 10.4998 12 10.4998C13.38 10.4998 14.5 11.6198 14.5 12.9998C14.5 14.3798 13.38 15.4998 12 15.4998Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/hospital.svg b/public/images/icons/vuesax/bold/hospital.svg
new file mode 100644
index 0000000..913e7cc
--- /dev/null
+++ b/public/images/icons/vuesax/bold/hospital.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="M22 21.25H2C1.59 21.25 1.25 21.59 1.25 22C1.25 22.41 1.59 22.75 2 22.75H22C22.41 22.75 22.75 22.41 22.75 22C22.75 21.59 22.41 21.25 22 21.25Z" fill="#292D32"/>
+<path d="M17 2H7C4 2 3 3.79 3 6V22H9V15.94C9 15.42 9.42 15 9.94 15H14.07C14.58 15 15.01 15.42 15.01 15.94V22H21.01V6C21 3.79 20 2 17 2ZM14.5 9.25H12.75V11C12.75 11.41 12.41 11.75 12 11.75C11.59 11.75 11.25 11.41 11.25 11V9.25H9.5C9.09 9.25 8.75 8.91 8.75 8.5C8.75 8.09 9.09 7.75 9.5 7.75H11.25V6C11.25 5.59 11.59 5.25 12 5.25C12.41 5.25 12.75 5.59 12.75 6V7.75H14.5C14.91 7.75 15.25 8.09 15.25 8.5C15.25 8.91 14.91 9.25 14.5 9.25Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/house-2.svg b/public/images/icons/vuesax/bold/house-2.svg
new file mode 100644
index 0000000..427400a
--- /dev/null
+++ b/public/images/icons/vuesax/bold/house-2.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 15.5C9.59 15.5 9.25 15.84 9.25 16.25V17.75C9.25 18.16 9.59 18.5 10 18.5C10.41 18.5 10.75 18.16 10.75 17.75V16.25C10.75 15.84 10.41 15.5 10 15.5Z" fill="#292D32"/>
+<path d="M22 21.2502H21V9.98021C21 9.36021 20.72 8.78021 20.23 8.40021L13.23 2.96021C12.51 2.39021 11.49 2.39021 10.77 2.96021L3.77 8.40021C3.28 8.78021 3 9.36021 3 9.97021L2.95 21.2502H2C1.59 21.2502 1.25 21.5802 1.25 22.0002C1.25 22.4102 1.59 22.7502 2 22.7502H22C22.41 22.7502 22.75 22.4102 22.75 22.0002C22.75 21.5802 22.41 21.2502 22 21.2502ZM10.5 6.75021H13.5C13.91 6.75021 14.25 7.09021 14.25 7.50021C14.25 7.91021 13.91 8.25021 13.5 8.25021H10.5C10.09 8.25021 9.75 7.91021 9.75 7.50021C9.75 7.09021 10.09 6.75021 10.5 6.75021ZM17 21.2502H7V12.5002C7 11.6702 7.67 11.0002 8.5 11.0002H15.5C16.33 11.0002 17 11.6702 17 12.5002V21.2502Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/house.svg b/public/images/icons/vuesax/bold/house.svg
new file mode 100644
index 0000000..947eb9a
--- /dev/null
+++ b/public/images/icons/vuesax/bold/house.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="M22 21.2502H21V9.98021C21 9.36021 20.72 8.78021 20.23 8.40021L19 7.44021L18.98 4.99021C18.98 4.44021 18.53 4.00021 17.98 4.00021H14.57L13.23 2.96021C12.51 2.39021 11.49 2.39021 10.77 2.96021L3.77 8.40021C3.28 8.78021 3 9.36021 3 9.97021L2.95 21.2502H2C1.59 21.2502 1.25 21.5902 1.25 22.0002C1.25 22.4102 1.59 22.7502 2 22.7502H22C22.41 22.7502 22.75 22.4102 22.75 22.0002C22.75 21.5902 22.41 21.2502 22 21.2502ZM6.5 12.7502V11.2502C6.5 10.7002 6.95 10.2502 7.5 10.2502H9.5C10.05 10.2502 10.5 10.7002 10.5 11.2502V12.7502C10.5 13.3002 10.05 13.7502 9.5 13.7502H7.5C6.95 13.7502 6.5 13.3002 6.5 12.7502ZM14.5 21.2502H9.5V18.5002C9.5 17.6702 10.17 17.0002 11 17.0002H13C13.83 17.0002 14.5 17.6702 14.5 18.5002V21.2502ZM17.5 12.7502C17.5 13.3002 17.05 13.7502 16.5 13.7502H14.5C13.95 13.7502 13.5 13.3002 13.5 12.7502V11.2502C13.5 10.7002 13.95 10.2502 14.5 10.2502H16.5C17.05 10.2502 17.5 10.7002 17.5 11.2502V12.7502Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/html-3.svg b/public/images/icons/vuesax/bold/html-3.svg
new file mode 100644
index 0000000..1b01816
--- /dev/null
+++ b/public/images/icons/vuesax/bold/html-3.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="M19.8801 2H4.1201C3.5201 2 3.0601 2.51999 3.1301 3.10999L4.9301 19.33C4.9701 19.73 5.2601 20.07 5.6501 20.18L11.7301 21.92C11.9101 21.97 12.1001 21.97 12.2801 21.92L18.3601 20.18C18.7501 20.07 19.0301 19.73 19.0801 19.33L20.8801 3.10999C20.9401 2.51999 20.4801 2 19.8801 2ZM16.2501 16.08C16.2201 16.38 16.0001 16.63 15.7101 16.72L12.2101 17.72C12.1401 17.74 12.0701 17.75 12.0001 17.75C11.9301 17.75 11.8601 17.74 11.7901 17.72L8.2901 16.72C8.0301 16.65 7.8301 16.44 7.7701 16.18L7.2701 14.18C7.1701 13.78 7.4101 13.37 7.8201 13.27C8.2201 13.17 8.6301 13.41 8.7301 13.82L9.1301 15.4L12.0101 16.22L14.8201 15.42L15.2301 11.75H8.0001C7.5901 11.75 7.2501 11.41 7.2501 11C7.2501 10.59 7.5901 10.25 8.0001 10.25H15.3801L15.6601 7.75L7.5001 7.73001C7.0901 7.73001 6.7501 7.39001 6.7501 6.98001C6.7501 6.57001 7.0901 6.23001 7.5001 6.23001L16.5001 6.25C16.7101 6.25 16.9201 6.34 17.0601 6.5C17.2001 6.66 17.2701 6.86999 17.2501 7.07999L16.2501 16.08Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/html-5.svg b/public/images/icons/vuesax/bold/html-5.svg
new file mode 100644
index 0000000..18d0844
--- /dev/null
+++ b/public/images/icons/vuesax/bold/html-5.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="M19.8799 2H4.10983C3.50983 2 3.04984 2.52 3.11984 3.11L4.91983 19.33C4.95983 19.73 5.24986 20.07 5.63986 20.18L11.7198 21.92C11.8998 21.97 12.0899 21.97 12.2699 21.92L18.3498 20.18C18.7398 20.07 19.0199 19.73 19.0699 19.33L20.8698 3.11C20.9398 2.52 20.4799 2 19.8799 2ZM16.2498 7.5H8.58988L8.91983 10.5H15.7498C15.9598 10.5 16.1598 10.59 16.3098 10.75C16.4498 10.91 16.5198 11.12 16.4998 11.33L15.9998 16.33C15.9698 16.64 15.7599 16.89 15.4599 16.98L11.9599 17.98C11.8899 18 11.8198 18.01 11.7498 18.01C11.6798 18.01 11.6098 18 11.5398 17.98L8.03983 16.98C7.71983 16.89 7.49985 16.59 7.49985 16.26V14.26C7.49985 13.85 7.83985 13.51 8.24985 13.51C8.65985 13.51 8.99985 13.85 8.99985 14.26V15.69L11.7498 16.48L14.5498 15.68L14.9198 12.01H8.24985C7.86985 12.01 7.54985 11.72 7.49985 11.34L6.99985 6.84C6.97985 6.63 7.03985 6.41999 7.18985 6.25999C7.32985 6.09999 7.53985 6.00999 7.74985 6.00999H16.2498C16.6598 6.00999 16.9998 6.34999 16.9998 6.75999C16.9998 7.16999 16.6598 7.5 16.2498 7.5Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/huobi-token-(ht).svg b/public/images/icons/vuesax/bold/huobi-token-(ht).svg
new file mode 100644
index 0000000..1bedffb
--- /dev/null
+++ b/public/images/icons/vuesax/bold/huobi-token-(ht).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.1599 10C16.1599 10 16.0099 11 12.9099 15C9.9999 18.77 14.2099 21.64 14.7099 21.97C14.7399 21.99 14.7699 21.99 14.8099 21.97C15.4899 21.55 23.0599 16.68 16.1599 10Z" fill="black"/>
+<path d="M13.7598 7.79006C13.7598 5.49006 12.8598 3.39006 11.9598 2.19006C11.6598 1.89006 11.1598 1.99006 11.0598 2.39006C10.6598 3.89006 9.45977 7.09006 6.55977 10.8901C2.85977 15.6901 6.25978 20.8901 9.75978 21.8901C11.6598 22.3901 9.25979 20.8901 8.95979 17.7901C8.65979 13.8901 13.7598 10.9901 13.7598 7.79006Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/icon-(icx).svg b/public/images/icons/vuesax/bold/icon-(icx).svg
new file mode 100644
index 0000000..8e760e8
--- /dev/null
+++ b/public/images/icons/vuesax/bold/icon-(icx).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="M20.26 5.25C19.43 5.25 18.76 4.58 18.76 3.75C18.76 2.92 19.43 2.25 20.26 2.25H20.27C21.1 2.25 21.77 2.92 21.77 3.75C21.77 4.58 21.09 5.25 20.26 5.25Z" fill="black"/>
+<path d="M3.76001 21.75C2.93001 21.75 2.26001 21.08 2.26001 20.25C2.26001 19.42 2.93001 18.75 3.76001 18.75H3.76999C4.59999 18.75 5.26999 19.42 5.26999 20.25C5.26999 21.08 4.59001 21.75 3.76001 21.75Z" fill="black"/>
+<path d="M6.03 16.4C5.78 16.4 5.53001 16.27 5.39001 16.04C4.65001 14.83 4.25 13.43 4.25 12C4.25 7.73 7.73 4.25 12 4.25C13.41 4.25 14.79 4.63001 15.99 5.35001C16.34 5.56001 16.46 6.02 16.25 6.38C16.04 6.73 15.58 6.85 15.22 6.64C14.25 6.06 13.14 5.75 12.01 5.75C8.56001 5.75 5.76001 8.55 5.76001 12C5.76001 13.15 6.07999 14.28 6.67999 15.26C6.89999 15.61 6.78999 16.07 6.42999 16.29C6.29999 16.37 6.16 16.4 6.03 16.4Z" fill="black"/>
+<path d="M12.0001 19.7498C10.5601 19.7498 9.16013 19.3498 7.95013 18.6098C7.60013 18.3898 7.49013 17.9298 7.70013 17.5798C7.92013 17.2298 8.38012 17.1198 8.73012 17.3298C9.71012 17.9298 10.8401 18.2498 12.0001 18.2498C15.4501 18.2498 18.2501 15.4498 18.2501 11.9998C18.2501 10.8498 17.9301 9.71979 17.3301 8.73979C17.1101 8.38979 17.2201 7.92979 17.5801 7.70979C17.9301 7.49979 18.3901 7.59979 18.6101 7.95979C19.3501 9.1798 19.7501 10.5698 19.7501 12.0098C19.7501 16.2698 16.2701 19.7498 12.0001 19.7498Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/icon-1.svg b/public/images/icons/vuesax/bold/icon-1.svg
new file mode 100644
index 0000000..4bc76ee
--- /dev/null
+++ b/public/images/icons/vuesax/bold/icon-1.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.19 2H7.82002C4.18002 2 2.01001 4.17 2.01001 7.81V16.18C2.01001 19.82 4.18002 21.99 7.82002 21.99H16.19C19.83 21.99 22 19.82 22 16.18V7.81C22 4.17 19.83 2 16.19 2ZM11 7.5C11 7.78 10.78 8 10.5 8H9.00002C8.45002 8 8.00002 8.45 8.00002 9V10.5C8.00002 10.78 7.78002 11 7.50002 11H5.50002C5.22002 11 5.00002 10.78 5.00002 10.5V9C5.00002 6.79 6.79002 5 9.00002 5H10.5C10.78 5 11 5.22 11 5.5V7.5ZM19 15C19 17.21 17.21 19 15 19H13.5C13.22 19 13 18.78 13 18.5V16.5C13 16.22 13.22 16 13.5 16H15C15.55 16 16 15.55 16 15V13.5C16 13.22 16.22 13 16.5 13H18.5C18.78 13 19 13.22 19 13.5V15Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/icon.svg b/public/images/icons/vuesax/bold/icon.svg
new file mode 100644
index 0000000..cb72f74
--- /dev/null
+++ b/public/images/icons/vuesax/bold/icon.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 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 7.12C13.31 7.12 14.38 8.19 14.38 9.5C14.38 10.81 13.31 11.88 12 11.88C10.69 11.88 9.62 10.81 9.62 9.5C9.62 8.19 10.69 7.12 12 7.12ZM14.47 17.09C14.33 17.2 14.17 17.25 14.01 17.25C13.79 17.25 13.57 17.15 13.42 16.97L12.01 15.19L10.6 16.97C10.35 17.29 9.86999 17.35 9.54999 17.09C9.22999 16.83 9.16999 16.36 9.42999 16.04L10.62 14.53C10.3 14.44 9.97999 14.33 9.67999 14.18C9.30999 13.99 9.15998 13.54 9.34998 13.17C9.52998 12.8 9.97999 12.65 10.36 12.84C11.4 13.36 12.64 13.36 13.68 12.84C14.04 12.66 14.5 12.8 14.68 13.16C14.87 13.52 14.74 13.97 14.38 14.16C14.07 14.32 13.74 14.43 13.41 14.52L14.61 16.03C14.84 16.36 14.79 16.83 14.47 17.09Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/illustrator.svg b/public/images/icons/vuesax/bold/illustrator.svg
new file mode 100644
index 0000000..8e21a16
--- /dev/null
+++ b/public/images/icons/vuesax/bold/illustrator.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.82 4.17 21.99 7.81 21.99H16.18C19.82 21.99 21.99 19.82 21.99 16.18V7.81C22 4.17 19.83 2 16.19 2ZM13.06 16.68C12.98 16.71 12.9 16.72 12.82 16.72C12.51 16.72 12.21 16.52 12.11 16.21L11.4 14.08H8.32L7.34 16.28C7.17 16.66 6.73 16.83 6.35 16.66C5.97 16.49 5.8 16.05 5.97 15.67L9.5 7.73999C9.63 7.45999 9.9 7.26999 10.22 7.29999C10.53 7.30999 10.8 7.52 10.9 7.81L13.54 15.74C13.66 16.12 13.45 16.55 13.06 16.68ZM17.1 15.97C17.1 16.38 16.76 16.72 16.35 16.72C15.94 16.72 15.6 16.38 15.6 15.97V10.68C15.6 10.27 15.94 9.92999 16.35 9.92999C16.76 9.92999 17.1 10.27 17.1 10.68V15.97ZM17.27 8.42001C17.22 8.54001 17.15 8.64999 17.05 8.73999C16.96 8.82999 16.85 8.90999 16.73 8.95999C16.61 9.00999 16.48 9.03 16.35 9.03C16.08 9.03 15.83 8.92999 15.64 8.73999C15.55 8.64999 15.47 8.54001 15.42 8.42001C15.37 8.29001 15.35 8.17 15.35 8.03C15.35 7.9 15.37 7.76999 15.42 7.64999C15.48 7.52999 15.55 7.41999 15.64 7.32999C15.73 7.22999 15.84 7.15999 15.96 7.10999C16.33 6.95999 16.78 7.04999 17.05 7.32999C17.15 7.41999 17.22 7.52999 17.27 7.64999C17.32 7.76999 17.35 7.9 17.35 8.03C17.35 8.17 17.32 8.30001 17.27 8.42001Z" fill="black"/>
+<path d="M8.97998 12.5699H10.9L10.08 10.1099L8.97998 12.5699Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/image.svg b/public/images/icons/vuesax/bold/image.svg
new file mode 100644
index 0000000..d69b5a6
--- /dev/null
+++ b/public/images/icons/vuesax/bold/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 d="M22.0199 16.8198L18.8899 9.49978C18.3199 8.15978 17.4699 7.39978 16.4999 7.34978C15.5399 7.29978 14.6099 7.96978 13.8999 9.24978L11.9999 12.6598C11.5999 13.3798 11.0299 13.8098 10.4099 13.8598C9.77989 13.9198 9.14989 13.5898 8.63989 12.9398L8.41989 12.6598C7.70989 11.7698 6.82989 11.3398 5.92989 11.4298C5.02989 11.5198 4.25989 12.1398 3.74989 13.1498L2.01989 16.5998C1.39989 17.8498 1.45989 19.2998 2.18989 20.4798C2.91989 21.6598 4.18989 22.3698 5.57989 22.3698H18.3399C19.6799 22.3698 20.9299 21.6998 21.6699 20.5798C22.4299 19.4598 22.5499 18.0498 22.0199 16.8198Z" fill="#292D32"/>
+<path d="M6.97009 8.38012C8.83681 8.38012 10.3501 6.86684 10.3501 5.00012C10.3501 3.13339 8.83681 1.62012 6.97009 1.62012C5.10337 1.62012 3.59009 3.13339 3.59009 5.00012C3.59009 6.86684 5.10337 8.38012 6.97009 8.38012Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/import-1.svg b/public/images/icons/vuesax/bold/import-1.svg
new file mode 100644
index 0000000..b4ec39d
--- /dev/null
+++ b/public/images/icons/vuesax/bold/import-1.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM17.53 7.53L9.81 15.25H12.83C13.24 15.25 13.58 15.59 13.58 16C13.58 16.41 13.24 16.75 12.83 16.75H8C7.59 16.75 7.25 16.41 7.25 16V11.17C7.25 10.76 7.59 10.42 8 10.42C8.41 10.42 8.75 10.76 8.75 11.17V14.19L16.47 6.47C16.62 6.32 16.81 6.25 17 6.25C17.19 6.25 17.38 6.32 17.53 6.47C17.82 6.76 17.82 7.24 17.53 7.53Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/import-2.svg b/public/images/icons/vuesax/bold/import-2.svg
new file mode 100644
index 0000000..04741a9
--- /dev/null
+++ b/public/images/icons/vuesax/bold/import-2.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.8 9H12.75V13.44L14.82 11.37C14.97 11.22 15.16 11.15 15.35 11.15C15.54 11.15 15.73 11.22 15.88 11.37C16.17 11.66 16.17 12.14 15.88 12.43L12.53 15.78C12.24 16.07 11.76 16.07 11.47 15.78L8.12 12.43C7.83 12.14 7.83 11.66 8.12 11.37C8.41 11.08 8.89 11.08 9.18 11.37L11.25 13.44V9H7.2C4 9 2 11 2 14.2V16.79C2 20 4 22 7.2 22H16.79C19.99 22 21.99 20 21.99 16.8V14.2C22 11 20 9 16.8 9Z" fill="#292D32"/>
+<path d="M12.75 2.75C12.75 2.34 12.41 2 12 2C11.59 2 11.25 2.34 11.25 2.75V9H12.75V2.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/import-3.svg b/public/images/icons/vuesax/bold/import-3.svg
new file mode 100644
index 0000000..fbbbd12
--- /dev/null
+++ b/public/images/icons/vuesax/bold/import-3.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="M21.14 9.8999H12.68V13.5699L14.25 11.9999C14.54 11.7099 15.02 11.7099 15.31 11.9999C15.6 12.2899 15.6 12.7699 15.31 13.0599L12.46 15.8999C12.17 16.1899 11.69 16.1899 11.4 15.8999L8.55 13.0599C8.4 12.9099 8.33 12.7199 8.33 12.5299C8.33 12.3399 8.41 12.1499 8.56 11.9999C8.85 11.7099 9.33 11.7099 9.62 11.9999L11.18 13.5599V9.8999H2.86C2.38 9.8999 2 10.2799 2 10.7599C2 16.6499 6.11 20.7599 12 20.7599C17.89 20.7599 22 16.6499 22 10.7599C22 10.2799 21.62 9.8999 21.14 9.8999Z" fill="#292D32"/>
+<path d="M12.6801 3.99023C12.6801 3.58023 12.3401 3.24023 11.9301 3.24023C11.5201 3.24023 11.1801 3.58023 11.1801 3.99023V9.89023H12.6801V3.99023Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/import.svg b/public/images/icons/vuesax/bold/import.svg
new file mode 100644
index 0000000..dc94d17
--- /dev/null
+++ b/public/images/icons/vuesax/bold/import.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 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM17.53 7.53L9.81 15.25H12.83C13.24 15.25 13.58 15.59 13.58 16C13.58 16.41 13.24 16.75 12.83 16.75H8C7.59 16.75 7.25 16.41 7.25 16V11.17C7.25 10.76 7.59 10.42 8 10.42C8.41 10.42 8.75 10.76 8.75 11.17V14.19L16.47 6.47C16.62 6.32 16.81 6.25 17 6.25C17.19 6.25 17.38 6.32 17.53 6.47C17.82 6.76 17.82 7.24 17.53 7.53Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/info-circle.svg b/public/images/icons/vuesax/bold/info-circle.svg
new file mode 100644
index 0000000..6041f04
--- /dev/null
+++ b/public/images/icons/vuesax/bold/info-circle.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 2C6.49 2 2 6.49 2 12C2 17.51 6.49 22 12 22C17.51 22 22 17.51 22 12C22 6.49 17.51 2 12 2ZM11.25 8C11.25 7.59 11.59 7.25 12 7.25C12.41 7.25 12.75 7.59 12.75 8V13C12.75 13.41 12.41 13.75 12 13.75C11.59 13.75 11.25 13.41 11.25 13V8ZM12.92 16.38C12.87 16.51 12.8 16.61 12.71 16.71C12.61 16.8 12.5 16.87 12.38 16.92C12.26 16.97 12.13 17 12 17C11.87 17 11.74 16.97 11.62 16.92C11.5 16.87 11.39 16.8 11.29 16.71C11.2 16.61 11.13 16.51 11.08 16.38C11.03 16.26 11 16.13 11 16C11 15.87 11.03 15.74 11.08 15.62C11.13 15.5 11.2 15.39 11.29 15.29C11.39 15.2 11.5 15.13 11.62 15.08C11.86 14.98 12.14 14.98 12.38 15.08C12.5 15.13 12.61 15.2 12.71 15.29C12.8 15.39 12.87 15.5 12.92 15.62C12.97 15.74 13 15.87 13 16C13 16.13 12.97 16.26 12.92 16.38Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/information.svg b/public/images/icons/vuesax/bold/information.svg
new file mode 100644
index 0000000..c394f58
--- /dev/null
+++ b/public/images/icons/vuesax/bold/information.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="M21.56 10.7401L20.21 9.16008C19.96 8.86008 19.75 8.30008 19.75 7.90008V6.20008C19.75 5.14008 18.88 4.27008 17.82 4.27008H16.12C15.72 4.27008 15.15 4.06008 14.85 3.81008L13.27 2.46008C12.58 1.87008 11.45 1.87008 10.76 2.46008L9.16 3.81008C8.86 4.06008 8.3 4.27008 7.9 4.27008H6.17C5.11 4.27008 4.24 5.14008 4.24 6.20008V7.90008C4.24 8.29008 4.04 8.85008 3.79 9.15008L2.44 10.7401C1.86 11.4401 1.86 12.5601 2.44 13.2401L3.79 14.8301C4.04 15.1201 4.24 15.6901 4.24 16.0801V17.7901C4.24 18.8501 5.11 19.7201 6.17 19.7201H7.91C8.3 19.7201 8.87 19.9301 9.17 20.1801L10.75 21.5301C11.44 22.1201 12.57 22.1201 13.26 21.5301L14.84 20.1801C15.14 19.9301 15.7 19.7201 16.1 19.7201H17.8C18.86 19.7201 19.73 18.8501 19.73 17.7901V16.0901C19.73 15.6901 19.94 15.1301 20.19 14.8301L21.54 13.2501C22.15 12.5701 22.15 11.4401 21.56 10.7401ZM11.25 8.13008C11.25 7.72008 11.59 7.38008 12 7.38008C12.41 7.38008 12.75 7.72008 12.75 8.13008V12.9601C12.75 13.3701 12.41 13.7101 12 13.7101C11.59 13.7101 11.25 13.3701 11.25 12.9601V8.13008ZM12 16.8701C11.45 16.8701 11 16.4201 11 15.8701C11 15.3201 11.44 14.8701 12 14.8701C12.55 14.8701 13 15.3201 13 15.8701C13 16.4201 12.56 16.8701 12 16.8701Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/instagram.svg b/public/images/icons/vuesax/bold/instagram.svg
new file mode 100644
index 0000000..ac52eae
--- /dev/null
+++ b/public/images/icons/vuesax/bold/instagram.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM12 15.88C9.86 15.88 8.12 14.14 8.12 12C8.12 9.86 9.86 8.12 12 8.12C14.14 8.12 15.88 9.86 15.88 12C15.88 14.14 14.14 15.88 12 15.88ZM17.92 6.88C17.87 7 17.8 7.11 17.71 7.21C17.61 7.3 17.5 7.37 17.38 7.42C17.26 7.47 17.13 7.5 17 7.5C16.73 7.5 16.48 7.4 16.29 7.21C16.2 7.11 16.13 7 16.08 6.88C16.03 6.76 16 6.63 16 6.5C16 6.37 16.03 6.24 16.08 6.12C16.13 5.99 16.2 5.89 16.29 5.79C16.52 5.56 16.87 5.45 17.19 5.52C17.26 5.53 17.32 5.55 17.38 5.58C17.44 5.6 17.5 5.63 17.56 5.67C17.61 5.7 17.66 5.75 17.71 5.79C17.8 5.89 17.87 5.99 17.92 6.12C17.97 6.24 18 6.37 18 6.5C18 6.63 17.97 6.76 17.92 6.88Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/iost-(iost).svg b/public/images/icons/vuesax/bold/iost-(iost).svg
new file mode 100644
index 0000000..bc9192d
--- /dev/null
+++ b/public/images/icons/vuesax/bold/iost-(iost).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="M19.5103 6.41976L13.0103 2.59977C12.3803 2.22977 11.6102 2.22977 10.9802 2.59977L4.48022 6.41976C3.87022 6.77976 3.49023 7.43976 3.49023 8.13976V15.8498C3.49023 16.5598 3.87022 17.2098 4.48022 17.5698L10.9802 21.3898C11.6102 21.7598 12.3803 21.7598 13.0103 21.3898L19.5103 17.5698C20.1203 17.2098 20.5002 16.5498 20.5002 15.8498V8.13976C20.5002 7.43976 20.1203 6.77976 19.5103 6.41976ZM17.3903 15.6398L12.3903 18.6398C12.2703 18.7098 12.1402 18.7498 12.0002 18.7498C11.8602 18.7498 11.7302 18.7098 11.6102 18.6398L6.61023 15.6398C6.25023 15.4298 6.14022 14.9698 6.35022 14.6098C6.56022 14.2498 7.02025 14.1398 7.38025 14.3498L11.9902 17.1198L15.5303 14.9898L13.6702 13.8698L13.0203 14.5198C12.8703 14.6698 12.6802 14.7398 12.4902 14.7398C12.3002 14.7398 12.1103 14.6698 11.9603 14.5198C11.6703 14.2298 11.6703 13.7498 11.9603 13.4598L12.3403 13.0798L10.5402 11.9998L10.0203 12.5198C9.87026 12.6698 9.68023 12.7398 9.49023 12.7398C9.30023 12.7398 9.11027 12.6698 8.96027 12.5198C8.67027 12.2298 8.67027 11.7498 8.96027 11.4598L9.22021 11.1998L6.61023 9.62976C6.38023 9.48976 6.25024 9.24977 6.25024 8.98977C6.25024 8.72976 6.39023 8.47977 6.61023 8.34977L11.6102 5.34977C11.8502 5.20977 12.1502 5.20977 12.3802 5.34977L17.3802 8.34977C17.7402 8.55977 17.8503 9.01976 17.6403 9.37976C17.4303 9.72976 16.9702 9.84976 16.6102 9.63976L12.0002 6.86975L8.46027 8.99976L10.3203 10.1198L10.9702 9.46976C11.2602 9.17976 11.7403 9.17976 12.0303 9.46976C12.3203 9.75976 12.3203 10.2398 12.0303 10.5298L11.6503 10.9098L13.4503 11.9898L13.9702 11.4698C14.2602 11.1798 14.7403 11.1798 15.0303 11.4698C15.3203 11.7598 15.3203 12.2398 15.0303 12.5298L14.7703 12.7898L17.3802 14.3598C17.6102 14.4998 17.7402 14.7398 17.7402 14.9998C17.7402 15.2598 17.6103 15.5098 17.3903 15.6398Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/java-script.svg b/public/images/icons/vuesax/bold/java-script.svg
new file mode 100644
index 0000000..50aa16b
--- /dev/null
+++ b/public/images/icons/vuesax/bold/java-script.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="M19.8799 2H4.10983C3.50983 2 3.04984 2.52 3.11984 3.11L4.91983 19.33C4.95983 19.73 5.24986 20.07 5.63986 20.18L11.7198 21.92C11.8998 21.97 12.0899 21.97 12.2699 21.92L18.3498 20.18C18.7398 20.07 19.0199 19.73 19.0699 19.33L20.8698 3.11C20.9398 2.52 20.4799 2 19.8799 2ZM11.3698 15.99C11.3698 16.23 11.2599 16.45 11.0699 16.59C10.9399 16.69 10.7798 16.74 10.6198 16.74C10.5498 16.74 10.4798 16.73 10.4098 16.71L7.28983 15.81C6.88983 15.69 6.65988 15.28 6.77988 14.88C6.88988 14.48 7.30987 14.26 7.70987 14.37L9.86984 14.99V7.00999C9.86984 6.59999 10.2098 6.25999 10.6198 6.25999C11.0298 6.25999 11.3698 6.59999 11.3698 7.00999V15.99ZM17.2498 15.1C17.2498 15.44 17.0198 15.74 16.6798 15.83L13.0799 16.73C13.0199 16.75 12.9599 16.75 12.8999 16.75C12.5599 16.75 12.2598 16.52 12.1698 16.18C12.0698 15.78 12.3098 15.37 12.7198 15.27L15.7498 14.51V12.81L13.4599 13.14C13.2399 13.17 13.0298 13.11 12.8598 12.96C12.6998 12.82 12.5998 12.61 12.5998 12.39V7.44C12.5998 7.07 12.8698 6.75 13.2398 6.7L16.3899 6.25C16.7999 6.19 17.1798 6.48 17.2398 6.89C17.2998 7.3 17.0098 7.68001 16.5998 7.74001L14.0899 8.10001V11.53L16.3799 11.2C16.5999 11.17 16.8098 11.23 16.9798 11.38C17.1398 11.52 17.2398 11.73 17.2398 11.95V15.1H17.2498Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/js.svg b/public/images/icons/vuesax/bold/js.svg
new file mode 100644
index 0000000..3bbb7a7
--- /dev/null
+++ b/public/images/icons/vuesax/bold/js.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="M15.25 16.75H13.5C12.12 16.75 11 15.63 11 14.25C11 13.84 11.34 13.5 11.75 13.5C12.16 13.5 12.5 13.84 12.5 14.25C12.5 14.8 12.95 15.25 13.5 15.25H15.25C15.8 15.25 16.25 14.8 16.25 14.25C16.25 13.7 15.8 13.25 15.25 13.25H13.5C12.12 13.25 11 12.13 11 10.75C11 9.37 12.12 8.25 13.5 8.25H15.25C16.63 8.25 17.75 9.37 17.75 10.75C17.75 11.16 17.41 11.5 17 11.5C16.59 11.5 16.25 11.16 16.25 10.75C16.25 10.2 15.8 9.75 15.25 9.75H13.5C12.95 9.75 12.5 10.2 12.5 10.75C12.5 11.3 12.95 11.75 13.5 11.75H15.25C16.63 11.75 17.75 12.87 17.75 14.25C17.75 15.63 16.63 16.75 15.25 16.75Z" fill="black"/>
+<path d="M12.0002 22.61C11.7102 22.61 11.4203 22.54 11.1503 22.39L9.67023 21.68C9.30023 21.5 9.14025 21.05 9.32025 20.68C9.50025 20.31 9.94025 20.15 10.3203 20.33L11.8303 21.06C11.9403 21.12 12.0402 21.12 12.1102 21.08L20.1102 16.64C20.1902 16.6 20.2402 16.51 20.2402 16.42V7.60003C20.2402 7.51003 20.1902 7.43003 20.1102 7.38003L12.1102 2.94003C12.0302 2.90003 11.9402 2.90003 11.8702 2.94003L3.87024 7.38003C3.79024 7.42003 3.74023 7.51003 3.74023 7.60003V16.42C3.74023 16.51 3.79024 16.59 3.87024 16.64L6.38025 18.03C6.77025 18.25 7.23024 18.24 7.62024 18.01C8.01024 17.78 8.24023 17.38 8.24023 16.93L8.25024 9.00002C8.25024 8.59002 8.59024 8.25002 9.00024 8.25002C9.41024 8.25002 9.75024 8.59002 9.75024 9.00002L9.74023 16.93C9.74023 17.91 9.23025 18.8 8.38025 19.3C7.53025 19.8 6.51027 19.81 5.65027 19.33L3.14026 17.94C2.58026 17.63 2.24023 17.04 2.24023 16.41V7.59002C2.24023 6.96002 2.58026 6.37002 3.14026 6.06002L11.1403 1.62002C11.6703 1.32002 12.3103 1.32002 12.8403 1.62002L20.8403 6.06002C21.4003 6.37002 21.7402 6.96002 21.7402 7.59002V16.41C21.7402 17.04 21.4003 17.63 20.8403 17.94L12.8403 22.38C12.5803 22.53 12.2902 22.61 12.0002 22.61Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/judge.svg b/public/images/icons/vuesax/bold/judge.svg
new file mode 100644
index 0000000..e2812b9
--- /dev/null
+++ b/public/images/icons/vuesax/bold/judge.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="M20.54 19.0398C20.39 19.1898 20.2 19.2598 20.01 19.2598C19.82 19.2598 19.63 19.1898 19.48 19.0398L14.53 14.0898L15.06 13.5598L15.59 13.0298L20.54 17.9798C20.83 18.2698 20.83 18.7498 20.54 19.0398Z" fill="#292D32"/>
+<path d="M6.46999 9.28009L12.27 15.0801C12.66 15.4701 12.66 16.1001 12.27 16.4901L11.37 17.4001C10.56 18.2001 9.27999 18.2001 8.47999 17.4001L4.13999 13.0601C3.34999 12.2701 3.34999 10.9801 4.13999 10.1801L5.04999 9.27009C5.43999 8.89009 6.07999 8.89009 6.46999 9.28009Z" fill="#292D32"/>
+<path d="M18.59 10.1902L14.78 13.9902C14.38 14.3902 13.74 14.3902 13.34 13.9902L7.56001 8.21018C7.16001 7.81018 7.16001 7.17018 7.56001 6.77018L11.37 2.96018C12.16 2.17018 13.45 2.17018 14.25 2.96018L18.59 7.30018C19.38 8.10018 19.38 9.38018 18.59 10.1902Z" fill="#292D32"/>
+<path d="M8 21.75H2C1.59 21.75 1.25 21.41 1.25 21C1.25 20.59 1.59 20.25 2 20.25H8C8.41 20.25 8.75 20.59 8.75 21C8.75 21.41 8.41 21.75 8 21.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/kanban.svg b/public/images/icons/vuesax/bold/kanban.svg
new file mode 100644
index 0000000..c26a03b
--- /dev/null
+++ b/public/images/icons/vuesax/bold/kanban.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.5 19.9V4.1C10.5 2.6 9.86 2 8.27 2H4.23C2.64 2 2 2.6 2 4.1V19.9C2 21.4 2.64 22 4.23 22H8.27C9.86 22 10.5 21.4 10.5 19.9Z" fill="#292D32"/>
+<path d="M22 12.9V4.1C22 2.6 21.36 2 19.77 2H15.73C14.14 2 13.5 2.6 13.5 4.1V12.9C13.5 14.4 14.14 15 15.73 15H19.77C21.36 15 22 14.4 22 12.9Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/key-square.svg b/public/images/icons/vuesax/bold/key-square.svg
new file mode 100644
index 0000000..4f7c4e9
--- /dev/null
+++ b/public/images/icons/vuesax/bold/key-square.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="M13.25 12C13.9404 12 14.5 11.4404 14.5 10.75C14.5 10.0596 13.9404 9.5 13.25 9.5C12.5596 9.5 12 10.0596 12 10.75C12 11.4404 12.5596 12 13.25 12Z" fill="#292D32"/>
+<path d="M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM15.89 13.47C14.86 14.49 13.39 14.81 12.09 14.4L11.03 15.45C10.94 15.54 10.78 15.54 10.68 15.45L9.71 14.48C9.57 14.34 9.33 14.34 9.18 14.48C9.03 14.62 9.04 14.86 9.18 15.01L10.15 15.98C10.25 16.08 10.25 16.24 10.15 16.33L9.74 16.74C9.57 16.92 9.24 17.03 9 17L7.91 16.85C7.55 16.8 7.22 16.46 7.16 16.1L7.01 15.01C6.97 14.77 7.09 14.44 7.25 14.27L9.6 11.92C9.2 10.62 9.51 9.15 10.54 8.12C12.01 6.65 14.41 6.65 15.89 8.12C17.37 9.59 17.37 11.99 15.89 13.47Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/key.svg b/public/images/icons/vuesax/bold/key.svg
new file mode 100644
index 0000000..13a3544
--- /dev/null
+++ b/public/images/icons/vuesax/bold/key.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="M19.79 4.21982C16.83 1.26982 12.03 1.26982 9.09002 4.21982C7.02002 6.26982 6.40002 9.21982 7.20002 11.8198L2.50002 16.5198C2.17002 16.8598 1.94002 17.5298 2.01002 18.0098L2.31002 20.1898C2.42002 20.9098 3.09002 21.5898 3.81002 21.6898L5.99002 21.9898C6.47002 22.0598 7.14002 21.8398 7.48002 21.4898L8.30002 20.6698C8.50002 20.4798 8.50002 20.1598 8.30002 19.9598L6.36002 18.0198C6.07002 17.7298 6.07002 17.2498 6.36002 16.9598C6.65002 16.6698 7.13002 16.6698 7.42002 16.9598L9.37002 18.9098C9.56002 19.0998 9.88002 19.0998 10.07 18.9098L12.19 16.7998C14.78 17.6098 17.73 16.9798 19.79 14.9298C22.74 11.9798 22.74 7.16982 19.79 4.21982ZM14.5 11.9998C13.12 11.9998 12 10.8798 12 9.49982C12 8.11982 13.12 6.99982 14.5 6.99982C15.88 6.99982 17 8.11982 17 9.49982C17 10.8798 15.88 11.9998 14.5 11.9998Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/keyboard-open.svg b/public/images/icons/vuesax/bold/keyboard-open.svg
new file mode 100644
index 0000000..060e339
--- /dev/null
+++ b/public/images/icons/vuesax/bold/keyboard-open.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="M17 22.75H7C6.59 22.75 6.25 22.41 6.25 22C6.25 21.59 6.59 21.25 7 21.25H17C17.41 21.25 17.75 21.59 17.75 22C17.75 22.41 17.41 22.75 17 22.75Z" fill="#292D32"/>
+<path d="M18 2H6C3.79 2 2 3.79 2 6V15C2 17.21 3.79 19 6 19H18C20.21 19 22 17.21 22 15V6C22 3.79 20.21 2 18 2ZM9.99 7.32C10.55 7.32 11 7.77 11 8.32C11 8.87 10.55 9.32 10 9.32C9.45 9.32 9 8.87 9 8.32C9 7.77 9.44 7.32 9.99 7.32ZM6.84 7.32C7.4 7.32 7.85 7.77 7.85 8.32C7.85 8.87 7.4 9.32 6.85 9.32C6.3 9.32 5.85 8.87 5.85 8.32C5.85 7.77 6.28 7.32 6.84 7.32ZM17.26 14.86H6.76C6.34 14.86 6 14.52 6 14.11C6 13.7 6.33 13.36 6.74 13.36H17.27C17.68 13.36 18.02 13.7 18.02 14.11C18.02 14.52 17.68 14.86 17.26 14.86ZM17.26 9.07H13.58C13.17 9.07 12.83 8.73 12.83 8.32C12.83 7.91 13.17 7.57 13.58 7.57H17.26C17.67 7.57 18.01 7.91 18.01 8.32C18.01 8.73 17.68 9.07 17.26 9.07Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/keyboard.svg b/public/images/icons/vuesax/bold/keyboard.svg
new file mode 100644
index 0000000..c197b56
--- /dev/null
+++ b/public/images/icons/vuesax/bold/keyboard.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.27 3.35C17.8 3.28 17.26 3.25 16.5 3.25H7.5C6.75 3.25 6.2 3.28 5.76 3.34C2.41 3.71 1.75 5.7 1.75 9V15C1.75 18.3 2.41 20.29 5.73 20.65C6.2 20.72 6.74 20.75 7.5 20.75H16.5C17.25 20.75 17.8 20.72 18.24 20.66C21.59 20.29 22.25 18.31 22.25 15V9C22.25 5.7 21.59 3.71 18.27 3.35ZM10.09 9C10.65 9 11.1 9.45 11.1 10C11.1 10.55 10.65 11 10.1 11C9.55 11 9.1 10.55 9.1 10C9.1 9.45 9.54 9 10.09 9ZM7.09 9C7.66 9 8.1 9.45 8.1 10C8.1 10.55 7.65 11 7.1 11C6.55 11 6.1 10.55 6.1 10C6.1 9.45 6.54 9 7.09 9ZM17 16.25H7.02C6.61 16.25 6.26 15.91 6.26 15.5C6.26 15.09 6.59 14.75 7 14.75H17C17.41 14.75 17.75 15.09 17.75 15.5C17.75 15.91 17.41 16.25 17 16.25ZM17 10.75H13.5C13.09 10.75 12.75 10.41 12.75 10C12.75 9.59 13.09 9.25 13.5 9.25H17C17.41 9.25 17.75 9.59 17.75 10C17.75 10.41 17.41 10.75 17 10.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/kyber-network-(knc).svg b/public/images/icons/vuesax/bold/kyber-network-(knc).svg
new file mode 100644
index 0000000..4a7b6bc
--- /dev/null
+++ b/public/images/icons/vuesax/bold/kyber-network-(knc).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.8201 8.70003C18.5301 8.31003 19.4001 8.82004 19.3901 9.63004L19.3501 15.05C19.3401 15.87 18.4501 16.37 17.7501 15.95L13.0701 13.15C12.3701 12.73 12.3901 11.71 13.1001 11.32L17.8201 8.70003Z" fill="black"/>
+<path d="M19.25 6.28016C19.4 6.66016 19.17 7.05017 18.81 7.25017L13.18 10.3602C12.38 10.8002 11.44 10.0902 11.64 9.21017L12.86 3.68016C13.01 2.98016 13.8 2.64017 14.42 2.99017L18.3401 5.23016C18.7701 5.48016 19.08 5.85016 19.25 6.28016Z" fill="black"/>
+<path d="M12.0101 2.67019L9.94012 11.9702C9.91012 12.1102 9.91012 12.2602 9.94012 12.4102L11.6701 21.0902C11.7901 21.6902 11.2802 22.2602 10.7802 21.8902L5.49011 18.1202C4.93011 17.7202 4.6001 17.0802 4.6001 16.4002V7.09019C4.6001 6.33019 5.0001 5.63019 5.6701 5.25019L10.9601 2.2402C11.1101 2.1502 11.2701 2.09018 11.4301 2.04018C11.8101 1.91018 12.0901 2.29019 12.0101 2.67019Z" fill="black"/>
+<path d="M17.6299 16.8102C18.2799 17.2002 18.3199 18.1302 17.7099 18.5702L14.2399 21.0902C13.6199 21.5402 12.7299 21.2002 12.5799 20.4402L11.5599 15.2402C11.3799 14.3402 12.3499 13.6602 13.1399 14.1302L17.6299 16.8102Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/lamp-charge.svg b/public/images/icons/vuesax/bold/lamp-charge.svg
new file mode 100644
index 0000000..fe2e2ee
--- /dev/null
+++ b/public/images/icons/vuesax/bold/lamp-charge.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="M15.2599 21.9999C15.1999 21.9999 15.1299 21.9899 15.0699 21.9699C13.0599 21.3999 10.9499 21.3999 8.93991 21.9699C8.56991 22.0699 8.17991 21.8599 8.07991 21.4899C7.96991 21.1199 8.18991 20.7299 8.55991 20.6299C10.8199 19.9899 13.1999 19.9899 15.4599 20.6299C15.8299 20.7399 16.0499 21.1199 15.9399 21.4899C15.8399 21.7999 15.5599 21.9999 15.2599 21.9999Z" fill="#292D32"/>
+<path d="M19.21 6.36001C18.17 4.26001 16.16 2.71001 13.83 2.20001C11.39 1.66001 8.88997 2.24001 6.97997 3.78001C5.05997 5.31001 3.96997 7.60001 3.96997 10.05C3.96997 12.64 5.51997 15.35 7.85997 16.92V17.75C7.84997 18.03 7.83997 18.46 8.17997 18.81C8.52997 19.17 9.04997 19.21 9.45997 19.21H14.59C15.13 19.21 15.54 19.06 15.82 18.78C16.2 18.39 16.19 17.89 16.18 17.62V16.92C19.28 14.83 21.23 10.42 19.21 6.36001ZM13.72 11.62L12.65 13.48C12.51 13.72 12.26 13.86 12 13.86C11.87 13.86 11.74 13.83 11.63 13.76C11.27 13.55 11.15 13.09 11.35 12.74L12.2 11.26H11.36C10.86 11.26 10.45 11.04 10.23 10.67C10.01 10.29 10.03 9.83001 10.28 9.39001L11.35 7.53001C11.56 7.17001 12.02 7.05001 12.37 7.25001C12.73 7.46001 12.85 7.92001 12.65 8.27001L11.8 9.75001H12.64C13.14 9.75001 13.55 9.97001 13.77 10.34C13.99 10.72 13.97 11.19 13.72 11.62Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/lamp-on.svg b/public/images/icons/vuesax/bold/lamp-on.svg
new file mode 100644
index 0000000..c5248bf
--- /dev/null
+++ b/public/images/icons/vuesax/bold/lamp-on.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="M19.21 6.36001C18.17 4.26001 16.16 2.71001 13.83 2.20001C11.39 1.66001 8.88997 2.24001 6.97997 3.78001C5.05997 5.31001 3.96997 7.60001 3.96997 10.05C3.96997 12.64 5.51997 15.35 7.85997 16.92V17.75C7.84997 18.03 7.83997 18.46 8.17997 18.81C8.52997 19.17 9.04997 19.21 9.45997 19.21H14.59C15.13 19.21 15.54 19.06 15.82 18.78C16.2 18.39 16.19 17.89 16.18 17.62V16.92C19.28 14.83 21.23 10.42 19.21 6.36001Z" fill="#292D32"/>
+<path d="M15.2599 21.9999C15.1999 21.9999 15.1299 21.9899 15.0699 21.9699C13.0599 21.3999 10.9499 21.3999 8.93991 21.9699C8.56991 22.0699 8.17991 21.8599 8.07991 21.4899C7.96991 21.1199 8.18991 20.7299 8.55991 20.6299C10.8199 19.9899 13.1999 19.9899 15.4599 20.6299C15.8299 20.7399 16.0499 21.1199 15.9399 21.4899C15.8399 21.7999 15.5599 21.9999 15.2599 21.9999Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/lamp-slash.svg b/public/images/icons/vuesax/bold/lamp-slash.svg
new file mode 100644
index 0000000..e5eae8a
--- /dev/null
+++ b/public/images/icons/vuesax/bold/lamp-slash.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="M15.7 4.35007L6.39997 13.6501C5.92997 14.1201 5.10997 14.0201 4.80997 13.4201C4.26997 12.3501 3.96997 11.1801 3.96997 10.0501C3.96997 7.60007 5.05997 5.31007 6.96997 3.77007C8.87997 2.23007 11.38 1.66007 13.83 2.20007C14.37 2.32007 14.9 2.49007 15.4 2.72007C16.04 3.01007 16.2 3.85007 15.7 4.35007Z" fill="#292D32"/>
+<path d="M15.4499 20.6299C13.1899 19.9899 10.8099 19.9899 8.5499 20.6299C8.1799 20.7399 7.9599 21.1199 8.0699 21.4899C8.1799 21.8599 8.5599 22.0699 8.9299 21.9699C10.9399 21.3999 13.0499 21.3999 15.0599 21.9699C15.1199 21.9899 15.1899 21.9999 15.2499 21.9999C15.5499 21.9999 15.8299 21.7999 15.9199 21.4899C16.0299 21.1199 15.8199 20.7399 15.4499 20.6299Z" fill="#292D32"/>
+<path d="M20.5601 1.94992C20.2701 1.65992 19.7901 1.65992 19.5001 1.94992L3.65012 17.7999C3.36012 18.0899 3.36012 18.5699 3.65012 18.8599C3.80012 19.0099 3.99012 19.0799 4.18012 19.0799C4.37012 19.0799 4.56012 19.0099 4.71012 18.8599L7.17012 16.3999C7.39012 16.5799 7.62012 16.7599 7.86012 16.9199V17.7499C7.85012 18.0299 7.84012 18.4599 8.17012 18.8099C8.52012 19.1599 9.04012 19.2099 9.45012 19.2099H14.5801C15.1201 19.2099 15.5301 19.0599 15.8101 18.7799C16.2001 18.3799 16.1801 17.8799 16.1701 17.6199V16.9199C19.2801 14.8299 21.2301 10.4199 19.2101 6.35992C18.9901 5.92992 18.7201 5.51992 18.4201 5.13992L20.5501 3.00992C20.8501 2.71992 20.8501 2.23992 20.5601 1.94992Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/lamp.svg b/public/images/icons/vuesax/bold/lamp.svg
new file mode 100644
index 0000000..aacf118
--- /dev/null
+++ b/public/images/icons/vuesax/bold/lamp.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.5 5.47979C12.58 5.47979 12.66 5.47978 12.75 5.48978V2.52979C12.75 2.11979 12.41 1.77979 12 1.77979C11.59 1.77979 11.25 2.11979 11.25 2.52979V5.48978C11.33 5.47978 11.41 5.47979 11.5 5.47979C6.88997 5.70979 3.21997 9.50979 3.21997 14.1798V16.1198C3.21997 17.2198 4.11997 18.1198 5.21997 18.1198H18.78C19.88 18.1198 20.78 17.2198 20.78 16.1198V14.1798C20.78 9.50979 17.11 5.70979 12.5 5.47979Z" fill="#292D32"/>
+<path d="M14.73 19.1099C15.06 19.1099 15.3 19.4199 15.22 19.7399C14.84 21.1699 13.54 22.2199 12 22.2199C10.46 22.2199 9.16001 21.1699 8.78001 19.7399C8.70001 19.4199 8.94001 19.1099 9.27001 19.1099H14.73Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/language-circle.svg b/public/images/icons/vuesax/bold/language-circle.svg
new file mode 100644
index 0000000..70cfe98
--- /dev/null
+++ b/public/images/icons/vuesax/bold/language-circle.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 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM17 17.47C15.29 17.47 13.69 16.73 12.41 15.36C10.96 16.67 9.07 17.47 7 17.47C6.59 17.47 6.25 17.13 6.25 16.72C6.25 16.31 6.59 15.97 7 15.97C10.47 15.97 13.34 13.22 13.71 9.7H12H7.01C6.6 9.7 6.26 9.36 6.26 8.95C6.26 8.54 6.6 8.21 7.01 8.21H11.25V7.28C11.25 6.87 11.59 6.53 12 6.53C12.41 6.53 12.75 6.87 12.75 7.28V8.21H14.44C14.46 8.21 14.48 8.2 14.5 8.2C14.52 8.2 14.54 8.21 14.56 8.21H16.99C17.4 8.21 17.74 8.55 17.74 8.96C17.74 9.37 17.4 9.71 16.99 9.71H15.21C15.06 11.42 14.42 12.99 13.44 14.27C14.44 15.38 15.69 15.98 17 15.98C17.41 15.98 17.75 16.32 17.75 16.73C17.75 17.14 17.41 17.47 17 17.47Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/language-square.svg b/public/images/icons/vuesax/bold/language-square.svg
new file mode 100644
index 0000000..3d54a76
--- /dev/null
+++ b/public/images/icons/vuesax/bold/language-square.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM17 17.47C15.29 17.47 13.69 16.73 12.41 15.36C10.96 16.67 9.07 17.47 7 17.47C6.59 17.47 6.25 17.13 6.25 16.72C6.25 16.31 6.59 15.97 7 15.97C10.47 15.97 13.34 13.22 13.71 9.7H12H7.01C6.6 9.7 6.26 9.36 6.26 8.95C6.26 8.54 6.6 8.21 7.01 8.21H11.25V7.28C11.25 6.87 11.59 6.53 12 6.53C12.41 6.53 12.75 6.87 12.75 7.28V8.21H14.44C14.46 8.21 14.48 8.2 14.5 8.2C14.52 8.2 14.54 8.21 14.56 8.21H16.99C17.4 8.21 17.74 8.55 17.74 8.96C17.74 9.37 17.4 9.71 16.99 9.71H15.21C15.06 11.42 14.42 12.99 13.44 14.27C14.44 15.38 15.69 15.98 17 15.98C17.41 15.98 17.75 16.32 17.75 16.73C17.75 17.14 17.41 17.47 17 17.47Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/layer.svg b/public/images/icons/vuesax/bold/layer.svg
new file mode 100644
index 0000000..fc3a750
--- /dev/null
+++ b/public/images/icons/vuesax/bold/layer.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="M19.37 4.89012L13.51 2.28012C12.65 1.90012 11.35 1.90012 10.49 2.28012L4.62999 4.89012C3.14999 5.55012 2.92999 6.45012 2.92999 6.93012C2.92999 7.41012 3.14999 8.31012 4.62999 8.97012L10.49 11.5801C10.92 11.7701 11.46 11.8701 12 11.8701C12.54 11.8701 13.08 11.7701 13.51 11.5801L19.37 8.97012C20.85 8.31012 21.07 7.41012 21.07 6.93012C21.07 6.45012 20.86 5.55012 19.37 4.89012Z" fill="#292D32"/>
+<path d="M12 17.04C11.62 17.04 11.24 16.96 10.89 16.81L4.15001 13.81C3.12001 13.35 2.32001 12.12 2.32001 10.99C2.32001 10.58 2.65001 10.25 3.06001 10.25C3.47001 10.25 3.80001 10.58 3.80001 10.99C3.80001 11.53 4.25001 12.23 4.75001 12.45L11.49 15.45C11.81 15.59 12.18 15.59 12.5 15.45L19.24 12.45C19.74 12.23 20.19 11.54 20.19 10.99C20.19 10.58 20.52 10.25 20.93 10.25C21.34 10.25 21.67 10.58 21.67 10.99C21.67 12.11 20.87 13.35 19.84 13.81L13.1 16.81C12.76 16.96 12.38 17.04 12 17.04Z" fill="#292D32"/>
+<path d="M12 22C11.62 22 11.24 21.92 10.89 21.77L4.15001 18.77C3.04001 18.28 2.32001 17.17 2.32001 15.95C2.32001 15.54 2.65001 15.21 3.06001 15.21C3.47001 15.21 3.80001 15.54 3.80001 15.95C3.80001 16.58 4.17001 17.15 4.75001 17.41L11.49 20.41C11.81 20.55 12.18 20.55 12.5 20.41L19.24 17.41C19.81 17.16 20.19 16.58 20.19 15.95C20.19 15.54 20.52 15.21 20.93 15.21C21.34 15.21 21.67 15.54 21.67 15.95C21.67 17.17 20.95 18.27 19.84 18.77L13.1 21.77C12.76 21.92 12.38 22 12 22Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/level.svg b/public/images/icons/vuesax/bold/level.svg
new file mode 100644
index 0000000..c1b47d9
--- /dev/null
+++ b/public/images/icons/vuesax/bold/level.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 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM7 12.75H5C4.59 12.75 4.25 12.41 4.25 12C4.25 11.59 4.59 11.25 5 11.25H7C7.41 11.25 7.75 11.59 7.75 12C7.75 12.41 7.41 12.75 7 12.75ZM12 14.25C10.76 14.25 9.75 13.24 9.75 12C9.75 10.76 10.76 9.75 12 9.75C13.24 9.75 14.25 10.76 14.25 12C14.25 13.24 13.24 14.25 12 14.25ZM19 12.75H17C16.59 12.75 16.25 12.41 16.25 12C16.25 11.59 16.59 11.25 17 11.25H19C19.41 11.25 19.75 11.59 19.75 12C19.75 12.41 19.41 12.75 19 12.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/lifebuoy.svg b/public/images/icons/vuesax/bold/lifebuoy.svg
new file mode 100644
index 0000000..3f26e07
--- /dev/null
+++ b/public/images/icons/vuesax/bold/lifebuoy.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="M7.5 12C7.5 11.3369 7.64791 10.7071 7.91078 10.1372C8.11429 9.69593 8.07926 9.15924 7.73566 8.81564L5.15859 6.23857C4.74853 5.82851 4.07241 5.85004 3.74142 6.32622C2.62098 7.93817 1.97 9.89396 1.97 12C1.97 14.1044 2.61997 16.0587 3.73277 17.67C4.06278 18.1478 4.73993 18.1709 5.15107 17.7608L7.73414 15.1843C8.07851 14.8408 8.11393 14.3035 7.91032 13.8618C7.64774 13.2921 7.5 12.6627 7.5 12Z" fill="#292D32"/>
+<path d="M12 7.5C12.6631 7.5 13.2928 7.64791 13.8628 7.91078C14.3041 8.11428 14.8407 8.07926 15.1843 7.73566L17.7336 5.18643C18.1428 4.77717 18.1224 4.10256 17.6477 3.77141C16.0416 2.65097 14.0845 2 11.97 2C9.86581 2 7.91873 2.64985 6.30979 3.76248C5.83217 4.09277 5.80905 4.76993 6.21914 5.18107L8.78021 7.74868C9.12611 8.09546 9.66808 8.12873 10.1117 7.92105C10.6855 7.6524 11.3237 7.5 12 7.5Z" fill="#292D32"/>
+<path d="M19.8901 5.90633C19.7124 5.6767 19.375 5.66475 19.1695 5.8698L15.9507 9.08034C15.7773 9.25329 15.7574 9.52498 15.8813 9.73622C16.2717 10.4017 16.5 11.1724 16.5 12.0002C16.5 12.8283 16.2715 13.5992 15.881 14.2647C15.7572 14.4757 15.7769 14.7471 15.9499 14.9201L19.1695 18.1397C19.3749 18.3452 19.7127 18.3334 19.8904 18.1035C21.1957 16.4152 21.97 14.2971 21.97 12.0002C21.97 9.7032 21.1956 7.5934 19.8901 5.90633Z" fill="#292D32"/>
+<path d="M12 16.4999C11.172 16.4999 10.4011 16.2715 9.73551 15.8809C9.52449 15.7571 9.25311 15.7768 9.0801 15.9498L5.83054 19.1994C5.62505 19.4049 5.63679 19.7426 5.8667 19.9204C7.55502 21.2256 9.67317 21.9999 11.97 21.9999C14.2771 21.9999 16.3969 21.2249 18.0778 19.9107C18.3058 19.7324 18.3164 19.3963 18.1118 19.1917L14.8872 15.9671C14.7154 15.7953 14.4463 15.7745 14.2358 15.8959C13.5728 16.2785 12.8114 16.4999 12 16.4999Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/like-1.svg b/public/images/icons/vuesax/bold/like-1.svg
new file mode 100644
index 0000000..ad575dc
--- /dev/null
+++ b/public/images/icons/vuesax/bold/like-1.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.39001 18.4902V8.33022C8.39001 7.93022 8.51001 7.54022 8.73001 7.21022L11.46 3.15022C11.89 2.50022 12.96 2.04022 13.87 2.38022C14.85 2.71022 15.5 3.81022 15.29 4.79022L14.77 8.06022C14.73 8.36022 14.81 8.63022 14.98 8.84022C15.15 9.03022 15.4 9.15022 15.67 9.15022H19.78C20.57 9.15022 21.25 9.47022 21.65 10.0302C22.03 10.5702 22.1 11.2702 21.85 11.9802L19.39 19.4702C19.08 20.7102 17.73 21.7202 16.39 21.7202H12.49C11.82 21.7202 10.88 21.4902 10.45 21.0602L9.17001 20.0702C8.68001 19.7002 8.39001 19.1102 8.39001 18.4902Z" fill="#292D32"/>
+<path d="M5.21 6.37988H4.18C2.63 6.37988 2 6.97988 2 8.45988V18.5199C2 19.9999 2.63 20.5999 4.18 20.5999H5.21C6.76 20.5999 7.39 19.9999 7.39 18.5199V8.45988C7.39 6.97988 6.76 6.37988 5.21 6.37988Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/like-dislike.svg b/public/images/icons/vuesax/bold/like-dislike.svg
new file mode 100644
index 0000000..33d98ca
--- /dev/null
+++ b/public/images/icons/vuesax/bold/like-dislike.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="M13.15 15.3699C12.93 15.0499 12.54 14.8699 12.09 14.8699H9.76C9.61 14.8699 9.46 14.8099 9.37 14.6899C9.27 14.5699 9.23 14.4199 9.25 14.2499L9.54 12.3899C9.66 11.8399 9.29 11.2099 8.74 11.0199C8.22 10.8299 7.62 11.0899 7.37 11.4599L5.06 14.8999V14.4699C5.06 13.6299 4.7 13.2899 3.82 13.2899H3.24C2.36 13.2999 2 13.6399 2 14.4799V20.1899C2 21.0299 2.36 21.3699 3.24 21.3699H3.82C4.66 21.3699 5.01 21.0399 5.04 20.2799L6.79 21.6299C7.04 21.8699 7.57 21.9999 7.95 21.9999H10.16C10.92 21.9999 11.68 21.4299 11.86 20.7299L13.26 16.4799C13.41 16.0699 13.37 15.6799 13.15 15.3699Z" fill="#292D32"/>
+<path d="M21.11 2.60998H20.53C19.69 2.60998 19.34 2.93998 19.3 3.69998L17.55 2.34998C17.31 2.10998 16.77 1.97998 16.39 1.97998H14.18C13.42 1.97998 12.66 2.54998 12.48 3.24998L11.08 7.49998C10.93 7.90998 10.98 8.29998 11.19 8.60998C11.41 8.92998 11.8 9.10998 12.25 9.10998H14.58C14.73 9.10998 14.88 9.16998 14.97 9.28998C15.07 9.40998 15.11 9.55998 15.09 9.72998L14.8 11.59C14.68 12.14 15.05 12.77 15.6 12.96C16.12 13.15 16.72 12.89 16.97 12.52L19.28 9.07998V9.50998C19.28 10.35 19.64 10.69 20.52 10.69H21.1C21.98 10.69 22.34 10.35 22.34 9.50998V3.77998C22.35 2.94998 21.99 2.60998 21.11 2.60998Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/like-shapes.svg b/public/images/icons/vuesax/bold/like-shapes.svg
new file mode 100644
index 0000000..3fdc1bf
--- /dev/null
+++ b/public/images/icons/vuesax/bold/like-shapes.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="M21.56 10.7401L20.2 9.16006C19.94 8.86006 19.73 8.30006 19.73 7.90006V6.20006C19.73 5.14006 18.86 4.27006 17.8 4.27006H16.1C15.71 4.27006 15.14 4.06006 14.84 3.80006L13.26 2.44006C12.57 1.85006 11.44 1.85006 10.74 2.44006L9.17 3.81006C8.87 4.06006 8.3 4.27006 7.91 4.27006H6.18C5.12 4.27006 4.25 5.14006 4.25 6.20006V7.91006C4.25 8.30006 4.04 8.86006 3.79 9.16006L2.44 10.7501C1.86 11.4401 1.86 12.5601 2.44 13.2501L3.79 14.8401C4.04 15.1401 4.25 15.7001 4.25 16.0901V17.8001C4.25 18.8601 5.12 19.7301 6.18 19.7301H7.91C8.3 19.7301 8.87 19.9401 9.17 20.2001L10.75 21.5601C11.44 22.1501 12.57 22.1501 13.27 21.5601L14.85 20.2001C15.15 19.9401 15.71 19.7301 16.11 19.7301H17.81C18.87 19.7301 19.74 18.8601 19.74 17.8001V16.1001C19.74 15.7101 19.95 15.1401 20.21 14.8401L21.57 13.2601C22.15 12.5701 22.15 11.4301 21.56 10.7401ZM16.68 12.0001L15.51 15.5601C15.36 16.1501 14.73 16.6301 14.09 16.6301H12.24C11.92 16.6301 11.47 16.5201 11.27 16.3201L9.8 15.1701C9.77 15.8101 9.48001 16.0801 8.77001 16.0801H8.29C7.55 16.0801 7.25 15.7901 7.25 15.0901V10.3101C7.25 9.61006 7.55 9.32006 8.29 9.32006H8.78C9.52 9.32006 9.82 9.61006 9.82 10.3101V10.6701L11.76 7.79006C11.96 7.48006 12.47 7.26006 12.9 7.43006C13.37 7.59006 13.67 8.11006 13.57 8.57006L13.33 10.1301C13.31 10.2701 13.34 10.4001 13.43 10.5001C13.51 10.5901 13.63 10.6501 13.76 10.6501H15.71C16.09 10.6501 16.41 10.8001 16.6 11.0701C16.77 11.3301 16.8 11.6601 16.68 12.0001Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/like-tag.svg b/public/images/icons/vuesax/bold/like-tag.svg
new file mode 100644
index 0000000..88c9589
--- /dev/null
+++ b/public/images/icons/vuesax/bold/like-tag.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 2H6C4.34 2 3 3.33 3 4.97V15.88C3 17.52 4.34 18.85 6 18.85H6.76C7.56 18.85 8.32 19.16 8.88 19.72L10.59 21.41C11.37 22.18 12.64 22.18 13.42 21.41L15.13 19.72C15.69 19.16 16.46 18.85 17.25 18.85H18C19.66 18.85 21 17.52 21 15.88V4.97C21 3.33 19.66 2 18 2ZM16.68 10.5L15.51 14.06C15.36 14.65 14.73 15.13 14.09 15.13H12.24C11.92 15.13 11.47 15.02 11.27 14.82L9.8 13.67C9.77 14.31 9.48 14.58 8.77 14.58H8.29C7.55 14.58 7.25 14.29 7.25 13.59V8.82C7.25 8.12 7.55 7.83 8.29 7.83H8.78C9.52 7.83 9.82 8.12 9.82 8.82V9.18L11.76 6.3C11.96 5.99 12.47 5.77 12.9 5.94C13.37 6.1 13.67 6.62 13.57 7.08L13.33 8.64C13.3 8.77 13.33 8.91 13.42 9C13.5 9.09 13.62 9.15 13.75 9.15H15.7C16.08 9.15 16.4 9.3 16.59 9.57C16.77 9.83 16.8 10.16 16.68 10.5Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/like.svg b/public/images/icons/vuesax/bold/like.svg
new file mode 100644
index 0000000..3a69292
--- /dev/null
+++ b/public/images/icons/vuesax/bold/like.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 2H6C4.34 2 3 3.33 3 4.97V15.88C3 17.52 4.34 18.85 6 18.85H6.76C7.56 18.85 8.32 19.16 8.88 19.72L10.59 21.41C11.37 22.18 12.64 22.18 13.42 21.41L15.13 19.72C15.69 19.16 16.46 18.85 17.25 18.85H18C19.66 18.85 21 17.52 21 15.88V4.97C21 3.33 19.66 2 18 2ZM12.28 14.96C12.13 15.01 11.88 15.01 11.72 14.96C10.42 14.51 7.5 12.66 7.5 9.51C7.51 8.12 8.62 7 10 7C10.82 7 11.54 7.39 12 8C12.46 7.39 13.18 7 14 7C15.38 7 16.5 8.12 16.5 9.51C16.49 12.66 13.58 14.51 12.28 14.96Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/link-1.svg b/public/images/icons/vuesax/bold/link-1.svg
new file mode 100644
index 0000000..d91d44e
--- /dev/null
+++ b/public/images/icons/vuesax/bold/link-1.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="M15.4101 18.5899C15.0101 18.5899 14.6801 18.2599 14.6801 17.8599C14.6801 17.4599 15.0101 17.1299 15.4101 17.1299C18.2301 17.1299 20.5301 14.8299 20.5301 12.0099C20.5301 9.18992 18.2301 6.88992 15.4101 6.88992C12.5901 6.88992 10.2901 9.18992 10.2901 12.0099C10.2901 12.4099 9.96008 12.7399 9.56008 12.7399C9.16008 12.7399 8.83008 12.4099 8.83008 12.0099C8.83008 8.37992 11.7801 5.41992 15.4201 5.41992C19.0601 5.41992 22.0001 8.36992 22.0001 11.9999C22.0001 15.6299 19.0501 18.5899 15.4101 18.5899Z" fill="#292D32"/>
+<path d="M8.59 5.41016C8.99 5.41016 9.32 5.74016 9.32 6.14016C9.32 6.54016 8.99 6.87016 8.59 6.87016C5.77 6.87016 3.47 9.17016 3.47 11.9902C3.47 14.8102 5.77 17.1102 8.59 17.1102C11.41 17.1102 13.71 14.8102 13.71 11.9902C13.71 11.5902 14.04 11.2602 14.44 11.2602C14.84 11.2602 15.17 11.5902 15.17 11.9902C15.17 15.6202 12.22 18.5802 8.58 18.5802C4.94 18.5802 2 15.6302 2 12.0002C2 8.37016 4.95 5.41016 8.59 5.41016Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/link-2.svg b/public/images/icons/vuesax/bold/link-2.svg
new file mode 100644
index 0000000..7dd6a69
--- /dev/null
+++ b/public/images/icons/vuesax/bold/link-2.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.24989 12C7.24989 11.59 7.58989 11.25 7.99989 11.25H10.9999V7.5C10.9999 6.95 10.5499 6.5 9.99989 6.5H7.76989C4.61989 6.5 1.87989 9.08 1.99989 12.22C2.05989 13.65 2.65989 14.94 3.60989 15.89C4.60989 16.88 5.97989 17.5 7.49989 17.5H9.99989C10.5499 17.5 10.9999 17.05 10.9999 16.5V12.75H7.99989C7.58989 12.75 7.24989 12.41 7.24989 12Z" fill="#292D32"/>
+<path d="M20.39 8.11C19.39 7.12 18.02 6.5 16.5 6.5H14C13.45 6.5 13 6.95 13 7.5V11.25H16C16.41 11.25 16.75 11.59 16.75 12C16.75 12.41 16.41 12.75 16 12.75H13V16.5C13 17.05 13.45 17.5 14 17.5H16.23C19.38 17.5 22.12 14.92 21.99 11.78C21.94 10.35 21.33 9.06 20.39 8.11Z" fill="#292D32"/>
+<path d="M13 11.25H11V12.75H13V11.25Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/link-21.svg b/public/images/icons/vuesax/bold/link-21.svg
new file mode 100644
index 0000000..9c69c7d
--- /dev/null
+++ b/public/images/icons/vuesax/bold/link-21.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="M19.07 14.2401C18.78 14.5301 18.32 14.5301 18.04 14.2401C17.75 13.9501 17.75 13.4901 18.04 13.2101C20.04 11.2101 20.04 7.9601 18.04 5.9701C16.04 3.9801 12.79 3.9701 10.8 5.9701C8.81003 7.9701 8.80003 11.2201 10.8 13.2101C11.09 13.5001 11.09 13.9601 10.8 14.2401C10.51 14.5301 10.05 14.5301 9.77003 14.2401C7.20003 11.6701 7.20003 7.4901 9.77003 4.9301C12.34 2.3701 16.52 2.3601 19.08 4.9301C21.64 7.5001 21.64 11.6701 19.07 14.2401Z" fill="#292D32"/>
+<path d="M4.92997 9.75998C5.21997 9.46998 5.67997 9.46998 5.95997 9.75998C6.24997 10.05 6.24997 10.51 5.95997 10.79C3.95997 12.79 3.95997 16.04 5.95997 18.03C7.95997 20.02 11.21 20.03 13.2 18.03C15.19 16.03 15.2 12.78 13.2 10.79C12.91 10.5 12.91 10.04 13.2 9.75998C13.49 9.46998 13.95 9.46998 14.23 9.75998C16.8 12.33 16.8 16.51 14.23 19.07C11.66 21.63 7.47997 21.64 4.91997 19.07C2.35997 16.5 2.35997 12.33 4.92997 9.75998Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/link-circle.svg b/public/images/icons/vuesax/bold/link-circle.svg
new file mode 100644
index 0000000..ef6cbdc
--- /dev/null
+++ b/public/images/icons/vuesax/bold/link-circle.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 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM8.65 14.77C8.54 15.07 8.25 15.26 7.95 15.26C7.86 15.26 7.78 15.25 7.69 15.21C6.88 14.91 6.2 14.32 5.77 13.55C4.77 11.75 5.39 9.4 7.14 8.31L9.48 6.86C10.34 6.33 11.35 6.17 12.31 6.42C13.27 6.67 14.08 7.3 14.57 8.18C15.57 9.98 14.95 12.33 13.2 13.42L12.94 13.61C12.6 13.85 12.13 13.77 11.89 13.44C11.65 13.1 11.73 12.63 12.06 12.39L12.37 12.17C13.49 11.47 13.87 10.02 13.26 8.91C12.97 8.39 12.5 8.02 11.94 7.87C11.38 7.72 10.79 7.81 10.28 8.13L7.92 9.59C6.84 10.26 6.46 11.71 7.07 12.83C7.32 13.28 7.72 13.63 8.2 13.81C8.59 13.95 8.79 14.38 8.65 14.77ZM16.92 15.65L14.58 17.1C13.99 17.47 13.33 17.65 12.66 17.65C12.36 17.65 12.05 17.61 11.75 17.53C10.79 17.28 9.98 16.65 9.5 15.77C8.5 13.97 9.12 11.62 10.87 10.53L11.13 10.34C11.47 10.1 11.94 10.18 12.18 10.51C12.42 10.85 12.34 11.32 12.01 11.56L11.7 11.78C10.58 12.48 10.2 13.93 10.81 15.04C11.1 15.56 11.57 15.93 12.13 16.08C12.69 16.23 13.28 16.14 13.79 15.82L16.13 14.37C17.21 13.7 17.59 12.25 16.98 11.13C16.73 10.68 16.33 10.33 15.85 10.15C15.46 10.01 15.26 9.58 15.41 9.19C15.55 8.8 15.99 8.6 16.37 8.75C17.18 9.05 17.86 9.64 18.29 10.41C19.28 12.21 18.67 14.56 16.92 15.65Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/link-square.svg b/public/images/icons/vuesax/bold/link-square.svg
new file mode 100644
index 0000000..cf208c0
--- /dev/null
+++ b/public/images/icons/vuesax/bold/link-square.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM8.18 16.77C8.16 16.77 8.13 16.77 8.11 16.77C7.14 16.68 6.23 16.23 5.55 15.51C3.95 13.83 3.95 11.1 5.55 9.42L7.74 7.12C8.52 6.3 9.57 5.84 10.69 5.84C11.81 5.84 12.86 6.29 13.64 7.12C15.24 8.8 15.24 11.53 13.64 13.21L12.55 14.36C12.26 14.66 11.79 14.67 11.49 14.39C11.19 14.1 11.18 13.63 11.46 13.33L12.55 12.18C13.61 11.07 13.61 9.26 12.55 8.16C11.56 7.12 9.82 7.12 8.82 8.16L6.63 10.46C5.57 11.57 5.57 13.38 6.63 14.48C7.06 14.94 7.64 15.22 8.25 15.28C8.66 15.32 8.96 15.69 8.92 16.1C8.89 16.48 8.56 16.77 8.18 16.77ZM18.45 14.59L16.26 16.89C15.48 17.71 14.43 18.17 13.31 18.17C12.19 18.17 11.14 17.72 10.36 16.89C8.76 15.21 8.76 12.48 10.36 10.8L11.45 9.65C11.74 9.35 12.21 9.34 12.51 9.62C12.81 9.91 12.82 10.38 12.54 10.68L11.45 11.83C10.39 12.94 10.39 14.75 11.45 15.85C12.44 16.89 14.18 16.9 15.18 15.85L17.37 13.55C18.43 12.44 18.43 10.63 17.37 9.53C16.94 9.07 16.36 8.79 15.75 8.73C15.34 8.69 15.04 8.32 15.08 7.91C15.12 7.5 15.48 7.19 15.9 7.24C16.87 7.34 17.78 7.78 18.46 8.5C20.05 10.17 20.05 12.91 18.45 14.59Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/link.svg b/public/images/icons/vuesax/bold/link.svg
new file mode 100644
index 0000000..8e71ad6
--- /dev/null
+++ b/public/images/icons/vuesax/bold/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="M12.5 14.75H10C9.59 14.75 9.25 14.41 9.25 14C9.25 13.59 9.59 13.25 10 13.25H12.5C15.12 13.25 17.25 11.12 17.25 8.5C17.25 5.88 15.12 3.75 12.5 3.75H7.5C4.88 3.75 2.75 5.88 2.75 8.5C2.75 9.6 3.14 10.67 3.84 11.52C4.1 11.84 4.06 12.31 3.74 12.58C3.42 12.84 2.95 12.8 2.68 12.48C1.76 11.36 1.25 9.95 1.25 8.5C1.25 5.05 4.05 2.25 7.5 2.25H12.5C15.95 2.25 18.75 5.05 18.75 8.5C18.75 11.95 15.95 14.75 12.5 14.75Z" fill="#292D32"/>
+<path d="M16.5 21.75H11.5C8.05 21.75 5.25 18.95 5.25 15.5C5.25 12.05 8.05 9.25 11.5 9.25H14C14.41 9.25 14.75 9.59 14.75 10C14.75 10.41 14.41 10.75 14 10.75H11.5C8.88 10.75 6.75 12.88 6.75 15.5C6.75 18.12 8.88 20.25 11.5 20.25H16.5C19.12 20.25 21.25 18.12 21.25 15.5C21.25 14.4 20.86 13.33 20.16 12.48C19.9 12.16 19.94 11.69 20.26 11.42C20.58 11.15 21.05 11.2 21.32 11.52C22.25 12.64 22.76 14.05 22.76 15.5C22.75 18.95 19.95 21.75 16.5 21.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/litecoin(ltc).svg b/public/images/icons/vuesax/bold/litecoin(ltc).svg
new file mode 100644
index 0000000..4cb48c0
--- /dev/null
+++ b/public/images/icons/vuesax/bold/litecoin(ltc).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 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM15.82 16.32C15.73 16.8 15.32 17.14 14.84 17.14H9.29999C8.63999 17.14 8.16 16.5 8.34 15.87L9.17999 12.92L7.47 13.26C7.42 13.27 7.37001 13.27 7.32001 13.27C6.97001 13.27 6.66 13.02 6.59 12.67C6.51 12.26 6.76999 11.87 7.17999 11.79L9.64999 11.3L10.96 6.73C11.02 6.52 11.22 6.37 11.44 6.37H12.8C13.46 6.37 13.94 6.99 13.77 7.63L12.96 10.64L14.89 10.25C15.29 10.17 15.69 10.43 15.77 10.84C15.85 11.25 15.59 11.64 15.18 11.72L12.52 12.25L11.97 14.3H15C15.62 14.3 16.09 14.86 15.98 15.48L15.82 16.32Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/location-add.svg b/public/images/icons/vuesax/bold/location-add.svg
new file mode 100644
index 0000000..575541f
--- /dev/null
+++ b/public/images/icons/vuesax/bold/location-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="M20.62 8.7C19.58 4.07 15.54 2 12 2C12 2 12 2 11.99 2C8.45999 2 4.42999 4.07 3.37999 8.69C2.19999 13.85 5.35999 18.22 8.21999 20.98C9.27999 22 10.64 22.51 12 22.51C13.36 22.51 14.72 22 15.77 20.98C18.63 18.22 21.79 13.86 20.62 8.7ZM14.75 11.75H12.75V13.75C12.75 14.16 12.41 14.5 12 14.5C11.59 14.5 11.25 14.16 11.25 13.75V11.75H9.24999C8.83999 11.75 8.49999 11.41 8.49999 11C8.49999 10.59 8.83999 10.25 9.24999 10.25H11.25V8.25C11.25 7.84 11.59 7.5 12 7.5C12.41 7.5 12.75 7.84 12.75 8.25V10.25H14.75C15.16 10.25 15.5 10.59 15.5 11C15.5 11.41 15.16 11.75 14.75 11.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/location-cross.svg b/public/images/icons/vuesax/bold/location-cross.svg
new file mode 100644
index 0000000..f88d1ef
--- /dev/null
+++ b/public/images/icons/vuesax/bold/location-cross.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="M20.62 8.7C19.58 4.07 15.54 2 12 2C12 2 12 2 11.99 2C8.45999 2 4.42999 4.07 3.37999 8.69C2.19999 13.85 5.35999 18.22 8.21999 20.98C9.27999 22 10.64 22.51 12 22.51C13.36 22.51 14.72 22 15.77 20.98C18.63 18.22 21.79 13.86 20.62 8.7ZM14.53 13.49C14.38 13.64 14.19 13.71 14 13.71C13.81 13.71 13.62 13.64 13.47 13.49L12.02 12.04L10.53 13.53C10.38 13.68 10.19 13.75 9.99999 13.75C9.80999 13.75 9.61999 13.68 9.46999 13.53C9.17999 13.24 9.17999 12.76 9.46999 12.47L10.96 10.98L9.50999 9.53C9.21999 9.24 9.21999 8.76 9.50999 8.47C9.79999 8.18 10.28 8.18 10.57 8.47L12.02 9.92L13.42 8.52C13.71 8.23 14.19 8.23 14.48 8.52C14.77 8.81 14.77 9.29 14.48 9.58L13.08 10.98L14.53 12.43C14.82 12.72 14.82 13.19 14.53 13.49Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/location-minus.svg b/public/images/icons/vuesax/bold/location-minus.svg
new file mode 100644
index 0000000..94e474c
--- /dev/null
+++ b/public/images/icons/vuesax/bold/location-minus.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="M20.62 8.7C19.58 4.07 15.54 2 12 2C12 2 12 2 11.99 2C8.45999 2 4.42999 4.07 3.37999 8.69C2.19999 13.85 5.35999 18.22 8.21999 20.98C9.27999 22 10.64 22.51 12 22.51C13.36 22.51 14.72 22 15.77 20.98C18.63 18.22 21.79 13.86 20.62 8.7ZM14.75 11.75H9.24999C8.83999 11.75 8.49999 11.41 8.49999 11C8.49999 10.59 8.83999 10.25 9.24999 10.25H14.75C15.16 10.25 15.5 10.59 15.5 11C15.5 11.41 15.16 11.75 14.75 11.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/location-slash.svg b/public/images/icons/vuesax/bold/location-slash.svg
new file mode 100644
index 0000000..a0c3d2c
--- /dev/null
+++ b/public/images/icons/vuesax/bold/location-slash.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="M15.78 20.98C14.72 22 13.36 22.51 12 22.51C10.64 22.51 9.28001 21.99 8.22002 20.97C7.86002 20.63 7.50001 20.25 7.14001 19.86L20.04 6.95996C20.29 7.49996 20.48 8.06996 20.62 8.69996C21.79 13.86 18.63 18.22 15.78 20.98Z" fill="#292D32"/>
+<path d="M21.77 2.22988C21.47 1.92988 20.98 1.92988 20.68 2.22988L2.23 20.6899C1.93 20.9899 1.93 21.4799 2.23 21.7799C2.38 21.9199 2.57 21.9999 2.77 21.9999C2.97 21.9999 3.16 21.9199 3.31 21.7699L21.77 3.30988C22.08 3.00988 22.08 2.52988 21.77 2.22988Z" fill="#292D32"/>
+<path d="M8.84999 10.31C8.84999 8.57 10.26 7.16 12 7.16C13.31 7.16 14.43 7.96 14.91 9.1L18.89 5.12C17.12 2.98 14.44 2 12 2C10.23 2 8.33999 2.52 6.75999 3.61C5.17999 4.71 3.89999 6.38 3.37999 8.69C2.53999 12.36 3.89999 15.64 5.78999 18.21L10.79 13.21C9.64999 12.74 8.84999 11.61 8.84999 10.31Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/location-tick.svg b/public/images/icons/vuesax/bold/location-tick.svg
new file mode 100644
index 0000000..d922b36
--- /dev/null
+++ b/public/images/icons/vuesax/bold/location-tick.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="M20.62 8.7C19.58 4.07 15.54 2 12 2C12 2 12 2 11.99 2C8.45999 2 4.42999 4.07 3.37999 8.69C2.19999 13.85 5.35999 18.22 8.21999 20.98C9.27999 22 10.64 22.51 12 22.51C13.36 22.51 14.72 22 15.77 20.98C18.63 18.22 21.79 13.86 20.62 8.7ZM15.28 9.53L11.28 13.53C11.13 13.68 10.94 13.75 10.75 13.75C10.56 13.75 10.37 13.68 10.22 13.53L8.71999 12.03C8.42999 11.74 8.42999 11.26 8.71999 10.97C9.00999 10.68 9.48999 10.68 9.77999 10.97L10.75 11.94L14.22 8.47C14.51 8.18 14.99 8.18 15.28 8.47C15.57 8.76 15.57 9.24 15.28 9.53Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/location.svg b/public/images/icons/vuesax/bold/location.svg
new file mode 100644
index 0000000..e2a2ba5
--- /dev/null
+++ b/public/images/icons/vuesax/bold/location.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="M20.62 8.45C19.57 3.83 15.54 1.75 12 1.75C12 1.75 12 1.75 11.99 1.75C8.45997 1.75 4.41997 3.82 3.36997 8.44C2.19997 13.6 5.35997 17.97 8.21997 20.72C9.27997 21.74 10.64 22.25 12 22.25C13.36 22.25 14.72 21.74 15.77 20.72C18.63 17.97 21.79 13.61 20.62 8.45ZM12 13.46C10.26 13.46 8.84997 12.05 8.84997 10.31C8.84997 8.57 10.26 7.16 12 7.16C13.74 7.16 15.15 8.57 15.15 10.31C15.15 12.05 13.74 13.46 12 13.46Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/lock-1.svg b/public/images/icons/vuesax/bold/lock-1.svg
new file mode 100644
index 0000000..80eb0fe
--- /dev/null
+++ b/public/images/icons/vuesax/bold/lock-1.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="M18.75 8V10.1C18.31 10.04 17.81 10.01 17.25 10V8C17.25 4.85 16.36 2.75 12 2.75C7.64 2.75 6.75 4.85 6.75 8V10C6.19 10.01 5.69 10.04 5.25 10.1V8C5.25 5.1 5.95 1.25 12 1.25C18.05 1.25 18.75 5.1 18.75 8Z" fill="#292D32"/>
+<path d="M18.75 10.1C18.31 10.04 17.81 10.01 17.25 10H6.75C6.19 10.01 5.69 10.04 5.25 10.1C2.7 10.41 2 11.66 2 15V17C2 21 3 22 7 22H17C21 22 22 21 22 17V15C22 11.66 21.3 10.41 18.75 10.1ZM8.71 16.71C8.52 16.89 8.26 17 8 17C7.87 17 7.74 16.97 7.62 16.92C7.49 16.87 7.39 16.8 7.29 16.71C7.11 16.52 7 16.26 7 16C7 15.87 7.03 15.74 7.08 15.62C7.13 15.5 7.2 15.39 7.29 15.29C7.39 15.2 7.49 15.13 7.62 15.08C7.99 14.92 8.43 15.01 8.71 15.29C8.8 15.39 8.87 15.5 8.92 15.62C8.97 15.74 9 15.87 9 16C9 16.26 8.89 16.52 8.71 16.71ZM12.92 16.38C12.87 16.5 12.8 16.61 12.71 16.71C12.52 16.89 12.26 17 12 17C11.73 17 11.48 16.89 11.29 16.71C11.2 16.61 11.13 16.5 11.08 16.38C11.03 16.26 11 16.13 11 16C11 15.73 11.11 15.48 11.29 15.29C11.66 14.92 12.33 14.92 12.71 15.29C12.89 15.48 13 15.73 13 16C13 16.13 12.97 16.26 12.92 16.38ZM16.71 16.71C16.52 16.89 16.26 17 16 17C15.74 17 15.48 16.89 15.29 16.71C15.11 16.52 15 16.27 15 16C15 15.73 15.11 15.48 15.29 15.29C15.67 14.92 16.34 14.92 16.71 15.29C16.75 15.34 16.79 15.39 16.83 15.45C16.87 15.5 16.9 15.56 16.92 15.62C16.95 15.68 16.97 15.74 16.98 15.8C16.99 15.87 17 15.94 17 16C17 16.26 16.89 16.52 16.71 16.71Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/lock-circle.svg b/public/images/icons/vuesax/bold/lock-circle.svg
new file mode 100644
index 0000000..69cf333
--- /dev/null
+++ b/public/images/icons/vuesax/bold/lock-circle.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 7.75C10.11 7.75 9.75 8.54 9.75 10V10.62H14.25V10C14.25 8.54 13.89 7.75 12 7.75Z" fill="#292D32"/>
+<path d="M12 15.0999C12.6075 15.0999 13.1 14.6074 13.1 13.9999C13.1 13.3924 12.6075 12.8999 12 12.8999C11.3925 12.8999 10.9 13.3924 10.9 13.9999C10.9 14.6074 11.3925 15.0999 12 15.0999Z" fill="#292D32"/>
+<path d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM17.38 14.5C17.38 16.7 16.7 17.38 14.5 17.38H9.5C7.3 17.38 6.62 16.7 6.62 14.5V13.5C6.62 11.79 7.03 11 8.25 10.73V10C8.25 9.07 8.25 6.25 12 6.25C15.75 6.25 15.75 9.07 15.75 10V10.73C16.97 11 17.38 11.79 17.38 13.5V14.5Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/lock-slash.svg b/public/images/icons/vuesax/bold/lock-slash.svg
new file mode 100644
index 0000000..9c87d7c
--- /dev/null
+++ b/public/images/icons/vuesax/bold/lock-slash.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.63 15.72C13.63 16.62 12.9 17.35 12 17.35C11.36 17.35 10.81 16.98 10.55 16.45L12.73 14.27C13.26 14.53 13.63 15.08 13.63 15.72Z" fill="#292D32"/>
+<path d="M21.77 2.23C21.47 1.93 20.98 1.93 20.68 2.23L17.87 5.04C17.1 3.02 15.13 2 12 2C6.37 2 5.71999 5.58 5.71999 8.28V9.53C5.72999 9.53 5.74 9.53 5.74999 9.53C2.92 9.87 2 11.28 2 14.79V16.65C2 18.25 2.19 19.41 2.67 20.24L2.22 20.69C1.92 20.99 1.92 21.48 2.22 21.78C2.38 21.92 2.57 22 2.77 22C2.97 22 3.16 21.92 3.31 21.77L21.77 3.31C22.08 3.01 22.08 2.53 21.77 2.23ZM7.35 9.44C7.27 9.44 7.2 9.44 7.12 9.44V8.28C7.12 5.35 7.95 3.4 12 3.4C15.4 3.4 16.47 4.7 16.77 6.15L13.48 9.44H7.35Z" fill="#292D32"/>
+<path d="M22.0001 14.79V16.65C22.0001 20.75 20.7501 22 16.6501 22H7.41005C6.52005 22 6.08005 20.92 6.71005 20.29L9.53005 17.47C9.60005 17.57 9.68005 17.66 9.76005 17.75C10.4601 18.51 11.5001 18.91 12.6501 18.67C12.7401 18.65 12.8301 18.63 12.9201 18.59C13.0101 18.57 13.0901 18.54 13.1701 18.5C13.3701 18.43 13.5601 18.32 13.7401 18.19C13.8101 18.15 13.8701 18.1 13.9201 18.05C14.0701 17.93 14.2101 17.79 14.3301 17.64C14.3801 17.59 14.4301 17.53 14.4701 17.46C14.6001 17.28 14.7101 17.09 14.7801 16.89C14.8201 16.81 14.8501 16.73 14.8701 16.64C14.9101 16.55 14.9301 16.46 14.9501 16.37C15.1901 15.22 14.7901 14.18 14.0301 13.48C13.9501 13.4 13.8501 13.32 13.7501 13.25L16.8701 10.13C16.9201 10.08 16.9601 10.04 17.0101 9.99998C17.4101 9.66998 17.9201 9.50998 18.4301 9.54998C18.5201 9.55998 18.6201 9.56998 18.7101 9.58998C18.8801 9.61998 19.0501 9.65998 19.2101 9.69998C19.3701 9.73998 19.5201 9.78998 19.6701 9.83998C19.9601 9.94998 20.2101 10.08 20.4401 10.23C20.6701 10.38 20.8601 10.56 21.0401 10.77C21.1301 10.88 21.2201 11 21.2901 11.13C21.3601 11.24 21.4201 11.36 21.4801 11.49C21.5401 11.62 21.5901 11.76 21.6401 11.9C21.7001 12.07 21.7501 12.26 21.7901 12.46C21.8301 12.6 21.8501 12.75 21.8801 12.91C21.9001 13.06 21.9201 13.22 21.9401 13.39C21.9801 13.81 22.0001 14.28 22.0001 14.79Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/lock.svg b/public/images/icons/vuesax/bold/lock.svg
new file mode 100644
index 0000000..e61f648
--- /dev/null
+++ b/public/images/icons/vuesax/bold/lock.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 17.3498C12.9002 17.3498 13.63 16.6201 13.63 15.7198C13.63 14.8196 12.9002 14.0898 12 14.0898C11.0998 14.0898 10.37 14.8196 10.37 15.7198C10.37 16.6201 11.0998 17.3498 12 17.3498Z" fill="#292D32"/>
+<path d="M18.28 9.53V8.28C18.28 5.58 17.63 2 12 2C6.37 2 5.72 5.58 5.72 8.28V9.53C2.92 9.88 2 11.3 2 14.79V16.65C2 20.75 3.25 22 7.35 22H16.65C20.75 22 22 20.75 22 16.65V14.79C22 11.3 21.08 9.88 18.28 9.53ZM12 18.74C10.33 18.74 8.98 17.38 8.98 15.72C8.98 14.05 10.34 12.7 12 12.7C13.66 12.7 15.02 14.06 15.02 15.72C15.02 17.39 13.67 18.74 12 18.74ZM7.35 9.44C7.27 9.44 7.2 9.44 7.12 9.44V8.28C7.12 5.35 7.95 3.4 12 3.4C16.05 3.4 16.88 5.35 16.88 8.28V9.45C16.8 9.45 16.73 9.45 16.65 9.45H7.35V9.44Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/login-1.svg b/public/images/icons/vuesax/bold/login-1.svg
new file mode 100644
index 0000000..00df41f
--- /dev/null
+++ b/public/images/icons/vuesax/bold/login-1.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.8 2H14.2C11 2 9 4 9 7.2V11.25H13.44L11.37 9.18C11.22 9.03 11.15 8.84 11.15 8.65C11.15 8.46 11.22 8.27 11.37 8.12C11.66 7.83 12.14 7.83 12.43 8.12L15.78 11.47C16.07 11.76 16.07 12.24 15.78 12.53L12.43 15.88C12.14 16.17 11.66 16.17 11.37 15.88C11.08 15.59 11.08 15.11 11.37 14.82L13.44 12.75H9V16.8C9 20 11 22 14.2 22H16.79C19.99 22 21.99 20 21.99 16.8V7.2C22 4 20 2 16.8 2Z" fill="#292D32"/>
+<path d="M2.75 11.25C2.34 11.25 2 11.59 2 12C2 12.41 2.34 12.75 2.75 12.75H9V11.25H2.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/login.svg b/public/images/icons/vuesax/bold/login.svg
new file mode 100644
index 0000000..8ee7649
--- /dev/null
+++ b/public/images/icons/vuesax/bold/login.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.76 2C10.28 2 9.90002 2.38 9.90002 2.86V11.32H13.57L12 9.75C11.71 9.46 11.71 8.98 12 8.69C12.29 8.4 12.77 8.4 13.06 8.69L15.9 11.54C16.19 11.83 16.19 12.31 15.9 12.6L13.06 15.45C12.91 15.6 12.72 15.67 12.53 15.67C12.34 15.67 12.15 15.6 12 15.45C11.71 15.16 11.71 14.68 12 14.39L13.56 12.83H9.90002V21.16C9.90002 21.63 10.28 22.02 10.76 22.02C16.65 22.02 20.76 17.91 20.76 12.02C20.76 6.13 16.64 2 10.76 2Z" fill="#292D32"/>
+<path d="M3.98999 11.3198C3.57999 11.3198 3.23999 11.6598 3.23999 12.0698C3.23999 12.4798 3.57999 12.8198 3.98999 12.8198H9.88999V11.3198H3.98999Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/logout-1.svg b/public/images/icons/vuesax/bold/logout-1.svg
new file mode 100644
index 0000000..95c46dc
--- /dev/null
+++ b/public/images/icons/vuesax/bold/logout-1.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.87999 12.07C7.87999 11.66 8.21999 11.32 8.62999 11.32H14.11V2.86C14.1 2.38 13.72 2 13.24 2C7.34999 2 3.23999 6.11 3.23999 12C3.23999 17.89 7.34999 22 13.24 22C13.71 22 14.1 21.62 14.1 21.14V12.81H8.62999C8.20999 12.82 7.87999 12.48 7.87999 12.07Z" fill="#292D32"/>
+<path d="M20.54 11.5402L17.7 8.69016C17.41 8.40016 16.93 8.40016 16.64 8.69016C16.35 8.98016 16.35 9.46016 16.64 9.75016L18.2 11.3102H14.1V12.8102H18.19L16.63 14.3702C16.34 14.6602 16.34 15.1402 16.63 15.4302C16.78 15.5802 16.97 15.6502 17.16 15.6502C17.35 15.6502 17.54 15.5802 17.69 15.4302L20.53 12.5802C20.83 12.3002 20.83 11.8302 20.54 11.5402Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/logout.svg b/public/images/icons/vuesax/bold/logout.svg
new file mode 100644
index 0000000..fdbda0d
--- /dev/null
+++ b/public/images/icons/vuesax/bold/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="M16.8 2H14.2C11 2 9 4 9 7.2V11.25H15.25C15.66 11.25 16 11.59 16 12C16 12.41 15.66 12.75 15.25 12.75H9V16.8C9 20 11 22 14.2 22H16.79C19.99 22 21.99 20 21.99 16.8V7.2C22 4 20 2 16.8 2Z" fill="#292D32"/>
+<path d="M4.55994 11.2498L6.62994 9.17984C6.77994 9.02984 6.84994 8.83984 6.84994 8.64984C6.84994 8.45984 6.77994 8.25984 6.62994 8.11984C6.33994 7.82984 5.85994 7.82984 5.56994 8.11984L2.21994 11.4698C1.92994 11.7598 1.92994 12.2398 2.21994 12.5298L5.56994 15.8798C5.85994 16.1698 6.33994 16.1698 6.62994 15.8798C6.91994 15.5898 6.91994 15.1098 6.62994 14.8198L4.55994 12.7498H8.99994V11.2498H4.55994Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/lovely.svg b/public/images/icons/vuesax/bold/lovely.svg
new file mode 100644
index 0000000..a71d990
--- /dev/null
+++ b/public/images/icons/vuesax/bold/lovely.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="M18.8 9.91016C17.67 9.91016 16.66 10.4602 16.03 11.3002C15.4 10.4602 14.39 9.91016 13.26 9.91016C11.35 9.91016 9.80005 11.4702 9.80005 13.3902C9.80005 14.1302 9.92005 14.8202 10.12 15.4502C11.1 18.5602 14.14 20.4302 15.64 20.9402C15.85 21.0102 16.2 21.0102 16.41 20.9402C17.91 20.4302 20.95 18.5702 21.93 15.4502C22.14 14.8102 22.25 14.1302 22.25 13.3902C22.26 11.4702 20.71 9.91016 18.8 9.91016Z" fill="#292D32"/>
+<path d="M20.75 8.3401C20.75 8.5701 20.52 8.7201 20.3 8.6601C18.95 8.3101 17.47 8.6001 16.35 9.4001C16.13 9.5601 15.83 9.5601 15.62 9.4001C14.83 8.8201 13.87 8.5001 12.86 8.5001C10.28 8.5001 8.18 10.6101 8.18 13.2101C8.18 16.0301 9.53 18.1401 10.89 19.5501C10.96 19.6201 10.9 19.7401 10.81 19.7001C8.08 18.7701 2 14.9101 2 8.3401C2 5.4401 4.33 3.1001 7.21 3.1001C8.92 3.1001 10.43 3.9201 11.38 5.1901C12.34 3.9201 13.85 3.1001 15.55 3.1001C18.42 3.1001 20.75 5.4401 20.75 8.3401Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/magic-star.svg b/public/images/icons/vuesax/bold/magic-star.svg
new file mode 100644
index 0000000..47c34da
--- /dev/null
+++ b/public/images/icons/vuesax/bold/magic-star.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="M17.29 4.14004L17.22 7.93004C17.21 8.45004 17.54 9.14004 17.96 9.45004L20.44 11.33C22.03 12.53 21.77 14 19.87 14.6L16.64 15.61C16.1 15.78 15.53 16.37 15.39 16.92L14.62 19.86C14.01 22.18 12.49 22.41 11.23 20.37L9.47003 17.52C9.15003 17 8.39003 16.61 7.79003 16.64L4.45003 16.81C2.06003 16.93 1.38003 15.55 2.94003 13.73L4.92003 11.43C5.29003 11 5.46003 10.2 5.29003 9.66004L4.27003 6.42004C3.68003 4.52004 4.74003 3.47004 6.63003 4.09004L9.58003 5.06004C10.08 5.22004 10.83 5.11004 11.25 4.80004L14.33 2.58004C16 1.39004 17.33 2.09004 17.29 4.14004Z" fill="#292D32"/>
+<path d="M21.4399 20.4702L18.4099 17.4402C18.1199 17.1502 17.6399 17.1502 17.3499 17.4402C17.0599 17.7302 17.0599 18.2102 17.3499 18.5002L20.3799 21.5302C20.5299 21.6802 20.7199 21.7502 20.9099 21.7502C21.0999 21.7502 21.2899 21.6802 21.4399 21.5302C21.7299 21.2402 21.7299 20.7602 21.4399 20.4702Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/magicpen.svg b/public/images/icons/vuesax/bold/magicpen.svg
new file mode 100644
index 0000000..f75ab2e
--- /dev/null
+++ b/public/images/icons/vuesax/bold/magicpen.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="M19.5 7.49988L18.01 8.98988L15.01 5.98988L16.5 4.49988C16.92 4.07988 17.46 3.87988 18 3.87988C18.54 3.87988 19.08 4.07988 19.5 4.49988C20.33 5.32988 20.33 6.66988 19.5 7.49988Z" fill="#292D32"/>
+<path d="M17.31 9.7002L6.5 20.5002C5.67 21.3302 4.33 21.3302 3.5 20.5002C2.67 19.6702 2.67 18.3302 3.5 17.5002L14.31 6.7002L17.31 9.7002Z" fill="#292D32"/>
+<path d="M9.95 3.50002L10.36 2.11002C10.4 1.98002 10.36 1.84002 10.27 1.74002C10.18 1.64002 10.02 1.60002 9.89 1.64002L8.5 2.05002L7.11 1.64002C6.98 1.60002 6.84 1.64002 6.74 1.73002C6.64 1.83002 6.61 1.97002 6.65 2.10002L7.05 3.50002L6.64 4.89002C6.6 5.02002 6.64 5.16002 6.73 5.26002C6.83 5.36002 6.97 5.39002 7.1 5.35002L8.5 4.95002L9.89 5.36002C9.93 5.37002 9.96 5.38002 10 5.38002C10.1 5.38002 10.19 5.34002 10.27 5.27002C10.37 5.17002 10.4 5.03002 10.36 4.90002L9.95 3.50002Z" fill="#292D32"/>
+<path d="M5.95 9.50002L6.36 8.11002C6.4 7.98002 6.36 7.84002 6.27 7.74002C6.17 7.64002 6.03 7.61002 5.9 7.65002L4.5 8.05002L3.11 7.64002C2.98 7.60002 2.84 7.64002 2.74 7.73002C2.64 7.83002 2.61 7.97002 2.65 8.10002L3.05 9.50002L2.64 10.89C2.6 11.02 2.64 11.16 2.73 11.26C2.83 11.36 2.97 11.39 3.1 11.35L4.49 10.94L5.88 11.35C5.91 11.36 5.95 11.36 5.99 11.36C6.09 11.36 6.18 11.32 6.26 11.25C6.36 11.15 6.39 11.01 6.35 10.88L5.95 9.50002Z" fill="#292D32"/>
+<path d="M20.95 14.5L21.36 13.11C21.4 12.98 21.36 12.84 21.27 12.74C21.17 12.64 21.03 12.61 20.9 12.65L19.51 13.06L18.12 12.65C17.99 12.61 17.85 12.65 17.75 12.74C17.65 12.84 17.62 12.98 17.66 13.11L18.07 14.5L17.66 15.89C17.62 16.02 17.66 16.16 17.75 16.26C17.85 16.36 17.99 16.39 18.12 16.35L19.51 15.94L20.9 16.35C20.93 16.36 20.97 16.36 21.01 16.36C21.11 16.36 21.2 16.32 21.28 16.25C21.38 16.15 21.41 16.01 21.37 15.88L20.95 14.5Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/main-component.svg b/public/images/icons/vuesax/bold/main-component.svg
new file mode 100644
index 0000000..05708c8
--- /dev/null
+++ b/public/images/icons/vuesax/bold/main-component.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="M16.51 5.01L14.55 3.05C13.15 1.65 10.85 1.65 9.44999 3.05L7.48999 5.01C7.09999 5.4 7.09999 6.04 7.48999 6.43L11.3 10.24C11.69 10.63 12.32 10.63 12.71 10.24L16.52 6.43C16.9 6.04 16.9 5.4 16.51 5.01Z" fill="#292D32"/>
+<path d="M5.01 7.48977L3.05 9.44977C1.65 10.8498 1.65 13.1498 3.05 14.5498L5.01 16.5098C5.4 16.8998 6.03 16.8998 6.42 16.5098L10.23 12.6998C10.62 12.3098 10.62 11.6798 10.23 11.2898L6.43 7.48977C6.04 7.09977 5.4 7.09977 5.01 7.48977Z" fill="#292D32"/>
+<path d="M20.95 9.44977L18.99 7.48977C18.6 7.09977 17.97 7.09977 17.58 7.48977L13.77 11.2998C13.38 11.6898 13.38 12.3198 13.77 12.7098L17.58 16.5198C17.97 16.9098 18.6 16.9098 18.99 16.5198L20.95 14.5598C22.35 13.1498 22.35 10.8498 20.95 9.44977Z" fill="#292D32"/>
+<path d="M7.49001 18.99L9.45001 20.95C10.85 22.35 13.15 22.35 14.55 20.95L16.51 18.99C16.9 18.6 16.9 17.97 16.51 17.58L12.7 13.77C12.31 13.38 11.68 13.38 11.29 13.77L7.48001 17.58C7.10001 17.96 7.10001 18.6 7.49001 18.99Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/maker-(mkr).svg b/public/images/icons/vuesax/bold/maker-(mkr).svg
new file mode 100644
index 0000000..0856fb4
--- /dev/null
+++ b/public/images/icons/vuesax/bold/maker-(mkr).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 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM11.5 14.5C11.5 14.91 11.16 15.25 10.75 15.25C10.34 15.25 10 14.91 10 14.5V12.42L7.33002 10.82V14.5C7.33002 14.91 6.99002 15.25 6.58002 15.25C6.17002 15.25 5.83002 14.91 5.83002 14.5V9.5C5.83002 9.23 5.98002 8.98 6.21002 8.85C6.44002 8.72 6.73002 8.72 6.96002 8.86L11.13 11.36C11.36 11.5 11.49 11.74 11.49 12V14.5H11.5ZM18.17 14.5C18.17 14.91 17.83 15.25 17.42 15.25C17.01 15.25 16.67 14.91 16.67 14.5V10.82L14 12.42V14.5C14 14.91 13.66 15.25 13.25 15.25C12.84 15.25 12.5 14.91 12.5 14.5V12C12.5 11.74 12.64 11.49 12.86 11.36L17.03 8.86C17.26 8.72 17.55 8.72 17.78 8.85C18.02 8.98 18.16 9.23 18.16 9.5V14.5H18.17Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/man.svg b/public/images/icons/vuesax/bold/man.svg
new file mode 100644
index 0000000..5254da6
--- /dev/null
+++ b/public/images/icons/vuesax/bold/man.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="M22.19 2.21C22.12 2.03 21.97 1.88 21.79 1.81C21.69 1.77 21.6 1.75 21.5 1.75H15C14.59 1.75 14.25 2.09 14.25 2.5C14.25 2.91 14.59 3.25 15 3.25H19.69L15.18 7.77H15.17C13.83 6.66 12.12 6 10.25 6C5.97 6 2.5 9.47 2.5 13.75C2.5 18.03 5.97 21.5 10.25 21.5C14.53 21.5 18 18.03 18 13.75C18 11.88 17.34 10.17 16.23 8.83L20.75 4.31V9C20.75 9.41 21.09 9.75 21.5 9.75C21.91 9.75 22.25 9.41 22.25 9V2.5C22.25 2.4 22.23 2.31 22.19 2.21Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/map-1.svg b/public/images/icons/vuesax/bold/map-1.svg
new file mode 100644
index 0000000..71f90c2
--- /dev/null
+++ b/public/images/icons/vuesax/bold/map-1.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.62998 3.57018C7.80936 3.47233 7.99998 3.62286 7.99998 3.82719V17.383C7.99998 17.6063 7.84756 17.795 7.65018 17.8993C7.64341 17.9029 7.63667 17.9065 7.62998 17.9102L5.27998 19.2502C3.63998 20.1902 2.28998 19.4102 2.28998 17.5102V7.78018C2.28998 7.15018 2.73998 6.37018 3.29998 6.05018L7.62998 3.57018Z" fill="#292D32"/>
+<path d="M14.7219 6.10241C14.8922 6.18676 15 6.3604 15 6.55047V19.7036C15 20.0721 14.615 20.314 14.283 20.1541L10.033 18.1065C9.85998 18.0231 9.75 17.8481 9.75 17.656V4.44571C9.75 4.07486 10.1396 3.83306 10.4719 3.99765L14.7219 6.10241Z" fill="#292D32"/>
+<path d="M22 6.49006V16.2201C22 16.8501 21.55 17.6301 20.99 17.9501L17.4986 19.951C17.1653 20.1421 16.75 19.9014 16.75 19.5172V6.33038C16.75 6.15087 16.8462 5.98513 17.0021 5.89615L19.01 4.75006C20.65 3.81006 22 4.59006 22 6.49006Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/map.svg b/public/images/icons/vuesax/bold/map.svg
new file mode 100644
index 0000000..5c5e16e
--- /dev/null
+++ b/public/images/icons/vuesax/bold/map.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="M9.15002 7.49023C8.59002 7.49023 8.15002 7.94023 8.15002 8.49023C8.15002 9.04023 8.60002 9.49023 9.15002 9.49023C9.70002 9.49023 10.15 9.04023 10.15 8.49023C10.15 7.94023 9.70002 7.49023 9.15002 7.49023Z" fill="#292D32"/>
+<path d="M21.46 5.04C20.62 3.09 18.77 2 16.19 2H7.81C4.6 2 2 4.6 2 7.81V16.19C2 18.77 3.09 20.62 5.04 21.46C5.23 21.54 5.45 21.49 5.59 21.35L21.35 5.59C21.5 5.44 21.55 5.22 21.46 5.04ZM10.53 12.24C10.14 12.62 9.63 12.8 9.12 12.8C8.61 12.8 8.1 12.61 7.71 12.24C6.69 11.28 5.57 9.75 6 7.93C6.38 6.28 7.84 5.54 9.12 5.54C10.4 5.54 11.86 6.28 12.24 7.94C12.66 9.75 11.54 11.28 10.53 12.24Z" fill="#292D32"/>
+<path d="M19.47 20.53C19.69 20.75 19.66 21.11 19.39 21.26C18.51 21.75 17.44 22 16.19 22H7.81002C7.52002 22 7.40002 21.66 7.60002 21.46L13.64 15.42C13.84 15.22 14.15 15.22 14.35 15.42L19.47 20.53Z" fill="#292D32"/>
+<path d="M22 7.8099V16.1899C22 17.4399 21.75 18.5199 21.26 19.3899C21.11 19.6599 20.75 19.6799 20.53 19.4699L15.41 14.3499C15.21 14.1499 15.21 13.8399 15.41 13.6399L21.45 7.5999C21.66 7.3999 22 7.5199 22 7.8099Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/mask-1.svg b/public/images/icons/vuesax/bold/mask-1.svg
new file mode 100644
index 0000000..45209bd
--- /dev/null
+++ b/public/images/icons/vuesax/bold/mask-1.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 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 17C9.24 17 7 14.76 7 12C7 9.24 9.24 7 12 7C14.76 7 17 9.24 17 12C17 14.76 14.76 17 12 17Z" fill="#292D32"/>
+<path d="M12 7V17C9.24 17 7 14.76 7 12C7 9.24 9.24 7 12 7Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/mask-2.svg b/public/images/icons/vuesax/bold/mask-2.svg
new file mode 100644
index 0000000..b8afa93
--- /dev/null
+++ b/public/images/icons/vuesax/bold/mask-2.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.65 4.58979C16.89 2.98979 14.56 2.02979 12 2.02979C6.5 2.02979 2.03 6.49979 2.03 11.9998C2.03 17.4998 6.5 21.9698 12 21.9698C14.56 21.9698 16.89 21.0098 18.65 19.4098C20.69 17.5998 21.97 14.9398 21.97 11.9998C21.97 9.05979 20.69 6.39979 18.65 4.58979ZM11.97 16.3898C11.95 18.0398 10.72 18.4398 9.57 17.9798C7.2 17.0298 5.53 14.7098 5.53 11.9998C5.53 9.28979 7.2 6.96979 9.57 6.00979C10.72 5.54979 11.95 5.95978 11.97 7.59978V16.3898Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/mask.svg b/public/images/icons/vuesax/bold/mask.svg
new file mode 100644
index 0000000..ceacf5b
--- /dev/null
+++ b/public/images/icons/vuesax/bold/mask.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="M16.24 9.52023L20.95 14.2302C21.23 14.5102 21.72 14.3602 21.8 13.9702C21.93 13.3302 22 12.6702 22 12.0002C22 9.71023 21.22 7.60023 19.93 5.92023C19.75 5.68023 19.39 5.67023 19.18 5.88023L16.24 8.82023C16.05 9.01023 16.05 9.33023 16.24 9.52023Z" fill="#292D32"/>
+<path d="M14.48 10.58L12.71 12.35C12.51 12.55 12.51 12.86 12.71 13.06L18.53 18.88C18.73 19.08 19.05 19.08 19.24 18.88C19.86 18.23 20.39 17.5 20.82 16.71C20.92 16.52 20.88 16.27 20.73 16.12L15.19 10.58C14.99 10.39 14.67 10.39 14.48 10.58Z" fill="#292D32"/>
+<path d="M10.94 14.1198L9.18 15.8798C8.98 16.0798 8.98 16.3898 9.18 16.5898L14.1 21.5199C14.23 21.6499 14.42 21.6998 14.59 21.6498C15.52 21.3998 16.4 21.0199 17.2 20.5199C17.47 20.3499 17.51 19.9698 17.28 19.7398L11.65 14.1098C11.45 13.9298 11.13 13.9298 10.94 14.1198Z" fill="#292D32"/>
+<path d="M18.08 4.07016C16.1 2.54016 13.53 1.74016 10.77 2.07016C6.26 2.61016 2.61 6.27016 2.07 10.7702C1.74 13.5302 2.54 16.0902 4.07 18.0802C4.25 18.3202 4.61 18.3302 4.82 18.1202L18.12 4.82016C18.33 4.61016 18.32 4.25016 18.08 4.07016Z" fill="#292D32"/>
+<path d="M7.4 17.67L5.88 19.19C5.67 19.4 5.68 19.76 5.92 19.94C7.43 21.11 9.28 21.85 11.31 21.99C11.74 22.02 11.95 21.51 11.64 21.2L8.11 17.67C7.92 17.47 7.6 17.47 7.4 17.67Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/math.svg b/public/images/icons/vuesax/bold/math.svg
new file mode 100644
index 0000000..b79929c
--- /dev/null
+++ b/public/images/icons/vuesax/bold/math.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM11.03 17.66C11.32 17.95 11.32 18.43 11.03 18.72C10.88 18.87 10.69 18.94 10.5 18.94C10.31 18.94 10.12 18.87 9.97 18.72L8.25 17L6.53 18.72C6.38 18.86 6.19 18.94 6 18.94C5.81 18.94 5.62 18.87 5.47 18.72C5.18 18.43 5.18 17.95 5.47 17.66L7.19 15.94L5.47 14.22C5.18 13.93 5.18 13.45 5.47 13.16C5.76 12.87 6.24 12.87 6.53 13.16L8.25 14.88L9.97 13.16C10.26 12.87 10.74 12.87 11.03 13.16C11.32 13.45 11.32 13.93 11.03 14.22L9.31 15.94L11.03 17.66ZM10.5 8.81H6C5.59 8.81 5.25 8.47 5.25 8.06C5.25 7.65 5.59 7.31 6 7.31H10.5C10.91 7.31 11.25 7.65 11.25 8.06C11.25 8.47 10.91 8.81 10.5 8.81ZM18 18.56H13.5C13.09 18.56 12.75 18.22 12.75 17.81C12.75 17.4 13.09 17.06 13.5 17.06H18C18.41 17.06 18.75 17.4 18.75 17.81C18.75 18.22 18.41 18.56 18 18.56ZM18 14.81H13.5C13.09 14.81 12.75 14.47 12.75 14.06C12.75 13.65 13.09 13.31 13.5 13.31H18C18.41 13.31 18.75 13.65 18.75 14.06C18.75 14.47 18.41 14.81 18 14.81ZM18 8.81H16.52V10.31C16.52 10.72 16.18 11.06 15.77 11.06C15.36 11.06 15.02 10.72 15.02 10.31V8.81H13.5C13.09 8.81 12.75 8.47 12.75 8.06C12.75 7.65 13.09 7.31 13.5 7.31H15.02V5.81C15.02 5.4 15.36 5.06 15.77 5.06C16.18 5.06 16.52 5.4 16.52 5.81V7.31H18C18.41 7.31 18.75 7.65 18.75 8.06C18.75 8.47 18.41 8.81 18 8.81Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/maximize-1.svg b/public/images/icons/vuesax/bold/maximize-1.svg
new file mode 100644
index 0000000..c598886
--- /dev/null
+++ b/public/images/icons/vuesax/bold/maximize-1.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 16.15V18.85C11 21.1 10.1 22 7.85 22H5.15C2.9 22 2 21.1 2 18.85V16.15C2 13.9 2.9 13 5.15 13H7.85C10.1 13 11 13.9 11 16.15Z" fill="#292D32"/>
+<path d="M16.48 2H8.52C5.47 2 3 4.47 3 7.52V10.5C3 11.05 3.45 11.5 4 11.5H8.5C10.71 11.5 12.5 13.29 12.5 15.5V20C12.5 20.55 12.95 21 13.5 21H16.48C19.93 21 22 18.94 22 15.48V7.52C22 4.47 19.53 2 16.48 2ZM18.76 9.99C18.76 10.4 18.42 10.74 18.01 10.74C17.6 10.74 17.26 10.4 17.26 9.99V7.79L13.53 11.53C13.38 11.68 13.19 11.75 13 11.75C12.81 11.75 12.62 11.68 12.47 11.53C12.18 11.24 12.18 10.76 12.47 10.47L16.2 6.72H14C13.58 6.72 13.25 6.39 13.25 5.97C13.25 5.56 13.58 5.22 14 5.22H18.01C18.1 5.22 18.19 5.25 18.27 5.28C18.3 5.29 18.32 5.3 18.34 5.31C18.4 5.34 18.45 5.37 18.5 5.42C18.52 5.43 18.54 5.45 18.56 5.47C18.61 5.53 18.65 5.59 18.69 5.66C18.69 5.67 18.7 5.68 18.7 5.69C18.74 5.77 18.75 5.86 18.75 5.95C18.76 5.96 18.76 5.96 18.76 5.97V9.99Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/maximize-2.svg b/public/images/icons/vuesax/bold/maximize-2.svg
new file mode 100644
index 0000000..7c82f73
--- /dev/null
+++ b/public/images/icons/vuesax/bold/maximize-2.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM10.22 21H7.91C5.2 21 3 18.8 3 16.09V13.78C3 13.37 3.34 13.03 3.75 13.03C4.16 13.03 4.5 13.37 4.5 13.78V16.09C4.5 17.97 6.03 19.5 7.91 19.5H10.22C10.63 19.5 10.97 19.84 10.97 20.25C10.97 20.66 10.64 21 10.22 21ZM10.22 4.5H7.91C6.03 4.5 4.5 6.03 4.5 7.91V10.22C4.5 10.63 4.16 10.97 3.75 10.97C3.34 10.97 3 10.64 3 10.22V7.91C3 5.2 5.2 3 7.91 3H10.22C10.63 3 10.97 3.34 10.97 3.75C10.97 4.16 10.64 4.5 10.22 4.5ZM21 16.09C21 18.8 18.8 21 16.09 21H14.7C14.29 21 13.95 20.66 13.95 20.25C13.95 19.84 14.29 19.5 14.7 19.5H16.09C17.97 19.5 19.5 17.97 19.5 16.09V14.7C19.5 14.29 19.84 13.95 20.25 13.95C20.66 13.95 21 14.29 21 14.7V16.09ZM21 10.22C21 10.63 20.66 10.97 20.25 10.97C19.84 10.97 19.5 10.63 19.5 10.22V7.91C19.5 6.03 17.97 4.5 16.09 4.5H13.78C13.37 4.5 13.03 4.16 13.03 3.75C13.03 3.34 13.36 3 13.78 3H16.09C18.8 3 21 5.2 21 7.91V10.22Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/maximize-3.svg b/public/images/icons/vuesax/bold/maximize-3.svg
new file mode 100644
index 0000000..8241746
--- /dev/null
+++ b/public/images/icons/vuesax/bold/maximize-3.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM18.75 10C18.75 10.41 18.41 10.75 18 10.75C17.59 10.75 17.25 10.41 17.25 10V7.81L7.81 17.25H10C10.41 17.25 10.75 17.59 10.75 18C10.75 18.41 10.41 18.75 10 18.75H6C5.9 18.75 5.8 18.73 5.71 18.69C5.53 18.61 5.38 18.47 5.3 18.28C5.27 18.19 5.25 18.1 5.25 18V14C5.25 13.59 5.59 13.25 6 13.25C6.41 13.25 6.75 13.59 6.75 14V16.19L16.19 6.75H14C13.59 6.75 13.25 6.41 13.25 6C13.25 5.59 13.59 5.25 14 5.25H18C18.1 5.25 18.19 5.27 18.29 5.31C18.47 5.39 18.62 5.53 18.7 5.72C18.73 5.81 18.75 5.9 18.75 6V10Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/maximize-4.svg b/public/images/icons/vuesax/bold/maximize-4.svg
new file mode 100644
index 0000000..2164da9
--- /dev/null
+++ b/public/images/icons/vuesax/bold/maximize-4.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM11.53 13.53L7.81 17.25H10C10.41 17.25 10.75 17.59 10.75 18C10.75 18.41 10.41 18.75 10 18.75H6C5.9 18.75 5.8 18.73 5.71 18.69C5.53 18.61 5.38 18.47 5.3 18.28C5.27 18.19 5.25 18.1 5.25 18V14C5.25 13.59 5.59 13.25 6 13.25C6.41 13.25 6.75 13.59 6.75 14V16.19L10.47 12.47C10.76 12.18 11.24 12.18 11.53 12.47C11.82 12.76 11.82 13.24 11.53 13.53ZM18.75 10C18.75 10.41 18.41 10.75 18 10.75C17.59 10.75 17.25 10.41 17.25 10V7.81L13.53 11.53C13.38 11.68 13.19 11.75 13 11.75C12.81 11.75 12.62 11.68 12.47 11.53C12.18 11.24 12.18 10.76 12.47 10.47L16.19 6.75H14C13.59 6.75 13.25 6.41 13.25 6C13.25 5.59 13.59 5.25 14 5.25H18C18.1 5.25 18.19 5.27 18.29 5.31C18.47 5.39 18.62 5.53 18.7 5.72C18.73 5.81 18.75 5.9 18.75 6V10Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/maximize-circle.svg b/public/images/icons/vuesax/bold/maximize-circle.svg
new file mode 100644
index 0000000..5894e0f
--- /dev/null
+++ b/public/images/icons/vuesax/bold/maximize-circle.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="M21.6899 2.71C21.6099 2.53 21.4699 2.38 21.2799 2.3C21.1899 2.27 21.0999 2.25 20.9999 2.25H16.9999C16.5899 2.25 16.2499 2.59 16.2499 3C16.2499 3.41 16.5899 3.75 16.9999 3.75H19.1899L14.4699 8.47C14.1799 8.76 14.1799 9.24 14.4699 9.53C14.6199 9.68 14.8099 9.75 14.9999 9.75C15.1899 9.75 15.3799 9.68 15.5299 9.53L20.2499 4.81V7C20.2499 7.41 20.5899 7.75 20.9999 7.75C21.4099 7.75 21.7499 7.41 21.7499 7V3C21.7499 2.9 21.7299 2.81 21.6899 2.71Z" fill="#292D32"/>
+<path d="M8.47 14.4699L3.75 19.1899V16.9999C3.75 16.5899 3.41 16.2499 3 16.2499C2.59 16.2499 2.25 16.5899 2.25 16.9999V20.9999C2.25 21.0999 2.27 21.1899 2.31 21.2899C2.39 21.4699 2.53 21.6199 2.72 21.6999C2.8 21.7299 2.9 21.7499 3 21.7499H7C7.41 21.7499 7.75 21.4099 7.75 20.9999C7.75 20.5899 7.41 20.2499 7 20.2499H4.81L9.53 15.5299C9.82 15.2399 9.82 14.7599 9.53 14.4699C9.24 14.1799 8.76 14.1799 8.47 14.4699Z" fill="#292D32"/>
+<path d="M2.2 14.75C1.85 14.75 1.54 14.5 1.47 14.15C1.33 13.45 1.25 12.72 1.25 12C1.25 6.07 6.07 1.25 12 1.25C12.73 1.25 13.46 1.32 14.17 1.47C14.58 1.55 14.84 1.95 14.76 2.35C14.68 2.76 14.27 3.01 13.88 2.94C13.25 2.81 12.63 2.75 12 2.75C6.9 2.75 2.75 6.9 2.75 12C2.75 12.62 2.81 13.25 2.94 13.85C3.02 14.26 2.76 14.65 2.35 14.73C2.3 14.75 2.25 14.75 2.2 14.75Z" fill="#292D32"/>
+<path d="M12 22.7498C11.27 22.7498 10.54 22.6798 9.83003 22.5298C9.42003 22.4498 9.16003 22.0498 9.24003 21.6498C9.32003 21.2398 9.73003 20.9898 10.12 21.0598C10.73 21.1798 11.36 21.2498 11.99 21.2498C17.09 21.2498 21.24 17.0998 21.24 11.9998C21.24 11.3798 21.18 10.7598 21.06 10.1498C20.98 9.73981 21.24 9.34981 21.65 9.26981C22.06 9.18981 22.45 9.44981 22.53 9.85981C22.67 10.5598 22.74 11.2798 22.74 11.9998C22.75 17.9298 17.93 22.7498 12 22.7498Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/maximize.svg b/public/images/icons/vuesax/bold/maximize.svg
new file mode 100644
index 0000000..63f74d9
--- /dev/null
+++ b/public/images/icons/vuesax/bold/maximize.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="M20.95 4.13C20.66 3.71 20.29 3.34 19.87 3.05C18.92 2.36 17.68 2 16.19 2H7.81C7.61 2 7.41 2.01 7.22 2.03C3.94 2.24 2 4.37 2 7.81V16.19C2 17.68 2.36 18.92 3.05 19.87C3.34 20.29 3.71 20.66 4.13 20.95C4.95 21.55 5.99 21.9 7.22 21.98C7.41 21.99 7.61 22 7.81 22H16.19C19.83 22 22 19.83 22 16.19V7.81C22 6.32 21.64 5.08 20.95 4.13ZM18.75 10C18.75 10.41 18.41 10.75 18 10.75C17.59 10.75 17.25 10.41 17.25 10V7.81L13.06 12L17.25 16.19V14C17.25 13.59 17.59 13.25 18 13.25C18.41 13.25 18.75 13.59 18.75 14V18C18.75 18.1 18.73 18.19 18.69 18.29C18.61 18.47 18.47 18.62 18.28 18.7C18.19 18.74 18.09 18.76 17.99 18.76H13.99C13.58 18.76 13.24 18.42 13.24 18.01C13.24 17.6 13.58 17.26 13.99 17.26H16.18L12 13.06L7.81 17.25H10C10.41 17.25 10.75 17.59 10.75 18C10.75 18.41 10.41 18.75 10 18.75H6C5.9 18.75 5.8 18.73 5.71 18.69C5.53 18.61 5.38 18.47 5.3 18.28C5.27 18.19 5.25 18.1 5.25 18V14C5.25 13.59 5.59 13.25 6 13.25C6.41 13.25 6.75 13.59 6.75 14V16.19L10.94 12L6.75 7.81V10C6.75 10.41 6.41 10.75 6 10.75C5.59 10.75 5.25 10.41 5.25 10V6C5.25 5.9 5.27 5.81 5.31 5.71C5.39 5.53 5.53 5.38 5.72 5.3C5.81 5.27 5.9 5.25 6 5.25H10C10.41 5.25 10.75 5.59 10.75 6C10.75 6.41 10.41 6.75 10 6.75H7.81L12 10.94L16.19 6.75H14C13.59 6.75 13.25 6.41 13.25 6C13.25 5.59 13.59 5.25 14 5.25H18C18.1 5.25 18.19 5.27 18.29 5.31C18.47 5.39 18.62 5.53 18.7 5.72C18.73 5.81 18.75 5.9 18.75 6V10Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/medal-star.svg b/public/images/icons/vuesax/bold/medal-star.svg
new file mode 100644
index 0000000..826daf9
--- /dev/null
+++ b/public/images/icons/vuesax/bold/medal-star.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="M21.25 18.4701L19.6 18.8601C19.23 18.9501 18.94 19.2301 18.86 19.6001L18.51 21.0701C18.32 21.8701 17.3 22.1201 16.77 21.4901L13.78 18.0501C13.54 17.7701 13.67 17.3301 14.03 17.2401C15.8 16.8101 17.39 15.8201 18.56 14.4101C18.75 14.1801 19.09 14.1501 19.3 14.3601L21.52 16.5801C22.28 17.3401 22.01 18.2901 21.25 18.4701Z" fill="#292D32"/>
+<path d="M2.70004 18.4701L4.35004 18.8601C4.72004 18.9501 5.01004 19.2301 5.09004 19.6001L5.44004 21.0701C5.63004 21.8701 6.65004 22.1201 7.18004 21.4901L10.17 18.0501C10.41 17.7701 10.28 17.3301 9.92004 17.2401C8.15004 16.8101 6.56004 15.8201 5.39004 14.4101C5.20004 14.1801 4.86004 14.1501 4.65004 14.3601L2.43004 16.5801C1.67004 17.3401 1.94004 18.2901 2.70004 18.4701Z" fill="#292D32"/>
+<path d="M12 2C8.13 2 5 5.13 5 9C5 10.45 5.43 11.78 6.17 12.89C7.25 14.49 8.96 15.62 10.95 15.91C11.29 15.97 11.64 16 12 16C12.36 16 12.71 15.97 13.05 15.91C15.04 15.62 16.75 14.49 17.83 12.89C18.57 11.78 19 10.45 19 9C19 5.13 15.87 2 12 2ZM15.06 8.78L14.23 9.61C14.09 9.75 14.01 10.02 14.06 10.22L14.3 11.25C14.49 12.06 14.06 12.38 13.34 11.95L12.34 11.36C12.16 11.25 11.86 11.25 11.68 11.36L10.68 11.95C9.96 12.37 9.53 12.06 9.72 11.25L9.96 10.22C10 10.03 9.93 9.75 9.79 9.61L8.94 8.78C8.45 8.29 8.61 7.8 9.29 7.69L10.36 7.51C10.54 7.48 10.75 7.32 10.83 7.16L11.42 5.98C11.74 5.34 12.26 5.34 12.58 5.98L13.17 7.16C13.25 7.32 13.46 7.48 13.65 7.51L14.72 7.69C15.39 7.8 15.55 8.29 15.06 8.78Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/medal.svg b/public/images/icons/vuesax/bold/medal.svg
new file mode 100644
index 0000000..a7bb700
--- /dev/null
+++ b/public/images/icons/vuesax/bold/medal.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 15C15.7279 15 18.75 12.0899 18.75 8.5C18.75 4.91015 15.7279 2 12 2C8.27208 2 5.25 4.91015 5.25 8.5C5.25 12.0899 8.27208 15 12 15Z" fill="#292D32"/>
+<path d="M15.79 15.6101C16.12 15.4401 16.5 15.6901 16.5 16.0601V20.9101C16.5 21.8101 15.87 22.2501 15.09 21.8801L12.41 20.6101C12.18 20.5101 11.82 20.5101 11.59 20.6101L8.91 21.8801C8.13 22.2401 7.5 21.8001 7.5 20.9001L7.52 16.0601C7.52 15.6901 7.91 15.4501 8.23 15.6101C9.36 16.1801 10.64 16.5001 12 16.5001C13.36 16.5001 14.65 16.1801 15.79 15.6101Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/menu-board.svg b/public/images/icons/vuesax/bold/menu-board.svg
new file mode 100644
index 0000000..01a82a5
--- /dev/null
+++ b/public/images/icons/vuesax/bold/menu-board.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="M20.9 9.85L21.49 19.74C21.51 20.01 21.38 20.19 21.31 20.27C21.23 20.36 21.06 20.5 20.78 20.5H18.05L20.21 9.85H20.9ZM22 6L21.99 6.02C22.01 6.26 21.99 6.51 21.93 6.76L14.56 20.29C14.32 21.3 13.42 22 12.38 22H20.78C22.07 22 23.09 20.91 22.99 19.62L22 6Z" fill="#292D32"/>
+<path d="M11.45 2.2399C11.55 1.8399 11.3 1.4299 10.9 1.3299C10.5 1.2399 10.09 1.4799 9.98999 1.8799L9.48999 3.9499H11.03L11.45 2.2399Z" fill="#292D32"/>
+<path d="M18.05 2.21005C18.14 1.80005 17.88 1.41005 17.47 1.32005C17.07 1.23005 16.67 1.49005 16.58 1.90005L16.13 3.97005H17.67L18.05 2.21005Z" fill="#292D32"/>
+<path d="M21.82 5.32994C21.49 4.52994 20.71 3.95994 19.75 3.95994H17.67L17.11 6.54994C17.03 6.89994 16.72 7.13994 16.38 7.13994C16.33 7.13994 16.27 7.13994 16.22 7.11994C15.82 7.02994 15.56 6.62994 15.64 6.22994L16.13 3.94994H11.03L10.4 6.54994C10.32 6.88994 10.01 7.11994 9.67 7.11994C9.61 7.11994 9.55 7.10994 9.49 7.09994C9.09 6.99994 8.84 6.59994 8.94 6.18994L9.48 3.93994H7.45C6.47 3.93994 5.6 4.57994 5.31 5.51994L1.1 19.0699C0.659999 20.5199 1.73 21.9999 3.24 21.9999H16.38C17.42 21.9999 18.32 21.2999 18.56 20.2899L21.93 6.75994C21.99 6.50994 22.01 6.25994 21.99 6.01994C21.97 5.77994 21.92 5.53994 21.82 5.32994ZM14.7 16.7499H6.7C6.29 16.7499 5.95 16.4099 5.95 15.9999C5.95 15.5899 6.29 15.2499 6.7 15.2499H14.7C15.11 15.2499 15.45 15.5899 15.45 15.9999C15.45 16.4099 15.11 16.7499 14.7 16.7499ZM15.7 12.7499H7.7C7.29 12.7499 6.95 12.4099 6.95 11.9999C6.95 11.5899 7.29 11.2499 7.7 11.2499H15.7C16.11 11.2499 16.45 11.5899 16.45 11.9999C16.45 12.4099 16.11 12.7499 15.7 12.7499Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/menu.svg b/public/images/icons/vuesax/bold/menu.svg
new file mode 100644
index 0000000..4a210cb
--- /dev/null
+++ b/public/images/icons/vuesax/bold/menu.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.54 8.81014C19.1747 8.81014 20.5 7.4849 20.5 5.85014C20.5 4.21537 19.1747 2.89014 17.54 2.89014C15.9052 2.89014 14.58 4.21537 14.58 5.85014C14.58 7.4849 15.9052 8.81014 17.54 8.81014Z" fill="#292D32"/>
+<path d="M6.46 8.81014C8.09476 8.81014 9.42 7.4849 9.42 5.85014C9.42 4.21537 8.09476 2.89014 6.46 2.89014C4.82524 2.89014 3.5 4.21537 3.5 5.85014C3.5 7.4849 4.82524 8.81014 6.46 8.81014Z" fill="#292D32"/>
+<path d="M17.54 21.1099C19.1747 21.1099 20.5 19.7847 20.5 18.1499C20.5 16.5152 19.1747 15.1899 17.54 15.1899C15.9052 15.1899 14.58 16.5152 14.58 18.1499C14.58 19.7847 15.9052 21.1099 17.54 21.1099Z" fill="#292D32"/>
+<path d="M6.46 21.1099C8.09476 21.1099 9.42 19.7847 9.42 18.1499C9.42 16.5152 8.09476 15.1899 6.46 15.1899C4.82524 15.1899 3.5 16.5152 3.5 18.1499C3.5 19.7847 4.82524 21.1099 6.46 21.1099Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/message-2.svg b/public/images/icons/vuesax/bold/message-2.svg
new file mode 100644
index 0000000..6ca8905
--- /dev/null
+++ b/public/images/icons/vuesax/bold/message-2.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 2.43018H7C4 2.43018 2 4.43018 2 7.43018V13.4302C2 16.4302 4 18.4302 7 18.4302H11L15.45 21.3902C16.11 21.8302 17 21.3602 17 20.5602V18.4302C20 18.4302 22 16.4302 22 13.4302V7.43018C22 4.43018 20 2.43018 17 2.43018ZM15.5 11.2502H8.5C8.09 11.2502 7.75 10.9102 7.75 10.5002C7.75 10.0902 8.09 9.75018 8.5 9.75018H15.5C15.91 9.75018 16.25 10.0902 16.25 10.5002C16.25 10.9102 15.91 11.2502 15.5 11.2502Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/message-add-1.svg b/public/images/icons/vuesax/bold/message-add-1.svg
new file mode 100644
index 0000000..619dcf7
--- /dev/null
+++ b/public/images/icons/vuesax/bold/message-add-1.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 2H8C4 2 2 4 2 8V21C2 21.55 2.45 22 3 22H16C20 22 22 20 22 16V8C22 4 20 2 16 2ZM15.5 12.75H12.75V15.5C12.75 15.91 12.41 16.25 12 16.25C11.59 16.25 11.25 15.91 11.25 15.5V12.75H8.5C8.09 12.75 7.75 12.41 7.75 12C7.75 11.59 8.09 11.25 8.5 11.25H11.25V8.5C11.25 8.09 11.59 7.75 12 7.75C12.41 7.75 12.75 8.09 12.75 8.5V11.25H15.5C15.91 11.25 16.25 11.59 16.25 12C16.25 12.41 15.91 12.75 15.5 12.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/message-add.svg b/public/images/icons/vuesax/bold/message-add.svg
new file mode 100644
index 0000000..889e794
--- /dev/null
+++ b/public/images/icons/vuesax/bold/message-add.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="M5.21 13.5098C4.12 13.4398 3 13.8398 2.17 14.6698C0.61 16.2298 0.61 18.7598 2.17 20.3298C2.7 20.8598 3.35 21.2098 4.04 21.3798C4.42 21.4798 4.82 21.5098 5.22 21.4898C6.17 21.4498 7.1 21.0698 7.83 20.3398C8.86 19.3098 9.21 17.8598 8.88 16.5498C8.72 15.8598 8.36 15.2098 7.83 14.6798C7.11 13.9498 6.17 13.5598 5.21 13.5098ZM7.24 17.4798C7.24 17.6898 7.16 17.8698 7.02 18.0098C6.88 18.1498 6.7 18.2298 6.49 18.2298H5.75V19.0098C5.75 19.2198 5.67 19.3998 5.53 19.5398C5.39 19.6798 5.21 19.7598 5 19.7598C4.59 19.7598 4.25 19.4198 4.25 19.0098V18.2298H3.5C3.09 18.2298 2.75 17.8898 2.75 17.4798C2.75 17.0698 3.09 16.7298 3.5 16.7298H4.25V16.0198C4.25 15.6098 4.59 15.2698 5 15.2698C5.41 15.2698 5.75 15.6098 5.75 16.0198V16.7298H6.49C6.91 16.7298 7.24 17.0698 7.24 17.4798Z" fill="#292D32"/>
+<path d="M17.25 2.43018H7.75C4.9 2.43018 3 4.33018 3 7.18018V11.6402C3 11.9902 3.36 12.2402 3.7 12.1502C4.12 12.0502 4.55 12.0002 5 12.0002C7.86 12.0002 10.22 14.3202 10.48 17.1302C10.5 17.4102 10.73 17.6302 11 17.6302H11.55L15.78 20.4502C16.4 20.8702 17.25 20.4102 17.25 19.6502V17.6302C18.67 17.6302 19.86 17.1502 20.69 16.3302C21.52 15.4902 22 14.3002 22 12.8802V7.18018C22 4.33018 20.1 2.43018 17.25 2.43018ZM15.83 10.8102H9.17C8.78 10.8102 8.46 10.4902 8.46 10.1002C8.46 9.70018 8.78 9.38018 9.17 9.38018H15.83C16.22 9.38018 16.54 9.70018 16.54 10.1002C16.54 10.4902 16.22 10.8102 15.83 10.8102Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/message-circle.svg b/public/images/icons/vuesax/bold/message-circle.svg
new file mode 100644
index 0000000..2b8b63c
--- /dev/null
+++ b/public/images/icons/vuesax/bold/message-circle.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 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM17.25 12.81C17.25 12.98 17.24 13.14 17.22 13.3C17.07 15.07 16.02 15.95 14.1 15.95H13.84C13.68 15.95 13.52 16.03 13.42 16.16L12.63 17.21C12.28 17.68 11.72 17.68 11.37 17.21L10.58 16.16C10.49 16.05 10.3 15.95 10.16 15.95H9.9C7.81 15.95 6.75 15.43 6.75 12.8V10.17C6.75 8.25 7.64 7.2 9.4 7.05C9.56 7.04 9.73 7.04 9.9 7.04H14.1C16.19 7.04 17.25 8.09 17.25 10.19V12.81Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/message-edit.svg b/public/images/icons/vuesax/bold/message-edit.svg
new file mode 100644
index 0000000..eef52c9
--- /dev/null
+++ b/public/images/icons/vuesax/bold/message-edit.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 2H8C4 2 2 4 2 8V21C2 21.55 2.45 22 3 22H16C20 22 22 20 22 16V8C22 4 20 2 16 2ZM11.11 16.66C10.86 16.91 10.4 17.14 10.06 17.19L7.98 17.48C7.9 17.49 7.82 17.5 7.75 17.5C7.4 17.5 7.08 17.38 6.85 17.15C6.57 16.87 6.45 16.46 6.52 16.02L6.81 13.94C6.86 13.6 7.09 13.13 7.34 12.89L11.11 9.12C11.17 9.3 11.25 9.48 11.34 9.68C11.43 9.86 11.52 10.04 11.62 10.21C11.7 10.35 11.79 10.49 11.87 10.59C11.97 10.74 12.07 10.87 12.14 10.94C12.18 11 12.22 11.04 12.23 11.06C12.45 11.31 12.68 11.55 12.9 11.73C12.96 11.79 13 11.82 13.01 11.83C13.14 11.93 13.26 12.04 13.38 12.11C13.51 12.21 13.65 12.3 13.79 12.38C13.96 12.48 14.14 12.58 14.33 12.67C14.52 12.76 14.7 12.83 14.88 12.89L11.11 16.66ZM16.55 11.23L15.77 12.01C15.72 12.06 15.65 12.09 15.58 12.09C15.56 12.09 15.52 12.09 15.5 12.08C13.78 11.59 12.41 10.22 11.92 8.5C11.89 8.41 11.92 8.31 11.99 8.24L12.78 7.45C14.07 6.16 15.29 6.19 16.55 7.45C17.19 8.09 17.51 8.71 17.5 9.35C17.5 9.98 17.19 10.59 16.55 11.23Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/message-favorite.svg b/public/images/icons/vuesax/bold/message-favorite.svg
new file mode 100644
index 0000000..8f61306
--- /dev/null
+++ b/public/images/icons/vuesax/bold/message-favorite.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="M20.97 1H18.03C16.76 1 16 1.76 16 3.03V5.97C16 7.24 16.76 8 18.03 8H20.97C22.24 8 23 7.24 23 5.97V3.03C23 1.76 22.24 1 20.97 1ZM21.61 4.68C21.24 5.86 19.95 6.5 19.5 6.5C19.05 6.5 17.77 5.88 17.39 4.68C17.33 4.5 17.3 4.3 17.3 4.11C17.3 3.46 17.63 2.79 18.32 2.57C18.73 2.44 19.17 2.51 19.48 2.77C19.8 2.52 20.24 2.44 20.66 2.57C21.58 2.86 21.87 3.89 21.61 4.68Z" fill="#292D32"/>
+<path d="M18.03 9.5C16.08 9.5 14.5 7.92 14.5 5.97V3C14.5 2.45 14.05 2 13.5 2H7C4.24 2 2 4.23 2 6.98V13.95C2 16.71 4.24 18.95 7 18.95H8.5C8.78 18.95 9.14 19.13 9.3 19.35L10.8 21.34C11.46 22.22 12.54 22.22 13.2 21.34L14.7 19.35C14.89 19.1 15.19 18.95 15.5 18.95H17.01C19.77 18.95 22 16.72 22 13.96V10.5C22 9.95 21.55 9.5 21 9.5H18.03ZM8 12C7.44 12 7 11.55 7 11C7 10.45 7.44 10 8 10C8.55 10 9 10.45 9 11C9 11.55 8.56 12 8 12ZM12 12C11.44 12 11 11.55 11 11C11 10.45 11.44 10 12 10C12.55 10 13 10.45 13 11C13 11.55 12.56 12 12 12Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/message-minus.svg b/public/images/icons/vuesax/bold/message-minus.svg
new file mode 100644
index 0000000..b9ef044
--- /dev/null
+++ b/public/images/icons/vuesax/bold/message-minus.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 2H8C4 2 2 4 2 8V21C2 21.55 2.45 22 3 22H16C20 22 22 20 22 16V8C22 4 20 2 16 2ZM15.5 12.75H8.5C8.09 12.75 7.75 12.41 7.75 12C7.75 11.59 8.09 11.25 8.5 11.25H15.5C15.91 11.25 16.25 11.59 16.25 12C16.25 12.41 15.91 12.75 15.5 12.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/message-notif.svg b/public/images/icons/vuesax/bold/message-notif.svg
new file mode 100644
index 0000000..fa49fc5
--- /dev/null
+++ b/public/images/icons/vuesax/bold/message-notif.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="M20 6.75C21.5188 6.75 22.75 5.51878 22.75 4C22.75 2.48122 21.5188 1.25 20 1.25C18.4812 1.25 17.25 2.48122 17.25 4C17.25 5.51878 18.4812 6.75 20 6.75Z" fill="#292D32"/>
+<path d="M19.04 8.15C17.47 7.81 16.19 6.53 15.85 4.96C15.72 4.35 15.71 3.76 15.82 3.2C15.95 2.58 15.49 2 14.85 2H7C4.24 2 2 4.24 2 7V13.95C2 16.71 4.24 18.95 7 18.95H8.5C8.78 18.95 9.14 19.13 9.3 19.35L10.8 21.34C11.46 22.22 12.54 22.22 13.2 21.34L14.7 19.35C14.89 19.1 15.18 18.95 15.5 18.95H17.01C19.77 18.95 22 16.72 22 13.96V9.15C22 8.52 21.42 8.06 20.8 8.18C20.24 8.28 19.65 8.28 19.04 8.15ZM8 12C7.44 12 7 11.55 7 11C7 10.45 7.44 10 8 10C8.55 10 9 10.45 9 11C9 11.55 8.56 12 8 12ZM12 12C11.44 12 11 11.55 11 11C11 10.45 11.44 10 12 10C12.55 10 13 10.45 13 11C13 11.55 12.56 12 12 12ZM16 12C15.44 12 15 11.55 15 11C15 10.45 15.44 10 16 10C16.55 10 17 10.45 17 11C17 11.55 16.56 12 16 12Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/message-programming.svg b/public/images/icons/vuesax/bold/message-programming.svg
new file mode 100644
index 0000000..c35295b
--- /dev/null
+++ b/public/images/icons/vuesax/bold/message-programming.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 1.97021H8C4 1.97021 2 3.97021 2 7.97021V12.9702C2 17.9702 4 18.9702 8 18.9702H8.5C8.78 18.9702 9.14 19.1502 9.3 19.3702L10.8 21.3702C11.46 22.2502 12.54 22.2502 13.2 21.3702L14.7 19.3702C14.89 19.1202 15.19 18.9702 15.5 18.9702H16C20 18.9702 22 16.9702 22 12.9702V7.97021C22 3.97021 20 1.97021 16 1.97021ZM8.53 12.1702C8.82 12.4602 8.82 12.9402 8.53 13.2302C8.38 13.3802 8.19 13.4502 8 13.4502C7.81 13.4502 7.62 13.3802 7.47 13.2302L5.47 11.2302C5.18 10.9402 5.18 10.4602 5.47 10.1702L7.47 8.17021C7.76 7.88021 8.24 7.88021 8.53 8.17021C8.82 8.46021 8.82 8.94021 8.53 9.23021L7.06 10.7002L8.53 12.1702ZM13.69 8.66021L11.69 13.3302C11.57 13.6102 11.29 13.7802 11 13.7802C10.9 13.7802 10.8 13.7602 10.7 13.7202C10.32 13.5602 10.14 13.1202 10.31 12.7302L12.31 8.06021C12.47 7.68021 12.91 7.50021 13.3 7.67021C13.68 7.84021 13.85 8.28021 13.69 8.66021ZM18.53 11.2302L16.53 13.2302C16.38 13.3802 16.19 13.4502 16 13.4502C15.81 13.4502 15.62 13.3802 15.47 13.2302C15.18 12.9402 15.18 12.4602 15.47 12.1702L16.94 10.7002L15.47 9.23021C15.18 8.94021 15.18 8.46021 15.47 8.17021C15.76 7.88021 16.24 7.88021 16.53 8.17021L18.53 10.1702C18.82 10.4602 18.82 10.9402 18.53 11.2302Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/message-question.svg b/public/images/icons/vuesax/bold/message-question.svg
new file mode 100644
index 0000000..46d057a
--- /dev/null
+++ b/public/images/icons/vuesax/bold/message-question.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 2.43018H7C4 2.43018 2 4.43018 2 7.43018V13.4302C2 16.4302 4 18.4302 7 18.4302V20.5602C7 21.3602 7.89 21.8402 8.55 21.3902L13 18.4302H17C20 18.4302 22 16.4302 22 13.4302V7.43018C22 4.43018 20 2.43018 17 2.43018ZM12 14.6002C11.58 14.6002 11.25 14.2602 11.25 13.8502C11.25 13.4402 11.58 13.1002 12 13.1002C12.42 13.1002 12.75 13.4402 12.75 13.8502C12.75 14.2602 12.42 14.6002 12 14.6002ZM13.26 10.4502C12.87 10.7102 12.75 10.8802 12.75 11.1602V11.3702C12.75 11.7802 12.41 12.1202 12 12.1202C11.59 12.1202 11.25 11.7802 11.25 11.3702V11.1602C11.25 10.0002 12.1 9.43018 12.42 9.21018C12.79 8.96018 12.91 8.79018 12.91 8.53018C12.91 8.03018 12.5 7.62018 12 7.62018C11.5 7.62018 11.09 8.03018 11.09 8.53018C11.09 8.94018 10.75 9.28018 10.34 9.28018C9.93 9.28018 9.59 8.94018 9.59 8.53018C9.59 7.20018 10.67 6.12018 12 6.12018C13.33 6.12018 14.41 7.20018 14.41 8.53018C14.41 9.67018 13.57 10.2402 13.26 10.4502Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/message-remove.svg b/public/images/icons/vuesax/bold/message-remove.svg
new file mode 100644
index 0000000..2c2d6dc
--- /dev/null
+++ b/public/images/icons/vuesax/bold/message-remove.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.97 14.83C7.25 14.01 6.18 13.5 5 13.5C2.79 13.5 1 15.29 1 17.5C1 18.25 1.21 18.96 1.58 19.56C1.78 19.9 2.04 20.21 2.34 20.47C3.04 21.11 3.97 21.5 5 21.5C6.46 21.5 7.73 20.72 8.42 19.56C8.79 18.96 9 18.25 9 17.5C9 16.48 8.61 15.54 7.97 14.83ZM6.6 19.08C6.45 19.23 6.26 19.3 6.07 19.3C5.88 19.3 5.69 19.23 5.54 19.08L5.01 18.55L4.46 19.1C4.31 19.25 4.12 19.32 3.93 19.32C3.74 19.32 3.55 19.25 3.4 19.1C3.11 18.81 3.11 18.33 3.4 18.04L3.95 17.49L3.42 16.96C3.13 16.67 3.13 16.19 3.42 15.9C3.71 15.61 4.19 15.61 4.48 15.9L5.01 16.43L5.51 15.93C5.8 15.64 6.28 15.64 6.57 15.93C6.86 16.22 6.86 16.7 6.57 16.99L6.07 17.49L6.6 18.02C6.89 18.31 6.89 18.78 6.6 19.08Z" fill="#292D32"/>
+<path d="M17.25 2.43018H7.75C4.9 2.43018 3 4.33018 3 7.18018V11.6402C3 11.9902 3.36 12.2402 3.7 12.1502C4.12 12.0502 4.55 12.0002 5 12.0002C7.86 12.0002 10.22 14.3202 10.48 17.1302C10.5 17.4102 10.73 17.6302 11 17.6302H11.55L15.78 20.4502C16.4 20.8702 17.25 20.4102 17.25 19.6502V17.6302C18.67 17.6302 19.86 17.1502 20.69 16.3302C21.52 15.4902 22 14.3002 22 12.8802V7.18018C22 4.33018 20.1 2.43018 17.25 2.43018ZM15.83 10.8102H9.17C8.78 10.8102 8.46 10.4902 8.46 10.1002C8.46 9.70018 8.78 9.38018 9.17 9.38018H15.83C16.22 9.38018 16.54 9.70018 16.54 10.1002C16.54 10.4902 16.22 10.8102 15.83 10.8102Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/message-search.svg b/public/images/icons/vuesax/bold/message-search.svg
new file mode 100644
index 0000000..0c23a21
--- /dev/null
+++ b/public/images/icons/vuesax/bold/message-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 d="M17 2H7C4.24 2 2 4.23 2 6.98V12.96V13.96C2 16.71 4.24 18.94 7 18.94H8.5C8.77 18.94 9.13 19.12 9.3 19.34L10.8 21.33C11.46 22.21 12.54 22.21 13.2 21.33L14.7 19.34C14.89 19.09 15.19 18.94 15.5 18.94H17C19.76 18.94 22 16.71 22 13.96V6.98C22 4.23 19.76 2 17 2ZM15.66 14.53C15.51 14.68 15.32 14.75 15.13 14.75C14.94 14.75 14.75 14.68 14.6 14.53L13.86 13.79C13.28 14.17 12.58 14.4 11.83 14.4C9.79 14.4 8.13 12.74 8.13 10.7C8.13 8.66 9.78 7 11.83 7C13.88 7 15.53 8.66 15.53 10.7C15.53 11.45 15.3 12.15 14.92 12.73L15.66 13.47C15.95 13.76 15.95 14.24 15.66 14.53Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/message-square.svg b/public/images/icons/vuesax/bold/message-square.svg
new file mode 100644
index 0000000..81e415b
--- /dev/null
+++ b/public/images/icons/vuesax/bold/message-square.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM18.28 12.91C18.28 13.11 18.27 13.31 18.25 13.5C18.07 15.62 16.82 16.68 14.52 16.68H14.2C14 16.68 13.81 16.77 13.7 16.93L12.76 18.19C12.34 18.75 11.67 18.75 11.25 18.19L10.31 16.93C10.21 16.8 9.98 16.68 9.81 16.68H9.49C6.98 16.68 5.73 16.06 5.73 12.92V9.76C5.73 7.46 6.79 6.21 8.91 6.03C9.08 6.01 9.28 6 9.49 6H14.52C17.03 6 18.28 7.26 18.28 9.76V12.91Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/message-text-1.svg b/public/images/icons/vuesax/bold/message-text-1.svg
new file mode 100644
index 0000000..7784df1
--- /dev/null
+++ b/public/images/icons/vuesax/bold/message-text-1.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 2H7C4.24 2 2 4.23 2 6.98V12.96V13.96C2 16.71 4.24 18.94 7 18.94H8.5C8.77 18.94 9.13 19.12 9.3 19.34L10.8 21.33C11.46 22.21 12.54 22.21 13.2 21.33L14.7 19.34C14.89 19.09 15.19 18.94 15.5 18.94H17C19.76 18.94 22 16.71 22 13.96V6.98C22 4.23 19.76 2 17 2ZM13 13.75H7C6.59 13.75 6.25 13.41 6.25 13C6.25 12.59 6.59 12.25 7 12.25H13C13.41 12.25 13.75 12.59 13.75 13C13.75 13.41 13.41 13.75 13 13.75ZM17 8.75H7C6.59 8.75 6.25 8.41 6.25 8C6.25 7.59 6.59 7.25 7 7.25H17C17.41 7.25 17.75 7.59 17.75 8C17.75 8.41 17.41 8.75 17 8.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/message-text.svg b/public/images/icons/vuesax/bold/message-text.svg
new file mode 100644
index 0000000..dab47be
--- /dev/null
+++ b/public/images/icons/vuesax/bold/message-text.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 2H8C4 2 2 4 2 8V21C2 21.55 2.45 22 3 22H16C20 22 22 20 22 16V8C22 4 20 2 16 2ZM14 15.25H7C6.59 15.25 6.25 14.91 6.25 14.5C6.25 14.09 6.59 13.75 7 13.75H14C14.41 13.75 14.75 14.09 14.75 14.5C14.75 14.91 14.41 15.25 14 15.25ZM17 10.25H7C6.59 10.25 6.25 9.91 6.25 9.5C6.25 9.09 6.59 8.75 7 8.75H17C17.41 8.75 17.75 9.09 17.75 9.5C17.75 9.91 17.41 10.25 17 10.25Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/message-tick.svg b/public/images/icons/vuesax/bold/message-tick.svg
new file mode 100644
index 0000000..5523b58
--- /dev/null
+++ b/public/images/icons/vuesax/bold/message-tick.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="M5 13.5C2.79 13.5 1 15.29 1 17.5C1 18.25 1.21 18.96 1.58 19.56C2.27 20.72 3.54 21.5 5 21.5C6.46 21.5 7.73 20.72 8.42 19.56C8.79 18.96 9 18.25 9 17.5C9 15.29 7.21 13.5 5 13.5ZM6.97 17.17L4.84 19.14C4.7 19.27 4.51 19.34 4.33 19.34C4.14 19.34 3.95 19.27 3.8 19.12L2.81 18.13C2.52 17.84 2.52 17.36 2.81 17.07C3.1 16.78 3.58 16.78 3.87 17.07L4.35 17.55L5.95 16.07C6.25 15.79 6.73 15.81 7.01 16.11C7.29 16.41 7.27 16.89 6.97 17.17Z" fill="#292D32"/>
+<path d="M17.25 2.43018H7.75C4.9 2.43018 3 4.33018 3 7.18018V11.6402C3 11.9902 3.36 12.2402 3.7 12.1502C4.12 12.0502 4.55 12.0002 5 12.0002C7.86 12.0002 10.22 14.3202 10.48 17.1302C10.5 17.4102 10.73 17.6302 11 17.6302H11.55L15.78 20.4502C16.4 20.8702 17.25 20.4102 17.25 19.6502V17.6302C18.67 17.6302 19.86 17.1502 20.69 16.3302C21.52 15.4902 22 14.3002 22 12.8802V7.18018C22 4.33018 20.1 2.43018 17.25 2.43018ZM15.83 10.8102H9.17C8.78 10.8102 8.46 10.4902 8.46 10.1002C8.46 9.70018 8.78 9.38018 9.17 9.38018H15.83C16.22 9.38018 16.54 9.70018 16.54 10.1002C16.54 10.4902 16.22 10.8102 15.83 10.8102Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/message-time.svg b/public/images/icons/vuesax/bold/message-time.svg
new file mode 100644
index 0000000..bf2dfe1
--- /dev/null
+++ b/public/images/icons/vuesax/bold/message-time.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="M5 13.5C4.06 13.5 3.19 13.83 2.5 14.38C1.58 15.11 1 16.24 1 17.5C1 19.71 2.79 21.5 5 21.5C6.01 21.5 6.93 21.12 7.64 20.5C8.47 19.77 9 18.7 9 17.5C9 15.29 7.21 13.5 5 13.5ZM6 17.75C6 18.01 5.86 18.26 5.64 18.39L4.39 19.14C4.27 19.22 4.13 19.25 4 19.25C3.75 19.25 3.5 19.12 3.36 18.89C3.15 18.53 3.26 18.07 3.62 17.86L4.51 17.33V16.25C4.51 15.84 4.85 15.5 5.26 15.5C5.67 15.5 6 15.84 6 16.25V17.75Z" fill="#292D32"/>
+<path d="M17.25 2.43018H7.75C4.9 2.43018 3 4.33018 3 7.18018V11.6402C3 11.9902 3.36 12.2402 3.7 12.1502C4.12 12.0502 4.55 12.0002 5 12.0002C7.86 12.0002 10.22 14.3202 10.48 17.1302C10.5 17.4102 10.73 17.6302 11 17.6302H11.55L15.78 20.4502C16.4 20.8702 17.25 20.4102 17.25 19.6502V17.6302C18.67 17.6302 19.86 17.1502 20.69 16.3302C21.52 15.4902 22 14.3002 22 12.8802V7.18018C22 4.33018 20.1 2.43018 17.25 2.43018ZM15.83 10.8102H9.17C8.78 10.8102 8.46 10.4902 8.46 10.1002C8.46 9.70018 8.78 9.38018 9.17 9.38018H15.83C16.22 9.38018 16.54 9.70018 16.54 10.1002C16.54 10.4902 16.22 10.8102 15.83 10.8102Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/message.svg b/public/images/icons/vuesax/bold/message.svg
new file mode 100644
index 0000000..109da6a
--- /dev/null
+++ b/public/images/icons/vuesax/bold/message.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 2H7C4.24 2 2 4.23 2 6.98V12.96V13.96C2 16.71 4.24 18.94 7 18.94H8.5C8.77 18.94 9.13 19.12 9.3 19.34L10.8 21.33C11.46 22.21 12.54 22.21 13.2 21.33L14.7 19.34C14.89 19.09 15.19 18.94 15.5 18.94H17C19.76 18.94 22 16.71 22 13.96V6.98C22 4.23 19.76 2 17 2ZM8 12C7.44 12 7 11.55 7 11C7 10.45 7.45 10 8 10C8.55 10 9 10.45 9 11C9 11.55 8.56 12 8 12ZM12 12C11.44 12 11 11.55 11 11C11 10.45 11.45 10 12 10C12.55 10 13 10.45 13 11C13 11.55 12.56 12 12 12ZM16 12C15.44 12 15 11.55 15 11C15 10.45 15.45 10 16 10C16.55 10 17 10.45 17 11C17 11.55 16.56 12 16 12Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/messages-1.svg b/public/images/icons/vuesax/bold/messages-1.svg
new file mode 100644
index 0000000..f9d9a99
--- /dev/null
+++ b/public/images/icons/vuesax/bold/messages-1.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="M13.19 6H6.79C6.53 6 6.28 6.01 6.04 6.04C3.35 6.27 2 7.86 2 10.79V14.79C2 18.79 3.6 19.58 6.79 19.58H7.19C7.41 19.58 7.7 19.73 7.83 19.9L9.03 21.5C9.56 22.21 10.42 22.21 10.95 21.5L12.15 19.9C12.3 19.7 12.54 19.58 12.79 19.58H13.19C16.12 19.58 17.71 18.24 17.94 15.54C17.97 15.3 17.98 15.05 17.98 14.79V10.79C17.98 7.6 16.38 6 13.19 6ZM6.5 14C5.94 14 5.5 13.55 5.5 13C5.5 12.45 5.95 12 6.5 12C7.05 12 7.5 12.45 7.5 13C7.5 13.55 7.05 14 6.5 14ZM9.99 14C9.43 14 8.99 13.55 8.99 13C8.99 12.45 9.44 12 9.99 12C10.54 12 10.99 12.45 10.99 13C10.99 13.55 10.55 14 9.99 14ZM13.49 14C12.93 14 12.49 13.55 12.49 13C12.49 12.45 12.94 12 13.49 12C14.04 12 14.49 12.45 14.49 13C14.49 13.55 14.04 14 13.49 14Z" fill="#292D32"/>
+<path d="M21.98 6.79V10.79C21.98 12.79 21.36 14.15 20.12 14.9C19.82 15.08 19.47 14.84 19.47 14.49L19.48 10.79C19.48 6.79 17.19 4.5 13.19 4.5L7.1 4.51C6.75 4.51 6.51 4.16 6.69 3.86C7.44 2.62 8.8 2 10.79 2H17.19C20.38 2 21.98 3.6 21.98 6.79Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/messages-2.svg b/public/images/icons/vuesax/bold/messages-2.svg
new file mode 100644
index 0000000..c6ea9fe
--- /dev/null
+++ b/public/images/icons/vuesax/bold/messages-2.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="M18.47 16.83L18.86 19.99C18.96 20.82 18.07 21.4 17.36 20.97L13.9 18.91C13.66 18.77 13.6 18.47 13.73 18.23C14.23 17.31 14.5 16.27 14.5 15.23C14.5 11.57 11.36 8.59 7.50002 8.59C6.71002 8.59 5.94002 8.71 5.22002 8.95C4.85002 9.07 4.49002 8.73 4.58002 8.35C5.49002 4.71 8.99002 2 13.17 2C18.05 2 22 5.69 22 10.24C22 12.94 20.61 15.33 18.47 16.83Z" fill="#292D32"/>
+<path d="M13 15.2298C13 16.4198 12.56 17.5198 11.82 18.3898C10.83 19.5898 9.26 20.3598 7.5 20.3598L4.89 21.9098C4.45 22.1798 3.89 21.8098 3.95 21.2998L4.2 19.3298C2.86 18.3998 2 16.9098 2 15.2298C2 13.4698 2.94 11.9198 4.38 10.9998C5.27 10.4198 6.34 10.0898 7.5 10.0898C10.54 10.0898 13 12.3898 13 15.2298Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/messages-3.svg b/public/images/icons/vuesax/bold/messages-3.svg
new file mode 100644
index 0000000..9f1b3ec
--- /dev/null
+++ b/public/images/icons/vuesax/bold/messages-3.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="M15.59 12.4V16.47C15.59 16.83 15.55 17.17 15.46 17.48C15.09 18.95 13.87 19.87 12.19 19.87H9.47L6.45 21.88C6 22.19 5.4 21.86 5.4 21.32V19.87C4.38 19.87 3.53 19.53 2.94 18.94C2.34 18.34 2 17.49 2 16.47V12.4C2 10.5 3.18 9.19 5 9.02C5.13 9.01 5.26 9 5.4 9H12.19C14.23 9 15.59 10.36 15.59 12.4Z" fill="#292D32"/>
+<path d="M17.75 15.6C19.02 15.6 20.09 15.18 20.83 14.43C21.58 13.69 22 12.62 22 11.35V6.25C22 3.9 20.1 2 17.75 2H9.25C6.9 2 5 3.9 5 6.25V7C5 7.28 5.22 7.5 5.5 7.5H12.19C14.9 7.5 17.09 9.69 17.09 12.4V15.1C17.09 15.38 17.31 15.6 17.59 15.6H17.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/messages.svg b/public/images/icons/vuesax/bold/messages.svg
new file mode 100644
index 0000000..ba5bcaf
--- /dev/null
+++ b/public/images/icons/vuesax/bold/messages.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="M22 12.86C22 15.15 20.82 17.18 19 18.46L17.66 21.41C17.35 22.08 16.45 22.21 15.98 21.64L14.5 19.86C12.64 19.86 10.93 19.23 9.63 18.18L10.23 17.47C14.85 17.12 18.5 13.46 18.5 9.00002C18.5 8.24002 18.39 7.49002 18.19 6.77002C20.46 7.97002 22 10.25 22 12.86Z" fill="#292D32"/>
+<path d="M16.3 6.07C15.13 3.67 12.52 2 9.5 2C5.36 2 2 5.13 2 9C2 11.29 3.18 13.32 5 14.6L6.34 17.55C6.65 18.22 7.55 18.34 8.02 17.78L8.57 17.12L9.5 16C13.64 16 17 12.87 17 9C17 7.95 16.75 6.96 16.3 6.07ZM12 9.75H7C6.59 9.75 6.25 9.41 6.25 9C6.25 8.59 6.59 8.25 7 8.25H12C12.41 8.25 12.75 8.59 12.75 9C12.75 9.41 12.41 9.75 12 9.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/messenger.svg b/public/images/icons/vuesax/bold/messenger.svg
new file mode 100644
index 0000000..d927607
--- /dev/null
+++ b/public/images/icons/vuesax/bold/messenger.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 2C6.48 2 2 6.15001 2 11.26C2 14.16 3.43999 16.74 5.67999 18.44V20.29C5.67999 21.06 6.49998 21.54 7.16998 21.16L9.03003 20.11C9.97003 20.38 10.96 20.52 11.99 20.52C17.51 20.52 21.99 16.37 21.99 11.26C22 6.15001 17.52 2 12 2ZM15.51 10.44L13.01 13.43C12.85 13.62 12.59 13.66 12.38 13.54L11.37 12.95C11.26 12.89 11.13 12.87 11 12.9L8.98999 13.39C8.51999 13.5 8.17999 12.95 8.48999 12.58L11.03 9.56C11.18 9.38 11.44 9.33 11.65 9.44L12.83 10.06C12.94 10.12 13.07 10.13 13.19 10.1L15.01 9.63C15.47 9.51 15.82 10.07 15.51 10.44Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/microphone-2.svg b/public/images/icons/vuesax/bold/microphone-2.svg
new file mode 100644
index 0000000..865d1ef
--- /dev/null
+++ b/public/images/icons/vuesax/bold/microphone-2.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="M19.1199 9.11986C18.7299 9.11986 18.4199 9.42986 18.4199 9.81986V11.3999C18.4199 14.9399 15.5399 17.8199 11.9999 17.8199C8.45993 17.8199 5.57993 14.9399 5.57993 11.3999V9.80986C5.57993 9.41986 5.26993 9.10986 4.87993 9.10986C4.48993 9.10986 4.17993 9.41986 4.17993 9.80986V11.3899C4.17993 15.4599 7.30993 18.8099 11.2999 19.1699V21.2999C11.2999 21.6899 11.6099 21.9999 11.9999 21.9999C12.3899 21.9999 12.6999 21.6899 12.6999 21.2999V19.1699C16.6799 18.8199 19.8199 15.4599 19.8199 11.3899V9.80986C19.8099 9.42986 19.4999 9.11986 19.1199 9.11986Z" fill="#292D32"/>
+<path d="M12.0001 2C9.56008 2 7.58008 3.98 7.58008 6.42V11.54C7.58008 13.98 9.56008 15.96 12.0001 15.96C14.4401 15.96 16.4201 13.98 16.4201 11.54V6.42C16.4201 3.98 14.4401 2 12.0001 2ZM13.3101 8.95C13.2401 9.21 13.0101 9.38 12.7501 9.38C12.7001 9.38 12.6501 9.37 12.6001 9.36C12.2101 9.25 11.8001 9.25 11.4101 9.36C11.0901 9.45 10.7801 9.26 10.7001 8.95C10.6101 8.64 10.8001 8.32 11.1101 8.24C11.7001 8.08 12.3201 8.08 12.9101 8.24C13.2101 8.32 13.3901 8.64 13.3101 8.95ZM13.8401 7.01C13.7501 7.25 13.5301 7.39 13.2901 7.39C13.2201 7.39 13.1601 7.38 13.0901 7.36C12.3901 7.1 11.6101 7.1 10.9101 7.36C10.6101 7.47 10.2701 7.31 10.1601 7.01C10.0501 6.71 10.2101 6.37 10.5101 6.27C11.4701 5.92 12.5301 5.92 13.4901 6.27C13.7901 6.38 13.9501 6.71 13.8401 7.01Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/microphone-slash-1.svg b/public/images/icons/vuesax/bold/microphone-slash-1.svg
new file mode 100644
index 0000000..525f86d
--- /dev/null
+++ b/public/images/icons/vuesax/bold/microphone-slash-1.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.6199 5.72L7.00988 16.33C6.27988 15.34 5.87988 14.13 5.87988 12.82V8.11C5.87988 6.27 6.69988 4.62 7.99988 3.5V7.64C7.99988 8.03 8.31988 8.35 8.69988 8.35C9.08988 8.35 9.40988 8.03 9.40988 7.64V2.57C9.86988 2.34 10.3599 2.18 10.8699 2.09V5.75C10.8699 6.15 11.1899 6.46 11.5799 6.46C11.9699 6.46 12.2899 6.15 12.2899 5.75V2C14.6799 2.11 16.7399 3.61 17.6199 5.72Z" fill="#292D32"/>
+<path d="M18.1199 8.87988V12.8199C18.1199 16.1899 15.3699 18.9399 11.9999 18.9399C11.8199 18.9399 11.6399 18.9299 11.4599 18.9099C11.3799 18.9099 11.2999 18.8999 11.2299 18.8899C11.0999 18.8699 10.9699 18.8499 10.8499 18.8299C10.7999 18.8299 10.7599 18.8099 10.6999 18.7999C10.5599 18.7699 10.4199 18.7299 10.2899 18.6899C10.0699 18.6299 9.85991 18.5499 9.65991 18.4699C9.52991 18.4199 9.40991 18.3699 9.28991 18.2999C9.25991 18.2899 9.23991 18.2699 9.20991 18.2599C9.10991 18.2099 9.00991 18.1599 8.90991 18.0899L18.1199 8.87988Z" fill="#292D32"/>
+<path d="M21.7499 11V13C21.7499 18.38 17.3799 22.75 11.9999 22.75C9.87993 22.75 7.84993 22.07 6.17993 20.82L7.25993 19.74C8.63993 20.72 10.2799 21.25 11.9999 21.25C16.5499 21.25 20.2499 17.55 20.2499 13V11C20.2499 10.59 20.5899 10.25 20.9999 10.25C21.4099 10.25 21.7499 10.59 21.7499 11Z" fill="#292D32"/>
+<path d="M21.7699 2.22988C21.4699 1.92988 20.9799 1.92988 20.6799 2.22988L2.22988 20.6899C1.92988 20.9899 1.92988 21.4799 2.22988 21.7799C2.37988 21.9199 2.56988 21.9999 2.76988 21.9999C2.96988 21.9999 3.15988 21.9199 3.30988 21.7699L21.7699 3.30988C22.0799 3.00988 22.0799 2.52988 21.7699 2.22988Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/microphone-slash.svg b/public/images/icons/vuesax/bold/microphone-slash.svg
new file mode 100644
index 0000000..84c5417
--- /dev/null
+++ b/public/images/icons/vuesax/bold/microphone-slash.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="M16.42 6.42014V7.58014L9.13996 14.8601C8.17996 13.9901 7.57996 12.7101 7.57996 11.3401V6.42014C7.57996 4.36014 8.97996 2.65014 10.88 2.16014C11.07 2.11014 11.25 2.27014 11.25 2.46014V4.00014C11.25 4.41014 11.59 4.75014 12 4.75014C12.41 4.75014 12.75 4.41014 12.75 4.00014V2.46014C12.75 2.27014 12.93 2.11014 13.12 2.16014C15.02 2.65014 16.42 4.36014 16.42 6.42014Z" fill="#292D32"/>
+<path d="M19.81 9.81012V11.4001C19.81 15.4701 16.68 18.8201 12.7 19.1701V21.3001C12.7 21.6901 12.39 22.0001 12 22.0001C11.61 22.0001 11.3 21.6901 11.3 21.3001V19.1701C10.21 19.0701 9.18001 18.7501 8.26001 18.2401L9.29001 17.2101C10.11 17.5901 11.03 17.8101 12 17.8101C15.54 17.8101 18.42 14.9301 18.42 11.4001V9.81012C18.42 9.43012 18.73 9.12012 19.12 9.12012C19.5 9.12012 19.81 9.43012 19.81 9.81012Z" fill="#292D32"/>
+<path d="M16.42 10.0801V11.5301C16.42 14.1101 14.2 16.1801 11.56 15.9301C11.28 15.9001 11 15.8501 10.74 15.7601L16.42 10.0801Z" fill="#292D32"/>
+<path d="M21.77 2.22988C21.47 1.92988 20.98 1.92988 20.68 2.22988L7.23 15.6799C6.2 14.5499 5.57999 13.0499 5.57999 11.3999V9.80988C5.57999 9.42988 5.27 9.11988 4.88 9.11988C4.5 9.11988 4.19 9.42988 4.19 9.80988V11.3999C4.19 13.4299 4.97 15.2799 6.24 16.6699L2.22 20.6899C1.92 20.9899 1.92 21.4799 2.22 21.7799C2.38 21.9199 2.57 21.9999 2.77 21.9999C2.97 21.9999 3.16 21.9199 3.31 21.7699L21.77 3.30988C22.08 3.00988 22.08 2.52988 21.77 2.22988Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/microphone.svg b/public/images/icons/vuesax/bold/microphone.svg
new file mode 100644
index 0000000..a9d305a
--- /dev/null
+++ b/public/images/icons/vuesax/bold/microphone.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.0001 21.9302C6.9601 21.9302 2.8501 17.8302 2.8501 12.7802V10.9002C2.8501 10.5102 3.1701 10.2002 3.5501 10.2002C3.9301 10.2002 4.2501 10.5202 4.2501 10.9002V12.7802C4.2501 17.0502 7.7201 20.5202 11.9901 20.5202C16.2601 20.5202 19.7301 17.0502 19.7301 12.7802V10.9002C19.7301 10.5102 20.0501 10.2002 20.4301 10.2002C20.8101 10.2002 21.1301 10.5202 21.1301 10.9002V12.7802C21.1501 17.8302 17.0401 21.9302 12.0001 21.9302Z" fill="#292D32"/>
+<path d="M11.9999 2C8.6399 2 5.8999 4.74 5.8999 8.1V12.79C5.8999 16.15 8.6399 18.89 11.9999 18.89C15.3599 18.89 18.0999 16.15 18.0999 12.79V8.1C18.0999 4.74 15.3599 2 11.9999 2ZM14.1799 10.59C14.1099 10.86 13.8599 11.04 13.5899 11.04C13.5399 11.04 13.4799 11.03 13.4299 11.02C12.4099 10.74 11.3299 10.74 10.3099 11.02C9.9799 11.11 9.6499 10.92 9.5599 10.59C9.4699 10.27 9.6599 9.93 9.9899 9.84C11.2199 9.5 12.5199 9.5 13.7499 9.84C14.0799 9.93 14.2699 10.26 14.1799 10.59ZM15.0299 7.82C14.9399 8.07 14.7099 8.22 14.4599 8.22C14.3899 8.22 14.3199 8.21 14.2499 8.18C12.7199 7.62 11.0399 7.62 9.5099 8.18C9.1899 8.3 8.8399 8.14 8.7199 7.82C8.6099 7.51 8.7699 7.16 9.0899 7.04C10.8899 6.39 12.8699 6.39 14.6599 7.04C14.9799 7.16 15.1399 7.51 15.0299 7.82Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/microscope.svg b/public/images/icons/vuesax/bold/microscope.svg
new file mode 100644
index 0000000..f439f90
--- /dev/null
+++ b/public/images/icons/vuesax/bold/microscope.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="M14.84 10.9001L20.5 7.11008C21.07 6.73008 21.22 5.95008 20.84 5.39008L19.02 2.68008C18.64 2.11008 17.86 1.96008 17.3 2.34008L11.64 6.13008L14.84 10.9001Z" fill="#292D32"/>
+<path d="M14.5201 10.4201L12.7601 11.6001L10.0901 13.3901L9.74005 13.6201L9.58005 13.3801L7.34005 10.0401L7.18005 9.8001L11.9601 6.6001L14.5201 10.4201Z" fill="#292D32"/>
+<path d="M5.63998 16.02L9.58998 13.38L7.34998 10.04L3.39998 12.68C2.93998 12.99 2.81998 13.61 3.12998 14.07L4.25998 15.75C4.55998 16.21 5.17998 16.33 5.63998 16.02Z" fill="#292D32"/>
+<path d="M16.56 21.8101C16.46 21.8501 16.35 21.8801 16.25 21.8801C15.96 21.8801 15.69 21.7101 15.56 21.4301L11.83 13.1901L8.05002 21.4401C7.92002 21.7101 7.65002 21.8801 7.36002 21.8801C7.26002 21.8801 7.15002 21.8501 7.05002 21.8101C6.68002 21.6301 6.51002 21.1901 6.68002 20.8101L10.09 13.3901L12.76 11.6001L16.93 20.8201C17.1 21.1901 16.93 21.6401 16.56 21.8101Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/milk.svg b/public/images/icons/vuesax/bold/milk.svg
new file mode 100644
index 0000000..364387e
--- /dev/null
+++ b/public/images/icons/vuesax/bold/milk.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="M18 16.0002V19.0002C18 20.6502 16.65 22.0002 15 22.0002H9C7.35 22.0002 6 20.6502 6 19.0002V14.9902C6 14.4402 6.45 13.9902 7.01 13.9902L9.89 14.0002C10.58 14.0002 11.26 14.1502 11.89 14.4502C12.58 14.7702 13.31 15.0002 14.08 15.0002H17C17.55 15.0002 18 15.4502 18 16.0002Z" fill="#292D32"/>
+<path d="M17.41 9.41L15.29 7.29C15.1 7.1 15 6.85 15 6.59V4.91C15.58 4.71 16 4.15 16 3.5C16 2.67 15.33 2 14.5 2H9.5C8.67 2 8 2.67 8 3.5C8 4.15 8.42 4.71 9 4.91V6.59C9 6.85 8.9 7.1 8.71 7.29L6.59 9.41C6.27 9.73 6 10.38 6 10.83V11.48C6 12.03 6.44 12.48 6.99 12.48L9.9 12.5C10.88 12.5 11.87 12.74 12.75 13.2C13.17 13.42 13.65 13.5 14.12 13.5H17C17.55 13.5 18 13.05 18 12.5V10.83C18 10.38 17.73 9.73 17.41 9.41Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/mini-music-sqaure.svg b/public/images/icons/vuesax/bold/mini-music-sqaure.svg
new file mode 100644
index 0000000..e8ab647
--- /dev/null
+++ b/public/images/icons/vuesax/bold/mini-music-sqaure.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 opacity="0.4" d="M20.71 17.52C20.34 18.74 19.61 19.68 18.57 20.26C18.53 20.1 18.51 19.93 18.51 19.76C18.51 18.54 19.5 17.54 20.71 17.52Z" fill="#292D32"/>
+<path d="M21 7.52V9.48397C21 10.0065 20.586 10.4294 20.08 10.56L17.13 11.38C15.57 11.78 14.53 13.13 14.53 14.74V16.2849C14.53 16.7595 14.1873 17.1556 13.7612 17.3644C12.7457 17.8619 11.9698 18.8714 11.677 20.0107C11.5395 20.5456 11.1023 21 10.55 21H7.52C4.07 21 2 18.94 2 15.48V7.52C2 4.06 4.07 2 7.52 2H15.48C18.93 2 21 4.06 21 7.52Z" fill="#292D32"/>
+<path d="M22.31 12.25C22.05 12.06 21.63 11.86 21 11.92C20.84 11.93 20.67 11.96 20.48 12.01L17.5 12.83C16.61 13.06 16.03 13.81 16.03 14.74V18.65C15.8 18.57 15.55 18.52 15.29 18.52C14.05 18.52 13.04 19.52 13.04 20.76C13.04 20.84 13.04 20.92 13.05 21C13.17 22.12 14.13 23 15.29 23C16.51 23 17.5 22.01 17.52 20.8C17.52 20.78 17.53 20.77 17.53 20.76V17.07L20.98 16.12L21.5 15.98V17.66C21.27 17.58 21.02 17.52 20.75 17.52H20.71C19.5 17.54 18.51 18.54 18.51 19.76C18.51 19.93 18.53 20.1 18.57 20.26C18.8 21.26 19.69 22.01 20.75 22.01C21.98 22.01 22.97 21.02 22.99 19.8C22.99 19.79 23 19.78 23 19.76V13.93C23 13.17 22.77 12.61 22.31 12.25ZM15.29 21.5C14.96 21.5 14.68 21.29 14.59 21C14.55 20.93 14.54 20.84 14.54 20.76C14.54 20.35 14.88 20.02 15.29 20.02C15.69 20.02 16.03 20.35 16.03 20.76C16.03 20.84 16.02 20.91 15.99 20.98C15.9 21.28 15.62 21.5 15.29 21.5ZM20.75 20.51C20.35 20.51 20.01 20.17 20.01 19.76C20.01 19.36 20.35 19.02 20.75 19.02C21.16 19.02 21.5 19.36 21.5 19.76C21.5 20.17 21.16 20.51 20.75 20.51Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/minus-cirlce.svg b/public/images/icons/vuesax/bold/minus-cirlce.svg
new file mode 100644
index 0000000..ab244d1
--- /dev/null
+++ b/public/images/icons/vuesax/bold/minus-cirlce.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 2C6.49 2 2 6.49 2 12C2 17.51 6.49 22 12 22C17.51 22 22 17.51 22 12C22 6.49 17.51 2 12 2ZM15.92 12.75H7.92C7.51 12.75 7.17 12.41 7.17 12C7.17 11.59 7.51 11.25 7.92 11.25H15.92C16.33 11.25 16.67 11.59 16.67 12C16.67 12.41 16.34 12.75 15.92 12.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/minus-square.svg b/public/images/icons/vuesax/bold/minus-square.svg
new file mode 100644
index 0000000..6a6bfb6
--- /dev/null
+++ b/public/images/icons/vuesax/bold/minus-square.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM16 12.75H8C7.59 12.75 7.25 12.41 7.25 12C7.25 11.59 7.59 11.25 8 11.25H16C16.41 11.25 16.75 11.59 16.75 12C16.75 12.41 16.41 12.75 16 12.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/minus.svg b/public/images/icons/vuesax/bold/minus.svg
new file mode 100644
index 0000000..8f19f70
--- /dev/null
+++ b/public/images/icons/vuesax/bold/minus.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM18 12.75H6C5.59 12.75 5.25 12.41 5.25 12C5.25 11.59 5.59 11.25 6 11.25H18C18.41 11.25 18.75 11.59 18.75 12C18.75 12.41 18.41 12.75 18 12.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/mirror.svg b/public/images/icons/vuesax/bold/mirror.svg
new file mode 100644
index 0000000..5214422
--- /dev/null
+++ b/public/images/icons/vuesax/bold/mirror.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 18C16.4183 18 20 14.4183 20 10C20 5.58172 16.4183 2 12 2C7.58172 2 4 5.58172 4 10C4 14.4183 7.58172 18 12 18Z" fill="#292D32"/>
+<path d="M18 22.75H6C5.59 22.75 5.25 22.41 5.25 22C5.25 21.59 5.59 21.25 6 21.25H18C18.41 21.25 18.75 21.59 18.75 22C18.75 22.41 18.41 22.75 18 22.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/mirroring-screen.svg b/public/images/icons/vuesax/bold/mirroring-screen.svg
new file mode 100644
index 0000000..1974a93
--- /dev/null
+++ b/public/images/icons/vuesax/bold/mirroring-screen.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 3H7C4.24 3 2 5.24 2 8V9V16C2 18.76 4.24 21 7 21H16H17C19.76 21 22 18.76 22 16V8C22 5.24 19.76 3 17 3ZM10.49 16.81C10.46 16.81 10.43 16.82 10.39 16.82C10.02 16.82 9.7 16.54 9.65 16.17C9.52 15.15 8.78 14.41 7.76 14.28C7.35 14.23 7.06 13.85 7.11 13.44C7.16 13.03 7.54 12.74 7.95 12.79C9.64 13.01 10.92 14.29 11.14 15.98C11.19 16.38 10.9 16.76 10.49 16.81ZM13.54 16.3C13.51 16.3 13.48 16.31 13.44 16.31C13.07 16.31 12.75 16.03 12.7 15.66C12.39 13.28 10.66 11.54 8.27 11.23C7.86 11.18 7.57 10.8 7.62 10.39C7.67 9.98 8.05 9.69 8.46 9.74C11.54 10.14 13.79 12.38 14.19 15.47C14.24 15.87 13.95 16.24 13.54 16.3ZM16.24 15.43C16.21 15.43 16.18 15.44 16.14 15.44C15.77 15.44 15.45 15.16 15.4 14.79C14.97 11.41 12.51 8.95 9.13 8.52C8.72 8.47 8.43 8.09 8.48 7.68C8.53 7.27 8.91 6.98 9.32 7.03C13.39 7.55 16.36 10.52 16.89 14.6C16.94 15.01 16.65 15.38 16.24 15.43Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/mobile-programming.svg b/public/images/icons/vuesax/bold/mobile-programming.svg
new file mode 100644
index 0000000..35e13c9
--- /dev/null
+++ b/public/images/icons/vuesax/bold/mobile-programming.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="M18 13C15.24 13 13 15.24 13 18C13 20.76 15.24 23 18 23C20.76 23 23 20.76 23 18C23 15.24 20.76 13 18 13ZM17.16 19.27C17.41 19.52 17.41 19.93 17.16 20.19C17.03 20.32 16.87 20.38 16.7 20.38C16.53 20.38 16.37 20.32 16.24 20.19L14.51 18.46C14.26 18.21 14.26 17.8 14.51 17.54L16.24 15.81C16.49 15.56 16.9 15.56 17.16 15.81C17.41 16.06 17.41 16.47 17.16 16.73L15.89 18L17.16 19.27ZM21.48 18.46L19.75 20.19C19.62 20.32 19.46 20.38 19.29 20.38C19.12 20.38 18.96 20.32 18.83 20.19C18.58 19.94 18.58 19.53 18.83 19.27L20.11 18L18.84 16.73C18.59 16.48 18.59 16.07 18.84 15.81C19.09 15.56 19.5 15.56 19.76 15.81L21.49 17.54C21.73 17.8 21.73 18.2 21.48 18.46Z" fill="#292D32"/>
+<path d="M21 6.9998V11.4698C21 11.8198 20.66 12.0598 20.34 11.9398C19.23 11.5098 17.99 11.3698 16.69 11.6298C14.09 12.1498 12.02 14.2798 11.59 16.8998C11.33 18.4998 11.65 20.0098 12.38 21.2398C12.58 21.5798 12.34 21.9998 11.95 21.9998H8C4.5 21.9998 3 19.9998 3 16.9998V6.9998C3 4.3398 4.18 2.4698 6.89 2.0798C7.18 2.0398 7.44 2.2698 7.45 2.5698L7.48 3.5798C7.51 5.1798 8.86 6.4998 10.48 6.4998H13.5C15.15 6.4998 16.5 5.1498 16.5 3.4998V2.5698C16.5 2.2698 16.76 2.0298 17.05 2.0698C19.8 2.4398 21 4.3198 21 6.9998Z" fill="#292D32"/>
+<path d="M15 3V3.5C15 4.32 14.32 5 13.5 5H10.47C9.65999 5 8.98999 4.35 8.96999 3.54L8.95999 3.03C8.93999 2.46 9.38999 2 9.95999 2H14C14.55 2 15 2.45 15 3Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/mobile.svg b/public/images/icons/vuesax/bold/mobile.svg
new file mode 100644
index 0000000..7b9d926
--- /dev/null
+++ b/public/images/icons/vuesax/bold/mobile.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.24 2H7.76C5 2 4 3 4 5.81V18.19C4 21 5 22 7.76 22H16.23C19 22 20 21 20 18.19V5.81C20 3 19 2 16.24 2ZM12 19.3C11.04 19.3 10.25 18.51 10.25 17.55C10.25 16.59 11.04 15.8 12 15.8C12.96 15.8 13.75 16.59 13.75 17.55C13.75 18.51 12.96 19.3 12 19.3ZM14 6.25H10C9.59 6.25 9.25 5.91 9.25 5.5C9.25 5.09 9.59 4.75 10 4.75H14C14.41 4.75 14.75 5.09 14.75 5.5C14.75 5.91 14.41 6.25 14 6.25Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/monero-(xmr).svg b/public/images/icons/vuesax/bold/monero-(xmr).svg
new file mode 100644
index 0000000..4b0c880
--- /dev/null
+++ b/public/images/icons/vuesax/bold/monero-(xmr).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="M3.17996 15.03C2.82996 15.03 2.57996 15.38 2.70996 15.7C4.17996 19.4 7.78996 22 12 22C16.22 22 19.83 19.38 21.3 15.67C21.43 15.35 21.17 15 20.83 15H17.5C17.22 15 17 14.78 17 14.5V11.76C17 10.84 15.85 10.41 15.25 11.11L12.38 14.54C12.18 14.78 11.81 14.78 11.61 14.54L8.73996 11.11C8.14996 10.41 6.99996 10.84 6.99996 11.76V14.5C6.99996 14.78 6.77996 15 6.49996 15L3.17996 15.03Z" fill="black"/>
+<path d="M22 12.1402C22 12.4502 21.98 12.7602 21.94 13.0602C21.91 13.3102 21.69 13.5002 21.43 13.5002H19C18.72 13.5002 18.5 13.2802 18.5 13.0002V11.9002C18.5 10.8902 17.96 9.91021 17.04 9.49021C16.01 9.02021 14.84 9.28022 14.1 10.1502L12.38 12.2002C12.18 12.4402 11.81 12.4402 11.61 12.2002L9.88 10.1302C9.16 9.28021 8 9.02021 6.96 9.49021C6.04 9.91021 5.5 10.8902 5.5 11.9002V12.8802C5.5 13.3002 5.28 13.5202 5 13.5202L2.56 13.5302C2.31 13.5302 2.08 13.3402 2.05 13.0902C2.02 12.7302 2 12.3702 2 12.0002C2 5.95022 7.39 1.14021 13.63 2.13021C18.46 2.89021 22.07 7.24021 22 12.1402Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/money-2.svg b/public/images/icons/vuesax/bold/money-2.svg
new file mode 100644
index 0000000..11a8e00
--- /dev/null
+++ b/public/images/icons/vuesax/bold/money-2.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 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z" fill="#292D32"/>
+<path d="M17 3.5H7C4 3.5 2 5 2 8.5V9V15V15.5C2 19 4 20.5 7 20.5H17C20 20.5 22 19 22 15.5V15V9V8.5C22 5 20 3.5 17 3.5ZM7 19C7 16.18 6.09 15.14 3.5 15.02V15V9V8.98C6.09 8.86 7 7.82 7 5H17C17 7.82 17.91 8.86 20.5 8.98V9V15V15.02C17.91 15.14 17 16.18 17 19H7Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/money-3.svg b/public/images/icons/vuesax/bold/money-3.svg
new file mode 100644
index 0000000..2b9dd13
--- /dev/null
+++ b/public/images/icons/vuesax/bold/money-3.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 3.5H7C4 3.5 2 5 2 8.5V15.5C2 19 4 20.5 7 20.5H17C20 20.5 22 19 22 15.5V8.5C22 5 20 3.5 17 3.5ZM8 17.75H5C4.59 17.75 4.25 17.41 4.25 17C4.25 16.59 4.59 16.25 5 16.25H8C8.41 16.25 8.75 16.59 8.75 17C8.75 17.41 8.41 17.75 8 17.75ZM12 15C10.34 15 9 13.66 9 12C9 10.34 10.34 9 12 9C13.66 9 15 10.34 15 12C15 13.66 13.66 15 12 15ZM19 7.75H16C15.59 7.75 15.25 7.41 15.25 7C15.25 6.59 15.59 6.25 16 6.25H19C19.41 6.25 19.75 6.59 19.75 7C19.75 7.41 19.41 7.75 19 7.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/money-4.svg b/public/images/icons/vuesax/bold/money-4.svg
new file mode 100644
index 0000000..7c6f3a1
--- /dev/null
+++ b/public/images/icons/vuesax/bold/money-4.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 3.5H7C4 3.5 2 5 2 8.5V15.5C2 19 4 20.5 7 20.5H17C20 20.5 22 19 22 15.5V8.5C22 5 20 3.5 17 3.5ZM3.75 8.5C3.75 6.71 5.21 5.25 7 5.25H8.5C8.91 5.25 9.25 5.59 9.25 6C9.25 6.41 8.91 6.75 8.5 6.75H7C6.04 6.75 5.25 7.54 5.25 8.5V10C5.25 10.41 4.91 10.75 4.5 10.75C4.09 10.75 3.75 10.41 3.75 10V8.5ZM8.5 18.75H7C5.21 18.75 3.75 17.29 3.75 15.5V14C3.75 13.59 4.09 13.25 4.5 13.25C4.91 13.25 5.25 13.59 5.25 14V15.5C5.25 16.46 6.04 17.25 7 17.25H8.5C8.91 17.25 9.25 17.59 9.25 18C9.25 18.41 8.91 18.75 8.5 18.75ZM12 15C10.34 15 9 13.66 9 12C9 10.34 10.34 9 12 9C13.66 9 15 10.34 15 12C15 13.66 13.66 15 12 15ZM20.25 15.5C20.25 17.29 18.79 18.75 17 18.75H15.5C15.09 18.75 14.75 18.41 14.75 18C14.75 17.59 15.09 17.25 15.5 17.25H17C17.96 17.25 18.75 16.46 18.75 15.5V14C18.75 13.59 19.09 13.25 19.5 13.25C19.91 13.25 20.25 13.59 20.25 14V15.5ZM20.25 10C20.25 10.41 19.91 10.75 19.5 10.75C19.09 10.75 18.75 10.41 18.75 10V8.5C18.75 7.54 17.96 6.75 17 6.75H15.5C15.09 6.75 14.75 6.41 14.75 6C14.75 5.59 15.09 5.25 15.5 5.25H17C18.79 5.25 20.25 6.71 20.25 8.5V10Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/money-add.svg b/public/images/icons/vuesax/bold/money-add.svg
new file mode 100644
index 0000000..003b07c
--- /dev/null
+++ b/public/images/icons/vuesax/bold/money-add.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="M17 4H7C4 4 2 5.5 2 9V12.56C2 12.93 2.38 13.16 2.71 13.01C3.69 12.56 4.82 12.39 6.01 12.6C8.64 13.07 10.57 15.51 10.5 18.18C10.49 18.6 10.43 19.01 10.32 19.41C10.24 19.72 10.49 20.01 10.81 20.01H17C20 20.01 22 18.51 22 15.01V9C22 5.5 20 4 17 4ZM12 14.5C10.62 14.5 9.5 13.38 9.5 12C9.5 10.62 10.62 9.5 12 9.5C13.38 9.5 14.5 10.62 14.5 12C14.5 13.38 13.38 14.5 12 14.5ZM19.25 14C19.25 14.41 18.91 14.75 18.5 14.75C18.09 14.75 17.75 14.41 17.75 14V10C17.75 9.59 18.09 9.25 18.5 9.25C18.91 9.25 19.25 9.59 19.25 10V14Z" fill="#292D32"/>
+<path d="M5 14C2.79 14 1 15.79 1 18C1 18.75 1.21 19.46 1.58 20.06C2.27 21.22 3.54 22 5 22C6.46 22 7.73 21.22 8.42 20.06C8.79 19.46 9 18.75 9 18C9 15.79 7.21 14 5 14ZM6.49 18.73H5.75V19.51C5.75 19.92 5.41 20.26 5 20.26C4.59 20.26 4.25 19.92 4.25 19.51V18.73H3.51C3.1 18.73 2.76 18.39 2.76 17.98C2.76 17.57 3.1 17.23 3.51 17.23H4.25V16.52C4.25 16.11 4.59 15.77 5 15.77C5.41 15.77 5.75 16.11 5.75 16.52V17.23H6.49C6.9 17.23 7.24 17.57 7.24 17.98C7.24 18.39 6.91 18.73 6.49 18.73Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/money-change.svg b/public/images/icons/vuesax/bold/money-change.svg
new file mode 100644
index 0000000..ddb0b1a
--- /dev/null
+++ b/public/images/icons/vuesax/bold/money-change.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="M17 4H7C4 4 2 5.5 2 9V12.56C2 12.93 2.38 13.16 2.71 13.01C3.69 12.56 4.82 12.39 6.01 12.6C8.64 13.07 10.57 15.51 10.5 18.18C10.49 18.6 10.43 19.01 10.32 19.41C10.24 19.72 10.49 20.01 10.81 20.01H17C20 20.01 22 18.51 22 15.01V9C22 5.5 20 4 17 4ZM12 14.5C10.62 14.5 9.5 13.38 9.5 12C9.5 10.62 10.62 9.5 12 9.5C13.38 9.5 14.5 10.62 14.5 12C14.5 13.38 13.38 14.5 12 14.5ZM19.25 14C19.25 14.41 18.91 14.75 18.5 14.75C18.09 14.75 17.75 14.41 17.75 14V10C17.75 9.59 18.09 9.25 18.5 9.25C18.91 9.25 19.25 9.59 19.25 10V14Z" fill="#292D32"/>
+<path d="M5 14C3.75 14 2.62 14.59 1.89 15.49C1.33 16.18 1 17.05 1 18C1 20.21 2.8 22 5 22C6.74 22 8.23 20.89 8.77 19.33C8.92 18.92 9 18.47 9 18C9 15.8 7.21 14 5 14ZM7.36 19.74C7.34 19.8 7.3 19.86 7.26 19.9L6.54 20.61C6.45 20.71 6.33 20.75 6.2 20.75C6.07 20.75 5.94 20.71 5.85 20.61C5.69 20.46 5.67 20.22 5.77 20.04H3.76C3.12 20.04 2.6 19.52 2.6 18.87V18.77C2.6 18.49 2.82 18.28 3.09 18.28C3.36 18.28 3.58 18.49 3.58 18.77V18.87C3.58 18.98 3.66 19.07 3.77 19.07H5.78C5.68 18.88 5.7 18.65 5.86 18.49C6.05 18.3 6.36 18.3 6.54 18.49L7.26 19.21C7.3 19.25 7.34 19.31 7.37 19.37C7.41 19.48 7.41 19.62 7.36 19.74ZM7.4 17.23C7.4 17.51 7.18 17.72 6.91 17.72C6.64 17.72 6.42 17.51 6.42 17.23V17.13C6.42 17.02 6.34 16.93 6.23 16.93H4.23C4.33 17.12 4.31 17.35 4.15 17.51C4.06 17.6 3.94 17.65 3.8 17.65C3.68 17.65 3.55 17.6 3.46 17.51L2.74 16.79C2.7 16.75 2.66 16.69 2.63 16.63C2.59 16.51 2.59 16.38 2.63 16.26C2.66 16.21 2.69 16.14 2.74 16.1L3.46 15.39C3.65 15.19 3.96 15.19 4.14 15.39C4.3 15.54 4.32 15.78 4.22 15.96H6.23C6.87 15.96 7.39 16.48 7.39 17.13V17.23H7.4Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/money-forbidden.svg b/public/images/icons/vuesax/bold/money-forbidden.svg
new file mode 100644
index 0000000..37a9fa1
--- /dev/null
+++ b/public/images/icons/vuesax/bold/money-forbidden.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="M1.7 20.24C1.71 20.23 1.71 20.22 1.71 20.22L7.21 14.72C7.22 14.71 7.23 14.71 7.24 14.7C6.61 14.26 5.84 14 5 14C2.79 14 1 15.79 1 18C1 18.75 1.21 19.46 1.58 20.06C1.62 20.12 1.66 20.18 1.7 20.24Z" fill="#292D32"/>
+<path d="M8.3 15.75C8.29 15.76 8.29 15.77 8.28 15.78L2.78 21.28C2.77 21.29 2.76 21.29 2.75 21.3C3.39 21.74 4.16 22 5 22C6.46 22 7.73 21.22 8.42 20.06C8.79 19.46 9 18.75 9 18C9 17.16 8.74 16.39 8.3 15.75Z" fill="#292D32"/>
+<path d="M17 4H7C4 4 2 5.5 2 9V12.56C2 12.93 2.38 13.16 2.71 13.01C3.69 12.56 4.82 12.39 6.01 12.6C8.64 13.07 10.57 15.51 10.5 18.18C10.49 18.6 10.43 19.01 10.32 19.41C10.24 19.72 10.49 20.01 10.81 20.01H17C20 20.01 22 18.51 22 15.01V9C22 5.5 20 4 17 4ZM12 14.5C10.62 14.5 9.5 13.38 9.5 12C9.5 10.62 10.62 9.5 12 9.5C13.38 9.5 14.5 10.62 14.5 12C14.5 13.38 13.38 14.5 12 14.5ZM19.25 14C19.25 14.41 18.91 14.75 18.5 14.75C18.09 14.75 17.75 14.41 17.75 14V10C17.75 9.59 18.09 9.25 18.5 9.25C18.91 9.25 19.25 9.59 19.25 10V14Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/money-recive.svg b/public/images/icons/vuesax/bold/money-recive.svg
new file mode 100644
index 0000000..bfbdfb5
--- /dev/null
+++ b/public/images/icons/vuesax/bold/money-recive.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="M18.8101 6.24998H20.1701C19.9801 5.97998 19.7801 5.72998 19.5701 5.47998L18.8101 6.24998Z" fill="#292D32"/>
+<path d="M18.52 4.41982C18.27 4.20982 18.02 4.00982 17.75 3.81982V5.17982L18.52 4.41982Z" fill="#292D32"/>
+<path d="M19.58 5.47994L22.53 2.52994C22.82 2.23994 22.82 1.75994 22.53 1.46994C22.24 1.17994 21.76 1.17994 21.47 1.46994L18.52 4.41994C18.9 4.74994 19.25 5.10994 19.58 5.47994Z" fill="#292D32"/>
+<path d="M17.75 3C17.75 2.59 17.41 2.25 17 2.25C16.6 2.25 16.28 2.57 16.26 2.96C16.78 3.21 17.28 3.49 17.75 3.82V3Z" fill="#292D32"/>
+<path d="M21.7499 7C21.7499 6.59 21.4099 6.25 20.9999 6.25H20.1699C20.4999 6.72 20.7899 7.22 21.0299 7.74C21.4299 7.72 21.7499 7.4 21.7499 7Z" fill="#292D32"/>
+<path d="M12.75 14.7498H13.05C13.44 14.7498 13.75 14.3998 13.75 13.9698C13.75 13.4298 13.6 13.3498 13.26 13.2298L12.75 13.0498V14.7498Z" fill="#292D32"/>
+<path d="M21.04 7.74C21.03 7.74 21.02 7.75 21 7.75H17C16.9 7.75 16.81 7.73 16.71 7.69C16.53 7.61 16.38 7.47 16.3 7.28C16.27 7.19 16.25 7.1 16.25 7V3C16.25 2.99 16.26 2.98 16.26 2.96C14.96 2.35 13.52 2 12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 10.48 21.65 9.04 21.04 7.74ZM13.75 11.82C14.39 12.04 15.25 12.51 15.25 13.98C15.25 15.23 14.26 16.26 13.05 16.26H12.75V16.51C12.75 16.92 12.41 17.26 12 17.26C11.59 17.26 11.25 16.92 11.25 16.51V16.26H11.17C9.84 16.26 8.75 15.14 8.75 13.76C8.75 13.34 9.09 13 9.5 13C9.91 13 10.25 13.34 10.25 13.75C10.25 14.3 10.66 14.75 11.17 14.75H11.25V12.53L10.25 12.18C9.61 11.96 8.75 11.49 8.75 10.02C8.75 8.77 9.74 7.74 10.95 7.74H11.25V7.5C11.25 7.09 11.59 6.75 12 6.75C12.41 6.75 12.75 7.09 12.75 7.5V7.75H12.83C14.16 7.75 15.25 8.87 15.25 10.25C15.25 10.66 14.91 11 14.5 11C14.09 11 13.75 10.66 13.75 10.25C13.75 9.7 13.34 9.25 12.83 9.25H12.75V11.47L13.75 11.82Z" fill="#292D32"/>
+<path d="M10.25 10.03C10.25 10.57 10.4 10.65 10.74 10.77L11.25 10.95V9.25H10.95C10.57 9.25 10.25 9.6 10.25 10.03Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/money-remove.svg b/public/images/icons/vuesax/bold/money-remove.svg
new file mode 100644
index 0000000..1ea31ed
--- /dev/null
+++ b/public/images/icons/vuesax/bold/money-remove.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="M17 4H7C4 4 2 5.5 2 9V12.56C2 12.93 2.38 13.16 2.71 13.01C3.69 12.56 4.82 12.39 6.01 12.6C8.64 13.07 10.57 15.51 10.5 18.18C10.49 18.6 10.43 19.01 10.32 19.41C10.24 19.72 10.49 20.01 10.81 20.01H17C20 20.01 22 18.51 22 15.01V9C22 5.5 20 4 17 4ZM12 14.5C10.62 14.5 9.5 13.38 9.5 12C9.5 10.62 10.62 9.5 12 9.5C13.38 9.5 14.5 10.62 14.5 12C14.5 13.38 13.38 14.5 12 14.5ZM19.25 14C19.25 14.41 18.91 14.75 18.5 14.75C18.09 14.75 17.75 14.41 17.75 14V10C17.75 9.59 18.09 9.25 18.5 9.25C18.91 9.25 19.25 9.59 19.25 10V14Z" fill="#292D32"/>
+<path d="M5 14C3.8 14 2.73 14.53 2 15.36C1.38 16.07 1 16.99 1 18C1 18.75 1.21 19.46 1.58 20.06C2.27 21.22 3.54 22 5 22C6.01 22 6.93 21.63 7.63 21C7.94 20.74 8.21 20.42 8.42 20.06C8.79 19.46 9 18.75 9 18C9 15.79 7.21 14 5 14ZM6.6 19.58C6.45 19.73 6.26 19.8 6.07 19.8C5.88 19.8 5.69 19.73 5.54 19.58L5.01 19.05L4.46 19.6C4.31 19.75 4.12 19.82 3.93 19.82C3.74 19.82 3.55 19.75 3.4 19.6C3.11 19.31 3.11 18.83 3.4 18.54L3.95 17.99L3.42 17.46C3.13 17.17 3.13 16.69 3.42 16.4C3.71 16.11 4.19 16.11 4.48 16.4L5.01 16.93L5.51 16.43C5.8 16.14 6.28 16.14 6.57 16.43C6.86 16.72 6.86 17.2 6.57 17.49L6.07 17.99L6.6 18.52C6.89 18.81 6.89 19.28 6.6 19.58Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/money-send.svg b/public/images/icons/vuesax/bold/money-send.svg
new file mode 100644
index 0000000..573af63
--- /dev/null
+++ b/public/images/icons/vuesax/bold/money-send.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="M10.25 10.03C10.25 10.57 10.4 10.65 10.74 10.77L11.25 10.95V9.25H10.95C10.57 9.25 10.25 9.6 10.25 10.03Z" fill="#292D32"/>
+<path d="M12.75 14.7498H13.05C13.44 14.7498 13.75 14.3998 13.75 13.9698C13.75 13.4298 13.6 13.3498 13.26 13.2298L12.75 13.0498V14.7498Z" fill="#292D32"/>
+<path d="M19.58 5.48L17.53 7.53C17.38 7.68 17.19 7.75 17 7.75C16.81 7.75 16.62 7.68 16.47 7.53C16.18 7.24 16.18 6.76 16.47 6.47L18.52 4.42C16.76 2.92 14.49 2 12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 9.51 21.08 7.24 19.58 5.48ZM13.75 11.82C14.39 12.05 15.25 12.51 15.25 13.98C15.25 15.23 14.26 16.26 13.05 16.26H12.75V16.51C12.75 16.92 12.41 17.26 12 17.26C11.59 17.26 11.25 16.92 11.25 16.51V16.26H11.17C9.84 16.26 8.75 15.14 8.75 13.76C8.75 13.34 9.09 13 9.5 13C9.91 13 10.25 13.34 10.25 13.75C10.25 14.3 10.66 14.75 11.17 14.75H11.25V12.53L10.25 12.18C9.61 11.95 8.75 11.49 8.75 10.02C8.75 8.77 9.74 7.74 10.95 7.74H11.25V7.5C11.25 7.09 11.59 6.75 12 6.75C12.41 6.75 12.75 7.09 12.75 7.5V7.75H12.83C14.16 7.75 15.25 8.87 15.25 10.25C15.25 10.66 14.91 11 14.5 11C14.09 11 13.75 10.66 13.75 10.25C13.75 9.7 13.34 9.25 12.83 9.25H12.75V11.47L13.75 11.82Z" fill="#292D32"/>
+<path d="M22.69 1.71C22.61 1.53 22.47 1.38 22.28 1.3C22.19 1.27 22.1 1.25 22 1.25H18C17.59 1.25 17.25 1.59 17.25 2C17.25 2.41 17.59 2.75 18 2.75H20.19L18.52 4.42C18.9 4.75 19.25 5.1 19.58 5.48L21.25 3.81V6C21.25 6.41 21.59 6.75 22 6.75C22.41 6.75 22.75 6.41 22.75 6V2C22.75 1.9 22.73 1.81 22.69 1.71Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/money-tick.svg b/public/images/icons/vuesax/bold/money-tick.svg
new file mode 100644
index 0000000..f2da4b6
--- /dev/null
+++ b/public/images/icons/vuesax/bold/money-tick.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="M17 4H7C4 4 2 5.5 2 9V12.56C2 12.93 2.38 13.16 2.71 13.01C3.69 12.56 4.82 12.39 6.01 12.6C8.64 13.07 10.57 15.51 10.5 18.18C10.49 18.6 10.43 19.01 10.32 19.41C10.24 19.72 10.49 20.01 10.81 20.01H17C20 20.01 22 18.51 22 15.01V9C22 5.5 20 4 17 4ZM12 14.5C10.62 14.5 9.5 13.38 9.5 12C9.5 10.62 10.62 9.5 12 9.5C13.38 9.5 14.5 10.62 14.5 12C14.5 13.38 13.38 14.5 12 14.5ZM19.25 14C19.25 14.41 18.91 14.75 18.5 14.75C18.09 14.75 17.75 14.41 17.75 14V10C17.75 9.59 18.09 9.25 18.5 9.25C18.91 9.25 19.25 9.59 19.25 10V14Z" fill="#292D32"/>
+<path d="M5 14C2.79 14 1 15.79 1 18C1 18.75 1.21 19.46 1.58 20.06C2.27 21.22 3.54 22 5 22C6.46 22 7.73 21.22 8.42 20.06C8.79 19.46 9 18.75 9 18C9 15.79 7.21 14 5 14ZM6.97 17.67L4.84 19.64C4.7 19.77 4.51 19.84 4.33 19.84C4.14 19.84 3.95 19.77 3.8 19.62L2.81 18.63C2.52 18.34 2.52 17.86 2.81 17.57C3.1 17.28 3.58 17.28 3.87 17.57L4.35 18.05L5.95 16.57C6.25 16.29 6.73 16.31 7.01 16.61C7.29 16.91 7.27 17.39 6.97 17.67Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/money-time.svg b/public/images/icons/vuesax/bold/money-time.svg
new file mode 100644
index 0000000..bc5da5f
--- /dev/null
+++ b/public/images/icons/vuesax/bold/money-time.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="M5 14C2.79 14 1 15.79 1 18C1 20.21 2.79 22 5 22C7.21 22 9 20.21 9 18C9 15.79 7.21 14 5 14ZM6 17.68C6 18.29 5.67 18.87 5.15 19.18L4.39 19.64C4.27 19.72 4.13 19.75 4 19.75C3.75 19.75 3.5 19.62 3.36 19.39C3.15 19.04 3.26 18.57 3.62 18.36L4.38 17.9C4.45 17.86 4.5 17.77 4.5 17.69V16.76C4.5 16.34 4.84 16 5.25 16C5.66 16 6 16.34 6 16.75V17.68Z" fill="#292D32"/>
+<path d="M17 4H7C4 4 2 5.5 2 9V12.56C2 12.93 2.38 13.16 2.71 13.01C3.69 12.56 4.82 12.39 6.01 12.6C8.64 13.07 10.57 15.51 10.5 18.18C10.49 18.6 10.43 19.01 10.32 19.41C10.24 19.72 10.49 20.01 10.81 20.01H17C20 20.01 22 18.51 22 15.01V9C22 5.5 20 4 17 4ZM12 14.5C10.62 14.5 9.5 13.38 9.5 12C9.5 10.62 10.62 9.5 12 9.5C13.38 9.5 14.5 10.62 14.5 12C14.5 13.38 13.38 14.5 12 14.5ZM19.25 14C19.25 14.41 18.91 14.75 18.5 14.75C18.09 14.75 17.75 14.41 17.75 14V10C17.75 9.59 18.09 9.25 18.5 9.25C18.91 9.25 19.25 9.59 19.25 10V14Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/money.svg b/public/images/icons/vuesax/bold/money.svg
new file mode 100644
index 0000000..0ffcb4a
--- /dev/null
+++ b/public/images/icons/vuesax/bold/money.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 3.5H7C4 3.5 2 5 2 8.5V15.5C2 19 4 20.5 7 20.5H17C20 20.5 22 19 22 15.5V8.5C22 5 20 3.5 17 3.5ZM6.25 14.5C6.25 14.91 5.91 15.25 5.5 15.25C5.09 15.25 4.75 14.91 4.75 14.5V9.5C4.75 9.09 5.09 8.75 5.5 8.75C5.91 8.75 6.25 9.09 6.25 9.5V14.5ZM12 15C10.34 15 9 13.66 9 12C9 10.34 10.34 9 12 9C13.66 9 15 10.34 15 12C15 13.66 13.66 15 12 15ZM19.25 14.5C19.25 14.91 18.91 15.25 18.5 15.25C18.09 15.25 17.75 14.91 17.75 14.5V9.5C17.75 9.09 18.09 8.75 18.5 8.75C18.91 8.75 19.25 9.09 19.25 9.5V14.5Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/moneys.svg b/public/images/icons/vuesax/bold/moneys.svg
new file mode 100644
index 0000000..13c793c
--- /dev/null
+++ b/public/images/icons/vuesax/bold/moneys.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="M19.17 6.64002C18.74 4.47002 17.13 3.52002 14.89 3.52002H6.10996C3.46996 3.52002 1.70996 4.84002 1.70996 7.92002V13.07C1.70996 15.29 2.61996 16.59 4.11996 17.15C4.33996 17.23 4.57996 17.3 4.82996 17.34C5.22996 17.43 5.65996 17.47 6.10996 17.47H14.9C17.54 17.47 19.3 16.15 19.3 13.07V7.92002C19.3 7.45002 19.26 7.03002 19.17 6.64002ZM5.52996 12C5.52996 12.41 5.18996 12.75 4.77996 12.75C4.36996 12.75 4.02996 12.41 4.02996 12V9.00002C4.02996 8.59002 4.36996 8.25002 4.77996 8.25002C5.18996 8.25002 5.52996 8.59002 5.52996 9.00002V12ZM10.5 13.14C9.03996 13.14 7.85996 11.96 7.85996 10.5C7.85996 9.04002 9.03996 7.86002 10.5 7.86002C11.96 7.86002 13.14 9.04002 13.14 10.5C13.14 11.96 11.96 13.14 10.5 13.14ZM16.96 12C16.96 12.41 16.62 12.75 16.21 12.75C15.8 12.75 15.46 12.41 15.46 12V9.00002C15.46 8.59002 15.8 8.25002 16.21 8.25002C16.62 8.25002 16.96 8.59002 16.96 9.00002V12Z" fill="#292D32"/>
+<path d="M22.3 10.9198V16.0698C22.3 19.1498 20.54 20.4798 17.89 20.4798H9.11001C8.36001 20.4798 7.69001 20.3698 7.11001 20.1498C6.64001 19.9798 6.23001 19.7298 5.90001 19.4098C5.72001 19.2398 5.86001 18.9698 6.11001 18.9698H14.89C18.59 18.9698 20.79 16.7698 20.79 13.0798V7.91979C20.79 7.67979 21.06 7.52979 21.23 7.70979C21.91 8.42979 22.3 9.47979 22.3 10.9198Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/monitor-mobbile.svg b/public/images/icons/vuesax/bold/monitor-mobbile.svg
new file mode 100644
index 0000000..a9d2474
--- /dev/null
+++ b/public/images/icons/vuesax/bold/monitor-mobbile.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="M20.99 9.71C20.65 9.57 20.2 9.5 19.64 9.5H14.36C12.62 9.5 12 10.12 12 11.88V19.62C12 20.2 12.07 20.65 12.22 21C12.53 21.72 13.19 22 14.36 22H19.64C21.38 22 22 21.37 22 19.62V11.88C22 10.69 21.72 10.02 20.99 9.71ZM18 19.75H16C15.98 19.75 15.95 19.75 15.93 19.74C15.78 19.73 15.65 19.68 15.54 19.58C15.36 19.45 15.25 19.24 15.25 19C15.25 18.59 15.59 18.25 16 18.25H18C18.41 18.25 18.75 18.59 18.75 19C18.75 19.41 18.41 19.75 18 19.75Z" fill="#292D32"/>
+<path d="M20.99 6.19V7C20.99 7.55 20.54 8 19.99 8H14.36C11.8 8 10.5 9.31 10.5 11.88V21C10.5 21.55 10.05 22 9.50001 22H7.55001C7.15001 22 6.83001 21.68 6.83001 21.29C6.83001 20.89 7.15001 20.58 7.55001 20.58H9.50001V16.75H6.00001C3.78001 16.64 2.01001 14.81 2.01001 12.56V6.19C2.01001 3.88 3.89001 2 6.21001 2H16.8C19.11 2 20.99 3.88 20.99 6.19Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/monitor-recorder.svg b/public/images/icons/vuesax/bold/monitor-recorder.svg
new file mode 100644
index 0000000..2894cc4
--- /dev/null
+++ b/public/images/icons/vuesax/bold/monitor-recorder.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="M20.97 10.37V13.56C20.97 15.88 19.09 17.76 16.77 17.76H13.21C12.66 17.76 12.21 18.2 12.21 18.76V19.58C12.21 20.13 12.66 20.58 13.21 20.58H15.47C15.86 20.58 16.18 20.89 16.18 21.29C16.18 21.68 15.86 22 15.47 22H7.53C7.14 22 6.82 21.68 6.82 21.29C6.82 20.89 7.14 20.58 7.53 20.58H9.79C10.34 20.58 10.79 20.13 10.79 19.58V18.76C10.79 18.2 10.34 17.76 9.79 17.76H6.19C3.88 17.76 2 15.88 2 13.56V7.19C2 4.88 3.88 3 6.19 3H10.5C11.05 3 11.5 3.45 11.5 4V6.15C11.5 8.08 12.79 9.37 14.71 9.37H19.97C20.52 9.37 20.97 9.82 20.97 10.37Z" fill="#292D32"/>
+<path d="M21.99 2.36011L20.86 3.15011V2.73011C20.86 1.78011 20.09 1.02011 19.15 1.02011H14.87C13.84 1.01011 13 1.85011 13 2.88011V6.16011C13 7.02011 13.43 7.87011 14.71 7.87011H19.14C20.09 7.87011 20.85 7.10011 20.85 6.16011V5.73011L21.98 6.52011C22.55 6.91011 23 6.67011 23 5.99011V2.89011C23 2.21011 22.55 1.98011 21.99 2.36011Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/monitor.svg b/public/images/icons/vuesax/bold/monitor.svg
new file mode 100644
index 0000000..9a89e26
--- /dev/null
+++ b/public/images/icons/vuesax/bold/monitor.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.56 2H6.41C3.98 2 2 3.98 2 6.41V12.91V13.11C2 15.55 3.98 17.52 6.41 17.52H10.25C10.8 17.52 11.25 17.97 11.25 18.52V19.49C11.25 20.04 10.8 20.49 10.25 20.49H7.83C7.42 20.49 7.08 20.83 7.08 21.24C7.08 21.65 7.41 22 7.83 22H16.18C16.59 22 16.93 21.66 16.93 21.25C16.93 20.84 16.59 20.5 16.18 20.5H13.76C13.21 20.5 12.76 20.05 12.76 19.5V18.53C12.76 17.98 13.21 17.53 13.76 17.53H17.57C20.01 17.53 21.98 15.55 21.98 13.12V12.92V6.42C21.97 3.98 19.99 2 17.56 2Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/moon.svg b/public/images/icons/vuesax/bold/moon.svg
new file mode 100644
index 0000000..0e790d8
--- /dev/null
+++ b/public/images/icons/vuesax/bold/moon.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="M21.53 15.9299C21.37 15.6599 20.92 15.2399 19.8 15.4399C19.18 15.5499 18.55 15.5999 17.92 15.5699C15.59 15.4699 13.48 14.3999 12.01 12.7499C10.71 11.2999 9.90995 9.40987 9.89995 7.36987C9.89995 6.22987 10.12 5.12987 10.57 4.08987C11.01 3.07987 10.7 2.54987 10.48 2.32987C10.25 2.09987 9.70995 1.77987 8.64995 2.21987C4.55995 3.93987 2.02995 8.03987 2.32995 12.4299C2.62995 16.5599 5.52995 20.0899 9.36995 21.4199C10.29 21.7399 11.26 21.9299 12.26 21.9699C12.42 21.9799 12.58 21.9899 12.74 21.9899C16.09 21.9899 19.23 20.4099 21.21 17.7199C21.88 16.7899 21.7 16.1999 21.53 15.9299Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/more-2.svg b/public/images/icons/vuesax/bold/more-2.svg
new file mode 100644
index 0000000..462114e
--- /dev/null
+++ b/public/images/icons/vuesax/bold/more-2.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 opacity="0.97" d="M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM8.31 16.31C7.59 16.31 7 15.72 7 15C7 14.28 7.59 13.69 8.31 13.69C9.03 13.69 9.62 14.28 9.62 15C9.62 15.72 9.03 16.31 8.31 16.31ZM12 10.31C11.28 10.31 10.69 9.72 10.69 9C10.69 8.28 11.28 7.69 12 7.69C12.72 7.69 13.31 8.28 13.31 9C13.31 9.72 12.72 10.31 12 10.31ZM15.69 16.31C14.97 16.31 14.38 15.72 14.38 15C14.38 14.28 14.97 13.69 15.69 13.69C16.41 13.69 17 14.28 17 15C17 15.72 16.41 16.31 15.69 16.31Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/more-circle.svg b/public/images/icons/vuesax/bold/more-circle.svg
new file mode 100644
index 0000000..dae522b
--- /dev/null
+++ b/public/images/icons/vuesax/bold/more-circle.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 2C6.49 2 2 6.49 2 12C2 17.51 6.49 22 12 22C17.51 22 22 17.51 22 12C22 6.49 17.51 2 12 2ZM8 13C7.44 13 7 12.55 7 12C7 11.45 7.45 11 8 11C8.55 11 9 11.45 9 12C9 12.55 8.56 13 8 13ZM12 13C11.44 13 11 12.55 11 12C11 11.45 11.45 11 12 11C12.55 11 13 11.45 13 12C13 12.55 12.56 13 12 13ZM16 13C15.44 13 15 12.55 15 12C15 11.45 15.45 11 16 11C16.55 11 17 11.45 17 12C17 12.55 16.56 13 16 13Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/more-square.svg b/public/images/icons/vuesax/bold/more-square.svg
new file mode 100644
index 0000000..7f729c6
--- /dev/null
+++ b/public/images/icons/vuesax/bold/more-square.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM8 13C7.44 13 7 12.55 7 12C7 11.45 7.45 11 8 11C8.55 11 9 11.45 9 12C9 12.55 8.56 13 8 13ZM12 13C11.44 13 11 12.55 11 12C11 11.45 11.45 11 12 11C12.55 11 13 11.45 13 12C13 12.55 12.56 13 12 13ZM16 13C15.44 13 15 12.55 15 12C15 11.45 15.45 11 16 11C16.55 11 17 11.45 17 12C17 12.55 16.56 13 16 13Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/more.svg b/public/images/icons/vuesax/bold/more.svg
new file mode 100644
index 0000000..f11aea7
--- /dev/null
+++ b/public/images/icons/vuesax/bold/more.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM7 13.31C6.28 13.31 5.69 12.72 5.69 12C5.69 11.28 6.28 10.69 7 10.69C7.72 10.69 8.31 11.28 8.31 12C8.31 12.72 7.72 13.31 7 13.31ZM12 13.31C11.28 13.31 10.69 12.72 10.69 12C10.69 11.28 11.28 10.69 12 10.69C12.72 10.69 13.31 11.28 13.31 12C13.31 12.72 12.72 13.31 12 13.31ZM17 13.31C16.28 13.31 15.69 12.72 15.69 12C15.69 11.28 16.28 10.69 17 10.69C17.72 10.69 18.31 11.28 18.31 12C18.31 12.72 17.72 13.31 17 13.31Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/mouse-circle.svg b/public/images/icons/vuesax/bold/mouse-circle.svg
new file mode 100644
index 0000000..3aabe67
--- /dev/null
+++ b/public/images/icons/vuesax/bold/mouse-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="M20.96 17.84L19.33 18.39C18.88 18.54 18.5201 18.89 18.37 19.35L17.82 20.98C17.35 22.39 15.37 22.36 14.93 20.95L13.08 15C12.72 13.82 13.81 12.72 14.98 13.09L20.94 14.94C22.34 15.38 22.36 17.37 20.96 17.84Z" fill="#292D32"/>
+<path d="M21 11.4999C21 11.9299 20.97 12.3599 20.92 12.7799C20.88 13.0799 20.57 13.2599 20.28 13.1699L15.43 11.6599C14.35 11.3299 13.2 11.6099 12.4 12.3999C11.6 13.1999 11.31 14.3699 11.65 15.4499L13.15 20.2799C13.24 20.5699 13.05 20.8799 12.75 20.9199C12.33 20.9699 11.92 20.9999 11.5 20.9999C6.16003 20.9999 1.86003 16.6099 2.00003 11.2299C2.14003 6.26991 6.27003 2.13991 11.23 1.99991C16.61 1.85991 21 6.15991 21 11.4999Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/mouse-square.svg b/public/images/icons/vuesax/bold/mouse-square.svg
new file mode 100644
index 0000000..e02e6b4
--- /dev/null
+++ b/public/images/icons/vuesax/bold/mouse-square.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="M21 7.52V13.4C21 13.74 20.67 13.98 20.35 13.88L16.42 12.66C15.34 12.33 14.18 12.61 13.39 13.4C12.59 14.2 12.3 15.37 12.64 16.45L13.85 20.35C13.95 20.67 13.71 21 13.37 21H7.52C4.07 21 2 18.94 2 15.48V7.52C2 4.06 4.07 2 7.52 2H15.48C18.93 2 21 4.06 21 7.52Z" fill="#292D32"/>
+<path d="M21.96 18.84L20.33 19.39C19.88 19.54 19.5201 19.89 19.37 20.35L18.82 21.98C18.35 23.39 16.37 23.36 15.93 21.95L14.08 16C13.72 14.82 14.81 13.72 15.98 14.09L21.94 15.94C23.34 16.38 23.36 18.37 21.96 18.84Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/mouse.svg b/public/images/icons/vuesax/bold/mouse.svg
new file mode 100644
index 0000000..453fb8a
--- /dev/null
+++ b/public/images/icons/vuesax/bold/mouse.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 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM16.15 12.83L14.42 13.41C13.94 13.57 13.57 13.94 13.41 14.42L12.83 16.15C12.34 17.64 10.24 17.61 9.78 16.12L7.83 9.84C7.45 8.59 8.6 7.44 9.83 7.82L16.12 9.77C17.61 10.24 17.63 12.34 16.15 12.83Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/music-circle.svg b/public/images/icons/vuesax/bold/music-circle.svg
new file mode 100644
index 0000000..fac007f
--- /dev/null
+++ b/public/images/icons/vuesax/bold/music-circle.svg
@@ -0,0 +1,8 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.58 9.41977C2.5 9.41977 2.41 9.40977 2.33 9.37977C1.94 9.23977 1.74 8.80977 1.87 8.41977C2.54 6.53977 3.7 4.88977 5.25 3.63977C5.57 3.37977 6.04 3.42977 6.3 3.74977C6.56 4.06977 6.51 4.53977 6.19 4.80977C4.87 5.87977 3.86 7.29977 3.29 8.91977C3.18 9.22977 2.89 9.41977 2.58 9.41977Z" fill="#292D32"/>
+<path d="M2.58 16.08C2.27 16.08 1.98 15.89 1.87 15.58C1.46 14.42 1.25 13.21 1.25 12C1.25 11.59 1.59 11.25 2 11.25C2.41 11.25 2.75 11.59 2.75 12C2.75 13.04 2.93 14.08 3.29 15.08C3.43 15.47 3.22 15.9 2.83 16.04C2.75 16.07 2.66 16.08 2.58 16.08Z" fill="#292D32"/>
+<path d="M12 22.75C10.94 22.75 9.88998 22.59 8.86998 22.28C8.46998 22.16 8.24998 21.74 8.36998 21.34C8.48998 20.94 8.90998 20.72 9.30998 20.84C10.18 21.11 11.09 21.24 12 21.24C17.1 21.24 21.25 17.09 21.25 11.99C21.25 11.47 21.2 10.93 21.1 10.36C21.03 9.95004 21.3 9.56004 21.71 9.49004C22.11 9.42004 22.51 9.69004 22.58 10.1C22.7 10.76 22.76 11.38 22.76 12C22.75 17.93 17.93 22.75 12 22.75Z" fill="#292D32"/>
+<path d="M5.71997 20.5001C5.54997 20.5001 5.38997 20.4501 5.24997 20.3301C4.67997 19.8701 4.21997 19.4301 3.82997 18.9801C3.55997 18.6701 3.59997 18.1901 3.90997 17.9201C4.22997 17.6501 4.69997 17.6901 4.96997 18.0001C5.29997 18.3801 5.69997 18.7601 6.18997 19.1601C6.50997 19.4201 6.55997 19.8901 6.29997 20.2101C6.15997 20.4001 5.93997 20.5001 5.71997 20.5001Z" fill="#292D32"/>
+<path d="M20.24 7.09C20 7.09 19.77 6.98 19.62 6.76C17.9 4.25 15.04 2.75 12 2.75C11.09 2.75 10.18 2.88 9.31003 3.15C8.92003 3.27 8.50003 3.05 8.37003 2.65C8.24003 2.25 8.47003 1.83 8.87003 1.71C9.89003 1.41 10.94 1.25 12 1.25C15.54 1.25 18.85 3 20.86 5.92C21.09 6.26 21.01 6.73 20.67 6.96C20.54 7.05 20.39 7.09 20.24 7.09Z" fill="#292D32"/>
+<path d="M16.03 6.49997C15.7 6.24997 15.1 5.99997 14.14 6.25997L10.95 7.11997C10.03 7.37997 9.43 8.15997 9.43 9.11997V10.76V13.34C9.17 13.24 8.89 13.18 8.59 13.18C7.3 13.18 6.25 14.23 6.25 15.52C6.25 16.81 7.3 17.86 8.59 17.86C9.87 17.86 10.9 16.83 10.92 15.56C10.92 15.55 10.93 15.54 10.93 15.52V11.33L15.25 10.15V12.28C14.99 12.18 14.71 12.12 14.41 12.12C13.12 12.12 12.07 13.17 12.07 14.46C12.07 15.75 13.12 16.8 14.41 16.8C15.7 16.8 16.75 15.75 16.75 14.46V9.16997V8.24997C16.75 7.44997 16.51 6.85997 16.03 6.49997ZM8.59 16.36C8.13 16.36 7.75 15.98 7.75 15.52C7.75 15.06 8.13 14.68 8.59 14.68C9.05 14.68 9.43 15.06 9.43 15.52C9.43 15.98 9.05 16.36 8.59 16.36ZM14.41 15.3C13.95 15.3 13.57 14.92 13.57 14.46C13.57 14 13.95 13.62 14.41 13.62C14.87 13.62 15.25 14 15.25 14.46C15.25 14.92 14.87 15.3 14.41 15.3Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/music-dashboard.svg b/public/images/icons/vuesax/bold/music-dashboard.svg
new file mode 100644
index 0000000..6a3a6e0
--- /dev/null
+++ b/public/images/icons/vuesax/bold/music-dashboard.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="M7 3.24983V20.7498C7 21.3898 6.39 21.8998 5.77 21.7298C3.37 21.0498 2 19.0898 2 16.1898V7.80983C2 4.90983 3.37 2.94983 5.77 2.26983C6.39 2.09983 7 2.59983 7 3.24983Z" fill="#292D32"/>
+<path d="M12.47 14.3701C12.09 14.3701 11.79 14.6801 11.79 15.0501C11.79 15.4201 12.1 15.7301 12.47 15.7301C12.85 15.7301 13.16 15.4201 13.16 15.0501C13.16 14.6801 12.85 14.3701 12.47 14.3701Z" fill="#292D32"/>
+<path d="M17.52 13.4502C17.14 13.4502 16.83 13.7602 16.83 14.1402C16.83 14.5202 17.14 14.8202 17.52 14.8202C17.9 14.8202 18.21 14.5102 18.21 14.1402C18.21 13.7702 17.9 13.4502 17.52 13.4502Z" fill="#292D32"/>
+<path d="M16.19 2H9.5C8.95 2 8.5 2.45 8.5 3V21C8.5 21.55 8.95 22 9.5 22H16.19C19.4 22 22 19.4 22 16.19V7.81C22 4.6 19.4 2 16.19 2ZM19.6 9.74V14.14C19.6 14.15 19.59 14.16 19.59 14.17C19.57 15.3 18.65 16.21 17.52 16.21C16.38 16.21 15.45 15.28 15.45 14.14C15.45 13 16.38 12.07 17.52 12.07C17.76 12.07 17.99 12.12 18.21 12.2V10.65L14.54 11.65V15.07C14.54 15.08 14.53 15.09 14.53 15.1C14.51 16.23 13.59 17.14 12.46 17.14C11.32 17.14 10.39 16.21 10.39 15.07C10.39 13.93 11.32 13 12.46 13C12.7 13 12.93 13.05 13.15 13.13V11.13V9.5C13.15 8.64 13.68 7.94 14.51 7.73L17.26 6.97C18.12 6.74 18.65 6.97 18.95 7.2C19.38 7.53 19.59 8.05 19.59 8.75V9.74H19.6Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/music-filter.svg b/public/images/icons/vuesax/bold/music-filter.svg
new file mode 100644
index 0000000..7360b13
--- /dev/null
+++ b/public/images/icons/vuesax/bold/music-filter.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="M22 3.75H2C1.59 3.75 1.25 3.41 1.25 3C1.25 2.59 1.59 2.25 2 2.25H22C22.41 2.25 22.75 2.59 22.75 3C22.75 3.41 22.41 3.75 22 3.75Z" fill="#292D32"/>
+<path d="M11 9.75H2C1.59 9.75 1.25 9.41 1.25 9C1.25 8.59 1.59 8.25 2 8.25H11C11.41 8.25 11.75 8.59 11.75 9C11.75 9.41 11.41 9.75 11 9.75Z" fill="#292D32"/>
+<path d="M8 15.75H2C1.59 15.75 1.25 15.41 1.25 15C1.25 14.59 1.59 14.25 2 14.25H8C8.41 14.25 8.75 14.59 8.75 15C8.75 15.41 8.41 15.75 8 15.75Z" fill="#292D32"/>
+<path d="M6 21.75H2C1.59 21.75 1.25 21.41 1.25 21C1.25 20.59 1.59 20.25 2 20.25H6C6.41 20.25 6.75 20.59 6.75 21C6.75 21.41 6.41 21.75 6 21.75Z" fill="#292D32"/>
+<path d="M21.86 7.68021C21.27 7.23021 20.46 7.14021 19.51 7.40021L15.16 8.58021C13.99 8.90021 13.27 9.85021 13.27 11.0502V13.6002V17.2802C12.85 17.0402 12.36 16.8902 11.84 16.8902C10.23 16.8902 8.91003 18.2002 8.91003 19.8202C8.91003 21.4302 10.22 22.7502 11.84 22.7502C13.46 22.7502 14.77 21.4402 14.77 19.8202V14.1702L21.25 12.4002V15.8302C20.83 15.5902 20.34 15.4402 19.82 15.4402C18.21 15.4402 16.89 16.7502 16.89 18.3702C16.89 19.9802 18.2 21.3002 19.82 21.3002C21.44 21.3002 22.75 19.9902 22.75 18.3702V11.4202V9.87021C22.75 8.86021 22.45 8.12021 21.86 7.68021ZM11.84 21.2502C11.05 21.2502 10.41 20.6102 10.41 19.8202C10.41 19.0302 11.05 18.3902 11.84 18.3902C12.63 18.3902 13.27 19.0302 13.27 19.8202C13.27 20.6102 12.63 21.2502 11.84 21.2502ZM19.82 19.8002C19.03 19.8002 18.39 19.1602 18.39 18.3702C18.39 17.5802 19.03 16.9402 19.82 16.9402C20.61 16.9402 21.25 17.5802 21.25 18.3702C21.25 19.1602 20.61 19.8002 19.82 19.8002Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/music-library-2.svg b/public/images/icons/vuesax/bold/music-library-2.svg
new file mode 100644
index 0000000..184f135
--- /dev/null
+++ b/public/images/icons/vuesax/bold/music-library-2.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 4.75H16V3.26C16 2.43 15.32 1.75 14.49 1.75H9.51C8.68 1.75 8 2.43 8 3.26V4.75H7C5.9 4.75 5 5.65 5 6.75V6.88C5.32 6.79 5.65 6.75 6 6.75H18C18.35 6.75 18.68 6.79 19 6.88V6.75C19 5.65 18.1 4.75 17 4.75Z" fill="#292D32"/>
+<path d="M13.9301 16.9302C13.6101 16.9302 13.3601 17.1902 13.3601 17.5002C13.3601 17.8102 13.6201 18.0702 13.9301 18.0702C14.2401 18.0702 14.5001 17.8102 14.5001 17.5002C14.5001 17.1902 14.2401 16.9302 13.9301 16.9302Z" fill="#292D32"/>
+<path d="M9.07 17.8101C8.75 17.8101 8.5 18.0701 8.5 18.3801C8.5 18.6901 8.76 18.9501 9.07 18.9501C9.38 18.9501 9.64 18.6901 9.64 18.3801C9.64 18.0701 9.39 17.8101 9.07 17.8101Z" fill="#292D32"/>
+<path d="M19 8.38C18.68 8.29 18.35 8.25 18 8.25H6C5.65 8.25 5.32 8.29 5 8.38C3.28 8.83 2 10.4 2 12.25V18.25C2 20.45 3.8 22.25 6 22.25H18C20.2 22.25 22 20.45 22 18.25V12.25C22 10.4 20.72 8.83 19 8.38ZM16 13.28V17.5C16 18.64 15.07 19.57 13.93 19.57C12.79 19.57 11.86 18.64 11.86 17.5C11.86 16.36 12.79 15.43 13.93 15.43C14.13 15.43 14.32 15.47 14.5 15.52V14.26L11.15 15.17V18.38C11.15 18.39 11.15 18.4 11.14 18.41C11.13 19.54 10.2 20.46 9.07 20.46C7.93 20.46 7 19.53 7 18.38C7 17.23 7.93 16.31 9.07 16.31C9.27 16.31 9.46 16.35 9.65 16.4V14.6V13.05C9.65 12.19 10.19 11.49 11.01 11.27L13.66 10.54C14.51 10.31 15.05 10.53 15.35 10.76C15.65 10.99 16 11.44 16 12.33V13.28Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/music-play.svg b/public/images/icons/vuesax/bold/music-play.svg
new file mode 100644
index 0000000..f3d160e
--- /dev/null
+++ b/public/images/icons/vuesax/bold/music-play.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="M13.18 11.8601C12.78 11.8601 12.42 11.6401 12.25 11.2801L10.8 8.3901L10.38 9.1701C10.15 9.6001 9.68997 9.8701 9.19997 9.8701H8.46997C8.05997 9.8701 7.71997 9.5301 7.71997 9.1201C7.71997 8.7101 8.05997 8.3701 8.46997 8.3701H9.10997L9.89997 6.9101C10.09 6.5701 10.47 6.3401 10.83 6.3601C11.22 6.3601 11.57 6.5901 11.75 6.9301L13.18 9.7901L13.52 9.1001C13.75 8.6401 14.2 8.3601 14.72 8.3601H15.53C15.94 8.3601 16.28 8.7001 16.28 9.1101C16.28 9.5201 15.94 9.8601 15.53 9.8601H14.82L14.11 11.2701C13.93 11.6401 13.58 11.8601 13.18 11.8601Z" fill="#292D32"/>
+<path d="M2.75006 18.6498C2.34006 18.6498 2.00006 18.3098 2.00006 17.8998V12.1998C1.95006 9.4898 2.96006 6.9298 4.84006 5.0098C6.72006 3.0998 9.24006 2.0498 11.9501 2.0498C17.4901 2.0498 22.0001 6.5598 22.0001 12.0998V17.7998C22.0001 18.2098 21.6601 18.5498 21.2501 18.5498C20.8401 18.5498 20.5001 18.2098 20.5001 17.7998V12.0998C20.5001 7.3898 16.6701 3.5498 11.9501 3.5498C9.64006 3.5498 7.50006 4.43981 5.91006 6.0598C4.31006 7.68981 3.46006 9.85981 3.50006 12.1798V17.8898C3.50006 18.3098 3.17006 18.6498 2.75006 18.6498Z" fill="#292D32"/>
+<path d="M5.94 12.4502H5.81C3.71 12.4502 2 14.1602 2 16.2602V18.1402C2 20.2402 3.71 21.9502 5.81 21.9502H5.94C8.04 21.9502 9.75 20.2402 9.75 18.1402V16.2602C9.75 14.1602 8.04 12.4502 5.94 12.4502Z" fill="#292D32"/>
+<path d="M18.19 12.4502H18.06C15.96 12.4502 14.25 14.1602 14.25 16.2602V18.1402C14.25 20.2402 15.96 21.9502 18.06 21.9502H18.19C20.29 21.9502 22 20.2402 22 18.1402V16.2602C22 14.1602 20.29 12.4502 18.19 12.4502Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/music-playlist.svg b/public/images/icons/vuesax/bold/music-playlist.svg
new file mode 100644
index 0000000..75a13fb
--- /dev/null
+++ b/public/images/icons/vuesax/bold/music-playlist.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="M18 5.25H6C5.59 5.25 5.25 4.91 5.25 4.5C5.25 4.09 5.59 3.75 6 3.75H18C18.41 3.75 18.75 4.09 18.75 4.5C18.75 4.91 18.41 5.25 18 5.25Z" fill="#292D32"/>
+<path d="M15 2.75H9C8.59 2.75 8.25 2.41 8.25 2C8.25 1.59 8.59 1.25 9 1.25H15C15.41 1.25 15.75 1.59 15.75 2C15.75 2.41 15.41 2.75 15 2.75Z" fill="#292D32"/>
+<path d="M13.91 16.21C13.57 16.21 13.29 16.49 13.29 16.83C13.29 17.17 13.57 17.45 13.91 17.45C14.25 17.45 14.53 17.17 14.53 16.83C14.53 16.49 14.25 16.21 13.91 16.21Z" fill="#292D32"/>
+<path d="M9.51002 17.7399C9.51002 17.3999 9.23002 17.1299 8.89002 17.1299C8.55002 17.1299 8.27002 17.4099 8.27002 17.7499C8.27002 18.0899 8.55002 18.3699 8.89002 18.3699C9.23002 18.3599 9.51002 18.0799 9.51002 17.7399Z" fill="#292D32"/>
+<path d="M18 7H6C3.8 7 2 8.8 2 11V18C2 20.2 3.8 22 6 22H18C20.2 22 22 20.2 22 18V11C22 8.8 20.2 7 18 7ZM16.03 12.46V16.83C16.03 16.85 16.02 16.86 16.02 16.88C15.99 18.02 15.06 18.95 13.91 18.95C12.74 18.95 11.79 18 11.79 16.83C11.79 15.66 12.74 14.71 13.91 14.71C14.13 14.71 14.33 14.75 14.53 14.81V13.44L11.01 14.4V17.73V17.74C11.01 18.91 10.06 19.86 8.89 19.86C7.72 19.86 6.77 18.91 6.77 17.74C6.77 16.57 7.72 15.62 8.89 15.62C9.11 15.62 9.31 15.66 9.51 15.72V13.82V12.22C9.51 11.33 10.06 10.61 10.91 10.39L13.64 9.64C14.52 9.41 15.06 9.64 15.37 9.88C15.67 10.11 16.03 10.58 16.03 11.47V12.46Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/music-square-add.svg b/public/images/icons/vuesax/bold/music-square-add.svg
new file mode 100644
index 0000000..4cd35d8
--- /dev/null
+++ b/public/images/icons/vuesax/bold/music-square-add.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="M19.21 15.0098C18.12 14.9398 17 15.3398 16.17 16.1698C14.61 17.7298 14.61 20.2598 16.17 21.8298C16.7 22.3598 17.35 22.7098 18.04 22.8798C18.42 22.9798 18.82 23.0098 19.22 22.9898C20.17 22.9498 21.1 22.5698 21.83 21.8398C22.86 20.8098 23.21 19.3598 22.88 18.0498C22.72 17.3598 22.36 16.7098 21.83 16.1798C21.11 15.4498 20.17 15.0598 19.21 15.0098ZM21.24 18.9798C21.24 19.1898 21.16 19.3698 21.02 19.5098C20.88 19.6498 20.7 19.7298 20.49 19.7298H19.75V20.5098C19.75 20.7198 19.67 20.8998 19.53 21.0398C19.39 21.1798 19.21 21.2598 19 21.2598C18.59 21.2598 18.25 20.9198 18.25 20.5098V19.7298H17.5C17.09 19.7298 16.75 19.3898 16.75 18.9798C16.75 18.5698 17.09 18.2298 17.5 18.2298H18.25V17.5198C18.25 17.1098 18.59 16.7698 19 16.7698C19.41 16.7698 19.75 17.1098 19.75 17.5198V18.2298H20.49C20.91 18.2298 21.24 18.5698 21.24 18.9798Z" fill="#292D32"/>
+<path d="M12.23 12.0698C11.82 12.0698 11.49 12.3998 11.49 12.8098C11.49 13.2198 11.82 13.5498 12.23 13.5498C12.64 13.5498 12.97 13.2198 12.97 12.8098C12.97 12.3998 12.64 12.0698 12.23 12.0698Z" fill="#292D32"/>
+<path d="M6.76002 13.0601C6.35002 13.0601 6.02002 13.3901 6.02002 13.8001C6.02002 14.2101 6.35002 14.5401 6.76002 14.5401C7.17002 14.5401 7.50002 14.2101 7.50002 13.8001C7.50002 13.3901 7.17002 13.0601 6.76002 13.0601Z" fill="#292D32"/>
+<path d="M16.19 2H7.81C7.53 2 7.26 2.01 7 2.05C3.85 2.34 2 4.45 2 7.81V16.19C2 19.55 3.85 21.66 7 21.95C7.26 21.99 7.53 22 7.81 22H13.5C13.89 22 14.14 21.56 13.99 21.2C13.7 20.51 13.5 19.71 13.5 19C13.5 15.97 15.97 13.5 19 13.5C19.76 13.5 20.5 13.65 21.18 13.95C21.55 14.11 22 13.86 22 13.46V7.81C22 4.17 19.83 2 16.19 2ZM14.48 8.05V12.81C14.48 12.82 14.47 12.83 14.47 12.85C14.45 14.07 13.46 15.06 12.23 15.06C10.99 15.06 9.99 14.05 9.99 12.82C9.99 11.58 11 10.58 12.23 10.58C12.49 10.58 12.74 10.63 12.98 10.72V9.03L9.01 10.11V13.81C9.01 13.82 9 13.83 9 13.84C8.98 15.06 7.99 16.04 6.76 16.04C5.52 16.04 4.52 15.03 4.52 13.8C4.52 12.57 5.53 11.56 6.76 11.56C7.02 11.56 7.27 11.61 7.5 11.7V9.54V7.79C7.5 6.86 8.08 6.11 8.97 5.87L11.95 5.05C12.88 4.8 13.45 5.05 13.77 5.29C14.23 5.64 14.46 6.21 14.46 6.97V8.05H14.48Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/music-square-remove.svg b/public/images/icons/vuesax/bold/music-square-remove.svg
new file mode 100644
index 0000000..4e7650d
--- /dev/null
+++ b/public/images/icons/vuesax/bold/music-square-remove.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="M21.97 16.33C21.25 15.51 20.18 15 19 15C16.79 15 15 16.79 15 19C15 19.75 15.21 20.46 15.58 21.06C15.78 21.4 16.04 21.71 16.34 21.97C17.04 22.61 17.97 23 19 23C20.46 23 21.73 22.22 22.42 21.06C22.79 20.46 23 19.75 23 19C23 17.98 22.61 17.04 21.97 16.33ZM20.6 20.58C20.45 20.73 20.26 20.8 20.07 20.8C19.88 20.8 19.69 20.73 19.54 20.58L19.01 20.05L18.46 20.6C18.31 20.75 18.12 20.82 17.93 20.82C17.74 20.82 17.55 20.75 17.4 20.6C17.11 20.31 17.11 19.83 17.4 19.54L17.95 18.99L17.42 18.46C17.13 18.17 17.13 17.69 17.42 17.4C17.71 17.11 18.19 17.11 18.48 17.4L19.01 17.93L19.51 17.43C19.8 17.14 20.28 17.14 20.57 17.43C20.86 17.72 20.86 18.2 20.57 18.49L20.07 18.99L20.6 19.52C20.89 19.81 20.89 20.28 20.6 20.58Z" fill="#292D32"/>
+<path d="M12.23 12.0698C11.82 12.0698 11.49 12.3998 11.49 12.8098C11.49 13.2198 11.82 13.5498 12.23 13.5498C12.64 13.5498 12.97 13.2198 12.97 12.8098C12.97 12.3998 12.64 12.0698 12.23 12.0698Z" fill="#292D32"/>
+<path d="M6.76002 13.0601C6.35002 13.0601 6.02002 13.3901 6.02002 13.8001C6.02002 14.2101 6.35002 14.5401 6.76002 14.5401C7.17002 14.5401 7.50002 14.2101 7.50002 13.8001C7.50002 13.3901 7.17002 13.0601 6.76002 13.0601Z" fill="#292D32"/>
+<path d="M16.19 2H7.81C7.53 2 7.26 2.01 7 2.05C3.85 2.34 2 4.45 2 7.81V16.19C2 19.55 3.85 21.66 7 21.95C7.26 21.99 7.53 22 7.81 22H13.5C13.89 22 14.14 21.56 13.99 21.2C13.7 20.51 13.5 19.71 13.5 19C13.5 15.97 15.97 13.5 19 13.5C19.76 13.5 20.5 13.65 21.18 13.95C21.55 14.11 22 13.86 22 13.46V7.81C22 4.17 19.83 2 16.19 2ZM14.48 8.05V12.81C14.48 12.82 14.47 12.83 14.47 12.85C14.45 14.07 13.46 15.06 12.23 15.06C10.99 15.06 9.99 14.05 9.99 12.82C9.99 11.58 11 10.58 12.23 10.58C12.49 10.58 12.74 10.63 12.98 10.72V9.03L9.01 10.11V13.81C9.01 13.82 9 13.83 9 13.84C8.98 15.06 7.99 16.04 6.76 16.04C5.52 16.04 4.52 15.03 4.52 13.8C4.52 12.57 5.53 11.56 6.76 11.56C7.02 11.56 7.27 11.61 7.5 11.7V9.54V7.79C7.5 6.86 8.08 6.11 8.97 5.87L11.95 5.05C12.88 4.8 13.45 5.05 13.77 5.29C14.23 5.64 14.46 6.21 14.46 6.97V8.05H14.48Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/music-square-search.svg b/public/images/icons/vuesax/bold/music-square-search.svg
new file mode 100644
index 0000000..2c128e3
--- /dev/null
+++ b/public/images/icons/vuesax/bold/music-square-search.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="M22.79 21.76L22.07 21.04C22.44 20.48 22.66 19.8 22.66 19.08C22.66 17.1 21.06 15.5 19.08 15.5C17.1 15.5 15.5 17.1 15.5 19.08C15.5 21.06 17.1 22.66 19.08 22.66C19.81 22.66 20.48 22.44 21.04 22.07L21.76 22.79C21.9 22.93 22.09 23 22.27 23C22.46 23 22.64 22.93 22.78 22.79C23.07 22.5 23.07 22.04 22.79 21.76Z" fill="#292D32"/>
+<path d="M12.23 12.0698C11.82 12.0698 11.49 12.3998 11.49 12.8098C11.49 13.2198 11.82 13.5498 12.23 13.5498C12.64 13.5498 12.97 13.2198 12.97 12.8098C12.97 12.3998 12.64 12.0698 12.23 12.0698Z" fill="#292D32"/>
+<path d="M6.76002 13.0601C6.35002 13.0601 6.02002 13.3901 6.02002 13.8001C6.02002 14.2101 6.35002 14.5401 6.76002 14.5401C7.17002 14.5401 7.50002 14.2101 7.50002 13.8001C7.50002 13.3901 7.17002 13.0601 6.76002 13.0601Z" fill="#292D32"/>
+<path d="M16.19 2H7.81C7.53 2 7.26 2.01 7 2.05C3.85 2.34 2 4.45 2 7.81V16.19C2 19.55 3.85 21.66 7 21.95C7.26 21.99 7.53 22 7.81 22H13.5C13.89 22 14.14 21.56 13.99 21.2C13.7 20.51 13.5 19.71 13.5 19C13.5 15.97 15.97 13.5 19 13.5C19.76 13.5 20.5 13.65 21.18 13.95C21.55 14.11 22 13.86 22 13.46V7.81C22 4.17 19.83 2 16.19 2ZM14.48 8.05V12.81C14.48 12.82 14.47 12.83 14.47 12.85C14.45 14.07 13.46 15.06 12.23 15.06C10.99 15.06 9.99 14.05 9.99 12.82C9.99 11.58 11 10.58 12.23 10.58C12.49 10.58 12.74 10.63 12.98 10.72V9.03L9.01 10.11V13.81C9.01 13.82 9 13.83 9 13.84C8.98 15.06 7.99 16.04 6.76 16.04C5.52 16.04 4.52 15.03 4.52 13.8C4.52 12.57 5.53 11.56 6.76 11.56C7.02 11.56 7.27 11.61 7.5 11.7V9.54V7.79C7.5 6.86 8.08 6.11 8.97 5.87L11.95 5.05C12.88 4.8 13.45 5.05 13.77 5.29C14.23 5.64 14.46 6.21 14.46 6.97V8.05H14.48Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/music-square.svg b/public/images/icons/vuesax/bold/music-square.svg
new file mode 100644
index 0000000..60d8c34
--- /dev/null
+++ b/public/images/icons/vuesax/bold/music-square.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="M14.54 13.6699C14.18 13.6699 13.89 13.9599 13.89 14.3199C13.89 14.6799 14.18 14.9699 14.54 14.9699C14.9 14.9699 15.19 14.6799 15.19 14.3199C15.18 13.9599 14.89 13.6699 14.54 13.6699Z" fill="#292D32"/>
+<path d="M9.06003 14.6602C8.70003 14.6602 8.41003 14.9502 8.41003 15.3102C8.41003 15.6702 8.70003 15.9602 9.06003 15.9602C9.42003 15.9602 9.71003 15.6702 9.71003 15.3102C9.71003 14.9502 9.42003 14.6602 9.06003 14.6602Z" fill="#292D32"/>
+<path d="M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM16.88 9.55V14.31C16.88 15.6 15.83 16.65 14.54 16.65C13.25 16.65 12.2 15.6 12.2 14.31C12.2 13.02 13.25 11.97 14.54 11.97C14.77 11.97 14.98 12.01 15.19 12.07V10.65L11.41 11.68V15.3C11.41 15.31 11.4 15.32 11.4 15.33C11.39 16.61 10.34 17.64 9.06 17.64C7.77 17.64 6.72 16.59 6.72 15.3C6.72 14.01 7.77 12.96 9.06 12.96C9.29 12.96 9.5 13 9.71 13.06V11.03V9.29C9.71 8.32 10.31 7.53 11.25 7.28L14.24 6.46C15.2 6.2 15.8 6.45 16.14 6.71C16.47 6.97 16.88 7.48 16.88 8.48V9.55Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/music.svg b/public/images/icons/vuesax/bold/music.svg
new file mode 100644
index 0000000..53ebfb5
--- /dev/null
+++ b/public/images/icons/vuesax/bold/music.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="M20.89 5.18007V16.4801C20.89 18.4601 19.28 20.0701 17.3 20.0701C15.33 20.0701 13.71 18.4601 13.71 16.4801C13.71 14.5101 15.33 12.9001 17.3 12.9001C18.14 12.9001 18.89 13.1901 19.5 13.6701V7.72007L10.29 10.3401V18.4101C10.29 20.3901 8.66999 22.0001 6.69999 22.0001C4.71999 22.0001 3.10999 20.3901 3.10999 18.4101C3.10999 16.4401 4.71999 14.8301 6.69999 14.8301C7.52999 14.8301 8.27999 15.1201 8.88999 15.5901V6.75007C8.88999 5.28007 9.77999 4.14007 11.19 3.76007L16.97 2.18007C18.14 1.86007 19.13 1.97007 19.83 2.51007C20.54 3.04007 20.89 3.94007 20.89 5.18007Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/musicnote.svg b/public/images/icons/vuesax/bold/musicnote.svg
new file mode 100644
index 0000000..751d82c
--- /dev/null
+++ b/public/images/icons/vuesax/bold/musicnote.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="M21.72 6.27977V7.44977C21.72 8.42977 21.33 9.26977 20.64 9.75977C20.21 10.0798 19.68 10.2298 19.13 10.2298C18.79 10.2298 18.45 10.1798 18.1 10.0598L12.72 8.26977V17.9998C12.72 20.6198 10.59 22.7498 7.96997 22.7498C5.34997 22.7498 3.21997 20.6198 3.21997 17.9998C3.21997 15.3798 5.34997 13.2498 7.96997 13.2498C9.22997 13.2498 10.37 13.7498 11.22 14.5498V3.99977C11.22 3.02977 11.62 2.18977 12.31 1.68977C13 1.19977 13.92 1.08977 14.84 1.38977L19.26 2.86977C20.62 3.31977 21.72 4.84977 21.72 6.27977Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/nebulas-(nas).svg b/public/images/icons/vuesax/bold/nebulas-(nas).svg
new file mode 100644
index 0000000..cdbb3a0
--- /dev/null
+++ b/public/images/icons/vuesax/bold/nebulas-(nas).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 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM13.5 14.75L13.19 14.65L13 15.25L12 18.25L9.5 13.57L9.39999 13.38L6 12.25L8.17999 11.16L10 10.25L10.47 10.04L12 5.25L13.55 8.64999L14.5 10.75L14.09 10.96L18 12.25L13.5 14.75Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/nem-(xem).svg b/public/images/icons/vuesax/bold/nem-(xem).svg
new file mode 100644
index 0000000..bf9370d
--- /dev/null
+++ b/public/images/icons/vuesax/bold/nem-(xem).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="M15.0702 17.8798L14.0602 20.0998C13.8002 20.6598 13.4202 21.1498 12.9102 21.4898C12.3902 21.8398 11.7102 21.8698 11.1702 21.5298C9.53018 20.4898 5.95022 17.8198 3.78022 13.1898C3.70022 13.0298 3.92019 12.8698 4.06019 12.9698C4.63019 13.3698 5.24017 13.6498 5.91017 13.8098C6.32017 13.8998 6.74021 13.9398 7.14021 13.9398C9.00021 13.9398 10.6802 12.9898 11.8002 12.1698C12.1302 11.9298 12.5702 11.8798 12.9102 12.0898C14.0302 12.7898 14.7802 13.6298 15.1502 14.5798C15.7902 16.2598 15.0902 17.8098 15.0702 17.8798Z" fill="black"/>
+<path d="M16.8502 18.0502C16.7702 18.1402 16.6102 18.0402 16.6502 17.9302C17.0902 16.4702 17.6602 12.6202 12.5602 10.1802C12.2502 10.0302 12.0202 9.75016 11.9802 9.41016C11.3602 3.85016 16.1502 2.85015 16.1502 2.85015C16.5402 2.77015 16.9502 2.77015 17.3302 2.88015C18.4102 3.17015 19.5102 3.57016 20.6202 4.11016C21.5702 4.57016 22.1202 5.57016 21.9802 6.62016C21.6502 9.10016 20.5502 13.8802 16.8502 18.0502Z" fill="black"/>
+<path d="M10.56 10.21L10.5901 10.41C10.6601 10.79 10.5 11.18 10.18 11.38C8.03003 12.73 4.51002 13.75 2.36002 7.83998C2.16002 7.29998 2.04003 6.89999 2.00003 6.31999C1.95003 5.55999 2.38003 4.68999 3.06003 4.36999C4.82003 3.54999 8.54006 2.11999 13.0301 2.24999C13.2301 2.25999 13.3 2.51999 13.14 2.62999C11.41 3.94999 9.92003 6.32999 10.56 10.21Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/nexo-(nexo).svg b/public/images/icons/vuesax/bold/nexo-(nexo).svg
new file mode 100644
index 0000000..29bae42
--- /dev/null
+++ b/public/images/icons/vuesax/bold/nexo-(nexo).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="M22 6.28017V17.7102C22 17.8902 21.91 18.0502 21.76 18.1402L18.87 19.8702C18.71 19.9602 18.52 19.9602 18.36 19.8702L8.75 14.2802C8.6 14.1902 8.5 14.0302 8.5 13.8502V12.5202C8.5 12.1302 8.91999 11.8902 9.25999 12.0902L17.75 17.1802C18.08 17.3802 18.51 17.1402 18.51 16.7502V8.42017C18.51 8.24017 18.42 8.08018 18.27 7.99018L14.19 5.54016C13.87 5.35016 13.87 4.88016 14.19 4.68016L16.76 3.13018C16.92 3.03018 17.12 3.03018 17.28 3.13018L21.78 5.83017C21.91 5.94017 22 6.11017 22 6.28017Z" fill="black"/>
+<path d="M11.29 18.4299L7.26001 20.85C7.10001 20.95 6.90002 20.95 6.75002 20.85L2.25002 18.15C2.10002 18.06 2.01001 17.9 2.01001 17.72V6.28995C2.01001 6.10995 2.10002 5.94996 2.25002 5.85996L6.75002 3.15996C6.91002 3.05996 7.11001 3.05996 7.26001 3.15996L16.76 8.85996C16.91 8.94996 17 9.10995 17 9.28995V14.12C17 14.51 16.58 14.75 16.24 14.55L7.75002 9.45996C7.42002 9.25996 6.99002 9.49996 6.99002 9.88996V14.72C6.99002 14.9 7.08001 15.06 7.23001 15.15L11.27 17.58C11.61 17.77 11.61 18.2299 11.29 18.4299Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/next.svg b/public/images/icons/vuesax/bold/next.svg
new file mode 100644
index 0000000..7d52391
--- /dev/null
+++ b/public/images/icons/vuesax/bold/next.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="M3.76001 7.22006V16.7901C3.76001 18.7501 5.89001 19.9801 7.59001 19.0001L11.74 16.6101L15.89 14.2101C17.59 13.2301 17.59 10.7801 15.89 9.80006L11.74 7.40006L7.59001 5.01006C5.89001 4.03006 3.76001 5.25006 3.76001 7.22006Z" fill="#292D32"/>
+<path d="M20.24 18.9298C19.83 18.9298 19.49 18.5898 19.49 18.1798V5.81982C19.49 5.40982 19.83 5.06982 20.24 5.06982C20.65 5.06982 20.99 5.40982 20.99 5.81982V18.1798C20.99 18.5898 20.66 18.9298 20.24 18.9298Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/note-1.svg b/public/images/icons/vuesax/bold/note-1.svg
new file mode 100644
index 0000000..6e48efe
--- /dev/null
+++ b/public/images/icons/vuesax/bold/note-1.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 4.25C16 5.49 14.99 6.5 13.75 6.5H10.25C9.63 6.5 9.07 6.25 8.66 5.84C8.25 5.43 8 4.87 8 4.25C8 3.01 9.01 2 10.25 2H13.75C14.37 2 14.93 2.25 15.34 2.66C15.75 3.07 16 3.63 16 4.25Z" fill="#292D32"/>
+<path d="M18.83 5.03021C18.6 4.84021 18.34 4.69021 18.06 4.58021C17.77 4.47021 17.48 4.70021 17.42 5.00021C17.08 6.71021 15.57 8.00021 13.75 8.00021H10.25C9.25 8.00021 8.31 7.61021 7.6 6.90021C7.08 6.38021 6.72 5.72021 6.58 5.01021C6.52 4.71021 6.22 4.47021 5.93 4.59021C4.77 5.06021 4 6.12021 4 8.25021V18.0002C4 21.0002 5.79 22.0002 8 22.0002H16C18.21 22.0002 20 21.0002 20 18.0002V8.25021C20 6.62021 19.55 5.62021 18.83 5.03021ZM8 12.2502H12C12.41 12.2502 12.75 12.5902 12.75 13.0002C12.75 13.4102 12.41 13.7502 12 13.7502H8C7.59 13.7502 7.25 13.4102 7.25 13.0002C7.25 12.5902 7.59 12.2502 8 12.2502ZM16 17.7502H8C7.59 17.7502 7.25 17.4102 7.25 17.0002C7.25 16.5902 7.59 16.2502 8 16.2502H16C16.41 16.2502 16.75 16.5902 16.75 17.0002C16.75 17.4102 16.41 17.7502 16 17.7502Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/note-2.svg b/public/images/icons/vuesax/bold/note-2.svg
new file mode 100644
index 0000000..6482a00
--- /dev/null
+++ b/public/images/icons/vuesax/bold/note-2.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.6777 19.957C12.9524 20.0209 12.9776 20.3807 12.71 20.4699L11.13 20.9899C7.15998 22.2699 5.06997 21.1999 3.77998 17.2299L2.49997 13.2799C1.21997 9.30992 2.27997 7.20992 6.24997 5.92992L6.77397 5.75639C7.17684 5.62297 7.5689 6.02703 7.45451 6.43571C7.3978 6.63828 7.34326 6.84968 7.28997 7.06992L6.30997 11.2599C5.20997 15.9699 6.81997 18.5699 11.53 19.6899L12.6777 19.957Z" fill="#292D32"/>
+<path d="M17.1701 3.21001L15.5001 2.82001C12.1601 2.03001 10.1701 2.68001 9.00006 5.10001C8.70006 5.71001 8.46006 6.45001 8.26006 7.30001L7.28006 11.49C6.30006 15.67 7.59006 17.73 11.7601 18.72L13.4401 19.12C14.0201 19.26 14.5601 19.35 15.0601 19.39C18.1801 19.69 19.8401 18.23 20.6801 14.62L21.6601 10.44C22.6401 6.26001 21.3601 4.19001 17.1701 3.21001ZM15.2901 13.33C15.2001 13.67 14.9001 13.89 14.5601 13.89C14.5001 13.89 14.4401 13.88 14.3701 13.87L11.4601 13.13C11.0601 13.03 10.8201 12.62 10.9201 12.22C11.0201 11.82 11.4301 11.58 11.8301 11.68L14.7401 12.42C15.1501 12.52 15.3901 12.93 15.2901 13.33ZM18.2201 9.95001C18.1301 10.29 17.8301 10.51 17.4901 10.51C17.4301 10.51 17.3701 10.5 17.3001 10.49L12.4501 9.26001C12.0501 9.16001 11.8101 8.75001 11.9101 8.35001C12.0101 7.95001 12.4201 7.71001 12.8201 7.81001L17.6701 9.04001C18.0801 9.13001 18.3201 9.54001 18.2201 9.95001Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/note-add.svg b/public/images/icons/vuesax/bold/note-add.svg
new file mode 100644
index 0000000..421621a
--- /dev/null
+++ b/public/images/icons/vuesax/bold/note-add.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.28998 6.29C7.86998 6.29 7.53998 5.95 7.53998 5.54V2.75C7.53998 2.34 7.86998 2 8.28998 2C8.70998 2 9.03998 2.34 9.03998 2.75V5.53C9.03998 5.95 8.70998 6.29 8.28998 6.29Z" fill="#292D32"/>
+<path d="M15.71 6.29C15.29 6.29 14.96 5.95 14.96 5.54V2.75C14.96 2.33 15.3 2 15.71 2C16.13 2 16.46 2.34 16.46 2.75V5.53C16.46 5.95 16.13 6.29 15.71 6.29Z" fill="#292D32"/>
+<path d="M19.57 4.5C18.91 4.01 17.96 4.48 17.96 5.31V5.41C17.96 6.58 17.12 7.66 15.95 7.78C14.6 7.92 13.46 6.86 13.46 5.54V4.5C13.46 3.95 13.01 3.5 12.46 3.5H11.54C10.99 3.5 10.54 3.95 10.54 4.5V5.54C10.54 6.33 10.13 7.03 9.51 7.42C9.42 7.48 9.32 7.53 9.22 7.58C9.13 7.63 9.03 7.67 8.92 7.7C8.8 7.74 8.67 7.77 8.53 7.78C8.37 7.8 8.21 7.8 8.05 7.78C7.91 7.77 7.78 7.74 7.66 7.7C7.56 7.67 7.46 7.63 7.36 7.58C7.26 7.53 7.16 7.48 7.07 7.42C6.44 6.98 6.04 6.22 6.04 5.41V5.31C6.04 4.54 5.22 4.08 4.57 4.41C4.56 4.42 4.55 4.42 4.54 4.43C4.5 4.45 4.47 4.47 4.43 4.5C4.4 4.53 4.36 4.55 4.33 4.58C4.05 4.8 3.8 5.05 3.59 5.32C3.48 5.44 3.39 5.57 3.31 5.7C3.3 5.71 3.29 5.72 3.28 5.74C3.19 5.87 3.11 6.02 3.04 6.16C3.02 6.18 3.01 6.19 3.01 6.21C2.95 6.33 2.89 6.45 2.85 6.58C2.82 6.63 2.81 6.67 2.79 6.72C2.73 6.87 2.69 7.02 2.65 7.17C2.61 7.31 2.58 7.46 2.56 7.61C2.54 7.72 2.53 7.83 2.52 7.95C2.51 8.09 2.5 8.23 2.5 8.37V17.13C2.5 19.82 4.68 22 7.37 22H16.63C19.32 22 21.5 19.82 21.5 17.13V8.37C21.5 6.78 20.74 5.39 19.57 4.5ZM12 16.25H10.31V18C10.31 18.41 9.97 18.75 9.56 18.75C9.14 18.75 8.81 18.41 8.81 18V16.25H7C6.59 16.25 6.25 15.91 6.25 15.5C6.25 15.09 6.59 14.75 7 14.75H8.81V13C8.81 12.59 9.14 12.25 9.56 12.25C9.97 12.25 10.31 12.59 10.31 13V14.75H12C12.41 14.75 12.75 15.09 12.75 15.5C12.75 15.91 12.41 16.25 12 16.25Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/note-favorite.svg b/public/images/icons/vuesax/bold/note-favorite.svg
new file mode 100644
index 0000000..963707a
--- /dev/null
+++ b/public/images/icons/vuesax/bold/note-favorite.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="M7.75 3.5V2C7.75 1.59 7.41 1.25 7 1.25C6.59 1.25 6.25 1.59 6.25 2V3.56C6.5 3.53 6.73 3.5 7 3.5H7.75Z" fill="#292D32"/>
+<path d="M15.75 3.56V2C15.75 1.59 15.41 1.25 15 1.25C14.59 1.25 14.25 1.59 14.25 2V3.5H15C15.27 3.5 15.5 3.53 15.75 3.56Z" fill="#292D32"/>
+<path d="M21.29 14.97C20.52 14.36 19.55 14 18.5 14C17.45 14 16.46 14.37 15.69 14.99C14.65 15.81 14 17.09 14 18.5C14 19.34 14.24 20.15 14.65 20.81C14.97 21.33 15.38 21.79 15.87 22.14C16.61 22.68 17.51 23 18.5 23C19.64 23 20.67 22.58 21.46 21.88C21.81 21.59 22.11 21.23 22.35 20.82C22.76 20.15 23 19.34 23 18.5C23 17.07 22.33 15.79 21.29 14.97ZM18.5 20.64C18.5 19.46 17.54 18.5 16.36 18.5C17.54 18.5 18.5 17.54 18.5 16.36C18.5 17.54 19.46 18.5 20.64 18.5C19.46 18.5 18.5 19.46 18.5 20.64Z" fill="#292D32"/>
+<path d="M15.75 3.56V5C15.75 5.41 15.41 5.75 15 5.75C14.59 5.75 14.25 5.41 14.25 5V3.5H7.75V5C7.75 5.41 7.41 5.75 7 5.75C6.59 5.75 6.25 5.41 6.25 5V3.56C3.3 3.83 2 5.73 2 8.5V17C2 20 3.5 22 7 22H11.13C11.89 22 12.4 21.15 12.21 20.41C12.07 19.87 12 19.31 12 18.75C12 16.67 12.93 14.75 14.54 13.48C15.71 12.53 17.21 12 18.75 12H18.79C19.42 12 20 11.54 20 10.91V8.5C20 5.73 18.7 3.83 15.75 3.56ZM9 16.75H7C6.59 16.75 6.25 16.41 6.25 16C6.25 15.59 6.59 15.25 7 15.25H9C9.41 15.25 9.75 15.59 9.75 16C9.75 16.41 9.41 16.75 9 16.75ZM12 11.75H7C6.59 11.75 6.25 11.41 6.25 11C6.25 10.59 6.59 10.25 7 10.25H12C12.41 10.25 12.75 10.59 12.75 11C12.75 11.41 12.41 11.75 12 11.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/note-remove.svg b/public/images/icons/vuesax/bold/note-remove.svg
new file mode 100644
index 0000000..5ac7af2
--- /dev/null
+++ b/public/images/icons/vuesax/bold/note-remove.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="M5.97 1H3.03C1.76 1 1 1.76 1 3.03V5.97C1 7.24 1.76 8 3.03 8H5.97C7.24 8 8 7.24 8 5.97V3.03C8 1.76 7.24 1 5.97 1ZM6.47 5.56C6.72 5.81 6.72 6.22 6.47 6.47C6.34 6.59 6.17 6.65 6.01 6.65C5.85 6.65 5.69 6.59 5.56 6.47L4.49 5.41L3.45 6.47C3.32 6.59 3.16 6.65 2.98 6.65C2.82 6.65 2.66 6.59 2.53 6.47C2.28 6.22 2.28 5.81 2.53 5.56L3.6 4.5L2.54 3.45C2.29 3.2 2.29 2.79 2.54 2.54C2.79 2.29 3.2 2.29 3.45 2.54L4.49 3.6L5.55 2.54C5.8 2.29 6.21 2.29 6.46 2.54C6.71 2.79 6.71 3.2 6.46 3.45L5.41 4.5L6.47 5.56Z" fill="#292D32"/>
+<path d="M21.5 15.8202C21.5 15.9702 21.45 16.1202 21.32 16.2502C19.87 17.7102 17.29 20.3102 15.81 21.8002C15.68 21.9402 15.51 22.0002 15.34 22.0002C15.01 22.0002 14.69 21.7402 14.69 21.3602V17.8602C14.69 16.4002 15.93 15.1902 17.45 15.1902C18.4 15.1802 19.72 15.1802 20.85 15.1802C21.24 15.1802 21.5 15.4902 21.5 15.8202Z" fill="#292D32"/>
+<path d="M21.5 15.8202C21.5 15.9702 21.45 16.1202 21.32 16.2502C19.87 17.7102 17.29 20.3102 15.81 21.8002C15.68 21.9402 15.51 22.0002 15.34 22.0002C15.01 22.0002 14.69 21.7402 14.69 21.3602V17.8602C14.69 16.4002 15.93 15.1902 17.45 15.1902C18.4 15.1802 19.72 15.1802 20.85 15.1802C21.24 15.1802 21.5 15.4902 21.5 15.8202Z" fill="#292D32"/>
+<path d="M16.63 2H10.5C9.95 2 9.5 2.45 9.5 3V6.5C9.5 8.16 8.16 9.5 6.5 9.5H3.5C2.95 9.5 2.5 9.95 2.5 10.5V17.13C2.5 19.82 4.68 22 7.37 22H12.19C12.74 22 13.19 21.55 13.19 21V17.86C13.19 15.56 15.1 13.69 17.45 13.69C17.98 13.68 19.27 13.68 20.5 13.68C21.05 13.68 21.5 13.24 21.5 12.68V6.87C21.5 4.18 19.32 2 16.63 2ZM8.72 17.01H6.08C5.67 17.01 5.33 16.67 5.33 16.26C5.33 15.84 5.67 15.5 6.08 15.5H8.72C9.15 15.5 9.47 15.84 9.47 16.26C9.47 16.67 9.15 17.01 8.72 17.01ZM11.51 13.3H6.08C5.67 13.3 5.33 12.96 5.33 12.55C5.33 12.13 5.67 11.79 6.08 11.79H11.51C11.92 11.79 12.27 12.13 12.27 12.55C12.27 12.96 11.92 13.3 11.51 13.3Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/note-square.svg b/public/images/icons/vuesax/bold/note-square.svg
new file mode 100644
index 0000000..5508d11
--- /dev/null
+++ b/public/images/icons/vuesax/bold/note-square.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="M21.62 12.1L21 11.89L19.33 11.34C18.75 11.15 18.16 11.22 17.71 11.54C17.27 11.87 17.01 12.4 17.01 13.02V17.81C16.61 17.59 16.16 17.45 15.67 17.45C14.13 17.45 12.88 18.71 12.88 20.25C12.88 20.51 12.92 20.76 12.98 21C13.31 22.19 14.39 23.05 15.67 23.05C17.2 23.05 18.44 21.83 18.47 20.31V15.7C18.49 15.7 18.5 15.71 18.52 15.72L20.8 16.48C20.84 16.49 20.89 16.51 20.93 16.51C21.11 16.56 21.27 16.58 21.44 16.58C21.8 16.58 22.14 16.48 22.42 16.27C22.87 15.95 23.12 15.42 23.12 14.8V14.2C23.12 13.29 22.48 12.39 21.62 12.1ZM15.67 21.59C15.21 21.59 14.81 21.36 14.57 21C14.42 20.79 14.34 20.53 14.34 20.25C14.34 19.52 14.94 18.92 15.67 18.92C16.41 18.92 17.01 19.52 17.01 20.25C17.01 20.48 16.95 20.69 16.85 20.87C16.63 21.3 16.18 21.59 15.67 21.59Z" fill="#292D32"/>
+<path d="M23.12 14.2V14.8C23.12 15.42 22.87 15.95 22.42 16.27C22.14 16.48 21.8 16.58 21.44 16.58C21.27 16.58 21.11 16.56 20.93 16.51C20.89 16.51 20.84 16.49 20.8 16.48L18.52 15.72C18.5 15.71 18.49 15.7 18.47 15.7V20.31C18.44 21.83 17.2 23.05 15.67 23.05C14.39 23.05 13.31 22.19 12.98 21C12.92 20.76 12.88 20.51 12.88 20.25C12.88 18.71 14.13 17.45 15.67 17.45C16.16 17.45 16.61 17.59 17.01 17.81V13.02C17.01 12.4 17.27 11.87 17.71 11.54C18.16 11.22 18.75 11.15 19.33 11.34L21 11.89L21.62 12.1C22.48 12.39 23.12 13.29 23.12 14.2Z" fill="#292D32"/>
+<path d="M21 7.52V9.62C21 9.96 20.67 10.2 20.34 10.09L19.8 9.91C18.75 9.58 17.68 9.72 16.81 10.34C15.98 10.96 15.51 11.94 15.51 13.02V15.47C15.51 15.74 15.3 15.96 15.03 16C12.97 16.31 11.38 18.1 11.38 20.25C11.38 20.3 11.38 20.35 11.38 20.4C11.39 20.71 11.16 21 10.84 21H7.52C4.07 21 2 18.94 2 15.48V7.52C2 4.06 4.07 2 7.52 2H15.48C18.93 2 21 4.06 21 7.52Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/note-text.svg b/public/images/icons/vuesax/bold/note-text.svg
new file mode 100644
index 0000000..3a7c89c
--- /dev/null
+++ b/public/images/icons/vuesax/bold/note-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="M8.75 3.5V2C8.75 1.59 8.41 1.25 8 1.25C7.59 1.25 7.25 1.59 7.25 2V3.56C7.5 3.53 7.73 3.5 8 3.5H8.75Z" fill="#292D32"/>
+<path d="M16.75 3.56V2C16.75 1.59 16.41 1.25 16 1.25C15.59 1.25 15.25 1.59 15.25 2V3.5H16C16.27 3.5 16.5 3.53 16.75 3.56Z" fill="#292D32"/>
+<path d="M16.75 3.56V5C16.75 5.41 16.41 5.75 16 5.75C15.59 5.75 15.25 5.41 15.25 5V3.5H8.75V5C8.75 5.41 8.41 5.75 8 5.75C7.59 5.75 7.25 5.41 7.25 5V3.56C4.3 3.83 3 5.73 3 8.5V17C3 20 4.5 22 8 22H16C19.5 22 21 20 21 17V8.5C21 5.73 19.7 3.83 16.75 3.56ZM12 16.75H8C7.59 16.75 7.25 16.41 7.25 16C7.25 15.59 7.59 15.25 8 15.25H12C12.41 15.25 12.75 15.59 12.75 16C12.75 16.41 12.41 16.75 12 16.75ZM16 11.75H8C7.59 11.75 7.25 11.41 7.25 11C7.25 10.59 7.59 10.25 8 10.25H16C16.41 10.25 16.75 10.59 16.75 11C16.75 11.41 16.41 11.75 16 11.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/note.svg b/public/images/icons/vuesax/bold/note.svg
new file mode 100644
index 0000000..7da0f89
--- /dev/null
+++ b/public/images/icons/vuesax/bold/note.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="M13.55 20.1599C13.29 20.2699 13.01 20.3699 12.71 20.4699L11.13 20.9899C7.15998 22.2699 5.06997 21.1999 3.77997 17.2299L2.49997 13.2799C1.21997 9.30992 2.27997 7.20992 6.24997 5.92992L7.78997 5.41992C7.59997 5.89992 7.43997 6.44992 7.28997 7.06992L6.30997 11.2599C5.20997 15.9699 6.81997 18.5699 11.53 19.6899L13.21 20.0899C13.32 20.1199 13.44 20.1399 13.55 20.1599Z" fill="#292D32"/>
+<path d="M17.17 3.21001L15.5 2.82001C12.16 2.03001 10.17 2.68001 9 5.10001C8.7 5.71001 8.46 6.45001 8.26 7.30001L7.28 11.49C6.3 15.67 7.59 17.73 11.76 18.72L13.44 19.12C14.02 19.26 14.56 19.35 15.06 19.39C18.18 19.69 19.84 18.23 20.68 14.62L21.66 10.44C22.64 6.26001 21.36 4.19001 17.17 3.21001Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/notification-1.svg b/public/images/icons/vuesax/bold/notification-1.svg
new file mode 100644
index 0000000..396021c
--- /dev/null
+++ b/public/images/icons/vuesax/bold/notification-1.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="M19 8C20.6569 8 22 6.65685 22 5C22 3.34315 20.6569 2 19 2C17.3431 2 16 3.34315 16 5C16 6.65685 17.3431 8 19 8Z" fill="#292D32"/>
+<path d="M21 10.4V16.48C21 16.62 20.99 16.76 20.98 16.89C20.97 17.01 20.96 17.12 20.94 17.24C20.93 17.36 20.91 17.48 20.89 17.59C20.54 20.01 19 21.54 16.59 21.89C16.48 21.91 16.36 21.93 16.24 21.94C16.12 21.96 16.01 21.97 15.89 21.98C15.76 21.99 15.62 22 15.48 22H7.52C7.38 22 7.24 21.99 7.11 21.98C6.99 21.97 6.88 21.96 6.76 21.94C6.64 21.93 6.52 21.91 6.41 21.89C4 21.54 2.46 20.01 2.11 17.59C2.09 17.48 2.07 17.36 2.06 17.24C2.04 17.12 2.03 17.01 2.02 16.89C2.01 16.76 2 16.62 2 16.48V8.52C2 8.38 2.01 8.24 2.02 8.11C2.03 7.99 2.04 7.88 2.06 7.76C2.07 7.64 2.09 7.52 2.11 7.41C2.46 4.99 4 3.46 6.41 3.11C6.52 3.09 6.64 3.07 6.76 3.06C6.88 3.04 6.99 3.03 7.11 3.02C7.24 3.01 7.38 3 7.52 3H13.6C14.24 3 14.7 3.58 14.58 4.2C14.58 4.22 14.57 4.24 14.57 4.26C14.55 4.36 14.54 4.46 14.52 4.57C14.48 4.99 14.5 5.44 14.59 5.9C14.62 6.02 14.64 6.12 14.68 6.23C14.76 6.56 14.89 6.87 15.06 7.16C15.12 7.28 15.2 7.4 15.27 7.51C15.6 7.99 16.01 8.4 16.49 8.73C16.6 8.8 16.72 8.88 16.84 8.94C17.13 9.11 17.44 9.24 17.77 9.32C17.88 9.36 17.98 9.38 18.1 9.41C18.56 9.5 19.01 9.52 19.43 9.48C19.54 9.46 19.64 9.45 19.74 9.43C19.76 9.43 19.78 9.42 19.8 9.42C20.42 9.3 21 9.76 21 10.4Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/notification-bing.svg b/public/images/icons/vuesax/bold/notification-bing.svg
new file mode 100644
index 0000000..7f1b7ce
--- /dev/null
+++ b/public/images/icons/vuesax/bold/notification-bing.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="M20.19 14.0598L19.06 12.1798C18.81 11.7698 18.59 10.9798 18.59 10.4998V8.6298C18.59 4.9998 15.64 2.0498 12.02 2.0498C8.38996 2.0598 5.43996 4.9998 5.43996 8.6298V10.4898C5.43996 10.9698 5.21996 11.7598 4.97996 12.1698L3.84996 14.0498C3.41996 14.7798 3.31996 15.6098 3.58996 16.3298C3.85996 17.0598 4.46996 17.6398 5.26996 17.8998C6.34996 18.2598 7.43996 18.5198 8.54996 18.7098C8.65996 18.7298 8.76996 18.7398 8.87996 18.7598C9.01996 18.7798 9.16996 18.7998 9.31996 18.8198C9.57996 18.8598 9.83996 18.8898 10.11 18.9098C10.74 18.9698 11.38 18.9998 12.02 18.9998C12.65 18.9998 13.28 18.9698 13.9 18.9098C14.13 18.8898 14.36 18.8698 14.58 18.8398C14.76 18.8198 14.94 18.7998 15.12 18.7698C15.23 18.7598 15.34 18.7398 15.45 18.7198C16.57 18.5398 17.68 18.2598 18.76 17.8998C19.53 17.6398 20.12 17.0598 20.4 16.3198C20.68 15.5698 20.6 14.7498 20.19 14.0598ZM12.75 9.9998C12.75 10.4198 12.41 10.7598 11.99 10.7598C11.57 10.7598 11.23 10.4198 11.23 9.9998V6.89981C11.23 6.4798 11.57 6.1398 11.99 6.1398C12.41 6.1398 12.75 6.4798 12.75 6.89981V9.9998Z" fill="#292D32"/>
+<path d="M14.8301 20.01C14.4101 21.17 13.3001 22 12.0001 22C11.2101 22 10.4301 21.68 9.88005 21.11C9.56005 20.81 9.32005 20.41 9.18005 20C9.31005 20.02 9.44005 20.03 9.58005 20.05C9.81005 20.08 10.0501 20.11 10.2901 20.13C10.8601 20.18 11.4401 20.21 12.0201 20.21C12.5901 20.21 13.1601 20.18 13.7201 20.13C13.9301 20.11 14.1401 20.1 14.3401 20.07C14.5001 20.05 14.6601 20.03 14.8301 20.01Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/notification-favorite.svg b/public/images/icons/vuesax/bold/notification-favorite.svg
new file mode 100644
index 0000000..a76dbf8
--- /dev/null
+++ b/public/images/icons/vuesax/bold/notification-favorite.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="M19 8C20.6569 8 22 6.65685 22 5C22 3.34315 20.6569 2 19 2C17.3431 2 16 3.34315 16 5C16 6.65685 17.3431 8 19 8Z" fill="#292D32"/>
+<path d="M19.8 9.42C19.77 9.43 19.74 9.43 19.71 9.44C19.63 9.45 19.56 9.46 19.47 9.47C19.32 9.49 19.16 9.5 19 9.5C18.57 9.5 18.16 9.44 17.77 9.32C17.6 9.28 17.44 9.23 17.29 9.16C17.14 9.1 16.98 9.02 16.84 8.94C16.09 8.53 15.47 7.91 15.06 7.16C14.98 7.02 14.9 6.86 14.84 6.71C14.77 6.56 14.72 6.4 14.68 6.23C14.56 5.84 14.5 5.43 14.5 5C14.5 4.84 14.51 4.68 14.53 4.53C14.54 4.44 14.55 4.37 14.56 4.29C14.57 4.26 14.57 4.23 14.58 4.2C14.7 3.58 14.24 3 13.6 3H7.52C7.38 3 7.24 3.01 7.11 3.02C6.99 3.03 6.88 3.04 6.76 3.06C6.64 3.07 6.52 3.09 6.41 3.11C4 3.46 2.46 4.99 2.11 7.41C2.09 7.52 2.07 7.64 2.06 7.76C2.04 7.88 2.03 7.99 2.02 8.11C2.01 8.24 2 8.38 2 8.52V16.48C2 16.62 2.01 16.76 2.02 16.89C2.03 17.01 2.04 17.12 2.06 17.24C2.07 17.36 2.09 17.48 2.11 17.59C2.46 20.01 4 21.54 6.41 21.89C6.52 21.91 6.64 21.93 6.76 21.94C6.88 21.96 6.99 21.97 7.11 21.98C7.24 21.99 7.38 22 7.52 22H15.48C15.62 22 15.76 21.99 15.89 21.98C16.01 21.97 16.12 21.96 16.24 21.94C16.36 21.93 16.48 21.91 16.59 21.89C19 21.54 20.54 20.01 20.89 17.59C20.91 17.48 20.93 17.36 20.94 17.24C20.96 17.12 20.97 17.01 20.98 16.89C20.99 16.76 21 16.62 21 16.48V10.4C21 9.76 20.42 9.3 19.8 9.42ZM12.28 15.25C11.75 16.92 9.93 17.82 9.3 17.82C8.66 17.82 6.87 16.94 6.33 15.25H6.32C5.97 14.14 6.37 12.69 7.64 12.28C8.22 12.09 8.84 12.2 9.29 12.55C9.74 12.2 10.37 12.09 10.96 12.28C12.23 12.69 12.63 14.14 12.28 15.25Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/notification-status.svg b/public/images/icons/vuesax/bold/notification-status.svg
new file mode 100644
index 0000000..9f43dbd
--- /dev/null
+++ b/public/images/icons/vuesax/bold/notification-status.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="M19 8C20.6569 8 22 6.65685 22 5C22 3.34315 20.6569 2 19 2C17.3431 2 16 3.34315 16 5C16 6.65685 17.3431 8 19 8Z" fill="#292D32"/>
+<path d="M19.8 9.42C19.78 9.42 19.76 9.43 19.74 9.43C19.64 9.45 19.54 9.46 19.43 9.48C19.01 9.52 18.56 9.5 18.1 9.41C17.98 9.38 17.88 9.36 17.77 9.32C17.44 9.24 17.13 9.11 16.84 8.94C16.72 8.88 16.6 8.8 16.49 8.73C16.01 8.4 15.6 7.99 15.27 7.51C15.2 7.4 15.12 7.28 15.06 7.16C14.89 6.87 14.76 6.56 14.68 6.23C14.64 6.12 14.62 6.02 14.59 5.9C14.5 5.44 14.48 4.99 14.52 4.57C14.54 4.46 14.55 4.36 14.57 4.26C14.57 4.24 14.58 4.22 14.58 4.2C14.7 3.58 14.24 3 13.6 3H7.52C7.38 3 7.24 3.01 7.11 3.02C6.99 3.03 6.88 3.04 6.76 3.06C6.64 3.07 6.52 3.09 6.41 3.11C4 3.46 2.46 4.99 2.11 7.41C2.09 7.52 2.07 7.64 2.06 7.76C2.04 7.88 2.03 7.99 2.02 8.11C2.01 8.24 2 8.38 2 8.52V16.48C2 16.62 2.01 16.76 2.02 16.89C2.03 17.01 2.04 17.12 2.06 17.24C2.07 17.36 2.09 17.48 2.11 17.59C2.46 20.01 4 21.54 6.41 21.89C6.52 21.91 6.64 21.93 6.76 21.94C6.88 21.96 6.99 21.97 7.11 21.98C7.24 21.99 7.38 22 7.52 22H15.48C15.62 22 15.76 21.99 15.89 21.98C16.01 21.97 16.12 21.96 16.24 21.94C16.36 21.93 16.48 21.91 16.59 21.89C19 21.54 20.54 20.01 20.89 17.59C20.91 17.48 20.93 17.36 20.94 17.24C20.96 17.12 20.97 17.01 20.98 16.89C20.99 16.76 21 16.62 21 16.48V10.4C21 9.76 20.42 9.3 19.8 9.42ZM6.75 12.5H11.75C12.16 12.5 12.5 12.84 12.5 13.25C12.5 13.66 12.16 14 11.75 14H6.75C6.34 14 6 13.66 6 13.25C6 12.84 6.34 12.5 6.75 12.5ZM15.75 18H6.75C6.34 18 6 17.66 6 17.25C6 16.84 6.34 16.5 6.75 16.5H15.75C16.16 16.5 16.5 16.84 16.5 17.25C16.5 17.66 16.16 18 15.75 18Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/notification.svg b/public/images/icons/vuesax/bold/notification.svg
new file mode 100644
index 0000000..913eda7
--- /dev/null
+++ b/public/images/icons/vuesax/bold/notification.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="M19.3399 14.49L18.3399 12.83C18.1299 12.46 17.9399 11.76 17.9399 11.35V8.82C17.9399 6.47 16.5599 4.44 14.5699 3.49C14.0499 2.57 13.0899 2 11.9899 2C10.8999 2 9.91994 2.59 9.39994 3.52C7.44994 4.49 6.09994 6.5 6.09994 8.82V11.35C6.09994 11.76 5.90994 12.46 5.69994 12.82L4.68994 14.49C4.28994 15.16 4.19994 15.9 4.44994 16.58C4.68994 17.25 5.25994 17.77 5.99994 18.02C7.93994 18.68 9.97994 19 12.0199 19C14.0599 19 16.0999 18.68 18.0399 18.03C18.7399 17.8 19.2799 17.27 19.5399 16.58C19.7999 15.89 19.7299 15.13 19.3399 14.49Z" fill="#292D32"/>
+<path d="M14.8301 20.01C14.4101 21.17 13.3001 22 12.0001 22C11.2101 22 10.4301 21.68 9.88005 21.11C9.56005 20.81 9.32005 20.41 9.18005 20C9.31005 20.02 9.44005 20.03 9.58005 20.05C9.81005 20.08 10.0501 20.11 10.2901 20.13C10.8601 20.18 11.4401 20.21 12.0201 20.21C12.5901 20.21 13.1601 20.18 13.7201 20.13C13.9301 20.11 14.1401 20.1 14.3401 20.07C14.5001 20.05 14.6601 20.03 14.8301 20.01Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/ocean-protocol-(ocean).svg b/public/images/icons/vuesax/bold/ocean-protocol-(ocean).svg
new file mode 100644
index 0000000..d4be303
--- /dev/null
+++ b/public/images/icons/vuesax/bold/ocean-protocol-(ocean).svg
@@ -0,0 +1,26 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 4.74985C11.9 4.74985 11.8 4.73985 11.71 4.71985C11.61 4.69985 11.52 4.66985 11.43 4.63985C11.34 4.59985 11.25 4.54985 11.17 4.49985C11.09 4.43985 11.01 4.37985 10.94 4.30985C10.66 4.02985 10.5 3.64985 10.5 3.24985C10.5 2.84985 10.66 2.46986 10.94 2.18986C11.01 2.11986 11.09 2.05985 11.17 1.99985C11.25 1.94985 11.34 1.89985 11.43 1.86985C11.52 1.82985 11.61 1.79985 11.71 1.77985C12.19 1.67985 12.71 1.83986 13.06 2.18986C13.34 2.46986 13.5 2.84985 13.5 3.24985C13.5 3.64985 13.34 4.02985 13.06 4.30985C12.78 4.58985 12.39 4.74985 12 4.74985Z" fill="black"/>
+<path d="M12 9.25C11.9 9.25 11.8 9.24 11.71 9.22C11.61 9.2 11.52 9.17 11.43 9.14C11.34 9.1 11.25 9.05 11.17 9C11.09 8.94 11.01 8.88 10.94 8.81C10.66 8.53 10.5 8.15 10.5 7.75C10.5 7.35 10.66 6.97 10.94 6.69C11.01 6.62 11.09 6.56 11.17 6.5C11.25 6.45 11.34 6.4 11.43 6.37C11.52 6.33 11.61 6.3 11.71 6.28C11.9 6.24 12.1 6.24 12.29 6.28C12.39 6.3 12.48 6.33 12.57 6.37C12.66 6.4 12.75 6.45 12.83 6.5C12.91 6.56 12.99 6.62 13.06 6.69C13.34 6.97 13.5 7.35 13.5 7.75C13.5 8.15 13.34 8.53 13.06 8.81C12.99 8.88 12.91 8.94 12.83 9C12.75 9.05 12.66 9.1 12.57 9.14C12.48 9.17 12.39 9.2 12.29 9.22C12.2 9.24 12.1 9.25 12 9.25Z" fill="black"/>
+<path d="M12 13.2499C11.9 13.2499 11.8 13.2399 11.71 13.2199C11.61 13.1999 11.52 13.1699 11.43 13.1399C11.34 13.0999 11.25 13.0499 11.17 12.9999C11.09 12.9399 11.01 12.8799 10.94 12.8099C10.87 12.7399 10.81 12.6699 10.75 12.5799C10.7 12.4999 10.65 12.4099 10.61 12.3199C10.58 12.2299 10.55 12.1398 10.53 12.0398C10.51 11.9498 10.5 11.8499 10.5 11.7499C10.5 11.3499 10.66 10.9699 10.94 10.6899C11.01 10.6199 11.09 10.5599 11.17 10.4999C11.25 10.4499 11.34 10.3999 11.43 10.3599C11.52 10.3299 11.61 10.2999 11.71 10.2799C12.19 10.1799 12.71 10.3399 13.06 10.6899C13.34 10.9699 13.5 11.3499 13.5 11.7499C13.5 11.8499 13.49 11.9498 13.47 12.0398C13.45 12.1398 13.42 12.2299 13.38 12.3199C13.35 12.4099 13.3 12.4999 13.25 12.5799C13.19 12.6699 13.13 12.7399 13.06 12.8099C12.99 12.8799 12.91 12.9399 12.83 12.9999C12.75 13.0499 12.66 13.0999 12.57 13.1399C12.48 13.1699 12.39 13.1999 12.29 13.2199C12.2 13.2399 12.1 13.2499 12 13.2499Z" fill="black"/>
+<path d="M12 16.75C11.74 16.75 11.48 16.64 11.29 16.46C11.11 16.27 11 16.01 11 15.75C11 15.49 11.11 15.23 11.29 15.04C11.52 14.81 11.87 14.71 12.19 14.77C12.26 14.78 12.32 14.8 12.38 14.83C12.44 14.85 12.5 14.88 12.55 14.92C12.61 14.96 12.66 15 12.71 15.04C12.89 15.23 13 15.49 13 15.75C13 16.01 12.89 16.27 12.71 16.46C12.66 16.5 12.61 16.54 12.55 16.58C12.5 16.62 12.44 16.65 12.38 16.67C12.32 16.7 12.26 16.72 12.19 16.73C12.13 16.74 12.06 16.75 12 16.75Z" fill="black"/>
+<path d="M12 20C11.9 20 11.8 19.98 11.71 19.94C11.62 19.9 11.54 19.85 11.47 19.78C11.4 19.71 11.34 19.63 11.31 19.54C11.27 19.45 11.25 19.35 11.25 19.25C11.25 19.05 11.33 18.86 11.47 18.72C11.54 18.65 11.62 18.6 11.71 18.56C11.9 18.48 12.1 18.48 12.29 18.56C12.38 18.6 12.46 18.65 12.53 18.72C12.6 18.79 12.65 18.87 12.69 18.96C12.73 19.05 12.75 19.15 12.75 19.25C12.75 19.35 12.73 19.45 12.69 19.54C12.65 19.63 12.6 19.71 12.53 19.78C12.46 19.85 12.38 19.9 12.29 19.94C12.19 19.98 12.1 20 12 20Z" fill="black"/>
+<path d="M12 22.0701C11.87 22.0701 11.74 22.0201 11.65 21.9201C11.55 21.8301 11.5 21.7001 11.5 21.5701C11.5 21.4401 11.55 21.3101 11.65 21.2201C11.83 21.0301 12.17 21.0301 12.35 21.2201C12.45 21.3101 12.5 21.4401 12.5 21.5701C12.5 21.7001 12.45 21.8301 12.35 21.9201C12.26 22.0201 12.13 22.0701 12 22.0701Z" fill="black"/>
+<path d="M3.5 9.25002C3.1 9.25002 2.72 9.09001 2.44 8.81001C2.16 8.53001 2 8.15002 2 7.75002C2 7.36002 2.16 6.97002 2.44 6.69002C2.99 6.13002 4 6.13002 4.56 6.69002C4.84 6.97002 5 7.36002 5 7.75002C5 8.15002 4.84 8.53001 4.56 8.81001C4.49 8.88001 4.41002 8.94002 4.33002 9.00002C4.25002 9.05002 4.16001 9.10002 4.07001 9.13002C3.98001 9.17002 3.88998 9.20002 3.78998 9.22002C3.69998 9.24002 3.6 9.25002 3.5 9.25002Z" fill="black"/>
+<path d="M20.5 9.25C20.11 9.25 19.72 9.09 19.44 8.81C19.16 8.53 19 8.14 19 7.75C19 7.65 19.01 7.55001 19.03 7.46001C19.05 7.36001 19.08 7.26999 19.11 7.17999C19.15 7.08999 19.2 7 19.25 6.92C19.31 6.84 19.37 6.76 19.44 6.69C19.51 6.62 19.59 6.56 19.67 6.5C19.75 6.45 19.84 6.4 19.93 6.37C20.02 6.33 20.11 6.3 20.21 6.28C20.4 6.24 20.6 6.24 20.79 6.28C20.89 6.3 20.98 6.33 21.07 6.37C21.16 6.4 21.25 6.45 21.33 6.5C21.41 6.56 21.49 6.62 21.56 6.69C21.63 6.76 21.69 6.84 21.75 6.92C21.8 7 21.85 7.08999 21.88 7.17999C21.92 7.26999 21.95 7.36001 21.97 7.46001C21.99 7.55001 22 7.65 22 7.75C22 8.15 21.84 8.53 21.56 8.81C21.49 8.88 21.41 8.94 21.33 9C21.25 9.05 21.16 9.1 21.07 9.14C20.98 9.17 20.89 9.2 20.79 9.22C20.69 9.24 20.6 9.25 20.5 9.25Z" fill="black"/>
+<path d="M20.5 12.7501C20.44 12.7501 20.37 12.7401 20.31 12.7301C20.24 12.7201 20.18 12.7001 20.12 12.6701C20.06 12.6501 20 12.6201 19.94 12.5801C19.89 12.5501 19.84 12.5001 19.79 12.4601C19.75 12.4101 19.7 12.3601 19.67 12.3101C19.63 12.2501 19.6 12.1901 19.58 12.1301C19.55 12.0701 19.53 12.0101 19.52 11.9501C19.51 11.8801 19.5 11.8201 19.5 11.7501C19.5 11.4901 19.61 11.23 19.79 11.04C19.84 11 19.89 10.9601 19.94 10.9201C20 10.8801 20.06 10.8501 20.12 10.8301C20.18 10.8001 20.24 10.7801 20.31 10.7701C20.43 10.7401 20.56 10.7401 20.69 10.7701C20.76 10.7801 20.82 10.8001 20.88 10.8301C20.94 10.8501 21 10.8801 21.05 10.9201C21.11 10.9601 21.16 11 21.21 11.04C21.39 11.23 21.5 11.4901 21.5 11.7501C21.5 11.8201 21.49 11.8801 21.48 11.9501C21.47 12.0101 21.45 12.0701 21.42 12.1301C21.4 12.1901 21.37 12.2501 21.33 12.3101C21.29 12.3601 21.25 12.4101 21.21 12.4601C21.16 12.5001 21.11 12.5501 21.05 12.5801C21 12.6201 20.94 12.6501 20.88 12.6701C20.82 12.7001 20.76 12.7201 20.69 12.7301C20.63 12.7401 20.56 12.7501 20.5 12.7501Z" fill="black"/>
+<path d="M3.5 12.7499C3.24 12.7499 2.97998 12.6399 2.78998 12.4599C2.60998 12.2699 2.5 12.0099 2.5 11.7499C2.5 11.4899 2.60998 11.2299 2.78998 11.0399C3.06998 10.7599 3.51 10.6699 3.88 10.8299C4.01 10.8799 4.11002 10.9499 4.21002 11.0399C4.39002 11.2299 4.5 11.4899 4.5 11.7499C4.5 12.0099 4.39002 12.2699 4.21002 12.4599C4.02002 12.6399 3.76 12.7499 3.5 12.7499Z" fill="black"/>
+<path d="M20.5 15.5C20.3 15.5 20.11 15.42 19.97 15.28C19.83 15.14 19.75 14.95 19.75 14.75C19.75 14.65 19.77 14.56 19.81 14.46C19.85 14.37 19.9 14.29 19.97 14.22C20.18 14.01 20.51 13.94 20.79 14.06C20.88 14.1 20.96 14.15 21.03 14.22C21.1 14.29 21.15 14.37 21.19 14.46C21.23 14.56 21.25 14.65 21.25 14.75C21.25 14.95 21.17 15.14 21.03 15.28C20.96 15.35 20.88 15.4 20.79 15.44C20.69 15.48 20.6 15.5 20.5 15.5Z" fill="black"/>
+<path d="M3.5 15.4998C3.3 15.4998 3.10997 15.4198 2.96997 15.2798C2.89997 15.2098 2.84 15.1298 2.81 15.0398C2.77 14.9498 2.75 14.8498 2.75 14.7498C2.75 14.6498 2.77 14.5598 2.81 14.4598C2.84 14.3698 2.89997 14.2898 2.96997 14.2198C3.23997 13.9398 3.75003 13.9398 4.03003 14.2198C4.10003 14.2898 4.15 14.3698 4.19 14.4598C4.23 14.5598 4.25 14.6498 4.25 14.7498C4.25 14.8498 4.23 14.9498 4.19 15.0398C4.15 15.1298 4.10003 15.2098 4.03003 15.2798C3.89003 15.4198 3.7 15.4998 3.5 15.4998Z" fill="black"/>
+<path d="M20.5 17.9998C20.43 17.9998 20.37 17.9898 20.31 17.9598C20.25 17.9398 20.19 17.8998 20.15 17.8498C20.05 17.7598 20 17.6298 20 17.4998C20 17.3698 20.05 17.2398 20.15 17.1498C20.33 16.9598 20.67 16.9598 20.85 17.1498C20.95 17.2398 21 17.3698 21 17.4998C21 17.6298 20.95 17.7598 20.85 17.8498C20.76 17.9498 20.63 17.9998 20.5 17.9998Z" fill="black"/>
+<path d="M3.5 17.9998C3.37 17.9998 3.24002 17.9498 3.15002 17.8498C3.05002 17.7598 3 17.6298 3 17.4998C3 17.3698 3.05002 17.2398 3.15002 17.1498C3.33002 16.9598 3.66998 16.9598 3.84998 17.1498C3.94998 17.2398 4 17.3698 4 17.4998C4 17.6298 3.94998 17.7598 3.84998 17.8498C3.75998 17.9498 3.63 17.9998 3.5 17.9998Z" fill="black"/>
+<path d="M7.75 7.00002C7.65 7.00002 7.55002 6.99002 7.46002 6.97002C7.36002 6.95002 7.26999 6.92002 7.17999 6.88002C7.07999 6.85002 6.99998 6.80002 6.91998 6.75002C6.82998 6.69002 6.76 6.63001 6.69 6.56001C6.41 6.28001 6.25 5.89002 6.25 5.50002C6.25 5.11002 6.41 4.72002 6.69 4.44002C7.25 3.88002 8.25 3.88002 8.81 4.44002C9.09 4.72002 9.25 5.10002 9.25 5.50002C9.25 5.90002 9.09 6.28001 8.81 6.56001C8.74 6.63001 8.66002 6.69002 8.58002 6.75002C8.50002 6.80002 8.41001 6.85002 8.32001 6.88002C8.23001 6.92002 8.13998 6.95002 8.03998 6.97002C7.94998 6.99002 7.85 7.00002 7.75 7.00002Z" fill="black"/>
+<path d="M16.25 7C16.15 7 16.05 6.99 15.96 6.97C15.86 6.95 15.77 6.92001 15.68 6.88001C15.59 6.85001 15.5 6.8 15.42 6.75C15.34 6.69 15.26 6.63 15.19 6.56C15.12 6.49 15.06 6.41 15 6.33C14.95 6.25 14.9 6.16001 14.86 6.07001C14.83 5.98001 14.8 5.88999 14.78 5.78999C14.76 5.69999 14.75 5.6 14.75 5.5C14.75 5.11 14.91 4.72 15.19 4.44C15.26 4.37 15.34 4.31 15.42 4.25C15.5 4.2 15.59 4.15 15.68 4.12C15.77 4.08 15.86 4.05 15.96 4.03C16.15 3.99 16.35 3.99 16.54 4.03C16.64 4.05 16.73 4.08 16.82 4.12C16.91 4.15 17 4.2 17.08 4.25C17.16 4.31 17.24 4.37 17.31 4.44C17.59 4.72 17.75 5.11 17.75 5.5C17.75 5.6 17.74 5.69999 17.72 5.78999C17.7 5.88999 17.67 5.98001 17.64 6.07001C17.6 6.16001 17.55 6.25 17.5 6.33C17.44 6.41 17.38 6.49 17.31 6.56C17.24 6.63 17.16 6.69 17.08 6.75C17 6.8 16.91 6.85001 16.82 6.88001C16.73 6.92001 16.64 6.95 16.54 6.97C16.45 6.99 16.35 7 16.25 7Z" fill="black"/>
+<path d="M7.75 11.25C7.65 11.25 7.55002 11.24 7.46002 11.22C7.36002 11.2 7.26999 11.17 7.17999 11.14C7.08999 11.1 6.99998 11.05 6.91998 11C6.82998 10.94 6.76 10.88 6.69 10.81C6.41 10.53 6.25 10.14 6.25 9.75002C6.25 9.35002 6.41 8.97002 6.69 8.69002C7.25 8.13002 8.25 8.13002 8.81 8.69002C9.09 8.97002 9.25 9.35002 9.25 9.75002C9.25 10.15 9.09 10.53 8.81 10.81C8.53 11.09 8.14 11.25 7.75 11.25Z" fill="black"/>
+<path d="M16.25 11.25C16.15 11.25 16.05 11.24 15.96 11.22C15.86 11.2 15.77 11.17 15.68 11.13C15.59 11.1 15.5 11.05 15.42 11C15.34 10.94 15.26 10.88 15.19 10.81C15.12 10.74 15.06 10.66 15 10.58C14.95 10.5 14.9 10.41 14.86 10.32C14.83 10.23 14.8 10.14 14.78 10.04C14.76 9.94999 14.75 9.85 14.75 9.75C14.75 9.36 14.91 8.97 15.19 8.69C15.26 8.62 15.34 8.56 15.42 8.5C15.5 8.45 15.59 8.4 15.68 8.37C15.77 8.33 15.86 8.3 15.96 8.28C16.15 8.24 16.35 8.24 16.54 8.28C16.64 8.3 16.73 8.33 16.82 8.37C16.91 8.4 17 8.45 17.08 8.5C17.16 8.56 17.24 8.62 17.31 8.69C17.59 8.97 17.75 9.36 17.75 9.75C17.75 9.85 17.74 9.94999 17.72 10.04C17.7 10.14 17.67 10.23 17.64 10.32C17.6 10.41 17.55 10.5 17.5 10.58C17.44 10.66 17.38 10.74 17.31 10.81C17.24 10.88 17.16 10.94 17.08 11C17 11.05 16.91 11.1 16.82 11.13C16.73 11.17 16.64 11.2 16.54 11.22C16.45 11.24 16.35 11.25 16.25 11.25Z" fill="black"/>
+<path d="M7.75 14.7502C7.62 14.7502 7.49 14.7202 7.37 14.6702C7.24 14.6202 7.12998 14.5502 7.03998 14.4602C6.94998 14.3602 6.88002 14.2502 6.83002 14.1302C6.78002 14.0102 6.75 13.8802 6.75 13.7502C6.75 13.4902 6.85998 13.2302 7.03998 13.0402C7.40998 12.6702 8.09002 12.6702 8.46002 13.0402C8.64002 13.2302 8.75 13.4902 8.75 13.7502C8.75 13.8802 8.71998 14.0102 8.66998 14.1302C8.61998 14.2502 8.55002 14.3602 8.46002 14.4602C8.27002 14.6402 8.01 14.7502 7.75 14.7502Z" fill="black"/>
+<path d="M16.25 14.7502C15.99 14.7502 15.73 14.6402 15.54 14.4602C15.36 14.2702 15.25 14.0102 15.25 13.7502C15.25 13.4902 15.36 13.2302 15.54 13.0402C15.91 12.6702 16.58 12.6702 16.96 13.0402C17.14 13.2302 17.25 13.4902 17.25 13.7502C17.25 13.8202 17.24 13.8802 17.23 13.9502C17.22 14.0102 17.2 14.0702 17.17 14.1302C17.15 14.1902 17.12 14.2502 17.08 14.3002C17.04 14.3602 17 14.4102 16.96 14.4602C16.77 14.6402 16.51 14.7502 16.25 14.7502Z" fill="black"/>
+<path d="M7.75 17.75C7.55 17.75 7.35997 17.67 7.21997 17.53C7.14997 17.46 7.1 17.38 7.06 17.29C7.02 17.2 7 17.1 7 17C7 16.9 7.02 16.81 7.06 16.71C7.1 16.62 7.14997 16.54 7.21997 16.47C7.28997 16.4 7.37002 16.35 7.46002 16.31C7.64002 16.23 7.84998 16.23 8.03998 16.31C8.12998 16.35 8.21003 16.4 8.28003 16.47C8.42003 16.61 8.5 16.8 8.5 17C8.5 17.1 8.48 17.2 8.44 17.29C8.4 17.38 8.35003 17.46 8.28003 17.53C8.14003 17.67 7.95 17.75 7.75 17.75Z" fill="black"/>
+<path d="M16.25 17.75C16.15 17.75 16.05 17.73 15.96 17.69C15.87 17.65 15.79 17.6 15.72 17.53C15.65 17.46 15.59 17.38 15.56 17.29C15.52 17.2 15.5 17.1 15.5 17C15.5 16.9 15.52 16.8 15.56 16.71C15.6 16.62 15.65 16.54 15.72 16.47C15.79 16.4 15.87 16.35 15.96 16.31C16.14 16.23 16.35 16.23 16.54 16.31C16.63 16.35 16.71 16.4 16.78 16.47C16.85 16.54 16.9 16.62 16.94 16.71C16.98 16.8 17 16.9 17 17C17 17.1 16.98 17.2 16.94 17.29C16.9 17.38 16.85 17.46 16.78 17.53C16.64 17.67 16.45 17.75 16.25 17.75Z" fill="black"/>
+<path d="M7.75 19.9998C7.62 19.9998 7.49002 19.9498 7.40002 19.8498C7.30002 19.7598 7.25 19.6298 7.25 19.4998C7.25 19.3698 7.30002 19.2398 7.40002 19.1498C7.58002 18.9598 7.91998 18.9598 8.09998 19.1498C8.19998 19.2398 8.25 19.3698 8.25 19.4998C8.25 19.6298 8.19998 19.7598 8.09998 19.8498C8.00998 19.9498 7.88 19.9998 7.75 19.9998Z" fill="black"/>
+<path d="M16.25 19.9998C16.18 19.9998 16.12 19.9898 16.06 19.9598C16 19.9398 15.94 19.8998 15.9 19.8498C15.85 19.8098 15.81 19.7498 15.79 19.6898C15.76 19.6298 15.75 19.5698 15.75 19.4998C15.75 19.3698 15.8 19.2398 15.9 19.1498C16.08 18.9598 16.42 18.9598 16.6 19.1498C16.7 19.2398 16.75 19.3698 16.75 19.4998C16.75 19.5698 16.74 19.6298 16.71 19.6898C16.69 19.7498 16.65 19.8098 16.6 19.8498C16.51 19.9498 16.38 19.9998 16.25 19.9998Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/okb-(okb).svg b/public/images/icons/vuesax/bold/okb-(okb).svg
new file mode 100644
index 0000000..b316dbd
--- /dev/null
+++ b/public/images/icons/vuesax/bold/okb-(okb).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 7C17 9.76 14.76 12 12 12C14.76 12 17 14.24 17 17C19.76 17 22 14.76 22 12C22 9.24 19.76 7 17 7Z" fill="black"/>
+<path d="M12 12C12 14.76 9.76 17 7 17C7 19.76 9.24 22 12 22C14.76 22 17 19.76 17 17C14.24 17 12 14.76 12 12Z" fill="black"/>
+<path d="M12 12C12 9.24 14.24 7 17 7C17 4.24 14.76 2 12 2C9.24 2 7 4.24 7 7C9.76 7 12 9.24 12 12Z" fill="black"/>
+<path d="M12 12C9.24 12 7 9.76 7 7C4.24 7 2 9.24 2 12C2 14.76 4.24 17 7 17C7 14.24 9.24 12 12 12Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/omega-circle.svg b/public/images/icons/vuesax/bold/omega-circle.svg
new file mode 100644
index 0000000..edc0a41
--- /dev/null
+++ b/public/images/icons/vuesax/bold/omega-circle.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 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM17 17.25H13.9C13.6 17.25 13.33 17.08 13.21 16.8C13.09 16.52 13.14 16.21 13.34 15.99L14.96 14.2C15.63 13.45 16.01 12.5 16.01 11.52C16.01 10.52 15.6 9.58 14.85 8.87C14.1 8.16 13.06 7.75 12 7.75C10.94 7.75 9.9 8.16 9.15 8.87C8.4 9.58 7.99 10.52 7.99 11.52C7.99 12.5 8.36 13.45 9.04 14.2L10.65 16C10.85 16.22 10.9 16.54 10.78 16.81C10.66 17.08 10.39 17.26 10.09 17.26H7C6.59 17.26 6.25 16.92 6.25 16.51C6.25 16.1 6.59 15.75 7 15.75H8.41L7.92 15.21C7 14.19 6.49 12.88 6.49 11.52C6.49 10.13 7.08 8.76 8.12 7.78C9.16 6.79 10.53 6.25 12 6.25C13.47 6.25 14.84 6.79 15.88 7.78C16.91 8.76 17.51 10.13 17.51 11.52C17.51 12.87 17 14.18 16.08 15.21L15.59 15.75H17C17.41 15.75 17.75 16.09 17.75 16.5C17.75 16.91 17.41 17.25 17 17.25Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/omega-square.svg b/public/images/icons/vuesax/bold/omega-square.svg
new file mode 100644
index 0000000..235436f
--- /dev/null
+++ b/public/images/icons/vuesax/bold/omega-square.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM17 17.5H13.9C13.6 17.5 13.33 17.33 13.21 17.05C13.09 16.77 13.14 16.46 13.34 16.24L14.96 14.45C15.63 13.7 16.01 12.75 16.01 11.77C16.01 10.77 15.6 9.83 14.85 9.12C14.1 8.41 13.06 8 12 8C10.94 8 9.9 8.41 9.15 9.12C8.4 9.83 7.99 10.77 7.99 11.77C7.99 12.75 8.36 13.7 9.04 14.45L10.66 16.24C10.86 16.46 10.91 16.78 10.79 17.05C10.67 17.32 10.4 17.5 10.1 17.5H7C6.59 17.5 6.25 17.16 6.25 16.75C6.25 16.34 6.59 16 7 16H8.41L7.92 15.46C7 14.44 6.49 13.13 6.49 11.77C6.49 10.38 7.08 9.01 8.12 8.03C9.16 7.04 10.53 6.5 12 6.5C13.47 6.5 14.84 7.04 15.88 8.03C16.91 9.01 17.51 10.38 17.51 11.77C17.51 13.12 17 14.43 16.08 15.46L15.59 16H17C17.41 16 17.75 16.34 17.75 16.75C17.75 17.16 17.41 17.5 17 17.5Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/ontology-(ont).svg b/public/images/icons/vuesax/bold/ontology-(ont).svg
new file mode 100644
index 0000000..ee2065a
--- /dev/null
+++ b/public/images/icons/vuesax/bold/ontology-(ont).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="M17.9 19.68C16.18 21.18 13.91 22.07 11.42 22C6.24998 21.86 2.21997 17.41 2.21997 12.24V5.21004C2.21997 4.76004 2.75998 4.54003 3.06998 4.86003L17.9 19.68Z" fill="black"/>
+<path d="M6.21997 4.29998C7.92997 2.80998 10.18 1.92998 12.65 1.99998C17.78 2.13998 21.77 6.54997 21.77 11.68V18.64C21.77 19.09 21.23 19.31 20.92 18.99L6.21997 4.29998Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/paintbucket.svg b/public/images/icons/vuesax/bold/paintbucket.svg
new file mode 100644
index 0000000..64dd7e6
--- /dev/null
+++ b/public/images/icons/vuesax/bold/paintbucket.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="M19.11 7.46999L15.59 3.94999C12.43 0.799986 10.77 1.95999 8.77 3.94999L3.11 9.60999C1.96 10.76 1.33 11.5 1.1 12.32C1.1 12.33 1.09 12.33 1.09 12.33C1.09 12.34 1.09 12.34 1.09 12.34C1.09 12.35 1.09 12.35 1.09 12.35V12.38C0.680002 13.84 1.76 15.08 3.11 16.43L6.64 19.94C7.9 21.21 8.92 22 10.05 22C11.18 22 12.15 21.24 13.45 19.94L19.11 14.29C19.6 13.79 19.96 13.38 20.24 12.99C20.24 12.98 20.24 12.98 20.24 12.98C20.24 12.98 20.24 12.98 20.25 12.98C21.53 11.19 21.19 9.53999 19.11 7.46999ZM18.08 11.37H18.07C17.77 11.3 17.46 11.24 17.15 11.18C17.13 11.18 17.11 11.17 17.08 11.17C16.38 11.04 15.67 10.93 14.95 10.84H14.91C14.19 10.75 13.46 10.68 12.73 10.64H12.65C12.01 10.6 11.36 10.58 10.72 10.58C9.94 10.58 9.16 10.62 8.39 10.67C8.26 10.68 8.14 10.69 8.02 10.7C7.44 10.74 6.86 10.8 6.29 10.87C6.13 10.89 5.98 10.91 5.83 10.93C5.25 11.02 4.68 11.11 4.11 11.22C3.98 11.25 3.86 11.27 3.73 11.29C3.68 11.3 3.62 11.31 3.57 11.32C3.75 11.12 3.96 10.91 4.19 10.68L9.84 5.02999C11.66 3.22999 12.28 2.79999 14.52 5.02999L18.03 8.54999C18.57 9.07999 18.93 9.52999 19.15 9.91999C19.15 9.91999 19.15 9.92999 19.16 9.92999C19.58 10.66 18.9 11.53 18.08 11.37Z" fill="#292D32"/>
+<path d="M20.95 16.87C20.57 16.4 20.24 16 19.5 16C18.76 16 18.43 16.4 18.06 16.87C17.26 17.86 16.9 18.94 17.03 19.98C17.18 21.17 18.2 22 19.5 22C20.8 22 21.82 21.17 21.97 19.97C22.1 18.93 21.75 17.86 20.95 16.87Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/paperclip-2.svg b/public/images/icons/vuesax/bold/paperclip-2.svg
new file mode 100644
index 0000000..690972e
--- /dev/null
+++ b/public/images/icons/vuesax/bold/paperclip-2.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM16.37 14.63L14.15 16.85C13.61 17.39 12.91 17.65 12.21 17.65C11.51 17.65 10.8 17.38 10.27 16.85C9.2 15.78 9.2 14.03 10.27 12.96L11.68 11.55C11.97 11.26 12.45 11.26 12.74 11.55C13.03 11.84 13.03 12.32 12.74 12.61L11.33 14.02C10.84 14.51 10.84 15.3 11.33 15.79C11.82 16.28 12.61 16.28 13.1 15.79L15.32 13.57C15.93 12.96 16.27 12.14 16.27 11.27C16.27 10.4 15.93 9.59 15.32 8.97C14.09 7.74 11.95 7.74 10.72 8.97L8.29 11.4C7.25 12.44 7.25 14.14 8.29 15.19C8.58 15.48 8.58 15.96 8.29 16.25C8 16.54 7.52 16.54 7.23 16.25C5.6 14.62 5.6 11.97 7.23 10.34L9.65 7.92C10.55 7.02 11.74 6.53 13.01 6.53C14.28 6.53 15.47 7.02 16.37 7.92C17.27 8.82 17.76 10.01 17.76 11.28C17.76 12.55 17.27 13.74 16.37 14.63Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/paperclip.svg b/public/images/icons/vuesax/bold/paperclip.svg
new file mode 100644
index 0000000..3c54af6
--- /dev/null
+++ b/public/images/icons/vuesax/bold/paperclip.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM16.75 13.71C16.75 15.23 15.52 16.46 14 16.46C12.48 16.46 11.25 15.23 11.25 13.71V11.71C11.25 11.3 11.59 10.96 12 10.96C12.41 10.96 12.75 11.3 12.75 11.71V13.71C12.75 14.4 13.31 14.96 14 14.96C14.69 14.96 15.25 14.4 15.25 13.71V10.57C15.25 8.78 13.79 7.32 12 7.32C10.21 7.32 8.75 8.78 8.75 10.57V14C8.75 15.48 9.95 16.68 11.43 16.68C11.84 16.68 12.18 17.02 12.18 17.43C12.18 17.84 11.84 18.18 11.43 18.18C9.13 18.18 7.25 16.3 7.25 14V10.57C7.25 7.95 9.38 5.82 12 5.82C14.62 5.82 16.75 7.95 16.75 10.57V13.71Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/password-check.svg b/public/images/icons/vuesax/bold/password-check.svg
new file mode 100644
index 0000000..36d8b72
--- /dev/null
+++ b/public/images/icons/vuesax/bold/password-check.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="M18 4H15.75V2.75C15.75 2.34 15.41 2 15 2C14.59 2 14.25 2.34 14.25 2.75V21.25C14.25 21.66 14.59 22 15 22C15.41 22 15.75 21.66 15.75 21.25V20H18C20.21 20 22 18.21 22 16V8C22 5.79 20.21 4 18 4Z" fill="#292D32"/>
+<path d="M6.5 4C4.29 4 2.5 5.79 2.5 8V16C2.5 18.21 4.29 20 6.5 20H11.5C12.05 20 12.5 19.55 12.5 19V5C12.5 4.45 12.05 4 11.5 4H6.5ZM6.67 12.38C6.62 12.5 6.55 12.61 6.46 12.71C6.36 12.8 6.25 12.87 6.13 12.92C6.01 12.97 5.88 13 5.75 13C5.62 13 5.49 12.97 5.37 12.92C5.25 12.87 5.14 12.8 5.04 12.71C4.95 12.61 4.88 12.5 4.82 12.38C4.77 12.26 4.75 12.13 4.75 12C4.75 11.74 4.86 11.48 5.04 11.29C5.09 11.25 5.14 11.21 5.19 11.17C5.25 11.13 5.31 11.1 5.37 11.08C5.43 11.05 5.49 11.03 5.55 11.02C5.89 10.95 6.23 11.06 6.46 11.29C6.64 11.48 6.75 11.74 6.75 12C6.75 12.13 6.72 12.26 6.67 12.38ZM10.17 12.38C10.12 12.5 10.05 12.61 9.96 12.71C9.86 12.8 9.75 12.87 9.63 12.92C9.51 12.97 9.38 13 9.25 13C9.12 13 8.99 12.97 8.87 12.92C8.75 12.87 8.64 12.8 8.54 12.71C8.35 12.52 8.25 12.27 8.25 12C8.25 11.87 8.28 11.74 8.33 11.62C8.38 11.49 8.45 11.39 8.54 11.29C8.91 10.92 9.58 10.92 9.96 11.29C10.14 11.48 10.25 11.74 10.25 12C10.25 12.13 10.22 12.26 10.17 12.38Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/path-2.svg b/public/images/icons/vuesax/bold/path-2.svg
new file mode 100644
index 0000000..8bf1358
--- /dev/null
+++ b/public/images/icons/vuesax/bold/path-2.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.15 21.9998H9.82999C8.28999 21.9998 7.14999 20.7498 7.44999 19.4198L7.96999 17.0998C8.06999 16.6398 8.47999 16.3198 8.94999 16.3198H15.04C15.51 16.3198 15.91 16.6398 16.02 17.0998L16.54 19.4098C16.86 20.8398 15.79 21.9998 14.15 21.9998Z" fill="#292D32"/>
+<path d="M18.82 13.69L17.75 14.63C17.38 14.95 16.91 15.13 16.43 15.13H7.59C7.1 15.13 6.62 14.95 6.26 14.62L5.21 13.68C3.49 12.27 3.48 11.19 4.8 9.53L10.03 2.92C10.0665 2.87094 10.104 2.82374 10.1424 2.77836C10.5834 2.25735 11.27 2.70487 11.27 3.38743V6.86C11.26 7.29 11.6 7.63 12.02 7.62C12.44 7.63 12.77 7.29 12.78 6.86V3.38743C12.78 2.70487 13.4564 2.2676 13.909 2.77848C13.9465 2.82077 13.9835 2.8646 14.02 2.91L19.23 9.53C20.53 11.19 20.48 12.22 18.82 13.69Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/path-square.svg b/public/images/icons/vuesax/bold/path-square.svg
new file mode 100644
index 0000000..a1945fe
--- /dev/null
+++ b/public/images/icons/vuesax/bold/path-square.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM16.66 11.25L15.04 12.27L15.18 14.67C15.31 16.01 14.85 16.47 13.58 16.62L8.51 17.22C8.23176 17.2579 8.13732 16.9427 8.33589 16.7441L9.88 15.2C10.17 14.91 10.17 14.43 9.88 14.14C9.58 13.85 9.11 13.85 8.81 14.14L7.27478 15.683C7.07699 15.8818 6.76211 15.7879 6.8 15.51L7.39 10.44C7.55 9.17 8.01 8.76 9.35 8.84L11.74 8.98L12.77 7.35C13.24 6.61 14.2 6.57 14.9 7.27L16.75 9.12C17.41 9.77 17.37 10.8 16.66 11.25Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/path.svg b/public/images/icons/vuesax/bold/path.svg
new file mode 100644
index 0000000..28e7232
--- /dev/null
+++ b/public/images/icons/vuesax/bold/path.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="M20.02 10.6999L17.9 12.0399C17.5 12.2899 16.99 12.2299 16.66 11.8999L12.13 7.36992C11.8 7.03992 11.74 6.52992 11.99 6.12992L13.33 4.00992C14.15 2.71992 15.79 2.65992 17 3.85992L20.18 7.03992C21.3 8.16992 21.23 9.92992 20.02 10.6999Z" fill="#292D32"/>
+<path d="M14.71 19.9502L5.99 20.9702C5.91232 20.9806 5.83565 20.9879 5.76005 20.9924C5.07492 21.0327 4.90504 20.2252 5.39034 19.7399L7.98 17.1502C8.3 16.8402 8.3 16.3502 7.98 16.0402C7.68 15.7302 7.19 15.7302 6.87 16.0402L4.28035 18.6299C3.79504 19.1152 2.99492 18.9446 3.03133 18.2592C3.03515 18.1873 3.04135 18.1143 3.05 18.0402L4.08 9.32024C4.34 7.14024 5.14 6.42024 7.44 6.56024L8.94 6.65024C9.43 6.68024 9.89 6.89024 10.24 7.24024L16.79 13.7902C17.14 14.1402 17.35 14.6002 17.37 15.0902L17.46 16.5902C17.69 18.9002 16.9 19.7002 14.71 19.9502Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/pause-circle.svg b/public/images/icons/vuesax/bold/pause-circle.svg
new file mode 100644
index 0000000..cf4e6d3
--- /dev/null
+++ b/public/images/icons/vuesax/bold/pause-circle.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.97 2C6.44997 2 1.96997 6.48 1.96997 12C1.96997 17.52 6.44997 22 11.97 22C17.49 22 21.97 17.52 21.97 12C21.97 6.48 17.5 2 11.97 2ZM10.72 15.03C10.72 15.51 10.52 15.7 10.01 15.7H8.70997C8.19997 15.7 7.99997 15.51 7.99997 15.03V8.97C7.99997 8.49 8.19997 8.3 8.70997 8.3H9.99997C10.51 8.3 10.71 8.49 10.71 8.97V15.03H10.72ZM16 15.03C16 15.51 15.8 15.7 15.29 15.7H14C13.49 15.7 13.29 15.51 13.29 15.03V8.97C13.29 8.49 13.49 8.3 14 8.3H15.29C15.8 8.3 16 8.49 16 8.97V15.03Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/pause.svg b/public/images/icons/vuesax/bold/pause.svg
new file mode 100644
index 0000000..7e71411
--- /dev/null
+++ b/public/images/icons/vuesax/bold/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 d="M10.65 19.11V4.89C10.65 3.54 10.08 3 8.64 3H5.01C3.57 3 3 3.54 3 4.89V19.11C3 20.46 3.57 21 5.01 21H8.64C10.08 21 10.65 20.46 10.65 19.11Z" fill="#292D32"/>
+<path d="M21 19.11V4.89C21 3.54 20.43 3 18.99 3H15.36C13.93 3 13.35 3.54 13.35 4.89V19.11C13.35 20.46 13.92 21 15.36 21H18.99C20.43 21 21 20.46 21 19.11Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/paypal.svg b/public/images/icons/vuesax/bold/paypal.svg
new file mode 100644
index 0000000..fab29b8
--- /dev/null
+++ b/public/images/icons/vuesax/bold/paypal.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="M19 7C19 7.18 18.99 7.34999 18.97 7.51999C18.85 8.96999 18.21 10.28 17.24 11.24C16.16 12.33 14.66 13 13 13H9.86996C9.36996 13 8.94997 13.37 8.87997 13.86L8.11996 19.14C8.05996 19.53 7.77997 19.85 7.40997 19.95C7.31997 19.99 7.22997 20 7.12997 20H5.17996C4.55996 20 4.08997 19.45 4.18997 18.84L6.57995 4.51001C6.81995 3.06001 8.06998 2 9.53998 2H14C16.76 2 19 4.24 19 7Z" fill="black"/>
+<path d="M21 11.0001C21 12.3801 20.44 13.6302 19.54 14.5402C18.63 15.4402 17.38 16.0001 16 16.0001H13.85C13.36 16.0001 12.94 16.3501 12.86 16.8401L12.14 21.1601C12.06 21.6501 11.64 22.0001 11.15 22.0001H8.21998C8.03998 22.0001 7.87997 21.9602 7.73997 21.8802C7.51997 21.7602 7.65998 21.4701 7.89998 21.3701C8.79998 21.0801 9.45999 20.3102 9.59999 19.3502L10.24 14.9301C10.28 14.6801 10.49 14.5001 10.73 14.5001H13C15.01 14.5001 16.9 13.7201 18.3 12.3101C19.13 11.4901 19.75 10.4802 20.11 9.39016C20.19 9.14016 20.52 9.09015 20.63 9.32015C20.87 9.84015 21 10.4001 21 11.0001Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/pen-add.svg b/public/images/icons/vuesax/bold/pen-add.svg
new file mode 100644
index 0000000..fe2fe13
--- /dev/null
+++ b/public/images/icons/vuesax/bold/pen-add.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="M6.5 2C5.44 2 4.46 2.37 3.69 2.99C2.65 3.81 2 5.08 2 6.5C2 7.34 2.24 8.14 2.65 8.82C3.19 9.72 4.04 10.42 5.06 10.76C5.51 10.92 5.99 11 6.5 11C7.64 11 8.67 10.58 9.46 9.88C9.81 9.58 10.11 9.22 10.35 8.82C10.56 8.47 10.72 8.1 10.83 7.7C10.94 7.32 11 6.91 11 6.5C11 4.01 8.99 2 6.5 2ZM8.16 7.25H7.27V8.18C7.27 8.59 6.93 8.93 6.52 8.93C6.11 8.93 5.77 8.6 5.77 8.18V7.25H4.8C4.39 7.25 4.05 6.91 4.05 6.5C4.05 6.09 4.39 5.75 4.8 5.75H5.77V4.82C5.77 4.41 6.11 4.07 6.52 4.07C6.93 4.07 7.27 4.4 7.27 4.82V5.75H8.16C8.57 5.75 8.91 6.09 8.91 6.5C8.91 6.91 8.58 7.25 8.16 7.25Z" fill="#292D32"/>
+<path d="M16 21.2902L6.64 22.3902C5.99 22.4702 5.41 22.3702 4.92 22.1302C4.4 21.8702 3.99 21.4702 3.73 20.9402C3.49 20.4502 3.4 19.8802 3.47 19.2402L4.32 12.0902C4.4 12.1202 4.48 12.1502 4.56 12.1702C5.17 12.3902 5.82 12.5002 6.5 12.5002C7.96 12.5002 9.37 11.9702 10.44 11.0202C10.9 10.6202 11.31 10.1402 11.64 9.59016C11.92 9.12016 12.13 8.62016 12.27 8.13016C12.34 7.87016 12.4 7.59016 12.44 7.31016C12.45 7.26016 12.45 7.21016 12.45 7.16016L12.62 7.17016L18.7 13.2602L18.96 17.6802C19.21 20.1602 18.35 21.0202 16 21.2902Z" fill="#292D32"/>
+<path d="M22 10.2799L19.93 11.5899C19.54 11.8299 19.04 11.7799 18.72 11.4499L14.29 7.0199C13.97 6.6999 13.91 6.1999 14.15 5.8099L15.46 3.7399C16.26 2.4799 17.86 2.4199 19.05 3.5899L22.16 6.6999C23.25 7.8099 23.18 9.5299 22 10.2799Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/pen-close.svg b/public/images/icons/vuesax/bold/pen-close.svg
new file mode 100644
index 0000000..9cd06c3
--- /dev/null
+++ b/public/images/icons/vuesax/bold/pen-close.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 21.2902L6.64 22.3902C5.99 22.4702 5.41 22.3702 4.92 22.1302C4.4 21.8702 3.99 21.4702 3.73 20.9402C3.49 20.4502 3.4 19.8802 3.47 19.2402L4.32 12.0902C4.4 12.1202 4.48 12.1502 4.56 12.1702C5.17 12.3902 5.82 12.5002 6.5 12.5002C7.96 12.5002 9.37 11.9702 10.44 11.0202C10.9 10.6202 11.31 10.1402 11.64 9.59016C11.92 9.12016 12.13 8.62016 12.27 8.13016C12.34 7.87016 12.4 7.59016 12.44 7.31016C12.45 7.26016 12.45 7.21016 12.45 7.16016L12.62 7.17016L18.7 13.2602L18.96 17.6802C19.21 20.1602 18.35 21.0202 16 21.2902Z" fill="#292D32"/>
+<path d="M6.5 2C5.44 2 4.46 2.37 3.69 2.99C2.65 3.81 2 5.08 2 6.5C2 7.34 2.24 8.14 2.65 8.82C3.09 9.55 3.73 10.15 4.51 10.53C4.68 10.62 4.87 10.7 5.06 10.76C5.51 10.92 5.99 11 6.5 11C7.64 11 8.67 10.58 9.46 9.88C9.81 9.58 10.11 9.22 10.35 8.82C10.56 8.47 10.72 8.1 10.83 7.7C10.89 7.5 10.93 7.29 10.96 7.07C10.99 6.88 11 6.69 11 6.5C11 4.01 8.99 2 6.5 2ZM8.23 8.21C8.09 8.35 7.89 8.43 7.7 8.43C7.51 8.43 7.32 8.35 7.17 8.21L6.51 7.55L5.83 8.23C5.68 8.38 5.49 8.45 5.3 8.45C5.11 8.45 4.91 8.38 4.77 8.23C4.48 7.94 4.48 7.46 4.77 7.17L5.46 6.48L4.79 5.83C4.5 5.54 4.5 5.06 4.79 4.77C5.08 4.48 5.56 4.48 5.85 4.77L6.51 5.43L7.14 4.8C7.43 4.51 7.91 4.51 8.2 4.8C8.49 5.09 8.49 5.57 8.2 5.86L7.57 6.49L8.23 7.15C8.53 7.44 8.53 7.91 8.23 8.21Z" fill="#292D32"/>
+<path d="M22 10.2799L19.93 11.5899C19.54 11.8299 19.04 11.7799 18.72 11.4499L14.29 7.0199C13.97 6.6999 13.91 6.1999 14.15 5.8099L15.46 3.7399C16.26 2.4799 17.86 2.4199 19.05 3.5899L22.16 6.6999C23.25 7.8099 23.18 9.5299 22 10.2799Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/pen-remove.svg b/public/images/icons/vuesax/bold/pen-remove.svg
new file mode 100644
index 0000000..20c9483
--- /dev/null
+++ b/public/images/icons/vuesax/bold/pen-remove.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="M6.5 2C5.44 2 4.46 2.37 3.69 2.99C2.65 3.81 2 5.08 2 6.5C2 7.34 2.24 8.14 2.65 8.82C3.19 9.72 4.04 10.42 5.06 10.76C5.51 10.92 5.99 11 6.5 11C7.64 11 8.67 10.58 9.46 9.88C9.81 9.58 10.11 9.22 10.35 8.82C10.56 8.47 10.72 8.1 10.83 7.7C10.94 7.32 11 6.91 11 6.5C11 4.01 8.99 2 6.5 2ZM8.16 7.25H4.8C4.39 7.25 4.05 6.91 4.05 6.5C4.05 6.09 4.39 5.75 4.8 5.75H8.16C8.57 5.75 8.91 6.09 8.91 6.5C8.91 6.91 8.58 7.25 8.16 7.25Z" fill="#292D32"/>
+<path d="M16 21.2902L6.64 22.3902C5.99 22.4702 5.41 22.3702 4.92 22.1302C4.4 21.8702 3.99 21.4702 3.73 20.9402C3.49 20.4502 3.4 19.8802 3.47 19.2402L4.32 12.0902C4.4 12.1202 4.48 12.1502 4.56 12.1702C5.17 12.3902 5.82 12.5002 6.5 12.5002C7.96 12.5002 9.37 11.9702 10.44 11.0202C10.9 10.6202 11.31 10.1402 11.64 9.59016C11.92 9.12016 12.13 8.62016 12.27 8.13016C12.34 7.87016 12.4 7.59016 12.44 7.31016C12.45 7.26016 12.45 7.21016 12.45 7.16016L12.62 7.17016L18.7 13.2602L18.96 17.6802C19.21 20.1602 18.35 21.0202 16 21.2902Z" fill="#292D32"/>
+<path d="M22 10.2799L19.93 11.5899C19.54 11.8299 19.04 11.7799 18.72 11.4499L14.29 7.0199C13.97 6.6999 13.91 6.1999 14.15 5.8099L15.46 3.7399C16.26 2.4799 17.86 2.4199 19.05 3.5899L22.16 6.6999C23.25 7.8099 23.18 9.5299 22 10.2799Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/pen-tool-2.svg b/public/images/icons/vuesax/bold/pen-tool-2.svg
new file mode 100644
index 0000000..261558a
--- /dev/null
+++ b/public/images/icons/vuesax/bold/pen-tool-2.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.98 10.7C20.76 6.8 17.87 3.55 14.01 2.89C13.95 2.12 13.31 1.5 12.52 1.5H11.52C10.73 1.5 10.1 2.11 10.03 2.88C6.15 3.52 3.24 6.78 3.02 10.7C2.31 10.82 1.77 11.43 1.77 12.17V13.17C1.77 14 2.44 14.67 3.27 14.67H4.27C5.1 14.67 5.77 14 5.77 13.17V12.17C5.77 11.43 5.23 10.82 4.52 10.7C4.73 7.58 7.02 4.99 10.08 4.39C10.25 5.03 10.83 5.5 11.52 5.5H12.52C13.21 5.5 13.78 5.03 13.96 4.4C17 5.01 19.27 7.6 19.48 10.7C18.77 10.82 18.23 11.43 18.23 12.17V13.17C18.23 14 18.9 14.67 19.73 14.67H20.73C21.56 14.67 22.23 14 22.23 13.17V12.17C22.23 11.43 21.69 10.81 20.98 10.7Z" fill="#292D32"/>
+<path d="M15.77 16.5502L14.13 18.0002H9.88L8.24 16.5502C7.29 15.7702 7.29 15.1702 8.01 14.2502L10.9 10.5902C11.1 10.3402 11.33 10.1702 11.59 10.0802C11.86 9.9902 12.15 9.9902 12.43 10.0802C12.68 10.1702 12.91 10.3402 13.12 10.5902L16 14.2402C16.73 15.1602 16.69 15.7302 15.77 16.5502Z" fill="#292D32"/>
+<path d="M13.32 22.0003H10.73C9.81 22.0003 9.12 21.2503 9.3 20.4503L9.61 19.0603C9.67 18.7803 9.92 18.5903 10.2 18.5903H13.85C14.13 18.5903 14.37 18.7803 14.44 19.0603L14.75 20.4503C14.94 21.3003 14.3 22.0003 13.32 22.0003Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/pen-tool.svg b/public/images/icons/vuesax/bold/pen-tool.svg
new file mode 100644
index 0000000..631af70
--- /dev/null
+++ b/public/images/icons/vuesax/bold/pen-tool.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.55 9.44004H19.45C19.3 9.44004 19.15 9.47004 19.01 9.51004L14.02 4.52004C14.5 3.90004 14.46 3.01004 13.89 2.45004L13.11 1.67004C12.52 1.08004 11.48 1.08004 10.88 1.67004L10.1 2.45004C9.54 3.01004 9.5 3.90004 9.98 4.52004L4.99 9.51004C4.85 9.47004 4.7 9.44004 4.55 9.44004H3.45C2.58 9.44004 1.87 10.15 1.87 11.02V12.12C1.87 12.99 2.58 13.7 3.45 13.7H4.55C5.42 13.7 6.13 12.99 6.13 12.12V11.02C6.13 10.87 6.1 10.72 6.06 10.58L11.05 5.59004C11.32 5.80004 11.66 5.91004 12 5.91004C12.34 5.91004 12.68 5.79004 12.96 5.58004L17.95 10.57C17.91 10.71 17.88 10.86 17.88 11.01V12.11C17.88 12.98 18.59 13.69 19.46 13.69H20.56C21.43 13.69 22.14 12.98 22.14 12.11V11.01C22.12 10.14 21.42 9.44004 20.55 9.44004Z" fill="#292D32"/>
+<path d="M15.75 16.5502L14.11 18.0002H9.85L8.21 16.5502C7.26 15.7702 7.26 15.1702 7.98 14.2502L10.87 10.5902C11.07 10.3402 11.3 10.1702 11.56 10.0802C11.83 9.9902 12.12 9.9902 12.4 10.0802C12.65 10.1702 12.88 10.3402 13.09 10.5902L15.98 14.2502C16.7 15.1602 16.67 15.7302 15.75 16.5502Z" fill="#292D32"/>
+<path d="M13.29 21.9998H10.7C9.78 21.9998 9.09 21.2498 9.27 20.4498L9.58 19.0598C9.64 18.7798 9.89 18.5898 10.17 18.5898H13.82C14.1 18.5898 14.34 18.7798 14.41 19.0598L14.72 20.4498C14.92 21.2998 14.27 21.9998 13.29 21.9998Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/people.svg b/public/images/icons/vuesax/bold/people.svg
new file mode 100644
index 0000000..fba80f3
--- /dev/null
+++ b/public/images/icons/vuesax/bold/people.svg
@@ -0,0 +1,8 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.53 7.77C17.46 7.76 17.39 7.76 17.32 7.77C15.77 7.72 14.54 6.45 14.54 4.89C14.54 3.3 15.83 2 17.43 2C19.02 2 20.32 3.29 20.32 4.89C20.31 6.45 19.08 7.72 17.53 7.77Z" fill="#292D32"/>
+<path d="M20.79 14.6999C19.67 15.4499 18.1 15.7299 16.65 15.5399C17.03 14.7199 17.23 13.8099 17.24 12.8499C17.24 11.8499 17.02 10.8999 16.6 10.0699C18.08 9.86991 19.65 10.1499 20.78 10.8999C22.36 11.9399 22.36 13.6499 20.79 14.6999Z" fill="#292D32"/>
+<path d="M6.44003 7.77C6.51003 7.76 6.58003 7.76 6.65003 7.77C8.20003 7.72 9.43003 6.45 9.43003 4.89C9.43003 3.29 8.14003 2 6.54003 2C4.95003 2 3.66003 3.29 3.66003 4.89C3.66003 6.45 4.89003 7.72 6.44003 7.77Z" fill="#292D32"/>
+<path d="M6.55 12.8501C6.55 13.8201 6.75999 14.7401 7.14 15.5701C5.73 15.7201 4.26 15.4201 3.18 14.7101C1.6 13.6601 1.6 11.9501 3.18 10.9001C4.25 10.1801 5.75999 9.8901 7.18 10.0501C6.77 10.8901 6.55 11.8401 6.55 12.8501Z" fill="#292D32"/>
+<path d="M12.12 15.87C12.04 15.86 11.95 15.86 11.86 15.87C10.02 15.81 8.55005 14.3 8.55005 12.44C8.56005 10.54 10.09 9 12 9C13.9 9 15.44 10.54 15.44 12.44C15.43 14.3 13.97 15.81 12.12 15.87Z" fill="#292D32"/>
+<path d="M8.87005 17.9401C7.36005 18.9501 7.36005 20.6101 8.87005 21.6101C10.59 22.7601 13.41 22.7601 15.13 21.6101C16.64 20.6001 16.64 18.9401 15.13 17.9401C13.42 16.7901 10.6 16.7901 8.87005 17.9401Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/percentage-circle.svg b/public/images/icons/vuesax/bold/percentage-circle.svg
new file mode 100644
index 0000000..2346600
--- /dev/null
+++ b/public/images/icons/vuesax/bold/percentage-circle.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 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM8.73 7.66C9.54 7.66 10.21 8.32 10.21 9.14C10.21 9.95 9.55 10.62 8.73 10.62C7.92 10.62 7.25 9.96 7.25 9.14C7.25 8.32 7.91 7.66 8.73 7.66ZM8.85 15.8C8.7 15.95 8.51 16.02 8.32 16.02C8.13 16.02 7.94 15.95 7.79 15.8C7.5 15.51 7.5 15.03 7.79 14.74L14.34 8.19C14.63 7.9 15.11 7.9 15.4 8.19C15.69 8.48 15.69 8.96 15.4 9.25L8.85 15.8ZM15.27 16.34C14.46 16.34 13.79 15.68 13.79 14.86C13.79 14.05 14.45 13.38 15.27 13.38C16.08 13.38 16.75 14.04 16.75 14.86C16.75 15.68 16.09 16.34 15.27 16.34Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/percentage-square.svg b/public/images/icons/vuesax/bold/percentage-square.svg
new file mode 100644
index 0000000..0869c69
--- /dev/null
+++ b/public/images/icons/vuesax/bold/percentage-square.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM7.75 9.14C7.75 8.33 8.41 7.66 9.23 7.66C10.04 7.66 10.71 8.32 10.71 9.14C10.71 9.95 10.05 10.62 9.23 10.62C8.41 10.61 7.75 9.95 7.75 9.14ZM8.82 16.02C8.63 16.02 8.44 15.95 8.29 15.8C8 15.51 8 15.04 8.29 14.74L14.84 8.19C15.13 7.9 15.61 7.9 15.9 8.19C16.19 8.48 16.19 8.96 15.9 9.25L9.35 15.8C9.2 15.95 9.01 16.02 8.82 16.02ZM15.77 16.34C14.96 16.34 14.29 15.68 14.29 14.86C14.29 14.05 14.95 13.38 15.77 13.38C16.58 13.38 17.25 14.04 17.25 14.86C17.25 15.68 16.59 16.34 15.77 16.34Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/personalcard.svg b/public/images/icons/vuesax/bold/personalcard.svg
new file mode 100644
index 0000000..f03eeed
--- /dev/null
+++ b/public/images/icons/vuesax/bold/personalcard.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 3H6C3.79 3 2 4.78 2 6.97V17.03C2 19.22 3.79 21 6 21H18C20.21 21 22 19.22 22 17.03V6.97C22 4.78 20.21 3 18 3ZM8.5 7.17C9.77 7.17 10.81 8.21 10.81 9.48C10.81 10.75 9.77 11.79 8.5 11.79C7.23 11.79 6.19 10.75 6.19 9.48C6.19 8.21 7.23 7.17 8.5 7.17ZM12.37 16.66C12.28 16.76 12.14 16.82 12 16.82H5C4.86 16.82 4.72 16.76 4.63 16.66C4.54 16.56 4.49 16.42 4.5 16.28C4.67 14.6 6.01 13.27 7.69 13.11C8.22 13.06 8.77 13.06 9.3 13.11C10.98 13.27 12.33 14.6 12.49 16.28C12.51 16.42 12.46 16.56 12.37 16.66ZM19 16.75H17C16.59 16.75 16.25 16.41 16.25 16C16.25 15.59 16.59 15.25 17 15.25H19C19.41 15.25 19.75 15.59 19.75 16C19.75 16.41 19.41 16.75 19 16.75ZM19 12.75H15C14.59 12.75 14.25 12.41 14.25 12C14.25 11.59 14.59 11.25 15 11.25H19C19.41 11.25 19.75 11.59 19.75 12C19.75 12.41 19.41 12.75 19 12.75ZM19 8.75H14C13.59 8.75 13.25 8.41 13.25 8C13.25 7.59 13.59 7.25 14 7.25H19C19.41 7.25 19.75 7.59 19.75 8C19.75 8.41 19.41 8.75 19 8.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/pet.svg b/public/images/icons/vuesax/bold/pet.svg
new file mode 100644
index 0000000..d231243
--- /dev/null
+++ b/public/images/icons/vuesax/bold/pet.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="M19.08 15.7198C18.49 12.1898 15.1 9.31982 11.52 9.31982C7.63003 9.31982 4.21003 12.4698 3.88003 16.3498C3.75003 17.8498 4.23003 19.2698 5.22003 20.3398C6.20003 21.4098 7.58003 21.9998 9.08003 21.9998H13.76C15.45 21.9998 16.93 21.3398 17.94 20.1498C18.95 18.9598 19.35 17.3798 19.08 15.7198Z" fill="#292D32"/>
+<path d="M10.28 7.86C11.8982 7.86 13.21 6.54819 13.21 4.93C13.21 3.31181 11.8982 2 10.28 2C8.66178 2 7.34998 3.31181 7.34998 4.93C7.34998 6.54819 8.66178 7.86 10.28 7.86Z" fill="#292D32"/>
+<path d="M16.94 9.0299C18.2876 9.0299 19.38 7.93748 19.38 6.5899C19.38 5.24233 18.2876 4.1499 16.94 4.1499C15.5924 4.1499 14.5 5.24233 14.5 6.5899C14.5 7.93748 15.5924 9.0299 16.94 9.0299Z" fill="#292D32"/>
+<path d="M20.55 12.9298C21.6269 12.9298 22.5 12.0567 22.5 10.9798C22.5 9.90283 21.6269 9.02979 20.55 9.02979C19.473 9.02979 18.6 9.90283 18.6 10.9798C18.6 12.0567 19.473 12.9298 20.55 12.9298Z" fill="#292D32"/>
+<path d="M3.94 10.9801C5.28757 10.9801 6.38 9.88767 6.38 8.5401C6.38 7.19252 5.28757 6.1001 3.94 6.1001C2.59243 6.1001 1.5 7.19252 1.5 8.5401C1.5 9.88767 2.59243 10.9801 3.94 10.9801Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/pharagraphspacing.svg b/public/images/icons/vuesax/bold/pharagraphspacing.svg
new file mode 100644
index 0000000..b929ed9
--- /dev/null
+++ b/public/images/icons/vuesax/bold/pharagraphspacing.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="M21 22.75H3C2.59 22.75 2.25 22.41 2.25 22C2.25 21.59 2.59 21.25 3 21.25H21C21.41 21.25 21.75 21.59 21.75 22C21.75 22.41 21.41 22.75 21 22.75Z" fill="#292D32"/>
+<path d="M21 2.75H3C2.59 2.75 2.25 2.41 2.25 2C2.25 1.59 2.59 1.25 3 1.25H21C21.41 1.25 21.75 1.59 21.75 2C21.75 2.41 21.41 2.75 21 2.75Z" fill="#292D32"/>
+<path d="M14.3001 15.3599L12.7501 16.9099V6.6999L14.3001 8.2499C14.4501 8.3999 14.6401 8.4699 14.8301 8.4699C15.0201 8.4699 15.2101 8.3999 15.3601 8.2499C15.6501 7.9599 15.6501 7.4799 15.3601 7.1899L12.5301 4.3599C12.2501 4.0799 11.7501 4.0799 11.4701 4.3599L8.64011 7.1899C8.35011 7.4799 8.35011 7.9599 8.64011 8.2499C8.93011 8.5399 9.41011 8.5399 9.70011 8.2499L11.2501 6.6999V16.9099L9.70011 15.3599C9.41011 15.0699 8.93011 15.0699 8.64011 15.3599C8.35011 15.6499 8.35011 16.1299 8.64011 16.4199L11.4701 19.2499C11.6101 19.3899 11.8001 19.4699 12.0001 19.4699C12.2001 19.4699 12.3901 19.3899 12.5301 19.2499L15.3601 16.4199C15.6501 16.1299 15.6501 15.6499 15.3601 15.3599C15.0701 15.0699 14.5901 15.0699 14.3001 15.3599Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/photoshop.svg b/public/images/icons/vuesax/bold/photoshop.svg
new file mode 100644
index 0000000..46a3cb2
--- /dev/null
+++ b/public/images/icons/vuesax/bold/photoshop.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.5 8.75H8.25V11.25H9.5C10.19 11.25 10.75 10.69 10.75 10C10.75 9.31 10.19 8.75 9.5 8.75Z" fill="black"/>
+<path d="M16.19 2H7.82001C4.18001 2 2.01001 4.17 2.01001 7.81V16.18C2.01001 19.82 4.18001 21.99 7.82001 21.99H16.19C19.83 21.99 22 19.82 22 16.18V7.81C22 4.17 19.83 2 16.19 2ZM9.50001 12.75H8.25001V16C8.25001 16.41 7.91001 16.75 7.50001 16.75C7.09001 16.75 6.75001 16.41 6.75001 16V8C6.75001 7.59 7.09001 7.25 7.50001 7.25H9.50001C11.02 7.25 12.25 8.48 12.25 10C12.25 11.52 11.02 12.75 9.50001 12.75ZM15.25 12.75C16.35 12.75 17.25 13.65 17.25 14.75C17.25 15.85 16.35 16.75 15.25 16.75H14C13.59 16.75 13.25 16.41 13.25 16C13.25 15.59 13.59 15.25 14 15.25H15.25C15.53 15.25 15.75 15.03 15.75 14.75C15.75 14.47 15.53 14.25 15.25 14.25C14.15 14.25 13.25 13.35 13.25 12.25C13.25 11.15 14.15 10.25 15.25 10.25H16.5C16.91 10.25 17.25 10.59 17.25 11C17.25 11.41 16.91 11.75 16.5 11.75H15.25C14.97 11.75 14.75 11.97 14.75 12.25C14.75 12.53 14.97 12.75 15.25 12.75Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/picture-frame.svg b/public/images/icons/vuesax/bold/picture-frame.svg
new file mode 100644
index 0000000..4b84563
--- /dev/null
+++ b/public/images/icons/vuesax/bold/picture-frame.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.51 11.22L8.31 2.39C8.26 2.16 8.05 2 7.81 2C4.6 2 2 4.6 2 7.81V13.51C2 13.85 2.33 14.1 2.66 14L10.16 11.83C10.42 11.76 10.58 11.49 10.51 11.22Z" fill="#292D32"/>
+<path d="M11.12 13.6799C11.05 13.3999 10.76 13.2299 10.48 13.3099L2.37 15.6699C2.15 15.7399 2 15.9399 2 16.1699V16.1899C2 19.3999 4.6 21.9999 7.81 21.9999H12.53C12.86 21.9999 13.11 21.6899 13.03 21.3599L11.12 13.6799Z" fill="#292D32"/>
+<path d="M16.19 2H10.44C10.11 2 9.85995 2.31 9.93995 2.64L14.68 21.61C14.74 21.84 14.94 22 15.18 22H16.18C19.4 22 22 19.4 22 16.19V7.81C22 4.6 19.4 2 16.19 2Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/play-add.svg b/public/images/icons/vuesax/bold/play-add.svg
new file mode 100644
index 0000000..87081aa
--- /dev/null
+++ b/public/images/icons/vuesax/bold/play-add.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="M21.85 10.2502C21.07 5.80016 17.24 2.35016 12.73 2.03016C6.62996 1.59016 1.58996 6.64016 2.02996 12.7302C2.34996 17.2402 5.79996 21.0602 10.25 21.8402C11.4 22.0402 12.52 22.0402 13.59 21.8602C13.9 21.8102 14.08 21.4702 13.96 21.1902C13.66 20.5102 13.5 19.7602 13.5 18.9902C13.5 17.3002 14.25 15.7402 15.57 14.7002C16.54 13.9202 17.76 13.4902 19 13.4902C19.78 13.4902 20.52 13.6502 21.19 13.9502C21.48 14.0802 21.81 13.8902 21.87 13.5802C22.05 12.5202 22.05 11.4002 21.85 10.2502ZM14.5 13.5702L13.3 14.2602L12.1 14.9502C10.61 15.8102 9.38996 15.1102 9.38996 13.3802V12.0002V10.6102C9.38996 8.89016 10.61 8.18016 12.1 9.04016L13.3 9.73016L14.5 10.4202C15.99 11.3002 15.99 12.7002 14.5 13.5702Z" fill="#292D32"/>
+<path d="M19 15C18.06 15 17.19 15.33 16.5 15.88C15.58 16.61 15 17.74 15 19C15 19.75 15.21 20.46 15.58 21.06C16.27 22.22 17.54 23 19 23C20.01 23 20.93 22.63 21.63 22C21.94 21.74 22.21 21.42 22.42 21.06C22.79 20.46 23 19.75 23 19C23 16.79 21.21 15 19 15ZM20.5 19.73H19.75V20.51C19.75 20.92 19.41 21.26 19 21.26C18.59 21.26 18.25 20.92 18.25 20.51V19.73H17.5C17.09 19.73 16.75 19.39 16.75 18.98C16.75 18.57 17.09 18.23 17.5 18.23H18.25V17.52C18.25 17.11 18.59 16.77 19 16.77C19.41 16.77 19.75 17.11 19.75 17.52V18.23H20.5C20.91 18.23 21.25 18.57 21.25 18.98C21.25 19.39 20.91 19.73 20.5 19.73Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/play-circle.svg b/public/images/icons/vuesax/bold/play-circle.svg
new file mode 100644
index 0000000..b767aa5
--- /dev/null
+++ b/public/images/icons/vuesax/bold/play-circle.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.97 2C6.44997 2 1.96997 6.48 1.96997 12C1.96997 17.52 6.44997 22 11.97 22C17.49 22 21.97 17.52 21.97 12C21.97 6.48 17.5 2 11.97 2ZM14.97 14.23L12.07 15.9C11.71 16.11 11.31 16.21 10.92 16.21C10.52 16.21 10.13 16.11 9.76997 15.9C9.04997 15.48 8.61997 14.74 8.61997 13.9V10.55C8.61997 9.72 9.04997 8.97 9.76997 8.55C10.49 8.13 11.35 8.13 12.08 8.55L14.98 10.22C15.7 10.64 16.13 11.38 16.13 12.22C16.13 13.06 15.7 13.81 14.97 14.23Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/play-cricle.svg b/public/images/icons/vuesax/bold/play-cricle.svg
new file mode 100644
index 0000000..2ab215d
--- /dev/null
+++ b/public/images/icons/vuesax/bold/play-cricle.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="M19.07 19.8201C18.88 19.8201 18.69 19.7501 18.54 19.6001C18.25 19.3101 18.25 18.8301 18.54 18.5401C22.15 14.9301 22.15 9.06012 18.54 5.46012C18.25 5.17012 18.25 4.69012 18.54 4.40012C18.83 4.11012 19.31 4.11012 19.6 4.40012C23.79 8.59012 23.79 15.4101 19.6 19.6001C19.45 19.7501 19.26 19.8201 19.07 19.8201Z" fill="#292D32"/>
+<path d="M4.92995 19.8201C4.73995 19.8201 4.54995 19.7501 4.39995 19.6001C0.209946 15.4101 0.209946 8.59012 4.39995 4.40012C4.68995 4.11012 5.16995 4.11012 5.45995 4.40012C5.74995 4.69012 5.74995 5.17012 5.45995 5.46012C1.84995 9.07012 1.84995 14.9401 5.45995 18.5401C5.74995 18.8301 5.74995 19.3101 5.45995 19.6001C5.30995 19.7501 5.11995 19.8201 4.92995 19.8201Z" fill="#292D32"/>
+<path d="M12 22.71C10.75 22.7 9.56 22.5 8.45 22.11C8.06 21.97 7.85 21.54 7.99 21.15C8.13 20.76 8.55 20.55 8.95 20.69C9.91 21.02 10.93 21.2 12.01 21.2C13.08 21.2 14.11 21.02 15.06 20.69C15.45 20.56 15.88 20.76 16.02 21.15C16.16 21.54 15.95 21.97 15.56 22.11C14.44 22.5 13.25 22.71 12 22.71Z" fill="#292D32"/>
+<path d="M15.3 3.34004C15.22 3.34004 15.13 3.33004 15.05 3.30004C14.1 2.96004 13.07 2.79004 12 2.79004C10.93 2.79004 9.91 2.97004 8.95 3.30004C8.55 3.43004 8.13 3.23004 7.99 2.84004C7.85 2.45004 8.06 2.02004 8.45 1.88004C9.57 1.49004 10.76 1.29004 12 1.29004C13.24 1.29004 14.44 1.49004 15.55 1.88004C15.94 2.02004 16.15 2.45004 16.01 2.84004C15.9 3.15004 15.61 3.34004 15.3 3.34004Z" fill="#292D32"/>
+<path d="M8.73999 12.0001V10.3301C8.73999 8.25014 10.21 7.40014 12.01 8.44014L13.46 9.28014L14.91 10.1201C16.71 11.1601 16.71 12.8601 14.91 13.9001L13.46 14.7401L12.01 15.5801C10.21 16.6201 8.73999 15.7701 8.73999 13.6901V12.0001Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/play-remove.svg b/public/images/icons/vuesax/bold/play-remove.svg
new file mode 100644
index 0000000..1bc4592
--- /dev/null
+++ b/public/images/icons/vuesax/bold/play-remove.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="M21.28 15.72C20.63 15.27 19.84 15 19 15C18.06 15 17.19 15.33 16.5 15.88C15.58 16.61 15 17.74 15 19C15 19.75 15.21 20.46 15.58 21.06C15.62 21.13 15.67 21.2 15.73 21.27C16.43 22.31 17.63 23 19 23C20.01 23 20.93 22.63 21.63 22C21.94 21.74 22.21 21.42 22.42 21.06C22.79 20.46 23 19.75 23 19C23 17.64 22.32 16.44 21.28 15.72ZM20.6 20.58C20.45 20.73 20.26 20.8 20.07 20.8C19.88 20.8 19.69 20.73 19.54 20.58L19.01 20.05L18.46 20.6C18.31 20.75 18.12 20.82 17.93 20.82C17.74 20.82 17.55 20.75 17.4 20.6C17.11 20.31 17.11 19.83 17.4 19.54L17.95 18.99L17.42 18.46C17.13 18.17 17.13 17.69 17.42 17.4C17.71 17.11 18.19 17.11 18.48 17.4L19.01 17.93L19.51 17.43C19.8 17.14 20.28 17.14 20.57 17.43C20.86 17.72 20.86 18.2 20.57 18.49L20.07 18.99L20.6 19.52C20.89 19.81 20.89 20.28 20.6 20.58Z" fill="#292D32"/>
+<path d="M21.85 10.2502C21.07 5.80016 17.24 2.35016 12.73 2.03016C6.62996 1.59016 1.58996 6.64016 2.02996 12.7302C2.34996 17.2402 5.79996 21.0602 10.25 21.8402C11.4 22.0402 12.52 22.0402 13.59 21.8602C13.9 21.8102 14.08 21.4702 13.96 21.1902C13.66 20.5102 13.5 19.7602 13.5 18.9902C13.5 17.3002 14.25 15.7402 15.57 14.7002C16.54 13.9202 17.76 13.4902 19 13.4902C19.78 13.4902 20.52 13.6502 21.19 13.9502C21.48 14.0802 21.81 13.8902 21.87 13.5802C22.05 12.5202 22.05 11.4002 21.85 10.2502ZM14.5 13.5702L13.3 14.2602L12.1 14.9502C10.61 15.8102 9.38996 15.1102 9.38996 13.3802V12.0002V10.6102C9.38996 8.89016 10.61 8.18016 12.1 9.04016L13.3 9.73016L14.5 10.4202C15.99 11.3002 15.99 12.7002 14.5 13.5702Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/play.svg b/public/images/icons/vuesax/bold/play.svg
new file mode 100644
index 0000000..1ab4727
--- /dev/null
+++ b/public/images/icons/vuesax/bold/play.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="M17.49 9.60014L5.6 16.7701C4.9 17.1901 4 16.6901 4 15.8701V7.87014C4 4.38014 7.77 2.20014 10.8 3.94014L15.39 6.58014L17.48 7.78014C18.17 8.19014 18.18 9.19014 17.49 9.60014Z" fill="#292D32"/>
+<path d="M18.0901 15.4601L14.0401 17.8001L10.0001 20.1301C8.55005 20.9601 6.91005 20.7901 5.72005 19.9501C5.14005 19.5501 5.21006 18.6601 5.82006 18.3001L18.5301 10.6801C19.1301 10.3201 19.9201 10.6601 20.0301 11.3501C20.2801 12.9001 19.6401 14.5701 18.0901 15.4601Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/polkadot-(dot).svg b/public/images/icons/vuesax/bold/polkadot-(dot).svg
new file mode 100644
index 0000000..03acd49
--- /dev/null
+++ b/public/images/icons/vuesax/bold/polkadot-(dot).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.00001 21.75C7.98001 21.75 7.96 21.75 7.95 21.75C7.56 21.72 7.25001 21.4 7.25001 21C7.25001 20.43 7.32001 19.9 7.47001 19.41L9.26001 6.89C9.32001 6.48 9.70001 6.2 10.11 6.25C10.52 6.31 10.81 6.69 10.75 7.1L9.33001 17.01C10.57 16.26 11.92 16.25 12 16.25C15.72 16.25 18.75 13.22 18.75 9.5C18.75 5.78 15.72 2.75 12 2.75C8.28001 2.75 5.25001 5.78 5.25001 9.5C5.25001 10.6 5.52001 11.69 6.03001 12.65C6.22001 13.02 6.08001 13.47 5.72001 13.66C5.35001 13.85 4.90001 13.71 4.71001 13.35C4.09001 12.17 3.76001 10.84 3.76001 9.5C3.76001 4.95 7.46001 1.25 12.01 1.25C16.56 1.25 20.26 4.95 20.26 9.5C20.26 14.05 16.56 17.75 12.01 17.75C11.92 17.75 9.80001 17.79 9.04001 19.5C9.01001 19.58 8.97 19.66 8.95 19.74L8.76001 21.1C8.69001 21.48 8.37001 21.75 8.00001 21.75Z" fill="black"/>
+<path d="M14 21.9999C13.74 21.9999 13.48 21.8899 13.29 21.7099C13.11 21.5199 13 21.2599 13 20.9999C13 20.8699 13.03 20.7399 13.08 20.6199C13.13 20.4899 13.2 20.3899 13.29 20.2899C13.57 20.0099 14.01 19.9199 14.38 20.0799C14.51 20.1299 14.61 20.1999 14.71 20.2899C14.8 20.3899 14.87 20.4899 14.92 20.6199C14.97 20.7399 15 20.8699 15 20.9999C15 21.2599 14.89 21.5199 14.71 21.7099C14.61 21.7999 14.51 21.8699 14.38 21.9199C14.26 21.9699 14.13 21.9999 14 21.9999Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/polygon-(matic).svg b/public/images/icons/vuesax/bold/polygon-(matic).svg
new file mode 100644
index 0000000..d8629b8
--- /dev/null
+++ b/public/images/icons/vuesax/bold/polygon-(matic).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="M21.38 11.4502L16.88 8.85023C16.65 8.72023 16.36 8.72023 16.13 8.85023L11.63 11.4502C11.63 11.4502 11.63 11.4602 11.62 11.4602L7.49998 13.8402L3.74998 11.6702V7.34023L7.49998 5.17023L11.25 7.34023V8.48024C11.25 8.89024 11.59 9.23024 12 9.23024C12.41 9.23024 12.75 8.89024 12.75 8.48024V6.90023C12.75 6.63023 12.61 6.38023 12.37 6.25023L7.86998 3.65023C7.63998 3.52023 7.34998 3.52023 7.11998 3.65023L2.61998 6.25023C2.38998 6.38023 2.23999 6.63023 2.23999 6.90023V12.1002C2.23999 12.3702 2.37998 12.6202 2.61998 12.7502L7.11998 15.3502C7.23998 15.4202 7.36998 15.4502 7.49998 15.4502C7.62998 15.4502 7.75999 15.4202 7.87999 15.3502L12.38 12.7502C12.38 12.7502 12.38 12.7402 12.39 12.7402L16.51 10.3602L20.26 12.5302V16.8602L16.51 19.0302L12.76 16.8602V15.6402C12.76 15.2302 12.42 14.8902 12.01 14.8902C11.6 14.8902 11.26 15.2302 11.26 15.6402V17.2902C11.26 17.5602 11.4 17.8102 11.64 17.9402L16.14 20.5402C16.26 20.6102 16.39 20.6402 16.52 20.6402C16.65 20.6402 16.78 20.6102 16.9 20.5402L21.4 17.9402C21.63 17.8102 21.78 17.5602 21.78 17.2902V12.0902C21.75 11.8302 21.61 11.5802 21.38 11.4502Z" fill="black"/>
+<path d="M4.5 8.34982V10.6598C4.5 11.0198 4.69 11.3498 5 11.5298L7 12.6798C7.31 12.8598 7.69 12.8598 8 12.6798L10 11.5298C10.31 11.3498 10.5 11.0198 10.5 10.6598V8.34982C10.5 7.98982 10.31 7.65983 10 7.47983L8 6.32982C7.69 6.14982 7.31 6.14982 7 6.32982L5 7.47983C4.69 7.65983 4.5 7.98982 4.5 8.34982Z" fill="black"/>
+<path d="M13.5 13.55V15.86C13.5 16.22 13.69 16.55 14 16.73L16 17.88C16.31 18.06 16.69 18.06 17 17.88L19 16.73C19.31 16.55 19.5 16.22 19.5 15.86V13.55C19.5 13.19 19.31 12.86 19 12.68L17 11.53C16.69 11.35 16.31 11.35 16 11.53L14 12.68C13.69 12.86 13.5 13.19 13.5 13.55Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/polyswarm-(nct).svg b/public/images/icons/vuesax/bold/polyswarm-(nct).svg
new file mode 100644
index 0000000..607b2d4
--- /dev/null
+++ b/public/images/icons/vuesax/bold/polyswarm-(nct).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="M14.5 18H3.5C3.09 18 2.75 17.66 2.75 17.25C2.75 16.84 3.09 16.5 3.5 16.5H14.5C17.95 16.5 20.75 13.7 20.75 10.25C20.75 6.8 17.95 4 14.5 4H9.5C9.09 4 8.75 3.66 8.75 3.25C8.75 2.84 9.09 2.5 9.5 2.5H14.5C18.77 2.5 22.25 5.98 22.25 10.25C22.25 14.52 18.77 18 14.5 18Z" fill="black"/>
+<path d="M13.8099 14.8898H7.99994C7.58994 14.8898 7.24994 14.5498 7.24994 14.1398C7.24994 13.7298 7.58994 13.3898 7.99994 13.3898H13.8099C15.4299 13.3898 16.7499 12.0698 16.7499 10.4498C16.7499 8.82977 15.4299 7.50977 13.8099 7.50977H3.16992C2.75992 7.50977 2.41992 7.16977 2.41992 6.75977C2.41992 6.34977 2.75992 6.00977 3.16992 6.00977H13.8099C16.2599 6.00977 18.2499 7.99977 18.2499 10.4498C18.2499 12.8998 16.2599 14.8898 13.8099 14.8898Z" fill="black"/>
+<path d="M8.5 11.5H5.5C5.09 11.5 4.75 11.16 4.75 10.75C4.75 10.34 5.09 10 5.5 10H8.5C8.91 10 9.25 10.34 9.25 10.75C9.25 11.16 8.91 11.5 8.5 11.5Z" fill="black"/>
+<path d="M6.5 21.5H2.5C2.09 21.5 1.75 21.16 1.75 20.75C1.75 20.34 2.09 20 2.5 20H6.5C6.91 20 7.25 20.34 7.25 20.75C7.25 21.16 6.91 21.5 6.5 21.5Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/presention-chart.svg b/public/images/icons/vuesax/bold/presention-chart.svg
new file mode 100644
index 0000000..3a7fb2b
--- /dev/null
+++ b/public/images/icons/vuesax/bold/presention-chart.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="M22 2.75H2C1.59 2.75 1.25 2.41 1.25 2C1.25 1.59 1.59 1.25 2 1.25H22C22.41 1.25 22.75 1.59 22.75 2C22.75 2.41 22.41 2.75 22 2.75Z" fill="#292D32"/>
+<path d="M16.67 22.34C16.54 22.6 16.27 22.75 16 22.75C15.89 22.75 15.77 22.72 15.67 22.67L12 20.84L8.33001 22.67C8.23001 22.72 8.11001 22.75 8.00001 22.75C7.73001 22.75 7.46001 22.6 7.33001 22.34C7.14001 21.96 7.29001 21.51 7.67001 21.33L11.25 19.54V17H12.75V19.54L16.33 21.33C16.71 21.51 16.86 21.96 16.67 22.34Z" fill="#292D32"/>
+<path d="M3 2V14.1C3 16 4 17 5.9 17H18.1C20 17 21 16 21 14.1V2H3ZM16.98 8.58L13.83 11.21C13.54 11.45 13.17 11.55 12.82 11.49C12.46 11.43 12.15 11.21 11.96 10.89L10.91 9.14L7.98 11.58C7.84 11.7 7.67 11.75 7.5 11.75C7.29 11.75 7.07 11.66 6.92 11.48C6.65 11.16 6.7 10.69 7.02 10.42L10.17 7.79C10.46 7.55 10.83 7.45 11.18 7.51C11.54 7.57 11.85 7.79 12.04 8.11L13.09 9.86L16.02 7.42C16.34 7.15 16.81 7.2 17.08 7.52C17.34 7.84 17.3 8.31 16.98 8.58Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/previous.svg b/public/images/icons/vuesax/bold/previous.svg
new file mode 100644
index 0000000..0f4269e
--- /dev/null
+++ b/public/images/icons/vuesax/bold/previous.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="M20.24 7.22006V16.7901C20.24 18.7501 18.11 19.9801 16.41 19.0001L12.26 16.6101L8.10996 14.2101C6.40996 13.2301 6.40996 10.7801 8.10996 9.80006L12.26 7.40006L16.41 5.01006C18.11 4.03006 20.24 5.25006 20.24 7.22006Z" fill="#292D32"/>
+<path d="M3.76001 18.9298C3.35001 18.9298 3.01001 18.5898 3.01001 18.1798V5.81982C3.01001 5.40982 3.35001 5.06982 3.76001 5.06982C4.17001 5.06982 4.51001 5.40982 4.51001 5.81982V18.1798C4.51001 18.5898 4.17001 18.9298 3.76001 18.9298Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/printer-slash.svg b/public/images/icons/vuesax/bold/printer-slash.svg
new file mode 100644
index 0000000..aecabaf
--- /dev/null
+++ b/public/images/icons/vuesax/bold/printer-slash.svg
@@ -0,0 +1,8 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6 7C4 7 3 8 3 10V15C3 17 4 18 6 18L8 16V15H9L17 7H6ZM7 11.75C6.59 11.75 6.25 11.41 6.25 11C6.25 10.59 6.59 10.25 7 10.25H9C9.41 10.25 9.75 10.59 9.75 11C9.75 11.41 9.41 11.75 9 11.75H7Z" fill="#292D32"/>
+<path d="M9 15L8 16V15H9Z" fill="#292D32"/>
+<path d="M17 5V7H7V5C7 3.34 8.34 2 10 2H14C15.66 2 17 3.34 17 5Z" fill="#292D32"/>
+<path d="M22.5299 1.46994C22.2399 1.17994 21.7599 1.17994 21.4699 1.46994L1.46994 21.4699C1.17994 21.7599 1.17994 22.2399 1.46994 22.5299C1.61994 22.6799 1.80994 22.7499 1.99994 22.7499C2.18994 22.7499 2.37994 22.6799 2.52994 22.5299L22.5299 2.52994C22.8199 2.23994 22.8199 1.75994 22.5299 1.46994Z" fill="#292D32"/>
+<path d="M17 14.25H12.9571C12.8245 14.25 12.6973 14.3027 12.6035 14.3964L12 15L11.25 15.75L8.79999 18.2C8.15999 18.84 8.02999 20 8.54999 20.74C9.08999 21.5 9.98999 22 11 22H13C14.66 22 16 20.66 16 19V15.75H17C17.41 15.75 17.75 15.41 17.75 15C17.75 14.59 17.41 14.25 17 14.25Z" fill="#292D32"/>
+<path d="M19.02 7.98012L15.46 11.5401C14.83 12.1701 15.28 13.2501 16.17 13.2501H16.91C17.78 13.2501 18.59 13.8401 18.73 14.7001C18.8812 15.6155 18.313 16.4391 17.4934 16.6796C17.2284 16.7573 17 16.974 17 17.2501V17.5001C17 17.7763 17.2239 18.0001 17.5 18.0001H18C19.66 18.0001 21 16.6601 21 15.0001V10.0001C21 9.21012 20.84 8.57012 20.53 8.09012C20.19 7.58012 19.45 7.55012 19.02 7.98012Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/printer.svg b/public/images/icons/vuesax/bold/printer.svg
new file mode 100644
index 0000000..1330c24
--- /dev/null
+++ b/public/images/icons/vuesax/bold/printer.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 5C7 3.34 8.34 2 10 2H14C15.66 2 17 3.34 17 5C17 5.55 16.55 6 16 6H8C7.45 6 7 5.55 7 5Z" fill="#292D32"/>
+<path d="M17.75 15C17.75 15.41 17.41 15.75 17 15.75H16V19C16 20.66 14.66 22 13 22H11C9.34 22 8 20.66 8 19V15.75H7C6.59 15.75 6.25 15.41 6.25 15C6.25 14.59 6.59 14.25 7 14.25H17C17.41 14.25 17.75 14.59 17.75 15Z" fill="#292D32"/>
+<path d="M18 7H6C4 7 3 8 3 10V15C3 17 4 18 6 18H6.375C6.72018 18 7 17.7202 7 17.375C7 17.0298 6.71131 16.7604 6.38841 16.6384C5.72619 16.3882 5.25 15.7453 5.25 15C5.25 14.04 6.04 13.25 7 13.25H17C17.96 13.25 18.75 14.04 18.75 15C18.75 15.7453 18.2738 16.3882 17.6116 16.6384C17.2887 16.7604 17 17.0298 17 17.375C17 17.7202 17.2798 18 17.625 18H18C20 18 21 17 21 15V10C21 8 20 7 18 7ZM10 11.75H7C6.59 11.75 6.25 11.41 6.25 11C6.25 10.59 6.59 10.25 7 10.25H10C10.41 10.25 10.75 10.59 10.75 11C10.75 11.41 10.41 11.75 10 11.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/profile-2user.svg b/public/images/icons/vuesax/bold/profile-2user.svg
new file mode 100644
index 0000000..e2ddff9
--- /dev/null
+++ b/public/images/icons/vuesax/bold/profile-2user.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="M9 2C6.38 2 4.25 4.13 4.25 6.75C4.25 9.32 6.26 11.4 8.88 11.49C8.96 11.48 9.04 11.48 9.1 11.49C9.12 11.49 9.13 11.49 9.15 11.49C9.16 11.49 9.16 11.49 9.17 11.49C11.73 11.4 13.74 9.32 13.75 6.75C13.75 4.13 11.62 2 9 2Z" fill="#292D32"/>
+<path d="M14.08 14.1499C11.29 12.2899 6.73996 12.2899 3.92996 14.1499C2.65996 14.9999 1.95996 16.1499 1.95996 17.3799C1.95996 18.6099 2.65996 19.7499 3.91996 20.5899C5.31996 21.5299 7.15996 21.9999 8.99996 21.9999C10.84 21.9999 12.68 21.5299 14.08 20.5899C15.34 19.7399 16.04 18.5999 16.04 17.3599C16.03 16.1299 15.34 14.9899 14.08 14.1499Z" fill="#292D32"/>
+<path d="M19.9901 7.3401C20.1501 9.2801 18.7701 10.9801 16.8601 11.2101C16.8501 11.2101 16.8501 11.2101 16.8401 11.2101H16.8101C16.7501 11.2101 16.6901 11.2101 16.6401 11.2301C15.6701 11.2801 14.7801 10.9701 14.1101 10.4001C15.1401 9.4801 15.7301 8.1001 15.6101 6.6001C15.5401 5.7901 15.2601 5.0501 14.8401 4.4201C15.2201 4.2301 15.6601 4.1101 16.1101 4.0701C18.0701 3.9001 19.8201 5.3601 19.9901 7.3401Z" fill="#292D32"/>
+<path d="M21.99 16.5899C21.91 17.5599 21.29 18.3999 20.25 18.9699C19.25 19.5199 17.99 19.7799 16.74 19.7499C17.46 19.0999 17.88 18.2899 17.96 17.4299C18.06 16.1899 17.47 14.9999 16.29 14.0499C15.62 13.5199 14.84 13.0999 13.99 12.7899C16.2 12.1499 18.98 12.5799 20.69 13.9599C21.61 14.6999 22.08 15.6299 21.99 16.5899Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/profile-add.svg b/public/images/icons/vuesax/bold/profile-add.svg
new file mode 100644
index 0000000..31cd711
--- /dev/null
+++ b/public/images/icons/vuesax/bold/profile-add.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 2C9.38 2 7.25 4.13 7.25 6.75C7.25 9.32 9.26 11.4 11.88 11.49C11.96 11.48 12.04 11.48 12.1 11.49C12.12 11.49 12.13 11.49 12.15 11.49C12.16 11.49 12.16 11.49 12.17 11.49C14.73 11.4 16.74 9.32 16.75 6.75C16.75 4.13 14.62 2 12 2Z" fill="#292D32"/>
+<path d="M17.08 14.1499C14.29 12.2899 9.73996 12.2899 6.92996 14.1499C5.65996 14.9999 4.95996 16.1499 4.95996 17.3799C4.95996 18.6099 5.65996 19.7499 6.91996 20.5899C8.31996 21.5299 10.16 21.9999 12 21.9999C13.84 21.9999 15.68 21.5299 17.08 20.5899C18.34 19.7399 19.04 18.5999 19.04 17.3599C19.03 16.1299 18.34 14.9899 17.08 14.1499ZM14 18.1299H12.75V19.3799C12.75 19.7899 12.41 20.1299 12 20.1299C11.59 20.1299 11.25 19.7899 11.25 19.3799V18.1299H9.99996C9.58996 18.1299 9.24996 17.7899 9.24996 17.3799C9.24996 16.9699 9.58996 16.6299 9.99996 16.6299H11.25V15.3799C11.25 14.9699 11.59 14.6299 12 14.6299C12.41 14.6299 12.75 14.9699 12.75 15.3799V16.6299H14C14.41 16.6299 14.75 16.9699 14.75 17.3799C14.75 17.7899 14.41 18.1299 14 18.1299Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/profile-circle.svg b/public/images/icons/vuesax/bold/profile-circle.svg
new file mode 100644
index 0000000..1615b35
--- /dev/null
+++ b/public/images/icons/vuesax/bold/profile-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="M22 12C22 6.49 17.51 2 12 2C6.49 2 2 6.49 2 12C2 14.9 3.25 17.51 5.23 19.34C5.23 19.35 5.23 19.35 5.22 19.36C5.32 19.46 5.44 19.54 5.54 19.63C5.6 19.68 5.65 19.73 5.71 19.77C5.89 19.92 6.09 20.06 6.28 20.2C6.35 20.25 6.41 20.29 6.48 20.34C6.67 20.47 6.87 20.59 7.08 20.7C7.15 20.74 7.23 20.79 7.3 20.83C7.5 20.94 7.71 21.04 7.93 21.13C8.01 21.17 8.09 21.21 8.17 21.24C8.39 21.33 8.61 21.41 8.83 21.48C8.91 21.51 8.99 21.54 9.07 21.56C9.31 21.63 9.55 21.69 9.79 21.75C9.86 21.77 9.93 21.79 10.01 21.8C10.29 21.86 10.57 21.9 10.86 21.93C10.9 21.93 10.94 21.94 10.98 21.95C11.32 21.98 11.66 22 12 22C12.34 22 12.68 21.98 13.01 21.95C13.05 21.95 13.09 21.94 13.13 21.93C13.42 21.9 13.7 21.86 13.98 21.8C14.05 21.79 14.12 21.76 14.2 21.75C14.44 21.69 14.69 21.64 14.92 21.56C15 21.53 15.08 21.5 15.16 21.48C15.38 21.4 15.61 21.33 15.82 21.24C15.9 21.21 15.98 21.17 16.06 21.13C16.27 21.04 16.48 20.94 16.69 20.83C16.77 20.79 16.84 20.74 16.91 20.7C17.11 20.58 17.31 20.47 17.51 20.34C17.58 20.3 17.64 20.25 17.71 20.2C17.91 20.06 18.1 19.92 18.28 19.77C18.34 19.72 18.39 19.67 18.45 19.63C18.56 19.54 18.67 19.45 18.77 19.36C18.77 19.35 18.77 19.35 18.76 19.34C20.75 17.51 22 14.9 22 12ZM16.94 16.97C14.23 15.15 9.79 15.15 7.06 16.97C6.62 17.26 6.26 17.6 5.96 17.97C4.44 16.43 3.5 14.32 3.5 12C3.5 7.31 7.31 3.5 12 3.5C16.69 3.5 20.5 7.31 20.5 12C20.5 14.32 19.56 16.43 18.04 17.97C17.75 17.6 17.38 17.26 16.94 16.97Z" fill="#292D32"/>
+<path d="M12 6.93018C9.93 6.93018 8.25 8.61018 8.25 10.6802C8.25 12.7102 9.84 14.3602 11.95 14.4202C11.98 14.4202 12.02 14.4202 12.04 14.4202C12.06 14.4202 12.09 14.4202 12.11 14.4202C12.12 14.4202 12.13 14.4202 12.13 14.4202C14.15 14.3502 15.74 12.7102 15.75 10.6802C15.75 8.61018 14.07 6.93018 12 6.93018Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/profile-delete.svg b/public/images/icons/vuesax/bold/profile-delete.svg
new file mode 100644
index 0000000..4a4d7ed
--- /dev/null
+++ b/public/images/icons/vuesax/bold/profile-delete.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 2C9.38 2 7.25 4.13 7.25 6.75C7.25 9.32 9.26 11.4 11.88 11.49C11.96 11.48 12.04 11.48 12.1 11.49C12.12 11.49 12.13 11.49 12.15 11.49C12.16 11.49 12.16 11.49 12.17 11.49C14.73 11.4 16.74 9.32 16.75 6.75C16.75 4.13 14.62 2 12 2Z" fill="#292D32"/>
+<path d="M17.08 14.1499C14.29 12.2899 9.73996 12.2899 6.92996 14.1499C5.65996 14.9999 4.95996 16.1499 4.95996 17.3799C4.95996 18.6099 5.65996 19.7499 6.91996 20.5899C8.31996 21.5299 10.16 21.9999 12 21.9999C13.84 21.9999 15.68 21.5299 17.08 20.5899C18.34 19.7399 19.04 18.5999 19.04 17.3599C19.03 16.1299 18.34 14.9899 17.08 14.1499ZM13.94 18.2599C14.23 18.5499 14.23 19.0299 13.94 19.3199C13.79 19.4699 13.6 19.5399 13.41 19.5399C13.22 19.5399 13.03 19.4699 12.88 19.3199L12 18.4399L11.12 19.3199C10.97 19.4699 10.78 19.5399 10.59 19.5399C10.4 19.5399 10.21 19.4699 10.06 19.3199C9.76996 19.0299 9.76996 18.5499 10.06 18.2599L10.94 17.3799L10.06 16.4999C9.76996 16.2099 9.76996 15.7299 10.06 15.4399C10.35 15.1499 10.83 15.1499 11.12 15.4399L12 16.3199L12.88 15.4399C13.17 15.1499 13.65 15.1499 13.94 15.4399C14.23 15.7299 14.23 16.2099 13.94 16.4999L13.06 17.3799L13.94 18.2599Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/profile-remove.svg b/public/images/icons/vuesax/bold/profile-remove.svg
new file mode 100644
index 0000000..a4f9ac6
--- /dev/null
+++ b/public/images/icons/vuesax/bold/profile-remove.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 2C9.38 2 7.25 4.13 7.25 6.75C7.25 9.32 9.26 11.4 11.88 11.49C11.96 11.48 12.04 11.48 12.1 11.49C12.12 11.49 12.13 11.49 12.15 11.49C12.16 11.49 12.16 11.49 12.17 11.49C14.73 11.4 16.74 9.32 16.75 6.75C16.75 4.13 14.62 2 12 2Z" fill="#292D32"/>
+<path d="M17.08 14.1601C14.29 12.3001 9.73996 12.3001 6.92996 14.1601C5.65996 15.0001 4.95996 16.1501 4.95996 17.3801C4.95996 18.6101 5.65996 19.7501 6.91996 20.5901C8.31996 21.5301 10.16 22.0001 12 22.0001C13.84 22.0001 15.68 21.5301 17.08 20.5901C18.34 19.7401 19.04 18.6001 19.04 17.3601C19.03 16.1401 18.34 14.9901 17.08 14.1601ZM13.83 18.0701H10.18C9.79996 18.0701 9.48996 17.7601 9.48996 17.3801C9.48996 17.0001 9.79996 16.6901 10.18 16.6901H13.83C14.21 16.6901 14.52 17.0001 14.52 17.3801C14.52 17.7601 14.21 18.0701 13.83 18.0701Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/profile-tick.svg b/public/images/icons/vuesax/bold/profile-tick.svg
new file mode 100644
index 0000000..2e9ec6d
--- /dev/null
+++ b/public/images/icons/vuesax/bold/profile-tick.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 2C9.38 2 7.25 4.13 7.25 6.75C7.25 9.32 9.26 11.4 11.88 11.49C11.96 11.48 12.04 11.48 12.1 11.49C12.12 11.49 12.13 11.49 12.15 11.49C12.16 11.49 12.16 11.49 12.17 11.49C14.73 11.4 16.74 9.32 16.75 6.75C16.75 4.13 14.62 2 12 2Z" fill="#292D32"/>
+<path d="M17.08 14.1601C14.29 12.3001 9.73996 12.3001 6.92996 14.1601C5.65996 15.0001 4.95996 16.1501 4.95996 17.3801C4.95996 18.6101 5.65996 19.7501 6.91996 20.5901C8.31996 21.5301 10.16 22.0001 12 22.0001C13.84 22.0001 15.68 21.5301 17.08 20.5901C18.34 19.7401 19.04 18.6001 19.04 17.3601C19.03 16.1401 18.34 14.9901 17.08 14.1601ZM14.33 16.5601L11.81 19.0801C11.69 19.2001 11.53 19.2601 11.37 19.2601C11.21 19.2601 11.05 19.1901 10.93 19.0801L9.66996 17.8201C9.42996 17.5801 9.42996 17.1801 9.66996 16.9401C9.90996 16.7001 10.31 16.7001 10.55 16.9401L11.37 17.7601L13.45 15.6801C13.69 15.4401 14.09 15.4401 14.33 15.6801C14.58 15.9201 14.58 16.3201 14.33 16.5601Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/programming-arrow.svg b/public/images/icons/vuesax/bold/programming-arrow.svg
new file mode 100644
index 0000000..165e190
--- /dev/null
+++ b/public/images/icons/vuesax/bold/programming-arrow.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="M5.75 16.11V7.89C7.04 7.56 8 6.4 8 5C8 3.34 6.66 2 5 2C3.34 2 2 3.34 2 5C2 6.4 2.96 7.56 4.25 7.89V16.1C2.96 16.44 2 17.6 2 19C2 20.66 3.34 22 5 22C6.66 22 8 20.66 8 19C8 17.6 7.04 16.44 5.75 16.11Z" fill="#292D32"/>
+<path d="M19.75 16.1102V6.50018C19.75 4.98018 18.52 3.75018 17 3.75018H14.07L15.48 2.58018C15.8 2.31018 15.84 1.84018 15.58 1.52018C15.31 1.20018 14.84 1.16018 14.52 1.42018L11.52 3.92018C11.35 4.06018 11.25 4.27018 11.25 4.50018C11.25 4.73018 11.35 4.93018 11.52 5.08018L14.52 7.58018C14.66 7.70018 14.83 7.75018 15 7.75018C15.21 7.75018 15.43 7.66018 15.58 7.48018C15.85 7.16018 15.8 6.69018 15.48 6.42018L14.07 5.25018H17C17.69 5.25018 18.25 5.81018 18.25 6.50018V16.1102C16.96 16.4402 16 17.6002 16 19.0002C16 20.6602 17.34 22.0002 19 22.0002C20.66 22.0002 22 20.6602 22 19.0002C22 17.6002 21.04 16.4402 19.75 16.1102Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/programming-arrows.svg b/public/images/icons/vuesax/bold/programming-arrows.svg
new file mode 100644
index 0000000..d84768a
--- /dev/null
+++ b/public/images/icons/vuesax/bold/programming-arrows.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="M19.73 16.1002C19.73 16.0702 19.75 16.0402 19.75 16.0002V6.50018C19.75 4.98018 18.52 3.75018 17 3.75018H13.07L14.48 2.58018C14.8 2.31018 14.84 1.84018 14.58 1.52018C14.31 1.20018 13.84 1.16018 13.52 1.42018L10.52 3.92018C10.35 4.06018 10.25 4.27018 10.25 4.50018C10.25 4.73018 10.35 4.93018 10.52 5.08018L13.52 7.58018C13.66 7.70018 13.83 7.75018 14 7.75018C14.21 7.75018 14.43 7.66018 14.58 7.48018C14.85 7.16018 14.8 6.69018 14.48 6.42018L13.07 5.25018H17C17.69 5.25018 18.25 5.81018 18.25 6.50018V16.0002C18.25 16.0402 18.27 16.0702 18.27 16.1002C16.97 16.4302 16 17.6002 16 19.0002C16 20.6602 17.34 22.0002 19 22.0002C20.66 22.0002 22 20.6602 22 19.0002C22 17.6002 21.03 16.4302 19.73 16.1002Z" fill="#292D32"/>
+<path d="M13.48 18.92L10.48 16.42C10.16 16.15 9.69 16.2 9.42 16.52C9.15 16.84 9.2 17.31 9.52 17.58L10.93 18.75H7C6.31 18.75 5.75 18.19 5.75 17.5V8C5.75 7.96 5.73 7.93 5.73 7.9C7.03 7.57 8 6.4 8 5C8 3.34 6.66 2 5 2C3.34 2 2 3.34 2 5C2 6.4 2.97 7.57 4.27 7.9C4.27 7.93 4.25 7.96 4.25 8V17.5C4.25 19.02 5.48 20.25 7 20.25H10.93L9.52 21.42C9.2 21.69 9.16 22.16 9.42 22.48C9.57 22.66 9.78 22.75 10 22.75C10.17 22.75 10.34 22.69 10.48 22.58L13.48 20.08C13.65 19.94 13.75 19.73 13.75 19.5C13.75 19.27 13.65 19.07 13.48 18.92Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/python.svg b/public/images/icons/vuesax/bold/python.svg
new file mode 100644
index 0000000..0e193e7
--- /dev/null
+++ b/public/images/icons/vuesax/bold/python.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="M15.02 2.23006C13.02 1.92006 10.9801 1.92006 8.98006 2.23006C8.16006 2.36006 7.56005 3.06005 7.56005 3.88005V7.56005H3.88005C3.06005 7.56005 2.36006 8.16006 2.23006 8.98006C1.92006 10.9801 1.92006 13.02 2.23006 15.02C2.36006 15.84 3.06005 16.4401 3.88005 16.4401H5.56005C5.84005 16.4401 6.06005 16.22 6.06005 15.9401V14.22C6.06005 12.17 7.73005 10.5 9.78005 10.5H14.22C14.62 10.5 14.9401 10.18 14.9401 9.78005V6.56005C14.9401 6.28005 15.1601 6.06005 15.4401 6.06005H15.9401C16.22 6.06005 16.4401 5.84005 16.4401 5.56005V3.88005C16.4401 3.06005 15.84 2.36006 15.02 2.23006ZM10.33 5.58003C9.92003 5.58003 9.53005 5.19005 9.53005 4.78005C9.53005 4.36005 9.92003 3.97005 10.33 3.97005C10.53 3.97005 10.7501 4.06006 10.8901 4.20006C11.0401 4.34006 11.1401 4.57005 11.1401 4.78005C11.1401 5.19005 10.75 5.58003 10.33 5.58003Z" fill="black"/>
+<path d="M21.7701 8.98007C21.64 8.16007 20.9401 7.56006 20.1201 7.56006H16.9401C16.6601 7.56006 16.4401 7.78006 16.4401 8.06006V9.78006C16.4401 11.0001 15.4501 12.0001 14.2201 12.0001H9.78006C8.55006 12.0001 7.56006 12.9901 7.56006 14.2201V20.1201C7.56006 20.9401 8.16007 21.64 8.98007 21.7701C10.9801 22.0801 13.0201 22.0801 15.0201 21.7701C15.84 21.64 16.4401 20.9401 16.4401 20.1201V16.4401H20.1201C20.9401 16.4401 21.64 15.84 21.7701 15.0201C22.0801 13.0201 22.0801 10.9801 21.7701 8.98007ZM13.6701 20.0301C13.2601 20.0301 12.86 19.6401 12.86 19.2201C12.86 18.8001 13.2501 18.4101 13.6701 18.4101C13.8601 18.4101 14.0901 18.5001 14.2301 18.6301C14.3801 18.7701 14.4801 19.0101 14.4801 19.2101C14.4701 19.6401 14.0801 20.0301 13.6701 20.0301Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/quant-(qnt).svg b/public/images/icons/vuesax/bold/quant-(qnt).svg
new file mode 100644
index 0000000..050fe57
--- /dev/null
+++ b/public/images/icons/vuesax/bold/quant-(qnt).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="M20.4897 6.71008L12.4897 2.27008C12.1897 2.10008 11.8198 2.10008 11.5198 2.27008L3.51978 6.71008C3.19978 6.89008 3.00977 7.22008 3.00977 7.58008V16.4001C3.00977 16.7601 3.20978 17.1001 3.51978 17.2701L11.5397 21.7301C11.8297 21.8901 12.1797 21.9001 12.4697 21.7501L16.4998 19.7401C16.8098 19.5801 17.1797 19.6001 17.4797 19.7901L19.4697 21.0401C20.1397 21.4601 20.9998 20.9801 20.9998 20.1901V17.5801C20.9998 17.2201 20.7997 16.8801 20.4897 16.7101L17.4897 15.0501C17.1897 14.8801 16.8198 14.8801 16.5198 15.0501L12.4897 17.2901C12.1897 17.4601 11.8198 17.4601 11.5198 17.2901L7.51978 15.0701C7.19978 14.8901 7.00977 14.5601 7.00977 14.2001V9.82008C7.00977 9.46008 7.20978 9.12007 7.51978 8.95007L11.5198 6.73007C11.8198 6.56007 12.1897 6.56007 12.4897 6.73007L16.4897 8.95007C16.8097 9.13007 16.9998 9.46008 16.9998 9.82008V12.8801C16.9998 13.6901 17.9098 14.1601 18.5698 13.7001L20.5698 12.3101C20.8398 12.1201 20.9998 11.8201 20.9998 11.4901V7.60008C20.9998 7.23008 20.7997 6.89008 20.4897 6.71008Z" fill="black"/>
+<path d="M15.8601 10.4201V13.5701C15.8601 13.9201 15.6701 14.2401 15.3601 14.4101L12.4701 16.0201C12.1801 16.1801 11.8202 16.1801 11.5302 16.0201L8.64014 14.4101C8.33014 14.2401 8.14014 13.9201 8.14014 13.5701V10.4201C8.14014 10.0701 8.33014 9.7501 8.64014 9.5801L11.5302 7.9701C11.8202 7.8101 12.1801 7.8101 12.4701 7.9701L15.3601 9.5801C15.6701 9.7501 15.8601 10.0701 15.8601 10.4201Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/quote-down-circle.svg b/public/images/icons/vuesax/bold/quote-down-circle.svg
new file mode 100644
index 0000000..6b05e69
--- /dev/null
+++ b/public/images/icons/vuesax/bold/quote-down-circle.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 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM11.61 14.84C11.61 15.93 10.76 16.78 9.67 16.78H8.19C7.12 16.78 6.25 15.91 6.25 14.84V12.17C6.25 9.09 6.92 8.4 8.71 7.34C8.83 7.27 8.96 7.24 9.09 7.24C9.35 7.24 9.6 7.37 9.74 7.61C9.95 7.97 9.83 8.43 9.48 8.64C8.27 9.34 7.85 9.6 7.77 11.41H9.68C10.77 11.41 11.62 12.26 11.62 13.35V14.84H11.61ZM17.75 14.84C17.75 15.93 16.9 16.78 15.81 16.78H14.32C13.25 16.78 12.38 15.91 12.38 14.84V12.17C12.38 9.09 13.05 8.4 14.84 7.34C14.96 7.27 15.09 7.24 15.22 7.24C15.48 7.24 15.73 7.37 15.87 7.61C16.08 7.97 15.96 8.43 15.61 8.64C14.4 9.36 13.98 9.62 13.9 11.43H15.81C16.9 11.43 17.75 12.28 17.75 13.37V14.84Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/quote-down-square.svg b/public/images/icons/vuesax/bold/quote-down-square.svg
new file mode 100644
index 0000000..6a44eae
--- /dev/null
+++ b/public/images/icons/vuesax/bold/quote-down-square.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM11.61 14.84C11.61 15.93 10.76 16.78 9.67 16.78H8.19C7.12 16.78 6.25 15.91 6.25 14.84V12.17C6.25 9.09 6.92 8.4 8.71 7.34C8.83 7.27 8.96 7.24 9.09 7.24C9.35 7.24 9.6 7.37 9.74 7.61C9.95 7.97 9.83 8.43 9.48 8.64C8.27 9.34 7.85 9.6 7.77 11.41H9.68C10.77 11.41 11.62 12.26 11.62 13.35V14.84H11.61ZM17.75 14.84C17.75 15.93 16.9 16.78 15.81 16.78H14.32C13.25 16.78 12.38 15.91 12.38 14.84V12.17C12.38 9.09 13.05 8.4 14.84 7.34C14.96 7.27 15.09 7.24 15.22 7.24C15.48 7.24 15.73 7.37 15.87 7.61C16.08 7.97 15.96 8.43 15.61 8.64C14.4 9.36 13.98 9.62 13.9 11.43H15.81C16.9 11.43 17.75 12.28 17.75 13.37V14.84Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/quote-down.svg b/public/images/icons/vuesax/bold/quote-down.svg
new file mode 100644
index 0000000..db26640
--- /dev/null
+++ b/public/images/icons/vuesax/bold/quote-down.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="M15.9099 12.3699H20.5999C20.5199 17.0399 19.5999 17.8099 16.7299 19.5099C16.3999 19.7099 16.2899 20.1299 16.4899 20.4699C16.6899 20.7999 17.1099 20.9099 17.4499 20.7099C20.8299 18.7099 22.0099 17.4899 22.0099 11.6699V6.27994C22.0099 4.56994 20.6199 3.18994 18.9199 3.18994H15.9199C14.1599 3.18994 12.8299 4.51994 12.8299 6.27994V9.27994C12.8199 11.0399 14.1499 12.3699 15.9099 12.3699Z" fill="#292D32"/>
+<path d="M5.09 12.3699H9.78C9.7 17.0399 8.78 17.8099 5.91 19.5099C5.58 19.7099 5.47 20.1299 5.67 20.4699C5.87 20.7999 6.29 20.9099 6.63 20.7099C10.01 18.7099 11.19 17.4899 11.19 11.6699V6.27994C11.19 4.56994 9.8 3.18994 8.1 3.18994H5.1C3.33 3.18994 2 4.51994 2 6.27994V9.27994C2 11.0399 3.33 12.3699 5.09 12.3699Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/quote-up-circle.svg b/public/images/icons/vuesax/bold/quote-up-circle.svg
new file mode 100644
index 0000000..488e5c2
--- /dev/null
+++ b/public/images/icons/vuesax/bold/quote-up-circle.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 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM11.61 11.84C11.61 14.92 10.94 15.61 9.15 16.67C9.03 16.74 8.9 16.77 8.77 16.77C8.51 16.77 8.26 16.64 8.12 16.4C7.91 16.04 8.03 15.58 8.38 15.37C9.59 14.65 10.01 14.39 10.09 12.58H8.19C7.1 12.58 6.25 11.73 6.25 10.64V9.16C6.25 8.07 7.1 7.22 8.19 7.22H9.68C10.75 7.22 11.62 8.09 11.62 9.16V11.84H11.61ZM17.75 11.84C17.75 14.92 17.08 15.61 15.29 16.67C15.17 16.74 15.04 16.77 14.91 16.77C14.65 16.77 14.4 16.64 14.26 16.4C14.05 16.04 14.17 15.58 14.52 15.37C15.73 14.65 16.15 14.39 16.23 12.58H14.32C13.23 12.58 12.38 11.73 12.38 10.64V9.16C12.38 8.07 13.23 7.22 14.32 7.22H15.81C16.88 7.22 17.75 8.09 17.75 9.16V11.84Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/quote-up-square.svg b/public/images/icons/vuesax/bold/quote-up-square.svg
new file mode 100644
index 0000000..0c4a19c
--- /dev/null
+++ b/public/images/icons/vuesax/bold/quote-up-square.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM11.61 11.84C11.61 14.92 10.94 15.61 9.15 16.67C9.03 16.74 8.9 16.77 8.77 16.77C8.51 16.77 8.26 16.64 8.12 16.4C7.91 16.04 8.03 15.58 8.38 15.37C9.59 14.65 10.01 14.39 10.09 12.58H8.19C7.1 12.58 6.25 11.73 6.25 10.64V9.16C6.25 8.07 7.1 7.22 8.19 7.22H9.68C10.75 7.22 11.62 8.09 11.62 9.16V11.84H11.61ZM17.75 11.84C17.75 14.92 17.08 15.61 15.29 16.67C15.17 16.74 15.04 16.77 14.91 16.77C14.65 16.77 14.4 16.64 14.26 16.4C14.05 16.04 14.17 15.58 14.52 15.37C15.73 14.65 16.15 14.39 16.23 12.58H14.32C13.23 12.58 12.38 11.73 12.38 10.64V9.16C12.38 8.07 13.23 7.22 14.32 7.22H15.81C16.88 7.22 17.75 8.09 17.75 9.16V11.84Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/quote-up.svg b/public/images/icons/vuesax/bold/quote-up.svg
new file mode 100644
index 0000000..f13edcc
--- /dev/null
+++ b/public/images/icons/vuesax/bold/quote-up.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.09 11.63H3.4C3.48 6.95997 4.4 6.18997 7.27 4.48997C7.6 4.28997 7.71 3.86997 7.51 3.52997C7.32 3.19997 6.89 3.08997 6.56 3.28997C3.18 5.28997 2 6.50997 2 12.32V17.71C2 19.42 3.39 20.8 5.09 20.8H8.09C9.85 20.8 11.18 19.47 11.18 17.71V14.71C11.18 12.96 9.85 11.63 8.09 11.63Z" fill="#292D32"/>
+<path d="M18.9101 11.63H14.2201C14.3001 6.95997 15.2201 6.18997 18.0901 4.48997C18.4201 4.28997 18.5301 3.86997 18.3301 3.52997C18.1301 3.19997 17.7101 3.08997 17.3701 3.28997C13.9901 5.28997 12.8101 6.50997 12.8101 12.33V17.72C12.8101 19.43 14.2001 20.81 15.9001 20.81H18.9001C20.6601 20.81 21.9901 19.48 21.9901 17.72V14.72C22.0001 12.96 20.6701 11.63 18.9101 11.63Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/radar-2.svg b/public/images/icons/vuesax/bold/radar-2.svg
new file mode 100644
index 0000000..614bfcf
--- /dev/null
+++ b/public/images/icons/vuesax/bold/radar-2.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 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 19.75C7.73 19.75 4.25 16.27 4.25 12C4.25 10.64 4.61 9.31 5.28 8.14C5.48 7.78 5.94 7.66 6.3 7.86L12.37 11.35C12.73 11.56 12.85 12.01 12.65 12.37C12.44 12.73 11.99 12.85 11.63 12.65L8.72 10.98C8.62 11.31 8.55 11.65 8.55 12C8.55 13.9 10.1 15.45 12 15.45C13.9 15.45 15.45 13.9 15.45 12C15.45 10.1 13.9 8.55 12 8.55C11.49 8.55 10.99 8.66 10.53 8.88C10.15 9.06 9.71 8.9 9.53 8.52C9.35 8.15 9.51 7.7 9.89 7.52C10.55 7.21 11.26 7.05 12 7.05C14.73 7.05 16.95 9.27 16.95 12C16.95 14.73 14.73 16.95 12 16.95C9.27 16.95 7.05 14.73 7.05 12C7.05 11.39 7.17 10.78 7.39 10.21L6.24 9.56C5.92 10.33 5.75 11.16 5.75 12C5.75 15.45 8.55 18.25 12 18.25C15.45 18.25 18.25 15.45 18.25 12C18.25 8.55 15.45 5.75 12 5.75C10.64 5.75 9.34 6.18 8.25 7C7.92 7.25 7.45 7.18 7.2 6.85C6.95 6.52 7.02 6.05 7.35 5.8C8.7 4.79 10.31 4.25 12 4.25C16.27 4.25 19.75 7.73 19.75 12C19.75 16.27 16.27 19.75 12 19.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/radar.svg b/public/images/icons/vuesax/bold/radar.svg
new file mode 100644
index 0000000..e3931be
--- /dev/null
+++ b/public/images/icons/vuesax/bold/radar.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="M12 14.3801C13.3144 14.3801 14.38 13.3146 14.38 12.0001C14.38 10.6857 13.3144 9.62012 12 9.62012C10.6856 9.62012 9.62 10.6857 9.62 12.0001C9.62 13.3146 10.6856 14.3801 12 14.3801Z" fill="#292D32"/>
+<path d="M20 18.7498C19.84 18.7498 19.69 18.6998 19.55 18.5998C19.22 18.3498 19.15 17.8798 19.4 17.5498C20.61 15.9398 21.25 14.0198 21.25 11.9998C21.25 9.97978 20.61 8.05978 19.4 6.44978C19.15 6.11978 19.22 5.64978 19.55 5.39978C19.88 5.14978 20.35 5.21978 20.6 5.54978C22.01 7.41978 22.75 9.64978 22.75 11.9998C22.75 14.3498 22.01 16.5798 20.6 18.4498C20.45 18.6498 20.23 18.7498 20 18.7498Z" fill="#292D32"/>
+<path d="M4 18.7498C3.77 18.7498 3.55 18.6498 3.4 18.4498C1.99 16.5798 1.25 14.3498 1.25 11.9998C1.25 9.64978 1.99 7.41978 3.4 5.54978C3.65 5.21978 4.12 5.14978 4.45 5.39978C4.78 5.64978 4.85 6.11978 4.6 6.44978C3.39 8.05978 2.75 9.97978 2.75 11.9998C2.75 14.0198 3.39 15.9398 4.6 17.5498C4.85 17.8798 4.78 18.3498 4.45 18.5998C4.32 18.6998 4.16 18.7498 4 18.7498Z" fill="#292D32"/>
+<path d="M16.8 16.3502C16.64 16.3502 16.49 16.3002 16.35 16.2002C16.02 15.9502 15.95 15.4802 16.2 15.1502C16.89 14.2402 17.25 13.1502 17.25 12.0002C17.25 10.8502 16.89 9.76018 16.2 8.85018C15.95 8.52018 16.02 8.05018 16.35 7.80018C16.68 7.55018 17.15 7.62017 17.4 7.95017C18.28 9.13017 18.75 10.5302 18.75 12.0002C18.75 13.4702 18.28 14.8802 17.4 16.0502C17.25 16.2502 17.03 16.3502 16.8 16.3502Z" fill="#292D32"/>
+<path d="M7.2 16.3502C6.97 16.3502 6.75 16.2502 6.6 16.0502C5.72 14.8802 5.25 13.4702 5.25 12.0002C5.25 10.5302 5.72 9.12017 6.6 7.95017C6.85 7.62017 7.32 7.55018 7.65 7.80018C7.98 8.05018 8.05 8.52018 7.8 8.85018C7.11 9.76018 6.75 10.8502 6.75 12.0002C6.75 13.1502 7.11 14.2402 7.8 15.1502C8.05 15.4802 7.98 15.9502 7.65 16.2002C7.52 16.3002 7.36 16.3502 7.2 16.3502Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/radio.svg b/public/images/icons/vuesax/bold/radio.svg
new file mode 100644
index 0000000..dcbfdd0
--- /dev/null
+++ b/public/images/icons/vuesax/bold/radio.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.75 2V5H7C6.74 5 6.49 5.01 6.25 5.05V2C6.25 1.59 6.59 1.25 7 1.25C7.41 1.25 7.75 1.59 7.75 2Z" fill="#292D32"/>
+<path d="M17 5H7C6.74 5 6.49 5.01 6.25 5.05C3.67 5.35 2 7.26 2 10V17C2 20 4 22 7 22H17C20 22 22 20 22 17V10C22 7 20 5 17 5ZM7.88 16C6.5 16 5.38 14.88 5.38 13.5C5.38 12.12 6.5 11 7.88 11C9.26 11 10.38 12.12 10.38 13.5C10.38 14.88 9.26 16 7.88 16ZM14.38 16.25H13.88C13.47 16.25 13.13 15.91 13.13 15.5C13.13 15.09 13.47 14.75 13.88 14.75H14.38C14.79 14.75 15.13 15.09 15.13 15.5C15.13 15.91 14.79 16.25 14.38 16.25ZM17.88 16.25H17.38C16.97 16.25 16.63 15.91 16.63 15.5C16.63 15.09 16.97 14.75 17.38 14.75H17.88C18.29 14.75 18.63 15.09 18.63 15.5C18.63 15.91 18.29 16.25 17.88 16.25ZM17.88 12.25H13.88C13.47 12.25 13.13 11.91 13.13 11.5C13.13 11.09 13.47 10.75 13.88 10.75H17.88C18.29 10.75 18.63 11.09 18.63 11.5C18.63 11.91 18.29 12.25 17.88 12.25Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/ram-2.svg b/public/images/icons/vuesax/bold/ram-2.svg
new file mode 100644
index 0000000..8940ac7
--- /dev/null
+++ b/public/images/icons/vuesax/bold/ram-2.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="M16.0098 20.97C16.0154 21.5261 15.5661 21.98 15.0099 21.98H8.99325C8.44357 21.98 7.99695 21.5364 7.99327 20.9867L7.97998 19C7.97998 17.9 8.86998 17 9.97998 17H13.99C15.09 17 15.98 17.89 15.99 18.99L16.0098 20.97Z" fill="#292D32"/>
+<path d="M18.5 9.99986V12.1699C18.5 12.6999 18.71 13.2099 19.09 13.5899L19.91 14.4099C20.29 14.7899 20.5 15.2999 20.5 15.8299V16.9999C20.5 19.301 19.5911 20.9935 17.6057 21.666C17.3045 21.7681 17.0089 21.5302 17.0078 21.2122L17 18.9799C16.98 17.3399 15.63 15.9999 14 15.9999H9.99C8.33 15.9999 6.99 17.3499 6.99 18.9999V21.224C6.99 21.5415 6.69629 21.7803 6.3949 21.6806C4.386 21.0158 3.5 19.3129 3.5 16.9999V6.99986C3.5 4.59383 4.45179 2.83365 6.64523 2.23637C6.94579 2.15453 7.2259 2.39608 7.22143 2.70755L7.19 4.89986C7.18 5.36986 7.35 5.81986 7.67 6.15986C8 6.49986 8.43 6.68986 8.94 6.69986C9.45417 6.69986 9.91203 6.48711 10.2245 6.14081C10.3367 6.01643 10.5516 6.01142 10.67 6.12986C10.99 6.46986 11.43 6.66986 11.94 6.67986C12.4543 6.67986 12.9235 6.45381 13.2436 6.08994C13.3488 5.97036 13.5642 5.96083 13.67 6.07986C13.99 6.41986 14.43 6.61986 14.94 6.62986C15.9 6.62986 16.67 5.87986 16.69 4.90986L16.7297 2.68651C16.7351 2.3822 17.0106 2.15123 17.3047 2.22941C19.5087 2.81519 20.5 4.58705 20.5 6.99986V7.99986C20.5 8.54986 20.05 8.99986 19.5 8.99986C18.95 8.99986 18.5 9.44986 18.5 9.99986Z" fill="#292D32"/>
+<path d="M9.22812 2.0033C9.50883 2.00149 9.73602 2.23107 9.73127 2.51174L9.68992 4.96C9.67992 5.37 9.34992 5.7 8.93992 5.7H8.92992C8.50992 5.69 8.17992 5.35 8.18992 4.93V2.50678C8.18992 2.2319 8.41182 2.00857 8.68669 2.00679L9.22812 2.0033Z" fill="#292D32"/>
+<path d="M12.2314 2C12.5108 2 12.736 2.22906 12.7313 2.50847L12.6899 4.95C12.6799 5.35 12.3499 5.68 11.9399 5.68H11.9299C11.5099 5.67 11.1799 5.33 11.1899 4.92L11.1899 2.5C11.1899 2.22386 11.4138 2 11.6899 2H12.2314Z" fill="#292D32"/>
+<path d="M15.2344 2.00658C15.5127 2.00833 15.736 2.23699 15.7311 2.51525L15.6899 4.88977C15.6799 5.29977 15.3499 5.62977 14.9399 5.62977H14.9299C14.5099 5.61977 14.1799 5.27977 14.1899 4.86977V2.50316C14.1899 2.22579 14.4157 2.00142 14.6931 2.00317L15.2344 2.00658Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/ram.svg b/public/images/icons/vuesax/bold/ram.svg
new file mode 100644
index 0000000..4005d42
--- /dev/null
+++ b/public/images/icons/vuesax/bold/ram.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="M19.5 9C20.05 9 20.5 8.55 20.5 8V7C20.5 4 18.97 2 15.5 2H8.5C4.97 2 3.5 4 3.5 7V17C3.5 19.3139 4.37827 21.0255 6.39493 21.6836C6.69648 21.782 6.98895 21.5422 6.98783 21.2249L6.98 19C6.98 17.34 8.33 16 9.98 16H13.99C15.63 16 16.98 17.34 16.99 18.98L17.0057 21.227C17.0079 21.5435 17.3017 21.7801 17.6018 21.6794C19.5899 21.0126 20.5 19.3027 20.5 17V15.83C20.5 15.3 20.29 14.79 19.91 14.41L19.09 13.59C18.71 13.21 18.5 12.7 18.5 12.17V10C18.5 9.45 18.95 9 19.5 9ZM13.97 8.53H7.97C7.56 8.53 7.22 8.19 7.22 7.78C7.22 7.37 7.56 7.03 7.97 7.03H13.97C14.38 7.03 14.72 7.37 14.72 7.78C14.72 8.19 14.39 8.53 13.97 8.53Z" fill="#292D32"/>
+<path d="M16.0098 20.97C16.0154 21.5261 15.5661 21.98 15.0099 21.98H8.99325C8.44357 21.98 7.99695 21.5364 7.99327 20.9867L7.97998 19C7.97998 17.9 8.86998 17 9.97998 17H13.99C15.09 17 15.98 17.89 15.99 18.99L16.0098 20.97Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/ranking.svg b/public/images/icons/vuesax/bold/ranking.svg
new file mode 100644
index 0000000..d606a0e
--- /dev/null
+++ b/public/images/icons/vuesax/bold/ranking.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="M13.3 8.10983L14.62 10.7498C14.8 11.1098 15.28 11.4698 15.68 11.5298L18.07 11.9298C19.6 12.1898 19.96 13.2898 18.86 14.3898L17 16.2598C16.69 16.5698 16.51 17.1798 16.61 17.6198L17.14 19.9298C17.56 21.7498 16.59 22.4598 14.98 21.5098L12.74 20.1798C12.33 19.9398 11.67 19.9398 11.26 20.1798L9.00997 21.4998C7.39997 22.4498 6.42997 21.7398 6.84997 19.9198L7.37997 17.6098C7.47997 17.1798 7.29997 16.5698 6.98997 16.2498L5.13997 14.3998C4.03997 13.2998 4.39997 12.1898 5.92997 11.9398L8.31997 11.5398C8.71997 11.4698 9.19997 11.1198 9.37997 10.7598L10.7 8.11983C11.41 6.67983 12.59 6.67983 13.3 8.10983Z" fill="#292D32"/>
+<path d="M6 9.75C5.59 9.75 5.25 9.41 5.25 9V2C5.25 1.59 5.59 1.25 6 1.25C6.41 1.25 6.75 1.59 6.75 2V9C6.75 9.41 6.41 9.75 6 9.75Z" fill="#292D32"/>
+<path d="M18 9.75C17.59 9.75 17.25 9.41 17.25 9V2C17.25 1.59 17.59 1.25 18 1.25C18.41 1.25 18.75 1.59 18.75 2V9C18.75 9.41 18.41 9.75 18 9.75Z" fill="#292D32"/>
+<path d="M12 4.75C11.59 4.75 11.25 4.41 11.25 4V2C11.25 1.59 11.59 1.25 12 1.25C12.41 1.25 12.75 1.59 12.75 2V4C12.75 4.41 12.41 4.75 12 4.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/receipt-1.svg b/public/images/icons/vuesax/bold/receipt-1.svg
new file mode 100644
index 0000000..b42a20c
--- /dev/null
+++ b/public/images/icons/vuesax/bold/receipt-1.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.78 2H8.22C4.44 2 3.5 3.01 3.5 7.04V18.3C3.5 20.96 4.96 21.59 6.73 19.69L6.74 19.68C7.56 18.81 8.81 18.88 9.52 19.83L10.53 21.18C11.34 22.25 12.65 22.25 13.46 21.18L14.47 19.83C15.19 18.87 16.44 18.8 17.26 19.68C19.04 21.58 20.49 20.95 20.49 18.29V7.04C20.5 3.01 19.56 2 15.78 2ZM15 11.75H9C8.59 11.75 8.25 11.41 8.25 11C8.25 10.59 8.59 10.25 9 10.25H15C15.41 10.25 15.75 10.59 15.75 11C15.75 11.41 15.41 11.75 15 11.75ZM16 7.75H8C7.59 7.75 7.25 7.41 7.25 7C7.25 6.59 7.59 6.25 8 6.25H16C16.41 6.25 16.75 6.59 16.75 7C16.75 7.41 16.41 7.75 16 7.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/receipt-2-1.svg b/public/images/icons/vuesax/bold/receipt-2-1.svg
new file mode 100644
index 0000000..e920c26
--- /dev/null
+++ b/public/images/icons/vuesax/bold/receipt-2-1.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.78 2H8.22C4.44 2 3.5 3.01 3.5 7.04V18.3C3.5 20.96 4.96 21.59 6.73 19.69L6.74 19.68C7.56 18.81 8.81 18.88 9.52 19.83L10.53 21.18C11.34 22.25 12.65 22.25 13.46 21.18L14.47 19.83C15.19 18.87 16.44 18.8 17.26 19.68C19.04 21.58 20.49 20.95 20.49 18.29V7.04C20.5 3.01 19.56 2 15.78 2ZM7.78 12C7.23 12 6.78 11.55 6.78 11C6.78 10.45 7.23 10 7.78 10C8.33 10 8.78 10.45 8.78 11C8.78 11.55 8.33 12 7.78 12ZM7.78 8C7.23 8 6.78 7.55 6.78 7C6.78 6.45 7.23 6 7.78 6C8.33 6 8.78 6.45 8.78 7C8.78 7.55 8.33 8 7.78 8ZM16.23 11.75H10.73C10.32 11.75 9.98 11.41 9.98 11C9.98 10.59 10.32 10.25 10.73 10.25H16.23C16.64 10.25 16.98 10.59 16.98 11C16.98 11.41 16.64 11.75 16.23 11.75ZM16.23 7.75H10.73C10.32 7.75 9.98 7.41 9.98 7C9.98 6.59 10.32 6.25 10.73 6.25H16.23C16.64 6.25 16.98 6.59 16.98 7C16.98 7.41 16.64 7.75 16.23 7.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/receipt-2.svg b/public/images/icons/vuesax/bold/receipt-2.svg
new file mode 100644
index 0000000..95a716d
--- /dev/null
+++ b/public/images/icons/vuesax/bold/receipt-2.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="M19.5 3.67C19.5 3.66 19.5 3.65 19.48 3.64C19.26 3.36 18.97 3.21 18.63 3.21C18.1 3.21 17.46 3.56 16.77 4.3C15.95 5.18 14.69 5.11 13.97 4.15L12.96 2.81C12.56 2.27 12.03 2 11.5 2C10.97 2 10.44 2.27 10.04 2.81L9.02 4.16C8.31 5.11 7.06 5.18 6.24 4.31L6.23 4.3C5.1 3.09 4.09 2.91 3.52 3.64C3.5 3.65 3.5 3.66 3.5 3.67C3.14 4.44 3 5.52 3 7.04V16.96C3 18.48 3.14 19.56 3.5 20.33C3.5 20.34 3.51 20.36 3.52 20.37C4.1 21.09 5.1 20.91 6.23 19.7L6.24 19.69C7.06 18.82 8.31 18.89 9.02 19.84L10.04 21.19C10.44 21.73 10.97 22 11.5 22C12.03 22 12.56 21.73 12.96 21.19L13.97 19.85C14.69 18.89 15.95 18.82 16.77 19.7C17.46 20.44 18.1 20.79 18.63 20.79C18.97 20.79 19.26 20.65 19.48 20.37C19.49 20.36 19.5 20.34 19.5 20.33C19.86 19.56 20 18.48 20 16.96V7.04C20 5.52 19.86 4.44 19.5 3.67ZM14 14.5H8C7.59 14.5 7.25 14.16 7.25 13.75C7.25 13.34 7.59 13 8 13H14C14.41 13 14.75 13.34 14.75 13.75C14.75 14.16 14.41 14.5 14 14.5ZM16 11H8C7.59 11 7.25 10.66 7.25 10.25C7.25 9.84 7.59 9.5 8 9.5H16C16.41 9.5 16.75 9.84 16.75 10.25C16.75 10.66 16.41 11 16 11Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/receipt-add.svg b/public/images/icons/vuesax/bold/receipt-add.svg
new file mode 100644
index 0000000..40cee96
--- /dev/null
+++ b/public/images/icons/vuesax/bold/receipt-add.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="M18.01 2V3.5C18.67 3.5 19.3 3.77 19.76 4.22C20.24 4.71 20.5 5.34 20.5 6V8.42C20.5 9.16 20.17 9.5 19.42 9.5H17.5V4.01C17.5 3.73 17.73 3.5 18.01 3.5V2ZM18.01 2C16.9 2 16 2.9 16 4.01V11H19.42C21 11 22 10 22 8.42V6C22 4.9 21.55 3.9 20.83 3.17C20.1 2.45 19.11 2.01 18.01 2C18.02 2 18.01 2 18.01 2Z" fill="#292D32"/>
+<path d="M7 2H6C3 2 2 3.79 2 6V7V21C2 21.83 2.94 22.3 3.6 21.8L5.31 20.52C5.71 20.22 6.27 20.26 6.63 20.62L8.29 22.29C8.68 22.68 9.32 22.68 9.71 22.29L11.39 20.61C11.74 20.26 12.3 20.22 12.69 20.52L14.4 21.8C15.06 22.29 16 21.82 16 21V4C16 2.9 16.9 2 18 2H7ZM11.75 10.75H9.75V12.75C9.75 13.16 9.41 13.5 9 13.5C8.59 13.5 8.25 13.16 8.25 12.75V10.75H6.25C5.84 10.75 5.5 10.41 5.5 10C5.5 9.59 5.84 9.25 6.25 9.25H8.25V7.25C8.25 6.84 8.59 6.5 9 6.5C9.41 6.5 9.75 6.84 9.75 7.25V9.25H11.75C12.16 9.25 12.5 9.59 12.5 10C12.5 10.41 12.16 10.75 11.75 10.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/receipt-discount.svg b/public/images/icons/vuesax/bold/receipt-discount.svg
new file mode 100644
index 0000000..e75307a
--- /dev/null
+++ b/public/images/icons/vuesax/bold/receipt-discount.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 2H6C3 2 2 3.79 2 6V7V21C2 21.83 2.94 22.3 3.6 21.8L5.31 20.52C5.71 20.22 6.27 20.26 6.63 20.62L8.29 22.29C8.68 22.68 9.32 22.68 9.71 22.29L11.39 20.61C11.74 20.26 12.3 20.22 12.69 20.52L14.4 21.8C15.06 22.29 16 21.82 16 21V4C16 2.9 16.9 2 18 2H7ZM6.57 8.03C7.12 8.03 7.57 8.48 7.57 9.03C7.57 9.58 7.12 10.03 6.57 10.03C6.02 10.03 5.57 9.58 5.57 9.03C5.57 8.48 6.02 8.03 6.57 8.03ZM11.43 14.08C10.87 14.08 10.43 13.63 10.43 13.08C10.43 12.53 10.88 12.08 11.43 12.08C11.98 12.08 12.43 12.53 12.43 13.08C12.43 13.63 11.98 14.08 11.43 14.08ZM12.26 8.8L6.8 14.26C6.65 14.41 6.46 14.48 6.27 14.48C6.08 14.48 5.89 14.41 5.74 14.26C5.45 13.97 5.45 13.49 5.74 13.2L11.2 7.74C11.49 7.45 11.97 7.45 12.26 7.74C12.55 8.03 12.55 8.51 12.26 8.8Z" fill="#292D32"/>
+<path d="M18.01 2V3.5C18.67 3.5 19.3 3.77 19.76 4.22C20.24 4.71 20.5 5.34 20.5 6V8.42C20.5 9.16 20.17 9.5 19.42 9.5H17.5V4.01C17.5 3.73 17.73 3.5 18.01 3.5V2ZM18.01 2C16.9 2 16 2.9 16 4.01V11H19.42C21 11 22 10 22 8.42V6C22 4.9 21.55 3.9 20.83 3.17C20.1 2.45 19.11 2.01 18.01 2C18.02 2 18.01 2 18.01 2Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/receipt-disscount.svg b/public/images/icons/vuesax/bold/receipt-disscount.svg
new file mode 100644
index 0000000..9d9ed95
--- /dev/null
+++ b/public/images/icons/vuesax/bold/receipt-disscount.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.78 2H8.22C4.44 2 3.5 3.01 3.5 7.04V18.3C3.5 20.96 4.96 21.59 6.73 19.69L6.74 19.68C7.56 18.81 8.81 18.88 9.52 19.83L10.53 21.18C11.34 22.25 12.65 22.25 13.46 21.18L14.47 19.83C15.19 18.87 16.44 18.8 17.26 19.68C19.04 21.58 20.49 20.95 20.49 18.29V7.04C20.5 3.01 19.56 2 15.78 2ZM9 7C9.55 7 10 7.45 10 8C10 8.55 9.56 9 9 9C8.44 9 8 8.55 8 8C8 7.45 8.44 7 9 7ZM15 14C14.44 14 14 13.55 14 13C14 12.45 14.45 12 15 12C15.55 12 16 12.45 16 13C16 13.55 15.56 14 15 14ZM15.9 7.59L9.17 14.32C9.02 14.47 8.83 14.54 8.64 14.54C8.45 14.54 8.26 14.47 8.11 14.32C7.82 14.03 7.82 13.55 8.11 13.26L14.84 6.53C15.13 6.24 15.61 6.24 15.9 6.53C16.19 6.82 16.19 7.3 15.9 7.59Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/receipt-edit.svg b/public/images/icons/vuesax/bold/receipt-edit.svg
new file mode 100644
index 0000000..80764e3
--- /dev/null
+++ b/public/images/icons/vuesax/bold/receipt-edit.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.78 2H8.22C4.44 2 3.5 3.01 3.5 7.04V18.3C3.5 20.96 4.96 21.59 6.73 19.69L6.74 19.68C7.56 18.81 8.81 18.88 9.52 19.83L10.53 21.18C11.34 22.25 12.65 22.25 13.46 21.18L14.47 19.83C15.19 18.87 16.44 18.8 17.26 19.68C19.04 21.58 20.49 20.95 20.49 18.29V7.04C20.5 3.01 19.56 2 15.78 2ZM14.84 9.99L14.34 10.5H14.33L11.3 13.53C11.17 13.66 10.9 13.8 10.71 13.82L9.36 14.02C8.87 14.09 8.53 13.74 8.6 13.26L8.79 11.9C8.82 11.71 8.95 11.45 9.08 11.31L12.12 8.28L12.62 7.77C12.95 7.44 13.32 7.2 13.72 7.2C14.06 7.2 14.43 7.36 14.84 7.77C15.74 8.67 15.45 9.38 14.84 9.99Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/receipt-item.svg b/public/images/icons/vuesax/bold/receipt-item.svg
new file mode 100644
index 0000000..4ec5625
--- /dev/null
+++ b/public/images/icons/vuesax/bold/receipt-item.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 2H6C3 2 2 3.79 2 6V7V21C2 21.83 2.94 22.3 3.6 21.8L5.31 20.52C5.71 20.22 6.27 20.26 6.63 20.62L8.29 22.29C8.68 22.68 9.32 22.68 9.71 22.29L11.39 20.61C11.74 20.26 12.3 20.22 12.69 20.52L14.4 21.8C15.06 22.29 16 21.82 16 21V4C16 2.9 16.9 2 18 2H7ZM5.97 14.01C5.42 14.01 4.97 13.56 4.97 13.01C4.97 12.46 5.42 12.01 5.97 12.01C6.52 12.01 6.97 12.46 6.97 13.01C6.97 13.56 6.52 14.01 5.97 14.01ZM5.97 10.01C5.42 10.01 4.97 9.56 4.97 9.01C4.97 8.46 5.42 8.01 5.97 8.01C6.52 8.01 6.97 8.46 6.97 9.01C6.97 9.56 6.52 10.01 5.97 10.01ZM12 13.76H9C8.59 13.76 8.25 13.42 8.25 13.01C8.25 12.6 8.59 12.26 9 12.26H12C12.41 12.26 12.75 12.6 12.75 13.01C12.75 13.42 12.41 13.76 12 13.76ZM12 9.76H9C8.59 9.76 8.25 9.42 8.25 9.01C8.25 8.6 8.59 8.26 9 8.26H12C12.41 8.26 12.75 8.6 12.75 9.01C12.75 9.42 12.41 9.76 12 9.76Z" fill="#292D32"/>
+<path d="M18.01 2V3.5C18.67 3.5 19.3 3.77 19.76 4.22C20.24 4.71 20.5 5.34 20.5 6V8.42C20.5 9.16 20.17 9.5 19.42 9.5H17.5V4.01C17.5 3.73 17.73 3.5 18.01 3.5V2ZM18.01 2C16.9 2 16 2.9 16 4.01V11H19.42C21 11 22 10 22 8.42V6C22 4.9 21.55 3.9 20.83 3.17C20.1 2.45 19.11 2.01 18.01 2C18.02 2 18.01 2 18.01 2Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/receipt-minus.svg b/public/images/icons/vuesax/bold/receipt-minus.svg
new file mode 100644
index 0000000..5c6b3f9
--- /dev/null
+++ b/public/images/icons/vuesax/bold/receipt-minus.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 2H6C3 2 2 3.79 2 6V7V21C2 21.83 2.94 22.3 3.6 21.8L5.31 20.52C5.71 20.22 6.27 20.26 6.63 20.62L8.29 22.29C8.68 22.68 9.32 22.68 9.71 22.29L11.39 20.61C11.74 20.26 12.3 20.22 12.69 20.52L14.4 21.8C15.06 22.29 16 21.82 16 21V4C16 2.9 16.9 2 18 2H7ZM11.75 10.75H6.25C5.84 10.75 5.5 10.41 5.5 10C5.5 9.59 5.84 9.25 6.25 9.25H11.75C12.16 9.25 12.5 9.59 12.5 10C12.5 10.41 12.16 10.75 11.75 10.75Z" fill="#292D32"/>
+<path d="M18.01 2V3.5C18.67 3.5 19.3 3.77 19.76 4.22C20.24 4.71 20.5 5.34 20.5 6V8.42C20.5 9.16 20.17 9.5 19.42 9.5H17.5V4.01C17.5 3.73 17.73 3.5 18.01 3.5V2ZM18.01 2C16.9 2 16 2.9 16 4.01V11H19.42C21 11 22 10 22 8.42V6C22 4.9 21.55 3.9 20.83 3.17C20.1 2.45 19.11 2.01 18.01 2C18.02 2 18.01 2 18.01 2Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/receipt-search.svg b/public/images/icons/vuesax/bold/receipt-search.svg
new file mode 100644
index 0000000..ec156d4
--- /dev/null
+++ b/public/images/icons/vuesax/bold/receipt-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 d="M15.78 2H8.22C4.44 2 3.5 3.01 3.5 7.04V18.3C3.5 20.96 4.96 21.59 6.73 19.69L6.74 19.68C7.56 18.81 8.81 18.88 9.52 19.83L10.53 21.18C11.34 22.25 12.65 22.25 13.46 21.18L14.47 19.83C15.19 18.87 16.44 18.8 17.26 19.68C19.04 21.58 20.49 20.95 20.49 18.29V7.04C20.5 3.01 19.56 2 15.78 2ZM15.66 14.53C15.51 14.68 15.32 14.75 15.13 14.75C14.94 14.75 14.75 14.68 14.6 14.53L13.86 13.79C13.28 14.17 12.58 14.4 11.83 14.4C9.79 14.4 8.13 12.74 8.13 10.7C8.13 8.66 9.78 7 11.83 7C13.88 7 15.53 8.66 15.53 10.7C15.53 11.45 15.3 12.15 14.92 12.73L15.66 13.47C15.95 13.76 15.95 14.24 15.66 14.53Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/receipt-square.svg b/public/images/icons/vuesax/bold/receipt-square.svg
new file mode 100644
index 0000000..af163dc
--- /dev/null
+++ b/public/images/icons/vuesax/bold/receipt-square.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM17 15.71C17 17.28 16.14 17.65 15.1 16.53C14.62 16.02 13.88 16.06 13.46 16.62L12.87 17.41C12.4 18.04 11.62 18.04 11.15 17.41L10.55 16.61C10.13 16.05 9.39 16.01 8.91 16.52C7.86 17.64 7 17.27 7 15.71V9.08C7 6.71 7.56 6.12 9.78 6.12H14.22C16.44 6.12 17 6.71 17 9.08V15.71Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/receipt-text.svg b/public/images/icons/vuesax/bold/receipt-text.svg
new file mode 100644
index 0000000..8d942ab
--- /dev/null
+++ b/public/images/icons/vuesax/bold/receipt-text.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 2H6C3 2 2 3.79 2 6V7V21C2 21.83 2.94 22.3 3.6 21.8L5.31 20.52C5.71 20.22 6.27 20.26 6.63 20.62L8.29 22.29C8.68 22.68 9.32 22.68 9.71 22.29L11.39 20.61C11.74 20.26 12.3 20.22 12.69 20.52L14.4 21.8C15.06 22.29 16 21.82 16 21V4C16 2.9 16.9 2 18 2H7ZM11.25 13.75H6.75C6.34 13.75 6 13.41 6 13C6 12.59 6.34 12.25 6.75 12.25H11.25C11.66 12.25 12 12.59 12 13C12 13.41 11.66 13.75 11.25 13.75ZM12 9.75H6C5.59 9.75 5.25 9.41 5.25 9C5.25 8.59 5.59 8.25 6 8.25H12C12.41 8.25 12.75 8.59 12.75 9C12.75 9.41 12.41 9.75 12 9.75Z" fill="#292D32"/>
+<path d="M18.01 2V3.5C18.67 3.5 19.3 3.77 19.76 4.22C20.24 4.71 20.5 5.34 20.5 6V8.42C20.5 9.16 20.17 9.5 19.42 9.5H17.5V4.01C17.5 3.73 17.73 3.5 18.01 3.5V2ZM18.01 2C16.9 2 16 2.9 16 4.01V11H19.42C21 11 22 10 22 8.42V6C22 4.9 21.55 3.9 20.83 3.17C20.1 2.45 19.11 2.01 18.01 2C18.02 2 18.01 2 18.01 2Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/receipt.svg b/public/images/icons/vuesax/bold/receipt.svg
new file mode 100644
index 0000000..e40869a
--- /dev/null
+++ b/public/images/icons/vuesax/bold/receipt.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="M2 7V21C2 21.83 2.94 22.3 3.6 21.8L5.31 20.52C5.71 20.22 6.27 20.26 6.63 20.62L8.29 22.29C8.68 22.68 9.32 22.68 9.71 22.29L11.39 20.61C11.74 20.26 12.3 20.22 12.69 20.52L14.4 21.8C15.06 22.29 16 21.82 16 21V4C16 2.9 16.9 2 18 2H7H6C3 2 2 3.79 2 6V7Z" fill="#292D32"/>
+<path d="M18.01 2V3.5C18.67 3.5 19.3 3.77 19.76 4.22C20.24 4.71 20.5 5.34 20.5 6V8.42C20.5 9.16 20.17 9.5 19.42 9.5H17.5V4.01C17.5 3.73 17.73 3.5 18.01 3.5V2ZM18.01 2C16.9 2 16 2.9 16 4.01V11H19.42C21 11 22 10 22 8.42V6C22 4.9 21.55 3.9 20.83 3.17C20.1 2.45 19.11 2.01 18.01 2C18.02 2 18.01 2 18.01 2Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/receive-square-2.svg b/public/images/icons/vuesax/bold/receive-square-2.svg
new file mode 100644
index 0000000..548ed09
--- /dev/null
+++ b/public/images/icons/vuesax/bold/receive-square-2.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM8.64 7.15C8.93 6.86 9.41 6.86 9.7 7.15L14.08 11.53V9.1C14.08 8.69 14.42 8.35 14.83 8.35C15.24 8.35 15.58 8.69 15.58 9.1V13.34C15.58 13.44 15.56 13.53 15.52 13.63C15.44 13.81 15.3 13.96 15.11 14.04C15.02 14.08 14.92 14.1 14.82 14.1H10.58C10.17 14.1 9.83 13.76 9.83 13.35C9.83 12.94 10.17 12.6 10.58 12.6H13.01L8.64 8.21C8.35 7.92 8.35 7.45 8.64 7.15ZM18.24 17.22C16.23 17.89 14.12 18.23 12 18.23C9.88 18.23 7.77 17.89 5.76 17.22C5.37 17.09 5.16 16.66 5.29 16.27C5.42 15.88 5.84 15.66 6.24 15.8C9.96 17.04 14.05 17.04 17.77 15.8C18.16 15.67 18.59 15.88 18.72 16.27C18.84 16.67 18.63 17.09 18.24 17.22Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/receive-square.svg b/public/images/icons/vuesax/bold/receive-square.svg
new file mode 100644
index 0000000..4e6eb0e
--- /dev/null
+++ b/public/images/icons/vuesax/bold/receive-square.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM8.47 10.98C8.76 10.69 9.24 10.69 9.53 10.98L11.25 12.7V6.51C11.25 6.1 11.59 5.76 12 5.76C12.41 5.76 12.75 6.1 12.75 6.51V12.7L14.47 10.98C14.76 10.69 15.24 10.69 15.53 10.98C15.82 11.27 15.82 11.75 15.53 12.04L12.53 15.04C12.46 15.11 12.38 15.16 12.29 15.2C12.2 15.24 12.1 15.26 12 15.26C11.9 15.26 11.81 15.24 11.71 15.2C11.62 15.16 11.54 15.11 11.47 15.04L8.47 12.04C8.18 11.75 8.18 11.28 8.47 10.98ZM18.24 17.22C16.23 17.89 14.12 18.23 12 18.23C9.88 18.23 7.77 17.89 5.76 17.22C5.37 17.09 5.16 16.66 5.29 16.27C5.42 15.88 5.84 15.66 6.24 15.8C9.96 17.04 14.05 17.04 17.77 15.8C18.16 15.67 18.59 15.88 18.72 16.27C18.84 16.67 18.63 17.09 18.24 17.22Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/received.svg b/public/images/icons/vuesax/bold/received.svg
new file mode 100644
index 0000000..77eaf4b
--- /dev/null
+++ b/public/images/icons/vuesax/bold/received.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.71 18.1899C4.81 18.2299 4.9 18.2499 5 18.2499H15.27C15.68 18.2499 16.02 17.9099 16.02 17.4999C16.02 17.0899 15.68 16.7499 15.27 16.7499H6.81L19.53 4.02994C19.82 3.73994 19.82 3.25994 19.53 2.96994C19.24 2.67994 18.76 2.67994 18.47 2.96994L5.75 15.6899V7.22994C5.75 6.81994 5.41 6.47994 5 6.47994C4.59 6.47994 4.25 6.81994 4.25 7.22994V17.4999C4.25 17.5999 4.27 17.6899 4.31 17.7899C4.38 17.9699 4.53 18.1199 4.71 18.1899Z" fill="#292D32"/>
+<path d="M20.5 21.25H3.5C3.09 21.25 2.75 21.59 2.75 22C2.75 22.41 3.09 22.75 3.5 22.75H20.5C20.91 22.75 21.25 22.41 21.25 22C21.25 21.59 20.91 21.25 20.5 21.25Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/record-circle.svg b/public/images/icons/vuesax/bold/record-circle.svg
new file mode 100644
index 0000000..ab25ed0
--- /dev/null
+++ b/public/images/icons/vuesax/bold/record-circle.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.97 2C6.44997 2 1.96997 6.48 1.96997 12C1.96997 17.52 6.44997 22 11.97 22C17.49 22 21.97 17.52 21.97 12C21.97 6.48 17.5 2 11.97 2ZM12 16.23C9.65997 16.23 7.76997 14.34 7.76997 12C7.76997 9.66 9.65997 7.77 12 7.77C14.34 7.77 16.23 9.66 16.23 12C16.23 14.34 14.34 16.23 12 16.23Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/record.svg b/public/images/icons/vuesax/bold/record.svg
new file mode 100644
index 0000000..0f8bd79
--- /dev/null
+++ b/public/images/icons/vuesax/bold/record.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="M19.63 7.23991C19.93 7.70991 19.77 8.33991 19.29 8.62991L18.7 8.97991L5.59004 16.8399C5.11004 17.1299 4.48003 16.9699 4.20003 16.4799C3.20003 14.7399 2.75004 12.6199 3.14004 10.3999C3.80004 6.62991 6.90003 3.62991 10.69 3.08991C14.44 2.55991 17.83 4.35991 19.63 7.23991Z" fill="#292D32"/>
+<path d="M20.89 13.4298C20.21 17.6798 16.45 20.9298 12.14 20.9998C10.24 21.0298 8.48003 20.4798 7.02003 19.4898C6.40003 19.0798 6.42003 18.1598 7.06003 17.7798L19.47 10.4898C20.12 10.1098 20.92 10.5498 20.98 11.2998C21.03 11.9998 21 12.7098 20.89 13.4298Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/recovery-convert.svg b/public/images/icons/vuesax/bold/recovery-convert.svg
new file mode 100644
index 0000000..0f0ca00
--- /dev/null
+++ b/public/images/icons/vuesax/bold/recovery-convert.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="M15 22.7502C14.73 22.7502 14.48 22.6002 14.35 22.3702C14.22 22.1302 14.22 21.8502 14.36 21.6102L15.41 19.8602C15.62 19.5002 16.09 19.3902 16.44 19.6002C16.8 19.8102 16.91 20.2702 16.7 20.6302L16.43 21.0802C19.19 20.4302 21.26 17.9502 21.26 14.9902C21.26 14.5802 21.6 14.2402 22.01 14.2402C22.42 14.2402 22.76 14.5802 22.76 14.9902C22.75 19.2702 19.27 22.7502 15 22.7502Z" fill="#292D32"/>
+<path d="M2 9.75C1.59 9.75 1.25 9.41 1.25 9C1.25 4.73 4.73 1.25 9 1.25C9.27 1.25 9.52 1.4 9.65 1.63C9.78 1.87 9.78 2.15 9.64 2.39L8.59 4.14C8.38 4.49 7.92 4.61 7.56 4.39C7.21 4.18 7.09 3.72 7.31 3.36L7.58 2.91C4.81 3.56 2.75 6.04 2.75 9C2.75 9.41 2.41 9.75 2 9.75Z" fill="#292D32"/>
+<path d="M14.8 12.6302V15.5702C14.8 18.0202 13.82 19.0002 11.37 19.0002H8.43C5.98 19.0002 5 18.0202 5 15.5702V12.6302C5 10.1802 5.98 9.2002 8.43 9.2002H11.37C13.82 9.2002 14.8 10.1802 14.8 12.6302Z" fill="#292D32"/>
+<path d="M15.57 5H12.63C10.22 5 9.24001 5.96 9.21001 8.32H11.37C14.31 8.32 15.67 9.69 15.67 12.62V14.78C18.04 14.75 18.99 13.77 18.99 11.36V8.43C19 5.98 18.02 5 15.57 5Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/redo.svg b/public/images/icons/vuesax/bold/redo.svg
new file mode 100644
index 0000000..e520a34
--- /dev/null
+++ b/public/images/icons/vuesax/bold/redo.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM17.53 10.22L15.96 11.79C15.81 11.94 15.62 12.01 15.43 12.01C15.24 12.01 15.05 11.94 14.9 11.79C14.61 11.5 14.61 11.02 14.9 10.73L15.16 10.47H10.08C8.8 10.47 7.75 11.51 7.75 12.8C7.75 14.09 8.79 15.13 10.08 15.13H15C15.41 15.13 15.75 15.47 15.75 15.88C15.75 16.29 15.41 16.63 15 16.63H10.08C7.97 16.63 6.25 14.91 6.25 12.8C6.25 10.69 7.97 8.97 10.08 8.97H15.23L14.9 8.65C14.61 8.36 14.61 7.88 14.9 7.59C15.19 7.3 15.67 7.3 15.96 7.59L17.53 9.16C17.82 9.46 17.82 9.93 17.53 10.22Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/refresh-2.svg b/public/images/icons/vuesax/bold/refresh-2.svg
new file mode 100644
index 0000000..8f852f5
--- /dev/null
+++ b/public/images/icons/vuesax/bold/refresh-2.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM12 18.25C10.21 18.25 8.81 17.36 7.86 16.48V17.19C7.86 17.6 7.52 17.94 7.11 17.94C6.7 17.94 6.36 17.6 6.36 17.19V14.44C6.36 14.03 6.7 13.69 7.11 13.69H9.59C10 13.69 10.34 14.03 10.34 14.44C10.34 14.85 10 15.19 9.59 15.19H8.69C9.43 15.93 10.58 16.75 12 16.75C14.62 16.75 16.75 14.62 16.75 12C16.75 11.59 17.09 11.25 17.5 11.25C17.91 11.25 18.25 11.59 18.25 12C18.25 15.45 15.45 18.25 12 18.25ZM18.25 9.54C18.25 9.57 18.25 9.6 18.25 9.62C18.24 9.73 18.21 9.83 18.16 9.92C18.11 10.01 18.04 10.09 17.95 10.16C17.88 10.21 17.8 10.25 17.71 10.28C17.64 10.3 17.57 10.31 17.5 10.31H15.07C14.66 10.31 14.32 9.97 14.32 9.56C14.32 9.15 14.66 8.81 15.07 8.81H15.9C15.1 8.07 13.81 7.25 12.02 7.25C9.4 7.25 7.27 9.38 7.27 12C7.27 12.41 6.93 12.75 6.52 12.75C6.11 12.75 5.75 12.41 5.75 12C5.75 8.55 8.55 5.75 12 5.75C14.15 5.75 15.73 6.68 16.75 7.57V6.81C16.75 6.4 17.09 6.06 17.5 6.06C17.91 6.06 18.25 6.4 18.25 6.81V9.54Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/refresh-circle.svg b/public/images/icons/vuesax/bold/refresh-circle.svg
new file mode 100644
index 0000000..1eaecfc
--- /dev/null
+++ b/public/images/icons/vuesax/bold/refresh-circle.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 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM6.6 11.23C6.77 10.04 7.3 8.97 8.13 8.13C10.13 6.14 13.28 6.03 15.42 7.77V6.82C15.42 6.41 15.76 6.07 16.17 6.07C16.58 6.07 16.92 6.41 16.92 6.82V9.49C16.92 9.9 16.58 10.24 16.17 10.24H13.5C13.09 10.24 12.75 9.9 12.75 9.49C12.75 9.08 13.09 8.74 13.5 8.74H14.25C12.7 7.66 10.56 7.81 9.18 9.19C8.58 9.79 8.2 10.57 8.07 11.44C8.02 11.81 7.7 12.08 7.33 12.08C7.29 12.08 7.26 12.08 7.22 12.07C6.83 12.02 6.54 11.64 6.6 11.23ZM15.87 15.87C14.8 16.94 13.4 17.47 12 17.47C10.78 17.47 9.57 17.04 8.57 16.23V17.17C8.57 17.58 8.23 17.92 7.82 17.92C7.41 17.92 7.07 17.58 7.07 17.17V14.5C7.07 14.09 7.41 13.75 7.82 13.75H10.49C10.9 13.75 11.24 14.09 11.24 14.5C11.24 14.91 10.9 15.25 10.49 15.25H9.74C11.29 16.33 13.43 16.18 14.81 14.8C15.41 14.2 15.79 13.42 15.92 12.55C15.98 12.14 16.35 11.85 16.77 11.91C17.18 11.97 17.46 12.35 17.41 12.76C17.23 13.97 16.7 15.04 15.87 15.87Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/refresh-left-square.svg b/public/images/icons/vuesax/bold/refresh-left-square.svg
new file mode 100644
index 0000000..71175ed
--- /dev/null
+++ b/public/images/icons/vuesax/bold/refresh-left-square.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM12 18.01C8.83 18.01 6.25 15.43 6.25 12.26C6.25 11.12 6.58 10.01 7.22 9.07C7.45 8.72 7.92 8.63 8.26 8.86C8.6 9.09 8.7 9.56 8.46 9.9C8 10.6 7.75 11.42 7.75 12.26C7.75 14.6 9.66 16.51 12 16.51C14.34 16.51 16.25 14.6 16.25 12.26C16.25 9.92 14.34 8.01 12 8.01C11.81 8.01 11.63 8.03 11.44 8.05L12 8.46C12.33 8.7 12.41 9.17 12.16 9.51C12.01 9.71 11.78 9.82 11.55 9.82C11.4 9.82 11.24 9.77 11.11 9.68L9.17 8.25C9.17 8.25 9.16 8.24 9.15 8.23C9.14 8.22 9.13 8.22 9.12 8.21C9.09 8.19 9.08 8.15 9.05 8.12C9.02 8.08 8.99 8.05 8.96 8C8.94 7.96 8.93 7.91 8.91 7.87C8.9 7.82 8.88 7.78 8.88 7.73C8.88 7.68 8.88 7.64 8.89 7.59C8.89 7.54 8.89 7.5 8.91 7.45C8.91 7.4 8.94 7.36 8.96 7.31C8.98 7.28 8.98 7.24 9.01 7.2C9.02 7.2 9.03 7.19 9.04 7.18C9.05 7.17 9.05 7.16 9.06 7.15L10.73 5.24C11 4.93 11.48 4.89 11.79 5.17C12.1 5.44 12.13 5.92 11.86 6.23L11.58 6.55C11.72 6.54 11.86 6.52 12.01 6.52C15.18 6.52 17.76 9.1 17.76 12.27C17.76 15.44 15.17 18.01 12 18.01Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/refresh-right-square.svg b/public/images/icons/vuesax/bold/refresh-right-square.svg
new file mode 100644
index 0000000..86b70ac
--- /dev/null
+++ b/public/images/icons/vuesax/bold/refresh-right-square.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM12 18.01C8.83 18.01 6.25 15.43 6.25 12.26C6.25 9.09 8.83 6.51 12 6.51C12.14 6.51 12.29 6.53 12.43 6.54L12.15 6.22C11.88 5.91 11.91 5.43 12.22 5.16C12.53 4.89 13.01 4.92 13.28 5.23L14.95 7.14C14.96 7.15 14.96 7.16 14.97 7.17C14.98 7.18 14.99 7.18 14.99 7.19C15.01 7.22 15.02 7.26 15.04 7.3C15.06 7.35 15.09 7.39 15.1 7.44C15.11 7.49 15.11 7.53 15.12 7.58C15.12 7.63 15.13 7.67 15.13 7.72C15.13 7.77 15.11 7.81 15.09 7.86C15.07 7.91 15.06 7.96 15.04 8C15.02 8.04 14.98 8.08 14.95 8.12C14.92 8.15 14.91 8.19 14.88 8.21C14.87 8.22 14.86 8.22 14.85 8.23C14.84 8.24 14.84 8.25 14.83 8.25L12.89 9.67C12.76 9.77 12.6 9.81 12.45 9.81C12.22 9.81 11.99 9.7 11.84 9.5C11.6 9.17 11.67 8.7 12 8.45L12.56 8.04C12.37 8.03 12.19 8.01 12 8.01C9.66 8.01 7.75 9.92 7.75 12.26C7.75 14.6 9.66 16.51 12 16.51C14.34 16.51 16.25 14.6 16.25 12.26C16.25 11.41 16 10.6 15.54 9.9C15.31 9.56 15.4 9.09 15.75 8.86C16.09 8.63 16.56 8.72 16.79 9.07C17.42 10.02 17.76 11.12 17.76 12.26C17.75 15.44 15.17 18.01 12 18.01Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/refresh-square-2.svg b/public/images/icons/vuesax/bold/refresh-square-2.svg
new file mode 100644
index 0000000..8b53680
--- /dev/null
+++ b/public/images/icons/vuesax/bold/refresh-square-2.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM5.25 11.89C5.28 10.13 5.98 8.47 7.22 7.23C8.5 5.95 10.2 5.25 12 5.25C13.8 5.25 15.5 5.95 16.77 7.23C16.8 7.26 16.83 7.3 16.86 7.34V6.48C16.86 6.07 17.2 5.73 17.61 5.73C18.02 5.73 18.36 6.07 18.36 6.48V9.13C18.36 9.54 18.02 9.88 17.61 9.88H14.96C14.55 9.88 14.21 9.54 14.21 9.13C14.21 8.72 14.55 8.38 14.96 8.38H15.79C15.76 8.35 15.74 8.32 15.71 8.29C14.72 7.3 13.4 6.75 12 6.75C10.6 6.75 9.28 7.3 8.29 8.29C7.32 9.26 6.78 10.55 6.76 11.92C6.75 12.32 6.41 12.65 6 12.65H5.99C5.58 12.65 5.25 12.3 5.25 11.89ZM16.77 16.77C15.5 18.04 13.8 18.75 12 18.75C10.2 18.75 8.5 18.05 7.23 16.77C7.2 16.74 7.17 16.7 7.14 16.66V17.51C7.14 17.92 6.8 18.26 6.39 18.26C5.98 18.26 5.64 17.92 5.64 17.51V14.86C5.64 14.45 5.98 14.11 6.39 14.11H9.04C9.45 14.11 9.79 14.45 9.79 14.86C9.79 15.27 9.45 15.61 9.04 15.61H8.21C8.24 15.64 8.26 15.67 8.29 15.7C9.28 16.69 10.6 17.24 12 17.24C13.4 17.24 14.72 16.69 15.71 15.7C16.69 14.72 17.24 13.41 17.24 12.01C17.24 11.6 17.58 11.26 17.99 11.26C18.4 11.26 18.74 11.6 18.74 12.01C18.74 13.82 18.04 15.51 16.77 16.77Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/refresh.svg b/public/images/icons/vuesax/bold/refresh.svg
new file mode 100644
index 0000000..df81315
--- /dev/null
+++ b/public/images/icons/vuesax/bold/refresh.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="M14.55 22.42C14.22 22.42 13.91 22.2 13.82 21.86C13.72 21.46 13.95 21.05 14.35 20.94C18.41 19.87 21.24 16.19 21.24 11.99C21.24 6.89 17.09 2.74 11.99 2.74C7.66 2.74 4.82 5.27 3.49 6.8H6.43C6.84 6.8 7.18 7.14 7.18 7.55C7.18 7.96 6.86 8.31 6.44 8.31H2.01C1.94 8.31 1.87 8.3 1.8 8.28C1.71 8.25 1.63 8.21 1.56 8.16C1.47 8.1 1.4 8.02 1.35 7.93C1.3 7.83 1.26 7.73 1.25 7.62C1.25 7.59 1.25 7.57 1.25 7.54V3C1.25 2.59 1.59 2.25 2 2.25C2.41 2.25 2.75 2.59 2.75 3V5.39C4.38 3.64 7.45 1.25 12 1.25C17.93 1.25 22.75 6.07 22.75 12C22.75 16.88 19.46 21.16 14.74 22.4C14.68 22.41 14.61 22.42 14.55 22.42Z" fill="#292D32"/>
+<path d="M11.29 22.73C11.27 22.73 11.24 22.73 11.22 22.72C10.15 22.65 9.1 22.41 8.1 22.02C7.81 21.91 7.62 21.62 7.62 21.31C7.62 21.22 7.64 21.13 7.67 21.05C7.82 20.67 8.26 20.47 8.64 20.62C9.5 20.96 10.41 21.16 11.33 21.23H11.34C11.74 21.25 12.04 21.59 12.04 21.99C12.04 22 12.04 22.02 12.04 22.03C12.01 22.42 11.68 22.73 11.29 22.73ZM5.78 20.58C5.61 20.58 5.45 20.53 5.31 20.42C4.47 19.75 3.74 18.96 3.13 18.07C3.04 17.94 2.99 17.8 2.99 17.65C2.99 17.4 3.11 17.17 3.32 17.03C3.65 16.8 4.14 16.89 4.36 17.22C4.89 17.99 5.52 18.67 6.25 19.24C6.42 19.38 6.53 19.59 6.53 19.82C6.53 19.99 6.48 20.16 6.37 20.3C6.23 20.48 6.01 20.58 5.78 20.58ZM2.44 15.7C2.11 15.7 1.82 15.49 1.73 15.18C1.41 14.15 1.25 13.08 1.25 12C1.25 11.59 1.59 11.25 2 11.25C2.41 11.25 2.75 11.59 2.75 12C2.75 12.93 2.89 13.85 3.16 14.73C3.18 14.8 3.19 14.88 3.19 14.96C3.19 15.29 2.98 15.57 2.67 15.67C2.59 15.69 2.52 15.7 2.44 15.7Z" fill="#292D32"/>
+<path d="M12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/repeat-circle.svg b/public/images/icons/vuesax/bold/repeat-circle.svg
new file mode 100644
index 0000000..920e799
--- /dev/null
+++ b/public/images/icons/vuesax/bold/repeat-circle.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 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM17.19 15.94C17.15 16.03 17.1 16.11 17.03 16.18L15.34 17.87C15.19 18.02 15 18.09 14.81 18.09C14.62 18.09 14.43 18.02 14.28 17.87C13.99 17.58 13.99 17.1 14.28 16.81L14.69 16.4H9.1C7.8 16.4 6.75 15.34 6.75 14.05V12.28C6.75 11.87 7.09 11.53 7.5 11.53C7.91 11.53 8.25 11.87 8.25 12.28V14.05C8.25 14.52 8.63 14.9 9.1 14.9H14.69L14.28 14.49C13.99 14.2 13.99 13.72 14.28 13.43C14.57 13.14 15.05 13.14 15.34 13.43L17.03 15.12C17.1 15.19 17.15 15.27 17.19 15.36C17.27 15.55 17.27 15.76 17.19 15.94ZM17.25 11.72C17.25 12.13 16.91 12.47 16.5 12.47C16.09 12.47 15.75 12.13 15.75 11.72V9.95C15.75 9.48 15.37 9.1 14.9 9.1H9.31L9.72 9.5C10.01 9.79 10.01 10.27 9.72 10.56C9.57 10.71 9.38 10.78 9.19 10.78C9 10.78 8.81 10.71 8.66 10.56L6.97 8.87C6.9 8.8 6.85 8.72 6.81 8.63C6.73 8.45 6.73 8.24 6.81 8.06C6.85 7.97 6.9 7.88 6.97 7.81L8.66 6.12C8.95 5.83 9.43 5.83 9.72 6.12C10.01 6.41 10.01 6.89 9.72 7.18L9.31 7.59H14.9C16.2 7.59 17.25 8.65 17.25 9.94V11.72Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/repeat.svg b/public/images/icons/vuesax/bold/repeat.svg
new file mode 100644
index 0000000..ad687cf
--- /dev/null
+++ b/public/images/icons/vuesax/bold/repeat.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="M17.42 4.40994H5.38996L7.26996 2.52994C7.55996 2.23994 7.55996 1.75994 7.26996 1.46994C6.97996 1.17994 6.49996 1.17994 6.20996 1.46994L3.04996 4.62994C2.97996 4.69994 2.92996 4.77994 2.88996 4.86994C2.84996 4.95994 2.82996 5.05994 2.82996 5.15994C2.82996 5.25994 2.84996 5.35994 2.88996 5.44994C2.92996 5.53994 2.97996 5.61994 3.04996 5.68994L6.20996 8.84994C6.35996 8.99994 6.54996 9.06994 6.73996 9.06994C6.92996 9.06994 7.11996 8.99994 7.26996 8.84994C7.55996 8.55994 7.55996 8.07994 7.26996 7.78994L5.38996 5.90994H17.42C18.66 5.90994 19.67 6.91994 19.67 8.15994V11.4799C19.67 11.8899 20.01 12.2299 20.42 12.2299C20.83 12.2299 21.17 11.8899 21.17 11.4799V8.15994C21.17 6.08994 19.49 4.40994 17.42 4.40994Z" fill="#292D32"/>
+<path d="M21.17 18.84C21.17 18.74 21.15 18.64 21.11 18.55C21.07 18.46 21.02 18.38 20.95 18.31L17.79 15.15C17.5 14.86 17.02 14.86 16.73 15.15C16.44 15.44 16.44 15.92 16.73 16.21L18.61 18.09H6.57996C5.33996 18.09 4.32996 17.08 4.32996 15.84V12.52C4.32996 12.11 3.98996 11.77 3.57996 11.77C3.16996 11.77 2.82996 12.11 2.82996 12.52V15.84C2.82996 17.91 4.50996 19.59 6.57996 19.59H18.61L16.73 21.47C16.44 21.76 16.44 22.24 16.73 22.53C16.88 22.68 17.07 22.75 17.26 22.75C17.45 22.75 17.64 22.68 17.79 22.53L20.95 19.37C21.02 19.3 21.07 19.22 21.11 19.13C21.15 19.04 21.17 18.94 21.17 18.84Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/repeate-music.svg b/public/images/icons/vuesax/bold/repeate-music.svg
new file mode 100644
index 0000000..5583d3c
--- /dev/null
+++ b/public/images/icons/vuesax/bold/repeate-music.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="M3.91 17.1799C3.72 17.1799 3.53 17.1099 3.38 16.9599C2.01 15.5799 1.25 13.7599 1.25 11.8299C1.25 7.81993 4.5 4.55993 8.5 4.55993L14.57 4.57993L13.48 3.53993C13.18 3.24993 13.17 2.77993 13.46 2.47993C13.75 2.17993 14.22 2.16993 14.52 2.45993L16.96 4.79993C17.18 5.00993 17.25 5.33993 17.14 5.61993C17.03 5.89993 16.75 6.08993 16.44 6.08993L8.5 6.06993C5.33 6.06993 2.75 8.65993 2.75 11.8399C2.75 13.3699 3.35 14.8199 4.44 15.9099C4.73 16.1999 4.73 16.6799 4.44 16.9699C4.29 17.1099 4.1 17.1799 3.91 17.1799Z" fill="#292D32"/>
+<path d="M10 21.75C9.81002 21.75 9.63002 21.68 9.48002 21.54L7.04002 19.2C6.82002 18.99 6.75002 18.66 6.86002 18.38C6.97002 18.1 7.25002 17.91 7.56002 17.91L15.51 17.93C18.68 17.93 21.26 15.34 21.26 12.16C21.26 10.63 20.66 9.18 19.57 8.09C19.28 7.8 19.28 7.32 19.57 7.03C19.86 6.74 20.34 6.74 20.63 7.03C22 8.41 22.76 10.23 22.76 12.16C22.76 16.17 19.51 19.43 15.51 19.43L9.44002 19.41L10.53 20.45C10.83 20.74 10.84 21.21 10.55 21.51C10.39 21.67 10.2 21.75 10 21.75Z" fill="#292D32"/>
+<path d="M9 15.5H15C16.92 15.5 18.5 13.93 18.5 12C18.5 10.08 16.93 8.5 15 8.5H9C7.08 8.5 5.5 10.07 5.5 12C5.5 13.93 7.07 15.5 9 15.5Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/repeate-one.svg b/public/images/icons/vuesax/bold/repeate-one.svg
new file mode 100644
index 0000000..fe3be6b
--- /dev/null
+++ b/public/images/icons/vuesax/bold/repeate-one.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="M3.91 17.1799C3.72 17.1799 3.53 17.1099 3.38 16.9599C2.01 15.5799 1.25 13.7599 1.25 11.8299C1.25 7.81993 4.5 4.55993 8.5 4.55993L14.57 4.57993L13.48 3.53993C13.18 3.24993 13.17 2.77993 13.46 2.47993C13.75 2.17993 14.22 2.16993 14.52 2.45993L16.96 4.79993C17.18 5.00993 17.25 5.33993 17.14 5.61993C17.03 5.89993 16.75 6.08993 16.44 6.08993L8.5 6.06993C5.33 6.06993 2.75 8.65993 2.75 11.8399C2.75 13.3699 3.35 14.8199 4.44 15.9099C4.73 16.1999 4.73 16.6799 4.44 16.9699C4.29 17.1099 4.1 17.1799 3.91 17.1799Z" fill="#292D32"/>
+<path d="M10 21.75C9.81002 21.75 9.63002 21.68 9.48002 21.54L7.04002 19.2C6.82002 18.99 6.75002 18.66 6.86002 18.38C6.98002 18.1 7.26002 17.95 7.56002 17.91L15.51 17.93C18.68 17.93 21.26 15.34 21.26 12.16C21.26 10.63 20.66 9.18 19.57 8.09C19.28 7.8 19.28 7.32 19.57 7.03C19.86 6.74 20.34 6.74 20.63 7.03C22 8.41 22.76 10.23 22.76 12.16C22.76 16.17 19.51 19.43 15.51 19.43L9.44002 19.41L10.53 20.45C10.83 20.74 10.84 21.21 10.55 21.51C10.39 21.67 10.2 21.75 10 21.75Z" fill="#292D32"/>
+<path d="M12.25 15.4201C11.84 15.4201 11.5 15.0801 11.5 14.6701V11.2801L11.31 11.4901C11.03 11.8001 10.56 11.8201 10.25 11.5501C9.94 11.2801 9.92 10.8001 10.19 10.4901L11.69 8.82007C11.9 8.59007 12.23 8.51007 12.52 8.62007C12.81 8.74007 13 9.01007 13 9.33007V14.6801C13 15.0901 12.66 15.4201 12.25 15.4201Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/reserve.svg b/public/images/icons/vuesax/bold/reserve.svg
new file mode 100644
index 0000000..64f844d
--- /dev/null
+++ b/public/images/icons/vuesax/bold/reserve.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="M21.97 18V19C21.97 20.65 21.97 22 18.97 22H4.96997C1.96997 22 1.96997 20.65 1.96997 19V18C1.96997 17.45 2.41997 17 2.96997 17H20.97C21.52 17 21.97 17.45 21.97 18Z" fill="#292D32"/>
+<path d="M14.41 5.17977C14.46 4.97977 14.49 4.78977 14.5 4.57977C14.53 3.41977 13.82 2.39977 12.7 2.09977C11.02 1.63977 9.50002 2.89977 9.50002 4.49977C9.50002 4.73977 9.53002 4.95977 9.59002 5.17977C5.98002 5.94977 3.27002 9.15977 3.27002 12.9998V14.4998C3.27002 15.0498 3.72002 15.4998 4.27002 15.4998H19.72C20.27 15.4998 20.72 15.0498 20.72 14.4998V12.9998C20.72 9.15977 18.02 5.95977 14.41 5.17977ZM15 11.7498H9.00002C8.59002 11.7498 8.25002 11.4098 8.25002 10.9998C8.25002 10.5898 8.59002 10.2498 9.00002 10.2498H15C15.41 10.2498 15.75 10.5898 15.75 10.9998C15.75 11.4098 15.41 11.7498 15 11.7498Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/rotate-left.svg b/public/images/icons/vuesax/bold/rotate-left.svg
new file mode 100644
index 0000000..0ccc91b
--- /dev/null
+++ b/public/images/icons/vuesax/bold/rotate-left.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.25 22H11.75C15.5 22 17 20.5 17 16.75V12.25C17 8.5 15.5 7 11.75 7H7.25C3.5 7 2 8.5 2 12.25V16.75C2 20.5 3.5 22 7.25 22Z" fill="#292D32"/>
+<path d="M21.25 10.5C20.84 10.5 20.5 10.16 20.5 9.75C20.5 6.79 18.44 4.31 15.67 3.66L15.94 4.11C16.15 4.47 16.04 4.93 15.68 5.14C15.32 5.35 14.86 5.24 14.65 4.88L13.6 3.13C13.46 2.9 13.46 2.61 13.59 2.38C13.73 2.15 13.98 2 14.25 2C18.52 2 22 5.48 22 9.75C22 10.16 21.66 10.5 21.25 10.5Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/rotate-right.svg b/public/images/icons/vuesax/bold/rotate-right.svg
new file mode 100644
index 0000000..c4bc467
--- /dev/null
+++ b/public/images/icons/vuesax/bold/rotate-right.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.75 22H12.25C8.5 22 7 20.5 7 16.75V12.25C7 8.5 8.5 7 12.25 7H16.75C20.5 7 22 8.5 22 12.25V16.75C22 20.5 20.5 22 16.75 22Z" fill="#292D32"/>
+<path d="M2.75 10.5C3.16 10.5 3.5 10.16 3.5 9.75C3.5 6.79 5.56 4.31 8.33 3.66L8.06 4.11C7.85 4.47 7.96 4.93 8.32 5.14C8.68 5.35 9.14 5.24 9.35 4.88L10.4 3.13C10.54 2.9 10.54 2.61 10.41 2.38C10.27 2.15 10.02 2 9.75 2C5.48 2 2 5.48 2 9.75C2 10.16 2.34 10.5 2.75 10.5Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/route-square.svg b/public/images/icons/vuesax/bold/route-square.svg
new file mode 100644
index 0000000..78f068d
--- /dev/null
+++ b/public/images/icons/vuesax/bold/route-square.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM17.35 9.05L15.01 16.59C14.45 18.38 11.94 18.41 11.35 16.63L10.65 14.56C10.46 13.99 10.01 13.53 9.44 13.35L7.36 12.65C5.6 12.06 5.62 9.53 7.41 8.99L14.95 6.64C16.43 6.19 17.82 7.58 17.35 9.05Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/routing-2.svg b/public/images/icons/vuesax/bold/routing-2.svg
new file mode 100644
index 0000000..40e34e6
--- /dev/null
+++ b/public/images/icons/vuesax/bold/routing-2.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="M11.9987 19.75H9.31872C8.15872 19.75 7.14872 19.05 6.74872 17.97C6.33872 16.89 6.63872 15.7 7.50872 14.93L15.4987 7.94C15.9787 7.52 15.9887 6.95 15.8487 6.56C15.6987 6.17 15.3187 5.75 14.6787 5.75H11.9987C11.5887 5.75 11.2487 5.41 11.2487 5C11.2487 4.59 11.5887 4.25 11.9987 4.25H14.6787C15.8387 4.25 16.8487 4.95 17.2487 6.03C17.6587 7.11 17.3587 8.3 16.4887 9.07L8.49872 16.06C8.01872 16.48 8.00872 17.05 8.14872 17.44C8.29872 17.83 8.67872 18.25 9.31872 18.25H11.9987C12.4087 18.25 12.7487 18.59 12.7487 19C12.7487 19.41 12.4087 19.75 11.9987 19.75Z" fill="#292D32"/>
+<path d="M19.9988 15H16.9988C15.8988 15 14.9988 15.9 14.9988 17V20C14.9988 21.1 15.8988 22 16.9988 22H19.9988C21.0988 22 21.9988 21.1 21.9988 20V17C21.9988 15.9 21.0988 15 19.9988 15ZM18.5088 19.5C17.9588 19.5 17.5088 19.05 17.5088 18.5C17.5088 17.95 17.9488 17.5 18.5088 17.5H18.5188C19.0688 17.5 19.5188 17.95 19.5188 18.5C19.5188 19.05 19.0688 19.5 18.5088 19.5Z" fill="#292D32"/>
+<path d="M5.46875 2C3.53875 2 1.96875 3.57 1.96875 5.5C1.96875 7.43 3.53875 9 5.46875 9C7.39875 9 8.96875 7.43 8.96875 5.5C8.96875 3.57 7.40875 2 5.46875 2ZM5.50875 6.5C4.95875 6.5 4.50875 6.05 4.50875 5.5C4.50875 4.95 4.94875 4.5 5.50875 4.5H5.51875C6.06875 4.5 6.51875 4.95 6.51875 5.5C6.51875 6.05 6.06875 6.5 5.50875 6.5Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/routing.svg b/public/images/icons/vuesax/bold/routing.svg
new file mode 100644
index 0000000..58916e0
--- /dev/null
+++ b/public/images/icons/vuesax/bold/routing.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.88003 4.60022C8.08003 1.14022 2.87002 1.13022 2.07002 4.60022C1.60002 6.63022 2.89003 8.35022 4.01003 9.42022C4.83003 10.1902 6.12003 10.1902 6.94003 9.42022C8.06003 8.35022 9.34003 6.63022 8.88003 4.60022ZM5.51003 6.20022C4.96003 6.20022 4.51003 5.75022 4.51003 5.20022C4.51003 4.65022 4.95003 4.20022 5.50003 4.20022H5.51003C6.07003 4.20022 6.51003 4.65022 6.51003 5.20022C6.51003 5.75022 6.07003 6.20022 5.51003 6.20022Z" fill="#292D32"/>
+<path d="M21.91 16.6002C21.11 13.1402 15.88 13.1302 15.07 16.6002C14.6 18.6302 15.89 20.3502 17.02 21.4202C17.84 22.1902 19.14 22.1902 19.96 21.4202C21.09 20.3502 22.38 18.6302 21.91 16.6002ZM18.53 18.2002C17.98 18.2002 17.53 17.7502 17.53 17.2002C17.53 16.6502 17.97 16.2002 18.52 16.2002H18.53C19.08 16.2002 19.53 16.6502 19.53 17.2002C19.53 17.7502 19.08 18.2002 18.53 18.2002Z" fill="#292D32"/>
+<path d="M11.9999 19.75H9.31994C8.15994 19.75 7.14994 19.05 6.74994 17.97C6.33994 16.89 6.63994 15.7 7.50994 14.93L15.4999 7.94C15.9799 7.52 15.9899 6.95 15.8499 6.56C15.6999 6.17 15.3199 5.75 14.6799 5.75H11.9999C11.5899 5.75 11.2499 5.41 11.2499 5C11.2499 4.59 11.5899 4.25 11.9999 4.25H14.6799C15.8399 4.25 16.8499 4.95 17.2499 6.03C17.6599 7.11 17.3599 8.3 16.4899 9.07L8.49994 16.06C8.01994 16.48 8.00994 17.05 8.14994 17.44C8.29994 17.83 8.67994 18.25 9.31994 18.25H11.9999C12.4099 18.25 12.7499 18.59 12.7499 19C12.7499 19.41 12.4099 19.75 11.9999 19.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/row-horizontal.svg b/public/images/icons/vuesax/bold/row-horizontal.svg
new file mode 100644
index 0000000..093f4c0
--- /dev/null
+++ b/public/images/icons/vuesax/bold/row-horizontal.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="M13.5 4.1V19.9C13.5 21.4 14.14 22 15.73 22H19.77C21.36 22 22 21.4 22 19.9V4.1C22 2.6 21.36 2 19.77 2H15.73C14.14 2 13.5 2.6 13.5 4.1Z" fill="#292D32"/>
+<path d="M2 4.1V19.9C2 21.4 2.64 22 4.23 22H8.27C9.86 22 10.5 21.4 10.5 19.9V4.1C10.5 2.6 9.86 2 8.27 2H4.23C2.64 2 2 2.6 2 4.1Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/row-vertical.svg b/public/images/icons/vuesax/bold/row-vertical.svg
new file mode 100644
index 0000000..a6f6d9b
--- /dev/null
+++ b/public/images/icons/vuesax/bold/row-vertical.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="M19.9 13.5H4.1C2.6 13.5 2 14.14 2 15.73V19.77C2 21.36 2.6 22 4.1 22H19.9C21.4 22 22 21.36 22 19.77V15.73C22 14.14 21.4 13.5 19.9 13.5Z" fill="#292D32"/>
+<path d="M19.9 2H4.1C2.6 2 2 2.64 2 4.23V8.27C2 9.86 2.6 10.5 4.1 10.5H19.9C21.4 10.5 22 9.86 22 8.27V4.23C22 2.64 21.4 2 19.9 2Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/ruler&pen.svg b/public/images/icons/vuesax/bold/ruler&pen.svg
new file mode 100644
index 0000000..d23e552
--- /dev/null
+++ b/public/images/icons/vuesax/bold/ruler&pen.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="M18.47 2H14.47C12.9772 2 11.7432 3.28581 11.5097 4.75204C11.4663 5.02475 11.6939 5.25 11.97 5.25H16.47C16.88 5.25 17.22 5.59 17.22 6C17.22 6.41 16.88 6.75 16.47 6.75H11.97C11.6939 6.75 11.47 6.97386 11.47 7.25V8.75C11.47 9.02614 11.6939 9.25 11.97 9.25H14.28C14.69 9.25 15.03 9.59 15.03 10C15.03 10.41 14.69 10.75 14.28 10.75H11.97C11.6939 10.75 11.47 10.9739 11.47 11.25V12.705C11.47 12.9792 11.6908 13.2022 11.965 13.2049L16.47 13.25C16.89 13.25 17.22 13.59 17.22 14.01C17.21 14.42 16.88 14.75 16.47 14.75C16.46 14.75 16.46 14.75 16.46 14.75L11.975 14.7051C11.6969 14.7023 11.47 14.9269 11.47 15.205V16.75C11.47 17.0261 11.6939 17.25 11.97 17.25H15.37C15.79 17.25 16.12 17.59 16.12 18C16.12 18.41 15.79 18.75 15.37 18.75H11.97C11.6939 18.75 11.4663 18.9753 11.5097 19.248C11.7432 20.7142 12.9772 22 14.47 22H18.47C20.12 22 21.47 20.66 21.47 19V5C21.47 3.34 20.12 2 18.47 2Z" fill="#292D32"/>
+<path d="M8.44 4.95V5.75C8.44 6.02614 8.21614 6.25 7.94 6.25H3.03C2.75386 6.25 2.53 6.02614 2.53 5.75V4.95C2.53 3.33 3.86 2 5.49 2C7.11 2 8.44 3.33 8.44 4.95Z" fill="#292D32"/>
+<path d="M2.53 17.91C2.53 18.36 2.72 19.05 2.96 19.43L3.77 20.79C4.72 22.37 6.26 22.37 7.2 20.79L8.02 19.43C8.25 19.05 8.44 18.36 8.44 17.91V8.25C8.44 7.97386 8.21614 7.75 7.94 7.75H3.03C2.75386 7.75 2.53 7.97386 2.53 8.25V17.91Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/ruler.svg b/public/images/icons/vuesax/bold/ruler.svg
new file mode 100644
index 0000000..a10a367
--- /dev/null
+++ b/public/images/icons/vuesax/bold/ruler.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="M19 7C18.86 7 18.75 7.11 18.75 7.25V12C18.75 12.41 18.41 12.75 18 12.75C17.59 12.75 17.25 12.41 17.25 12V7.25C17.25 7.11 17.14 7 17 7H15C14.86 7 14.75 7.11 14.75 7.25V9.6C14.75 10.01 14.41 10.35 14 10.35C13.59 10.35 13.25 10.01 13.25 9.6V7.25C13.25 7.11 13.14 7 13 7H11.04C10.9 7 10.79 7.11 10.79 7.25L10.75 12.01C10.75 12.42 10.41 12.75 10 12.75C10 12.75 10 12.75 9.99 12.75C9.58 12.75 9.25 12.41 9.25 11.99L9.29 7.25C9.29 7.11 9.18 7 9.04 7H7C6.86 7 6.75 7.11 6.75 7.25V10.8C6.75 11.21 6.41 11.55 6 11.55C5.59 11.55 5.25 11.21 5.25 10.8V7.25C5.25 7.11 5.14 7 5 7C3.34 7 2 8.34 2 10V14C2 15.66 3.34 17 5 17H19C20.66 17 22 15.66 22 14V10C22 8.34 20.66 7 19 7Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/safe-home.svg b/public/images/icons/vuesax/bold/safe-home.svg
new file mode 100644
index 0000000..1f732df
--- /dev/null
+++ b/public/images/icons/vuesax/bold/safe-home.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="M23 15.3699V17.5599C23 19.9999 21.22 22.2999 18.8 22.9699C18.63 23.0099 18.45 23.0099 18.29 22.9699C17.11 22.6499 16.07 21.9299 15.34 20.9999C14.55 20.0199 14.09 18.8099 14.09 17.5599V15.3699C14.09 14.9499 14.4 14.4899 14.78 14.3299L17.56 13.1899C18.19 12.9399 18.89 12.9399 19.52 13.1899L20.52 13.5999L22.31 14.3299C22.69 14.4899 23 14.9499 23 15.3699Z" fill="#292D32"/>
+<path d="M20.95 11.0098L20.77 12.0798L20.07 11.7998C19.08 11.3998 18 11.3998 16.99 11.7998L14.2 12.9498C13.25 13.3498 12.59 14.3398 12.59 15.3698V17.5598C12.59 18.7498 12.92 19.9398 13.53 20.9998H6.17997C4.80997 20.9998 3.51997 19.9098 3.28997 18.5598L2.02997 11.0098C1.86997 10.0798 2.33997 8.82979 3.07997 8.23979L9.65997 2.97979C10.67 2.16979 12.31 2.16979 13.32 2.98979L19.9 8.23979C20.63 8.82979 21.11 10.0798 20.95 11.0098Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/sagittarius.svg b/public/images/icons/vuesax/bold/sagittarius.svg
new file mode 100644
index 0000000..ae93ab0
--- /dev/null
+++ b/public/images/icons/vuesax/bold/sagittarius.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="M21.6899 2.71C21.6099 2.53 21.4699 2.38 21.2799 2.3C21.1899 2.27 21.0999 2.25 20.9999 2.25H11.9999C11.5899 2.25 11.2499 2.59 11.2499 3C11.2499 3.41 11.5899 3.75 11.9999 3.75H19.1899L2.46994 20.47C2.17994 20.76 2.17994 21.24 2.46994 21.53C2.61994 21.68 2.80994 21.75 2.99994 21.75C3.18994 21.75 3.37994 21.68 3.52994 21.53L20.2499 4.81V12C20.2499 12.41 20.5899 12.75 20.9999 12.75C21.4099 12.75 21.7499 12.41 21.7499 12V3C21.7499 2.9 21.7299 2.81 21.6899 2.71Z" fill="#292D32"/>
+<path d="M17.4 18.15C17.21 18.15 17.02 18.08 16.87 17.93L6.07004 7.13004C5.78004 6.84004 5.78004 6.36004 6.07004 6.07004C6.36004 5.78004 6.84004 5.78004 7.13004 6.07004L17.93 16.87C18.22 17.16 18.22 17.64 17.93 17.93C17.78 18.08 17.59 18.15 17.4 18.15Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/save-2.svg b/public/images/icons/vuesax/bold/save-2.svg
new file mode 100644
index 0000000..5ce4f0b
--- /dev/null
+++ b/public/images/icons/vuesax/bold/save-2.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.89 5.87988H5.11C3.4 5.87988 2 7.27988 2 8.98988V20.3499C2 21.7999 3.04 22.4199 4.31 21.7099L8.24 19.5199C8.66 19.2899 9.34 19.2899 9.75 19.5199L13.68 21.7099C14.96 22.4099 16 21.7999 16 20.3499V8.98988C16 7.27988 14.6 5.87988 12.89 5.87988Z" fill="#292D32"/>
+<path d="M22.0001 5.11V16.47C22.0001 17.92 20.9601 18.53 19.6901 17.83L17.7601 16.75C17.6001 16.66 17.5001 16.49 17.5001 16.31V8.99C17.5001 6.45 15.4301 4.38 12.8901 4.38H8.82008C8.45008 4.38 8.19008 3.99 8.36008 3.67C8.88008 2.68 9.92008 2 11.1101 2H18.8901C20.6001 2 22.0001 3.4 22.0001 5.11Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/save-add.svg b/public/images/icons/vuesax/bold/save-add.svg
new file mode 100644
index 0000000..2361cb0
--- /dev/null
+++ b/public/images/icons/vuesax/bold/save-add.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="M22.0001 5.11V16.47C22.0001 17.92 20.9601 18.53 19.6901 17.83L17.7601 16.75C17.6001 16.66 17.5001 16.49 17.5001 16.31V8.99C17.5001 6.45 15.4301 4.38 12.8901 4.38H8.82008C8.45008 4.38 8.19008 3.99 8.36008 3.67C8.88008 2.68 9.92008 2 11.1101 2H18.8901C20.6001 2 22.0001 3.4 22.0001 5.11Z" fill="#292D32"/>
+<path d="M12.89 5.87988H5.11C3.4 5.87988 2 7.27988 2 8.98988V20.3499C2 21.7999 3.04 22.4099 4.31 21.7099L8.24 19.5199C8.66 19.2899 9.34 19.2899 9.76 19.5199L13.69 21.7099C14.96 22.4099 16 21.7999 16 20.3499V8.98988C16 7.27988 14.6 5.87988 12.89 5.87988ZM11 12.7499H9.75V13.9999C9.75 14.4099 9.41 14.7499 9 14.7499C8.59 14.7499 8.25 14.4099 8.25 13.9999V12.7499H7C6.59 12.7499 6.25 12.4099 6.25 11.9999C6.25 11.5899 6.59 11.2499 7 11.2499H8.25V9.99988C8.25 9.58988 8.59 9.24988 9 9.24988C9.41 9.24988 9.75 9.58988 9.75 9.99988V11.2499H11C11.41 11.2499 11.75 11.5899 11.75 11.9999C11.75 12.4099 11.41 12.7499 11 12.7499Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/save-minus.svg b/public/images/icons/vuesax/bold/save-minus.svg
new file mode 100644
index 0000000..67f3b8f
--- /dev/null
+++ b/public/images/icons/vuesax/bold/save-minus.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="M22.0001 5.11V16.47C22.0001 17.92 20.9601 18.53 19.6901 17.83L17.7601 16.75C17.6001 16.66 17.5001 16.49 17.5001 16.31V8.99C17.5001 6.45 15.4301 4.38 12.8901 4.38H8.82008C8.45008 4.38 8.19008 3.99 8.36008 3.67C8.88008 2.68 9.92008 2 11.1101 2H18.8901C20.6001 2 22.0001 3.4 22.0001 5.11Z" fill="#292D32"/>
+<path d="M12.89 5.87988H5.11C3.4 5.87988 2 7.27988 2 8.98988V20.3499C2 21.7999 3.04 22.4099 4.31 21.7099L8.24 19.5199C8.66 19.2899 9.34 19.2899 9.76 19.5199L13.69 21.7099C14.96 22.4099 16 21.7999 16 20.3499V8.98988C16 7.27988 14.6 5.87988 12.89 5.87988ZM11 12.7499H7C6.59 12.7499 6.25 12.4099 6.25 11.9999C6.25 11.5899 6.59 11.2499 7 11.2499H11C11.41 11.2499 11.75 11.5899 11.75 11.9999C11.75 12.4099 11.41 12.7499 11 12.7499Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/save-remove.svg b/public/images/icons/vuesax/bold/save-remove.svg
new file mode 100644
index 0000000..f826433
--- /dev/null
+++ b/public/images/icons/vuesax/bold/save-remove.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="M22.0001 5.11V16.47C22.0001 17.92 20.9601 18.53 19.6901 17.83L17.7601 16.75C17.6001 16.66 17.5001 16.49 17.5001 16.31V8.99C17.5001 6.45 15.4301 4.38 12.8901 4.38H8.82008C8.45008 4.38 8.19008 3.99 8.36008 3.67C8.88008 2.68 9.92008 2 11.1101 2H18.8901C20.6001 2 22.0001 3.4 22.0001 5.11Z" fill="#292D32"/>
+<path d="M12.89 5.87988H5.11C3.4 5.87988 2 7.27988 2 8.98988V20.3499C2 21.7999 3.04 22.4099 4.31 21.7099L8.24 19.5199C8.66 19.2899 9.34 19.2899 9.76 19.5199L13.69 21.7099C14.96 22.4099 16 21.7999 16 20.3499V8.98988C16 7.27988 14.6 5.87988 12.89 5.87988ZM10.94 12.8799C11.23 13.1699 11.23 13.6499 10.94 13.9399C10.79 14.0899 10.6 14.1599 10.41 14.1599C10.22 14.1599 10.03 14.0899 9.88 13.9399L9 13.0599L8.12 13.9399C7.97 14.0899 7.78 14.1599 7.59 14.1599C7.4 14.1599 7.21 14.0899 7.06 13.9399C6.77 13.6499 6.77 13.1699 7.06 12.8799L7.94 11.9999L7.06 11.1199C6.77 10.8299 6.77 10.3499 7.06 10.0599C7.35 9.76988 7.83 9.76988 8.12 10.0599L9 10.9399L9.88 10.0599C10.17 9.76988 10.65 9.76988 10.94 10.0599C11.23 10.3499 11.23 10.8299 10.94 11.1199L10.06 11.9999L10.94 12.8799Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/scan-barcode.svg b/public/images/icons/vuesax/bold/scan-barcode.svg
new file mode 100644
index 0000000..ddbae0a
--- /dev/null
+++ b/public/images/icons/vuesax/bold/scan-barcode.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="M2 9.75C1.59 9.75 1.25 9.41 1.25 9V6.5C1.25 3.6 3.61 1.25 6.5 1.25H9C9.41 1.25 9.75 1.59 9.75 2C9.75 2.41 9.41 2.75 9 2.75H6.5C4.43 2.75 2.75 4.43 2.75 6.5V9C2.75 9.41 2.41 9.75 2 9.75Z" fill="#292D32"/>
+<path d="M22 9.75C21.59 9.75 21.25 9.41 21.25 9V6.5C21.25 4.43 19.57 2.75 17.5 2.75H15C14.59 2.75 14.25 2.41 14.25 2C14.25 1.59 14.59 1.25 15 1.25H17.5C20.39 1.25 22.75 3.6 22.75 6.5V9C22.75 9.41 22.41 9.75 22 9.75Z" fill="#292D32"/>
+<path d="M17.5 22.75H16C15.59 22.75 15.25 22.41 15.25 22C15.25 21.59 15.59 21.25 16 21.25H17.5C19.57 21.25 21.25 19.57 21.25 17.5V16C21.25 15.59 21.59 15.25 22 15.25C22.41 15.25 22.75 15.59 22.75 16V17.5C22.75 20.4 20.39 22.75 17.5 22.75Z" fill="#292D32"/>
+<path d="M9 22.75H6.5C3.61 22.75 1.25 20.4 1.25 17.5V15C1.25 14.59 1.59 14.25 2 14.25C2.41 14.25 2.75 14.59 2.75 15V17.5C2.75 19.57 4.43 21.25 6.5 21.25H9C9.41 21.25 9.75 21.59 9.75 22C9.75 22.41 9.41 22.75 9 22.75Z" fill="#292D32"/>
+<path d="M9 5.25H7C5.86 5.25 5.25 5.85 5.25 7V9C5.25 10.15 5.86 10.75 7 10.75H9C10.14 10.75 10.75 10.15 10.75 9V7C10.75 5.85 10.14 5.25 9 5.25Z" fill="#292D32"/>
+<path d="M17 5.25H15C13.86 5.25 13.25 5.85 13.25 7V9C13.25 10.15 13.86 10.75 15 10.75H17C18.14 10.75 18.75 10.15 18.75 9V7C18.75 5.85 18.14 5.25 17 5.25Z" fill="#292D32"/>
+<path d="M9 13.25H7C5.86 13.25 5.25 13.85 5.25 15V17C5.25 18.15 5.86 18.75 7 18.75H9C10.14 18.75 10.75 18.15 10.75 17V15C10.75 13.85 10.14 13.25 9 13.25Z" fill="#292D32"/>
+<path d="M17 13.25H15C13.86 13.25 13.25 13.85 13.25 15V17C13.25 18.15 13.86 18.75 15 18.75H17C18.14 18.75 18.75 18.15 18.75 17V15C18.75 13.85 18.14 13.25 17 13.25Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/scan.svg b/public/images/icons/vuesax/bold/scan.svg
new file mode 100644
index 0000000..2c6d2dc
--- /dev/null
+++ b/public/images/icons/vuesax/bold/scan.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="M2.77 10C2.34 10 2 9.66 2 9.23V6.92C2 4.21 4.21 2 6.92 2H9.23C9.66 2 10 2.34 10 2.77C10 3.2 9.66 3.54 9.23 3.54H6.92C5.05 3.54 3.54 5.06 3.54 6.92V9.23C3.54 9.66 3.19 10 2.77 10Z" fill="#292D32"/>
+<path d="M21.23 10C20.81 10 20.46 9.66 20.46 9.23V6.92C20.46 5.05 18.94 3.54 17.08 3.54H14.77C14.34 3.54 14 3.19 14 2.77C14 2.35 14.34 2 14.77 2H17.08C19.79 2 22 4.21 22 6.92V9.23C22 9.66 21.66 10 21.23 10Z" fill="#292D32"/>
+<path d="M17.08 22.0002H15.69C15.27 22.0002 14.92 21.6602 14.92 21.2302C14.92 20.8102 15.26 20.4602 15.69 20.4602H17.08C18.95 20.4602 20.46 18.9402 20.46 17.0802V15.7002C20.46 15.2802 20.8 14.9302 21.23 14.9302C21.65 14.9302 22 15.2702 22 15.7002V17.0802C22 19.7902 19.79 22.0002 17.08 22.0002Z" fill="#292D32"/>
+<path d="M9.23 22H6.92C4.21 22 2 19.79 2 17.08V14.77C2 14.34 2.34 14 2.77 14C3.2 14 3.54 14.34 3.54 14.77V17.08C3.54 18.95 5.06 20.46 6.92 20.46H9.23C9.65 20.46 10 20.8 10 21.23C10 21.66 9.66 22 9.23 22Z" fill="#292D32"/>
+<path d="M18.46 11.23H17.1H6.90002H5.54002C5.11002 11.23 4.77002 11.58 4.77002 12C4.77002 12.42 5.11002 12.77 5.54002 12.77H6.90002H17.1H18.46C18.89 12.77 19.23 12.42 19.23 12C19.23 11.58 18.89 11.23 18.46 11.23Z" fill="#292D32"/>
+<path d="M6.90002 13.94V14.27C6.90002 15.93 8.24002 17.27 9.90002 17.27H14.1C15.76 17.27 17.1 15.93 17.1 14.27V13.94C17.1 13.82 17.01 13.73 16.89 13.73H7.11002C6.99002 13.73 6.90002 13.82 6.90002 13.94Z" fill="#292D32"/>
+<path d="M6.90002 10.06V9.72998C6.90002 8.06998 8.24002 6.72998 9.90002 6.72998H14.1C15.76 6.72998 17.1 8.06998 17.1 9.72998V10.06C17.1 10.18 17.01 10.27 16.89 10.27H7.11002C6.99002 10.27 6.90002 10.18 6.90002 10.06Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/scanner.svg b/public/images/icons/vuesax/bold/scanner.svg
new file mode 100644
index 0000000..09bb9cc
--- /dev/null
+++ b/public/images/icons/vuesax/bold/scanner.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="M22 9.75C21.59 9.75 21.25 9.41 21.25 9V7C21.25 4.42 19.58 2.75 17 2.75H7C4.42 2.75 2.75 4.42 2.75 7V9C2.75 9.41 2.41 9.75 2 9.75C1.59 9.75 1.25 9.41 1.25 9V7C1.25 3.56 3.56 1.25 7 1.25H17C20.44 1.25 22.75 3.56 22.75 7V9C22.75 9.41 22.41 9.75 22 9.75Z" fill="#292D32"/>
+<path d="M17 22.75H7C3.56 22.75 1.25 20.44 1.25 17V15C1.25 14.59 1.59 14.25 2 14.25C2.41 14.25 2.75 14.59 2.75 15V17C2.75 19.58 4.42 21.25 7 21.25H17C19.58 21.25 21.25 19.58 21.25 17V15C21.25 14.59 21.59 14.25 22 14.25C22.41 14.25 22.75 14.59 22.75 15V17C22.75 20.44 20.44 22.75 17 22.75Z" fill="#292D32"/>
+<path d="M22 12.75H2C1.59 12.75 1.25 12.41 1.25 12C1.25 11.59 1.59 11.25 2 11.25H22C22.41 11.25 22.75 11.59 22.75 12C22.75 12.41 22.41 12.75 22 12.75Z" fill="#292D32"/>
+<path d="M16.5 9H7.5C7.22 9 7 8.78 7 8.5V6.5C7 5.67 7.67 5 8.5 5H15.5C16.33 5 17 5.67 17 6.5V8.5C17 8.78 16.78 9 16.5 9Z" fill="#292D32"/>
+<path d="M16.5 15H7.5C7.22 15 7 15.22 7 15.5V17.5C7 18.33 7.67 19 8.5 19H15.5C16.32 19 17 18.33 17 17.5V15.5C17 15.22 16.78 15 16.5 15Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/scanning.svg b/public/images/icons/vuesax/bold/scanning.svg
new file mode 100644
index 0000000..3fb4994
--- /dev/null
+++ b/public/images/icons/vuesax/bold/scanning.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="M2 9.75C1.59 9.75 1.25 9.41 1.25 9V6.5C1.25 3.6 3.61 1.25 6.5 1.25H9C9.41 1.25 9.75 1.59 9.75 2C9.75 2.41 9.41 2.75 9 2.75H6.5C4.43 2.75 2.75 4.43 2.75 6.5V9C2.75 9.41 2.41 9.75 2 9.75Z" fill="#292D32"/>
+<path d="M22 9.75C21.59 9.75 21.25 9.41 21.25 9V6.5C21.25 4.43 19.57 2.75 17.5 2.75H15C14.59 2.75 14.25 2.41 14.25 2C14.25 1.59 14.59 1.25 15 1.25H17.5C20.39 1.25 22.75 3.6 22.75 6.5V9C22.75 9.41 22.41 9.75 22 9.75Z" fill="#292D32"/>
+<path d="M17.5 22.75H16C15.59 22.75 15.25 22.41 15.25 22C15.25 21.59 15.59 21.25 16 21.25H17.5C19.57 21.25 21.25 19.57 21.25 17.5V16C21.25 15.59 21.59 15.25 22 15.25C22.41 15.25 22.75 15.59 22.75 16V17.5C22.75 20.4 20.39 22.75 17.5 22.75Z" fill="#292D32"/>
+<path d="M9 22.75H6.5C3.61 22.75 1.25 20.4 1.25 17.5V15C1.25 14.59 1.59 14.25 2 14.25C2.41 14.25 2.75 14.59 2.75 15V17.5C2.75 19.57 4.43 21.25 6.5 21.25H9C9.41 21.25 9.75 21.59 9.75 22C9.75 22.41 9.41 22.75 9 22.75Z" fill="#292D32"/>
+<path d="M8.5 11.3801C10.0906 11.3801 11.38 10.0907 11.38 8.50012C11.38 6.90954 10.0906 5.62012 8.5 5.62012C6.90942 5.62012 5.62 6.90954 5.62 8.50012C5.62 10.0907 6.90942 11.3801 8.5 11.3801Z" fill="#292D32"/>
+<path d="M7.5 18.3801C8.53829 18.3801 9.38 17.5384 9.38 16.5001C9.38 15.4618 8.53829 14.6201 7.5 14.6201C6.4617 14.6201 5.62 15.4618 5.62 16.5001C5.62 17.5384 6.4617 18.3801 7.5 18.3801Z" fill="#292D32"/>
+<path d="M16.5 9.38012C17.5383 9.38012 18.38 8.53841 18.38 7.50012C18.38 6.46182 17.5383 5.62012 16.5 5.62012C15.4617 5.62012 14.62 6.46182 14.62 7.50012C14.62 8.53841 15.4617 9.38012 16.5 9.38012Z" fill="#292D32"/>
+<path d="M15.5 18.3801C17.0906 18.3801 18.38 17.0907 18.38 15.5001C18.38 13.9095 17.0906 12.6201 15.5 12.6201C13.9094 12.6201 12.62 13.9095 12.62 15.5001C12.62 17.0907 13.9094 18.3801 15.5 18.3801Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/scissor.svg b/public/images/icons/vuesax/bold/scissor.svg
new file mode 100644
index 0000000..df78ee3
--- /dev/null
+++ b/public/images/icons/vuesax/bold/scissor.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM17.76 14.68C18.09 14.93 18.16 15.4 17.91 15.73C17.76 15.93 17.54 16.03 17.31 16.03C17.15 16.03 17 15.98 16.86 15.88L12.91 12.93L10.5 14.73C10.51 14.83 10.53 14.93 10.53 15.03C10.53 16.3 9.5 17.33 8.23 17.33C6.96 17.33 5.93 16.3 5.93 15.03C5.93 13.76 6.96 12.73 8.23 12.73C8.85 12.73 9.4 12.98 9.81 13.37L11.65 11.99L9.82 10.62C9.41 11.02 8.84 11.27 8.22 11.27C6.95 11.27 5.92 10.24 5.92 8.97C5.92 7.7 6.95 6.67 8.22 6.67C9.49 6.67 10.52 7.7 10.52 8.97C10.52 9.07 10.5 9.16 10.49 9.25L12.89 11.05L16.84 8.1C17.17 7.85 17.64 7.92 17.89 8.25C18.14 8.58 18.07 9.05 17.74 9.3L14.14 11.99L17.76 14.68Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/screenmirroring.svg b/public/images/icons/vuesax/bold/screenmirroring.svg
new file mode 100644
index 0000000..0285843
--- /dev/null
+++ b/public/images/icons/vuesax/bold/screenmirroring.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM18.5 16.4C18.5 17.9 17.9 18.5 16.4 18.5H12.6C11.1 18.5 10.5 17.9 10.5 16.4V14.6C10.5 13.1 11.1 12.5 12.6 12.5H16.4C17.9 12.5 18.5 13.1 18.5 14.6V16.4Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/scroll.svg b/public/images/icons/vuesax/bold/scroll.svg
new file mode 100644
index 0000000..40deda6
--- /dev/null
+++ b/public/images/icons/vuesax/bold/scroll.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM10.13 14.5C10.42 14.79 10.42 15.27 10.13 15.56C9.98 15.71 9.79 15.78 9.6 15.78C9.41 15.78 9.22 15.71 9.07 15.56L6.58 13.07C5.99 12.48 5.99 11.53 6.58 10.94L9.07 8.45C9.36 8.16 9.84 8.16 10.13 8.45C10.42 8.74 10.42 9.22 10.13 9.51L7.64 12L10.13 14.5ZM17.42 13.06L14.93 15.55C14.78 15.7 14.59 15.77 14.4 15.77C14.21 15.77 14.02 15.7 13.87 15.55C13.58 15.26 13.58 14.78 13.87 14.49L16.36 12L13.87 9.5C13.58 9.21 13.58 8.73 13.87 8.44C14.16 8.15 14.64 8.15 14.93 8.44L17.42 10.93C18.01 11.52 18.01 12.48 17.42 13.06Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/search-favorite-1.svg b/public/images/icons/vuesax/bold/search-favorite-1.svg
new file mode 100644
index 0000000..c91178c
--- /dev/null
+++ b/public/images/icons/vuesax/bold/search-favorite-1.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="M21.3001 22.0001C21.1201 22.0001 20.9401 21.9301 20.8101 21.8001L18.9501 19.9401C18.6801 19.6701 18.6801 19.2301 18.9501 18.9501C19.2201 18.6801 19.6601 18.6801 19.9401 18.9501L21.8001 20.8101C22.0701 21.0801 22.0701 21.5201 21.8001 21.8001C21.6601 21.9301 21.4801 22.0001 21.3001 22.0001Z" fill="#292D32"/>
+<path d="M11.5 2C6.26 2 2 6.26 2 11.5C2 16.74 6.26 21 11.5 21C16.74 21 21 16.74 21 11.5C21 6.26 16.74 2 11.5 2ZM14.68 12.06C14.12 13.84 12.17 14.81 11.5 14.81C10.81 14.81 8.9 13.88 8.32 12.06C7.94 10.87 8.37 9.32 9.73 8.89C10.35 8.69 11.01 8.81 11.5 9.18C11.98 8.81 12.65 8.69 13.28 8.89C14.63 9.33 15.06 10.88 14.68 12.06Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/search-favorite.svg b/public/images/icons/vuesax/bold/search-favorite.svg
new file mode 100644
index 0000000..d2562fb
--- /dev/null
+++ b/public/images/icons/vuesax/bold/search-favorite.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 1.99023C6.02999 1.99023 1.98999 6.03023 1.98999 11.0002C1.98999 15.9702 6.02999 20.0102 11 20.0102C15.97 20.0102 20.01 15.9702 20.01 11.0002C20.01 6.03023 15.97 1.99023 11 1.99023ZM14.18 11.5602C13.62 13.3402 11.67 14.3102 11 14.3102C10.31 14.3102 8.39999 13.3802 7.81999 11.5602C7.43999 10.3702 7.86999 8.82023 9.22999 8.39023C9.84999 8.19024 10.51 8.31024 11 8.68023C11.48 8.31024 12.15 8.19024 12.78 8.39023C14.13 8.83024 14.56 10.3802 14.18 11.5602Z" fill="#292D32"/>
+<path d="M21.9901 18.95C21.6601 18.34 20.9601 18 20.0201 18C19.3101 18 18.7001 18.29 18.3401 18.79C17.9801 19.29 17.9001 19.96 18.1201 20.63C18.5501 21.93 19.3001 22.22 19.7101 22.27C19.7701 22.28 19.8301 22.28 19.9001 22.28C20.3401 22.28 21.0201 22.09 21.6801 21.1C22.2101 20.33 22.3101 19.56 21.9901 18.95Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/search-normal-1.svg b/public/images/icons/vuesax/bold/search-normal-1.svg
new file mode 100644
index 0000000..ca39a5e
--- /dev/null
+++ b/public/images/icons/vuesax/bold/search-normal-1.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.5 21C16.7467 21 21 16.7467 21 11.5C21 6.25329 16.7467 2 11.5 2C6.25329 2 2 6.25329 2 11.5C2 16.7467 6.25329 21 11.5 21Z" fill="#292D32"/>
+<path d="M21.3001 22.0001C21.1201 22.0001 20.9401 21.9301 20.8101 21.8001L18.9501 19.9401C18.6801 19.6701 18.6801 19.2301 18.9501 18.9501C19.2201 18.6801 19.6601 18.6801 19.9401 18.9501L21.8001 20.8101C22.0701 21.0801 22.0701 21.5201 21.8001 21.8001C21.6601 21.9301 21.4801 22.0001 21.3001 22.0001Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/search-normal.svg b/public/images/icons/vuesax/bold/search-normal.svg
new file mode 100644
index 0000000..b67462c
--- /dev/null
+++ b/public/images/icons/vuesax/bold/search-normal.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.5 21.75C5.85 21.75 1.25 17.15 1.25 11.5C1.25 5.85 5.85 1.25 11.5 1.25C17.15 1.25 21.75 5.85 21.75 11.5C21.75 17.15 17.15 21.75 11.5 21.75ZM11.5 2.75C6.67 2.75 2.75 6.68 2.75 11.5C2.75 16.32 6.67 20.25 11.5 20.25C16.33 20.25 20.25 16.32 20.25 11.5C20.25 6.68 16.33 2.75 11.5 2.75Z" fill="#292D32"/>
+<path d="M22.0004 22.7499C21.8104 22.7499 21.6204 22.6799 21.4704 22.5299L19.4704 20.5299C19.1804 20.2399 19.1804 19.7599 19.4704 19.4699C19.7604 19.1799 20.2404 19.1799 20.5304 19.4699L22.5304 21.4699C22.8204 21.7599 22.8204 22.2399 22.5304 22.5299C22.3804 22.6799 22.1904 22.7499 22.0004 22.7499Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/search-status-1.svg b/public/images/icons/vuesax/bold/search-status-1.svg
new file mode 100644
index 0000000..b53de08
--- /dev/null
+++ b/public/images/icons/vuesax/bold/search-status-1.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 1.99023C6.02999 1.99023 1.98999 6.03023 1.98999 11.0002C1.98999 15.9702 6.02999 20.0102 11 20.0102C15.97 20.0102 20.01 15.9702 20.01 11.0002C20.01 6.03023 15.97 1.99023 11 1.99023ZM11 13.2502H7.99999C7.58999 13.2502 7.24999 12.9102 7.24999 12.5002C7.24999 12.0902 7.58999 11.7502 7.99999 11.7502H11C11.41 11.7502 11.75 12.0902 11.75 12.5002C11.75 12.9102 11.41 13.2502 11 13.2502ZM14 10.2502H7.99999C7.58999 10.2502 7.24999 9.91023 7.24999 9.50023C7.24999 9.09023 7.58999 8.75023 7.99999 8.75023H14C14.41 8.75023 14.75 9.09023 14.75 9.50023C14.75 9.91023 14.41 10.2502 14 10.2502Z" fill="#292D32"/>
+<path d="M21.9901 18.95C21.6601 18.34 20.9601 18 20.0201 18C19.3101 18 18.7001 18.29 18.3401 18.79C17.9801 19.29 17.9001 19.96 18.1201 20.63C18.5501 21.93 19.3001 22.22 19.7101 22.27C19.7701 22.28 19.8301 22.28 19.9001 22.28C20.3401 22.28 21.0201 22.09 21.6801 21.1C22.2101 20.33 22.3101 19.56 21.9901 18.95Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/search-status.svg b/public/images/icons/vuesax/bold/search-status.svg
new file mode 100644
index 0000000..46565ba
--- /dev/null
+++ b/public/images/icons/vuesax/bold/search-status.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.5 2C6.26 2 2 6.26 2 11.5C2 16.74 6.26 21 11.5 21C16.74 21 21 16.74 21 11.5C21 6.26 16.74 2 11.5 2ZM11.5 13.75H8.5C8.09 13.75 7.75 13.41 7.75 13C7.75 12.59 8.09 12.25 8.5 12.25H11.5C11.91 12.25 12.25 12.59 12.25 13C12.25 13.41 11.91 13.75 11.5 13.75ZM14.5 10.75H8.5C8.09 10.75 7.75 10.41 7.75 10C7.75 9.59 8.09 9.25 8.5 9.25H14.5C14.91 9.25 15.25 9.59 15.25 10C15.25 10.41 14.91 10.75 14.5 10.75Z" fill="#292D32"/>
+<path d="M21.3005 21.9986C21.1205 21.9986 20.9405 21.9286 20.8105 21.7986L18.9505 19.9386C18.6805 19.6686 18.6805 19.2286 18.9505 18.9486C19.2205 18.6786 19.6605 18.6786 19.9405 18.9486L21.8005 20.8086C22.0705 21.0786 22.0705 21.5186 21.8005 21.7986C21.6605 21.9286 21.4805 21.9986 21.3005 21.9986Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/search-zoom-in-1.svg b/public/images/icons/vuesax/bold/search-zoom-in-1.svg
new file mode 100644
index 0000000..f76c390
--- /dev/null
+++ b/public/images/icons/vuesax/bold/search-zoom-in-1.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="M21.3001 22.0001C21.1201 22.0001 20.9401 21.9301 20.8101 21.8001L18.9501 19.9401C18.6801 19.6701 18.6801 19.2301 18.9501 18.9501C19.2201 18.6801 19.6601 18.6801 19.9401 18.9501L21.8001 20.8101C22.0701 21.0801 22.0701 21.5201 21.8001 21.8001C21.6601 21.9301 21.4801 22.0001 21.3001 22.0001Z" fill="#292D32"/>
+<path d="M11.5 2C6.26 2 2 6.26 2 11.5C2 16.74 6.26 21 11.5 21C16.74 21 21 16.74 21 11.5C21 6.26 16.74 2 11.5 2ZM14.2 12.45H12.45V14.2C12.45 14.61 12.11 14.95 11.7 14.95C11.29 14.95 10.95 14.61 10.95 14.2V12.45H9.2C8.79 12.45 8.45 12.11 8.45 11.7C8.45 11.29 8.79 10.95 9.2 10.95H10.95V9.2C10.95 8.79 11.29 8.45 11.7 8.45C12.11 8.45 12.45 8.79 12.45 9.2V10.95H14.2C14.61 10.95 14.95 11.29 14.95 11.7C14.95 12.11 14.61 12.45 14.2 12.45Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/search-zoom-in.svg b/public/images/icons/vuesax/bold/search-zoom-in.svg
new file mode 100644
index 0000000..2ffdcef
--- /dev/null
+++ b/public/images/icons/vuesax/bold/search-zoom-in.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.01 2C6.04 2 2 6.04 2 11.01C2 15.98 6.04 20.02 11.01 20.02C15.98 20.02 20.02 15.98 20.02 11.01C20.02 6.04 15.98 2 11.01 2ZM13.5 11.75H11.75V13.5C11.75 13.91 11.41 14.25 11 14.25C10.59 14.25 10.25 13.91 10.25 13.5V11.75H8.5C8.09 11.75 7.75 11.41 7.75 11C7.75 10.59 8.09 10.25 8.5 10.25H10.25V8.5C10.25 8.09 10.59 7.75 11 7.75C11.41 7.75 11.75 8.09 11.75 8.5V10.25H13.5C13.91 10.25 14.25 10.59 14.25 11C14.25 11.41 13.91 11.75 13.5 11.75Z" fill="#292D32"/>
+<path d="M21.9901 18.95C21.6601 18.34 20.9601 18 20.0201 18C19.3101 18 18.7001 18.29 18.3401 18.79C17.9801 19.29 17.9001 19.96 18.1201 20.63C18.5501 21.93 19.3001 22.22 19.7101 22.27C19.7701 22.28 19.8301 22.28 19.9001 22.28C20.3401 22.28 21.0201 22.09 21.6801 21.1C22.2101 20.33 22.3101 19.56 21.9901 18.95Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/search-zoom-out-1.svg b/public/images/icons/vuesax/bold/search-zoom-out-1.svg
new file mode 100644
index 0000000..ef87313
--- /dev/null
+++ b/public/images/icons/vuesax/bold/search-zoom-out-1.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="M21.3001 22.0001C21.1201 22.0001 20.9401 21.9301 20.8101 21.8001L18.9501 19.9401C18.6801 19.6701 18.6801 19.2301 18.9501 18.9501C19.2201 18.6801 19.6601 18.6801 19.9401 18.9501L21.8001 20.8101C22.0701 21.0801 22.0701 21.5201 21.8001 21.8001C21.6601 21.9301 21.4801 22.0001 21.3001 22.0001Z" fill="#292D32"/>
+<path d="M11.5 2C6.26 2 2 6.26 2 11.5C2 16.74 6.26 21 11.5 21C16.74 21 21 16.74 21 11.5C21 6.26 16.74 2 11.5 2ZM14 12.45H9C8.59 12.45 8.25 12.11 8.25 11.7C8.25 11.29 8.59 10.95 9 10.95H14C14.41 10.95 14.75 11.29 14.75 11.7C14.75 12.11 14.41 12.45 14 12.45Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/search-zoom-out.svg b/public/images/icons/vuesax/bold/search-zoom-out.svg
new file mode 100644
index 0000000..e5bfe6a
--- /dev/null
+++ b/public/images/icons/vuesax/bold/search-zoom-out.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.01 2C6.04 2 2 6.04 2 11.01C2 15.98 6.04 20.02 11.01 20.02C15.98 20.02 20.02 15.98 20.02 11.01C20.02 6.04 15.98 2 11.01 2ZM13.5 11.75H8.5C8.09 11.75 7.75 11.41 7.75 11C7.75 10.59 8.09 10.25 8.5 10.25H13.5C13.91 10.25 14.25 10.59 14.25 11C14.25 11.41 13.91 11.75 13.5 11.75Z" fill="#292D32"/>
+<path d="M21.9901 18.95C21.6601 18.34 20.9601 18 20.0201 18C19.3101 18 18.7001 18.29 18.3401 18.79C17.9801 19.29 17.9001 19.96 18.1201 20.63C18.5501 21.93 19.3001 22.22 19.7101 22.27C19.7701 22.28 19.8301 22.28 19.9001 22.28C20.3401 22.28 21.0201 22.09 21.6801 21.1C22.2101 20.33 22.3101 19.56 21.9901 18.95Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/security-card.svg b/public/images/icons/vuesax/bold/security-card.svg
new file mode 100644
index 0000000..5ea2f56
--- /dev/null
+++ b/public/images/icons/vuesax/bold/security-card.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.49 13.3799H11C10.7 13.3799 10.46 13.6199 10.46 13.9199C10.46 14.2199 10.7 14.4599 11 14.4599H13.49C13.79 14.4599 14.03 14.2199 14.03 13.9199C14.03 13.6199 13.79 13.3799 13.49 13.3799Z" fill="#292D32"/>
+<path d="M9.4399 13.3799H8.1899C7.8899 13.3799 7.6499 13.6199 7.6499 13.9199C7.6499 14.2199 7.8899 14.4599 8.1899 14.4599H9.4399C9.7399 14.4599 9.9799 14.2199 9.9799 13.9199C9.9799 13.6199 9.7399 13.3799 9.4399 13.3799Z" fill="#292D32"/>
+<path d="M18.54 4.21994L13.04 2.15994C12.47 1.94994 11.54 1.94994 10.97 2.15994L5.47005 4.21994C4.41005 4.61994 3.55005 5.85994 3.55005 6.98994V15.0899C3.55005 15.8999 4.08005 16.9699 4.73005 17.4499L10.23 21.5599C11.2 22.2899 12.79 22.2899 13.76 21.5599L19.26 17.4499C19.91 16.9599 20.4401 15.8999 20.4401 15.0899V6.98994C20.4501 5.85994 19.59 4.61994 18.54 4.21994ZM18.17 13.6499C18.15 15.7199 17.58 16.2399 15.43 16.2399H8.58005C6.39005 16.2399 5.84005 15.6999 5.84005 13.5299V11.1999C5.84005 10.9199 6.06005 10.6999 6.34005 10.6999H17.67C17.95 10.6999 18.17 10.9199 18.17 11.1999V13.6499ZM18.17 9.10994C18.17 9.38994 17.95 9.60994 17.67 9.60994H6.34005C6.06005 9.60994 5.84005 9.38994 5.84005 9.10994V8.46994C5.84005 6.50994 6.30005 5.87994 8.01005 5.76994C8.19005 5.76994 8.38005 5.75994 8.58005 5.75994H15.43C17.62 5.75994 18.17 6.29994 18.17 8.46994V9.10994Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/security-safe.svg b/public/images/icons/vuesax/bold/security-safe.svg
new file mode 100644
index 0000000..c1c528b
--- /dev/null
+++ b/public/images/icons/vuesax/bold/security-safe.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="M20.91 11.1198V6.72982C20.91 5.90982 20.29 4.97982 19.52 4.66982L13.95 2.38982C12.7 1.87982 11.29 1.87982 10.04 2.38982L4.47003 4.66982C3.71003 4.97982 3.09003 5.90982 3.09003 6.72982V11.1198C3.09003 16.0098 6.64003 20.5898 11.49 21.9298C11.82 22.0198 12.18 22.0198 12.51 21.9298C17.36 20.5898 20.91 16.0098 20.91 11.1198ZM12.75 12.8698V15.4998C12.75 15.9098 12.41 16.2498 12 16.2498C11.59 16.2498 11.25 15.9098 11.25 15.4998V12.8698C10.24 12.5498 9.50003 11.6098 9.50003 10.4998C9.50003 9.11982 10.62 7.99982 12 7.99982C13.38 7.99982 14.5 9.11982 14.5 10.4998C14.5 11.6198 13.76 12.5498 12.75 12.8698Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/security-time.svg b/public/images/icons/vuesax/bold/security-time.svg
new file mode 100644
index 0000000..04b88fc
--- /dev/null
+++ b/public/images/icons/vuesax/bold/security-time.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 8.25C10.21 8.25 8.75 9.71 8.75 11.5C8.75 13.29 10.21 14.75 12 14.75C13.79 14.75 15.25 13.29 15.25 11.5C15.25 9.71 13.79 8.25 12 8.25ZM13 11.18C13 11.79 12.67 12.37 12.15 12.68L11.38 13.14C11.26 13.21 11.13 13.25 10.99 13.25C10.74 13.25 10.49 13.12 10.35 12.89C10.14 12.53 10.25 12.07 10.61 11.86L11.37 11.4C11.45 11.35 11.49 11.27 11.49 11.19V10.26C11.49 9.85 11.83 9.51 12.24 9.51C12.65 9.51 13 9.84 13 10.25V11.18Z" fill="#292D32"/>
+<path d="M18.54 4.17014L13.04 2.11014C12.47 1.90014 11.54 1.90014 10.97 2.11014L5.47005 4.17014C4.41005 4.57014 3.55005 5.81014 3.55005 6.94014V15.0401C3.55005 15.8501 4.08005 16.9201 4.73005 17.4001L10.23 21.5101C11.2 22.2401 12.79 22.2401 13.76 21.5101L19.26 17.4001C19.91 16.9101 20.4401 15.8501 20.4401 15.0401V6.94014C20.4501 5.81014 19.59 4.57014 18.54 4.17014ZM12 16.2501C9.38005 16.2501 7.25005 14.1201 7.25005 11.5001C7.25005 8.88014 9.38005 6.75014 12 6.75014C14.62 6.75014 16.75 8.88014 16.75 11.5001C16.75 14.1201 14.62 16.2501 12 16.2501Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/security-user.svg b/public/images/icons/vuesax/bold/security-user.svg
new file mode 100644
index 0000000..c397956
--- /dev/null
+++ b/public/images/icons/vuesax/bold/security-user.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.5 4.10982L13.51 2.23982C12.68 1.92982 11.32 1.92982 10.49 2.23982L5.49997 4.10982C4.34997 4.53982 3.40997 5.89982 3.40997 7.11982V14.5498C3.40997 15.7298 4.18997 17.2798 5.13997 17.9898L9.43997 21.1998C10.85 22.2598 13.17 22.2598 14.58 21.1998L18.88 17.9898C19.83 17.2798 20.61 15.7298 20.61 14.5498V7.11982C20.59 5.89982 19.65 4.53982 18.5 4.10982ZM11.93 7.02982C13.11 7.02982 14.07 7.98982 14.07 9.16982C14.07 10.3298 13.16 11.2598 12.01 11.2998H11.99H11.97C11.95 11.2998 11.93 11.2998 11.91 11.2998C10.71 11.2598 9.80997 10.3298 9.80997 9.16982C9.79997 7.98982 10.76 7.02982 11.93 7.02982ZM14.19 16.3598C13.58 16.7598 12.79 16.9698 12 16.9698C11.21 16.9698 10.41 16.7698 9.80997 16.3598C9.23997 15.9798 8.92997 15.4598 8.91997 14.8898C8.91997 14.3298 9.23997 13.7898 9.80997 13.4098C11.02 12.6098 12.99 12.6098 14.2 13.4098C14.77 13.7898 15.09 14.3098 15.09 14.8798C15.08 15.4398 14.76 15.9798 14.19 16.3598Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/security.svg b/public/images/icons/vuesax/bold/security.svg
new file mode 100644
index 0000000..5752167
--- /dev/null
+++ b/public/images/icons/vuesax/bold/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="M18.33 5.67L6.59002 17.41C6.15002 17.85 5.41002 17.79 5.05002 17.27C3.81002 15.46 3.08002 13.32 3.08002 11.12V6.73C3.08002 5.91 3.70002 4.98 4.46002 4.67L10.03 2.39C11.29 1.87 12.69 1.87 13.95 2.39L18 4.04C18.66 4.31 18.83 5.17 18.33 5.67Z" fill="#292D32"/>
+<path d="M19.27 7.04012C19.92 6.49012 20.91 6.96012 20.91 7.81012V11.1201C20.91 16.0101 17.36 20.5901 12.51 21.9301C12.18 22.0201 11.82 22.0201 11.48 21.9301C10.06 21.5301 8.74001 20.8601 7.61001 19.9801C7.13001 19.6101 7.08001 18.9101 7.50001 18.4801C9.68001 16.2501 16.06 9.75012 19.27 7.04012Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/send-2.svg b/public/images/icons/vuesax/bold/send-2.svg
new file mode 100644
index 0000000..fafe077
--- /dev/null
+++ b/public/images/icons/vuesax/bold/send-2.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.14 2.96004L7.11 5.96004C1.04 7.99004 1.04 11.3 7.11 13.32L9.79 14.21L10.68 16.89C12.7 22.96 16.02 22.96 18.04 16.89L21.05 7.87004C22.39 3.82004 20.19 1.61004 16.14 2.96004ZM16.46 8.34004L12.66 12.16C12.51 12.31 12.32 12.38 12.13 12.38C11.94 12.38 11.75 12.31 11.6 12.16C11.31 11.87 11.31 11.39 11.6 11.1L15.4 7.28004C15.69 6.99004 16.17 6.99004 16.46 7.28004C16.75 7.57004 16.75 8.05004 16.46 8.34004Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/send-sqaure-2.svg b/public/images/icons/vuesax/bold/send-sqaure-2.svg
new file mode 100644
index 0000000..c172a52
--- /dev/null
+++ b/public/images/icons/vuesax/bold/send-sqaure-2.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM8.64 12.81L13.02 8.43H10.59C10.18 8.43 9.84 8.09 9.84 7.68C9.84 7.27 10.18 6.93 10.59 6.93H14.83C14.93 6.93 15.02 6.95 15.12 6.99C15.3 7.07 15.45 7.21 15.53 7.4C15.57 7.49 15.59 7.59 15.59 7.69V11.93C15.59 12.34 15.25 12.68 14.84 12.68C14.43 12.68 14.09 12.34 14.09 11.93V9.5L9.7 13.87C9.55 14.02 9.36 14.09 9.17 14.09C8.98 14.09 8.79 14.02 8.64 13.87C8.35 13.58 8.35 13.1 8.64 12.81ZM18.24 17.22C16.23 17.89 14.12 18.23 12 18.23C9.88 18.23 7.77 17.89 5.76 17.22C5.37 17.09 5.16 16.66 5.29 16.27C5.42 15.88 5.84 15.66 6.24 15.8C9.96 17.04 14.05 17.04 17.77 15.8C18.16 15.67 18.59 15.88 18.72 16.27C18.84 16.67 18.63 17.09 18.24 17.22Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/send-square.svg b/public/images/icons/vuesax/bold/send-square.svg
new file mode 100644
index 0000000..1716168
--- /dev/null
+++ b/public/images/icons/vuesax/bold/send-square.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM8.47 8.98L11.47 5.98C11.54 5.91 11.62 5.86 11.71 5.82C11.89 5.74 12.1 5.74 12.28 5.82C12.37 5.86 12.45 5.91 12.52 5.98L15.52 8.98C15.81 9.27 15.81 9.75 15.52 10.04C15.37 10.19 15.18 10.26 14.99 10.26C14.8 10.26 14.61 10.19 14.46 10.04L12.74 8.32V14.51C12.74 14.92 12.4 15.26 11.99 15.26C11.58 15.26 11.24 14.92 11.24 14.51V8.32L9.52 10.04C9.23 10.33 8.75 10.33 8.46 10.04C8.17 9.75 8.18 9.28 8.47 8.98ZM18.24 17.22C16.23 17.89 14.12 18.23 12 18.23C9.88 18.23 7.77 17.89 5.76 17.22C5.37 17.09 5.16 16.66 5.29 16.27C5.42 15.88 5.85 15.66 6.24 15.8C9.96 17.04 14.05 17.04 17.77 15.8C18.16 15.67 18.59 15.88 18.72 16.27C18.84 16.67 18.63 17.09 18.24 17.22Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/send.svg b/public/images/icons/vuesax/bold/send.svg
new file mode 100644
index 0000000..9bc1d57
--- /dev/null
+++ b/public/images/icons/vuesax/bold/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 d="M18.07 8.51013L9.51002 4.23013C3.76002 1.35013 1.40002 3.71013 4.28002 9.46013L5.15002 11.2001C5.40002 11.7101 5.40002 12.3001 5.15002 12.8101L4.28002 14.5401C1.40002 20.2901 3.75002 22.6501 9.51002 19.7701L18.07 15.4901C21.91 13.5701 21.91 10.4301 18.07 8.51013ZM14.84 12.7501H9.44002C9.03002 12.7501 8.69002 12.4101 8.69002 12.0001C8.69002 11.5901 9.03002 11.2501 9.44002 11.2501H14.84C15.25 11.2501 15.59 11.5901 15.59 12.0001C15.59 12.4101 15.25 12.7501 14.84 12.7501Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/setting-2.svg b/public/images/icons/vuesax/bold/setting-2.svg
new file mode 100644
index 0000000..a69901b
--- /dev/null
+++ b/public/images/icons/vuesax/bold/setting-2.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.94 5.41994L13.77 2.42994C12.78 1.85994 11.23 1.85994 10.24 2.42994L5.01996 5.43994C2.94996 6.83994 2.82996 7.04994 2.82996 9.27994V14.7099C2.82996 16.9399 2.94996 17.1599 5.05996 18.5799L10.23 21.5699C10.73 21.8599 11.37 21.9999 12 21.9999C12.63 21.9999 13.27 21.8599 13.76 21.5699L18.98 18.5599C21.05 17.1599 21.17 16.9499 21.17 14.7199V9.27994C21.17 7.04994 21.05 6.83994 18.94 5.41994ZM12 15.2499C10.21 15.2499 8.74996 13.7899 8.74996 11.9999C8.74996 10.2099 10.21 8.74994 12 8.74994C13.79 8.74994 15.25 10.2099 15.25 11.9999C15.25 13.7899 13.79 15.2499 12 15.2499Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/setting-3.svg b/public/images/icons/vuesax/bold/setting-3.svg
new file mode 100644
index 0000000..a6cea45
--- /dev/null
+++ b/public/images/icons/vuesax/bold/setting-3.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM7.67 5.5C7.67 5.09 8.01 4.75 8.42 4.75C8.83 4.75 9.17 5.09 9.17 5.5V9.4C9.17 9.81 8.83 10.15 8.42 10.15C8.01 10.15 7.67 9.81 7.67 9.4V5.5ZM9.52282 16.4313C9.31938 16.5216 9.17 16.7132 9.17 16.9358V18.5C9.17 18.91 8.83 19.25 8.42 19.25C8.01 19.25 7.67 18.91 7.67 18.5V16.9358C7.67 16.7132 7.5206 16.5216 7.31723 16.4311C6.36275 16.0064 5.7 15.058 5.7 13.95C5.7 12.45 6.92 11.22 8.42 11.22C9.92 11.22 11.15 12.44 11.15 13.95C11.15 15.0582 10.4791 16.0066 9.52282 16.4313ZM16.33 18.5C16.33 18.91 15.99 19.25 15.58 19.25C15.17 19.25 14.83 18.91 14.83 18.5V14.6C14.83 14.19 15.17 13.85 15.58 13.85C15.99 13.85 16.33 14.19 16.33 14.6V18.5ZM15.58 12.77C14.08 12.77 12.85 11.55 12.85 10.04C12.85 8.93185 13.5209 7.98342 14.4772 7.55873C14.6806 7.46839 14.83 7.27681 14.83 7.05421V5.5C14.83 5.09 15.17 4.75 15.58 4.75C15.99 4.75 16.33 5.09 16.33 5.5V7.06421C16.33 7.28681 16.4794 7.47835 16.6828 7.56885C17.6372 7.9936 18.3 8.94195 18.3 10.05C18.3 11.55 17.08 12.77 15.58 12.77Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/setting-4.svg b/public/images/icons/vuesax/bold/setting-4.svg
new file mode 100644
index 0000000..7f87b8c
--- /dev/null
+++ b/public/images/icons/vuesax/bold/setting-4.svg
@@ -0,0 +1,8 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.3 7.58018H15.72C15.33 7.58018 15.02 7.27018 15.02 6.88018C15.02 6.49018 15.33 6.18018 15.72 6.18018H21.3C21.69 6.18018 22 6.49018 22 6.88018C22 7.27018 21.69 7.58018 21.3 7.58018Z" fill="#292D32"/>
+<path d="M6.42 7.58018H2.7C2.31 7.58018 2 7.27018 2 6.88018C2 6.49018 2.31 6.18018 2.7 6.18018H6.42C6.81 6.18018 7.12 6.49018 7.12 6.88018C7.12 7.27018 6.8 7.58018 6.42 7.58018Z" fill="#292D32"/>
+<path d="M10.1399 10.8302C12.3215 10.8302 14.0899 9.0617 14.0899 6.88018C14.0899 4.69865 12.3215 2.93018 10.1399 2.93018C7.95842 2.93018 6.18994 4.69865 6.18994 6.88018C6.18994 9.0617 7.95842 10.8302 10.1399 10.8302Z" fill="#292D32"/>
+<path d="M21.3 17.8102H17.58C17.19 17.8102 16.88 17.5002 16.88 17.1102C16.88 16.7202 17.19 16.4102 17.58 16.4102H21.3C21.69 16.4102 22 16.7202 22 17.1102C22 17.5002 21.69 17.8102 21.3 17.8102Z" fill="#292D32"/>
+<path d="M8.28 17.8102H2.7C2.31 17.8102 2 17.5002 2 17.1102C2 16.7202 2.31 16.4102 2.7 16.4102H8.28C8.67 16.4102 8.98 16.7202 8.98 17.1102C8.98 17.5002 8.66 17.8102 8.28 17.8102Z" fill="#292D32"/>
+<path d="M13.86 21.0699C16.0416 21.0699 17.81 19.3014 17.81 17.1199C17.81 14.9384 16.0416 13.1699 13.86 13.1699C11.6785 13.1699 9.91003 14.9384 9.91003 17.1199C9.91003 19.3014 11.6785 21.0699 13.86 21.0699Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/setting-5.svg b/public/images/icons/vuesax/bold/setting-5.svg
new file mode 100644
index 0000000..63873b7
--- /dev/null
+++ b/public/images/icons/vuesax/bold/setting-5.svg
@@ -0,0 +1,8 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.5101 8.2498C19.0101 8.2498 19.4101 7.8498 19.4101 7.3498V2.6998C19.4101 2.1998 19.0101 1.7998 18.5101 1.7998C18.0101 1.7998 17.6101 2.1998 17.6101 2.6998V7.3498C17.6101 7.8398 18.0201 8.2498 18.5101 8.2498Z" fill="#292D32"/>
+<path d="M12.0001 15.75C11.5001 15.75 11.1001 16.15 11.1001 16.65V21.3C11.1001 21.8 11.5001 22.2 12.0001 22.2C12.5001 22.2 12.9001 21.8 12.9001 21.3V16.65C12.9001 16.16 12.5001 15.75 12.0001 15.75Z" fill="#292D32"/>
+<path d="M5.49009 8.2498C5.99009 8.2498 6.39009 7.8498 6.39009 7.3498V2.6998C6.39009 2.1998 5.99009 1.7998 5.49009 1.7998C4.99009 1.7998 4.59009 2.1998 4.59009 2.6998V7.3498C4.59009 7.8398 4.99009 8.2498 5.49009 8.2498Z" fill="#292D32"/>
+<path d="M7.34998 10.1699H3.62998C3.12998 10.1699 2.72998 10.5699 2.72998 11.0699C2.72998 11.5699 3.12998 11.9699 3.62998 11.9699H4.58998V21.2999C4.58998 21.7999 4.98998 22.1999 5.48998 22.1999C5.98998 22.1999 6.38998 21.7999 6.38998 21.2999V11.9699H7.34998C7.84998 11.9699 8.24998 11.5699 8.24998 11.0699C8.24998 10.5699 7.83998 10.1699 7.34998 10.1699Z" fill="#292D32"/>
+<path d="M20.37 10.1699H16.65C16.15 10.1699 15.75 10.5699 15.75 11.0699C15.75 11.5699 16.15 11.9699 16.65 11.9699H17.61V21.2999C17.61 21.7999 18.01 22.1999 18.51 22.1999C19.01 22.1999 19.41 21.7999 19.41 21.2999V11.9699H20.37C20.87 11.9699 21.27 11.5699 21.27 11.0699C21.27 10.5699 20.87 10.1699 20.37 10.1699Z" fill="#292D32"/>
+<path d="M13.86 12.0298H12.9V2.6998C12.9 2.1998 12.5 1.7998 12 1.7998C11.5 1.7998 11.1 2.1998 11.1 2.6998V12.0298H10.14C9.63999 12.0298 9.23999 12.4298 9.23999 12.9298C9.23999 13.4298 9.63999 13.8298 10.14 13.8298H13.86C14.36 13.8298 14.76 13.4298 14.76 12.9298C14.76 12.4298 14.36 12.0298 13.86 12.0298Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/setting.svg b/public/images/icons/vuesax/bold/setting.svg
new file mode 100644
index 0000000..a69901b
--- /dev/null
+++ b/public/images/icons/vuesax/bold/setting.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.94 5.41994L13.77 2.42994C12.78 1.85994 11.23 1.85994 10.24 2.42994L5.01996 5.43994C2.94996 6.83994 2.82996 7.04994 2.82996 9.27994V14.7099C2.82996 16.9399 2.94996 17.1599 5.05996 18.5799L10.23 21.5699C10.73 21.8599 11.37 21.9999 12 21.9999C12.63 21.9999 13.27 21.8599 13.76 21.5699L18.98 18.5599C21.05 17.1599 21.17 16.9499 21.17 14.7199V9.27994C21.17 7.04994 21.05 6.83994 18.94 5.41994ZM12 15.2499C10.21 15.2499 8.74996 13.7899 8.74996 11.9999C8.74996 10.2099 10.21 8.74994 12 8.74994C13.79 8.74994 15.25 10.2099 15.25 11.9999C15.25 13.7899 13.79 15.2499 12 15.2499Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/settings.svg b/public/images/icons/vuesax/bold/settings.svg
new file mode 100644
index 0000000..2b35ce4
--- /dev/null
+++ b/public/images/icons/vuesax/bold/settings.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 16.5C14.4853 16.5 16.5 14.4853 16.5 12C16.5 9.51472 14.4853 7.5 12 7.5C9.51472 7.5 7.5 9.51472 7.5 12C7.5 14.4853 9.51472 16.5 12 16.5Z" fill="#292D32"/>
+<path d="M10 12.75H2C1.59 12.75 1.25 12.41 1.25 12C1.25 11.59 1.59 11.25 2 11.25H10C10.41 11.25 10.75 11.59 10.75 12C10.75 12.41 10.41 12.75 10 12.75Z" fill="#292D32"/>
+<path d="M22 12.75H14C13.59 12.75 13.25 12.41 13.25 12C13.25 11.59 13.59 11.25 14 11.25H22C22.41 11.25 22.75 11.59 22.75 12C22.75 12.41 22.41 12.75 22 12.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/shapes-1.svg b/public/images/icons/vuesax/bold/shapes-1.svg
new file mode 100644
index 0000000..31228a4
--- /dev/null
+++ b/public/images/icons/vuesax/bold/shapes-1.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.75 7H11H7C4.24 7 2 9.24 2 12V17C2 19.76 4.24 22 7 22H12C14.76 22 17 19.76 17 17V13V12.25C17 9.35 14.65 7 11.75 7Z" fill="#292D32"/>
+<path d="M21.88 6.32984C22.4046 8.88943 21.1622 11.2118 19.1592 12.3055C18.8515 12.4735 18.5 12.2338 18.5 11.8834V11.7498C18.5 8.30984 15.69 5.49984 12.25 5.49984H12.1165C11.766 5.49984 11.5264 5.1483 11.6943 4.8407C12.7881 2.83762 15.1104 1.59526 17.67 2.11984C19.76 2.54984 21.45 4.23984 21.88 6.32984Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/shapes.svg b/public/images/icons/vuesax/bold/shapes.svg
new file mode 100644
index 0000000..285ac03
--- /dev/null
+++ b/public/images/icons/vuesax/bold/shapes.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="M13.43 14.9999H4.4C2.58 14.9999 1.42 13.0499 2.3 11.4499L4.63 7.20994L6.81 3.23994C7.72 1.58994 10.1 1.58994 11.01 3.23994L13.2 7.20994L14.25 9.11994L15.53 11.4499C16.41 13.0499 15.25 14.9999 13.43 14.9999Z" fill="#292D32"/>
+<path d="M22.65 16C22.65 19.59 19.74 22.5 16.15 22.5C13.1 22.5 10.55 20.41 9.83999 17.57C9.76999 17.27 9.99999 17 10.31 17H14.08C15.47 17 16.73 16.28 17.44 15.09C18.14 13.89 18.17 12.45 17.49 11.23L16.99 10.31C16.8 9.96995 17.07 9.55995 17.45 9.62995C20.41 10.23 22.65 12.85 22.65 16Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/share.svg b/public/images/icons/vuesax/bold/share.svg
new file mode 100644
index 0000000..c061cf8
--- /dev/null
+++ b/public/images/icons/vuesax/bold/share.svg
@@ -0,0 +1,8 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.36 12.7301C19.99 12.7301 19.68 12.4501 19.64 12.0801C19.4 9.88007 18.22 7.90007 16.4 6.64007C16.07 6.41007 15.99 5.96007 16.22 5.63007C16.45 5.30007 16.9 5.22007 17.23 5.45007C19.4 6.96007 20.8 9.32007 21.09 11.9301C21.13 12.3301 20.84 12.6901 20.44 12.7301C20.41 12.7301 20.39 12.7301 20.36 12.7301Z" fill="#292D32"/>
+<path d="M3.73998 12.7802C3.71998 12.7802 3.68998 12.7802 3.66998 12.7802C3.26998 12.7402 2.97998 12.3802 3.01998 11.9802C3.28998 9.3702 4.66998 7.0102 6.81998 5.4902C7.13998 5.2602 7.59998 5.3402 7.82998 5.6602C8.05998 5.9902 7.97998 6.4402 7.65998 6.6702C5.85998 7.9502 4.68998 9.9302 4.46998 12.1202C4.42998 12.5002 4.10998 12.7802 3.73998 12.7802Z" fill="#292D32"/>
+<path d="M15.99 21.0998C14.76 21.6898 13.44 21.9898 12.06 21.9898C10.62 21.9898 9.24998 21.6698 7.96998 21.0198C7.60998 20.8498 7.46998 20.4098 7.64998 20.0498C7.81998 19.6898 8.25998 19.5498 8.61998 19.7198C9.24998 20.0398 9.91998 20.2598 10.6 20.3898C11.52 20.5698 12.46 20.5798 13.38 20.4198C14.06 20.2998 14.73 20.0898 15.35 19.7898C15.72 19.6198 16.16 19.7598 16.32 20.1298C16.5 20.4898 16.36 20.9298 15.99 21.0998Z" fill="#292D32"/>
+<path d="M12.05 2.00977C10.5 2.00977 9.22998 3.26977 9.22998 4.82977C9.22998 6.38977 10.49 7.64977 12.05 7.64977C13.61 7.64977 14.87 6.38977 14.87 4.82977C14.87 3.26977 13.61 2.00977 12.05 2.00977Z" fill="#292D32"/>
+<path d="M5.04998 13.8701C3.49998 13.8701 2.22998 15.1301 2.22998 16.6901C2.22998 18.2501 3.48998 19.5101 5.04998 19.5101C6.60998 19.5101 7.86998 18.2501 7.86998 16.6901C7.86998 15.1301 6.59998 13.8701 5.04998 13.8701Z" fill="#292D32"/>
+<path d="M18.95 13.8701C17.4 13.8701 16.13 15.1301 16.13 16.6901C16.13 18.2501 17.39 19.5101 18.95 19.5101C20.51 19.5101 21.77 18.2501 21.77 16.6901C21.77 15.1301 20.51 13.8701 18.95 13.8701Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/shield-cross.svg b/public/images/icons/vuesax/bold/shield-cross.svg
new file mode 100644
index 0000000..096c9d5
--- /dev/null
+++ b/public/images/icons/vuesax/bold/shield-cross.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.54 4.11984L13.04 2.05984C12.47 1.84984 11.54 1.84984 10.97 2.05984L5.46999 4.11984C4.40999 4.51984 3.54999 5.75984 3.54999 6.88984V14.9898C3.54999 15.7998 4.07999 16.8698 4.72999 17.3498L10.23 21.4598C11.2 22.1898 12.79 22.1898 13.76 21.4598L19.26 17.3498C19.91 16.8598 20.44 15.7998 20.44 14.9898V6.88984C20.45 5.75984 19.59 4.51984 18.54 4.11984ZM14.68 13.9698C14.53 14.1198 14.34 14.1898 14.15 14.1898C13.96 14.1898 13.77 14.1198 13.62 13.9698L12.03 12.3798L10.39 14.0198C10.24 14.1698 10.05 14.2398 9.85999 14.2398C9.66999 14.2398 9.47999 14.1698 9.32999 14.0198C9.03999 13.7298 9.03999 13.2498 9.32999 12.9598L10.97 11.3198L9.36999 9.71984C9.07999 9.42984 9.07999 8.94984 9.36999 8.65984C9.65999 8.36984 10.14 8.36984 10.43 8.65984L12.02 10.2498L13.57 8.69984C13.86 8.40984 14.34 8.40984 14.63 8.69984C14.92 8.98984 14.92 9.46984 14.63 9.75984L13.08 11.3098L14.67 12.8998C14.97 13.1998 14.97 13.6698 14.68 13.9698Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/shield-search.svg b/public/images/icons/vuesax/bold/shield-search.svg
new file mode 100644
index 0000000..ea7f5c1
--- /dev/null
+++ b/public/images/icons/vuesax/bold/shield-search.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="M19.45 6.94014V9.45014C19.45 10.1601 18.73 10.6201 18.06 10.3701C17.22 10.0601 16.29 9.94014 15.31 10.0401C12.93 10.3001 10.49 12.5901 10.09 14.9601C9.75998 16.9301 10.39 18.7701 11.6 20.0701C12.15 20.6701 11.78 21.6401 10.97 21.7301C10.28 21.8101 9.59998 21.7901 9.21998 21.5101L3.71998 17.4001C3.06998 16.9101 2.53998 15.8501 2.53998 15.0301V6.94014C2.53998 5.81014 3.39998 4.57014 4.44998 4.17014L9.94998 2.11014C10.52 1.90014 11.46 1.90014 12.03 2.11014L17.53 4.17014C18.59 4.57014 19.45 5.81014 19.45 6.94014Z" fill="#292D32"/>
+<path d="M16 11.5098C13.52 11.5098 11.5 13.5298 11.5 16.0098C11.5 18.4898 13.52 20.5098 16 20.5098C18.48 20.5098 20.5 18.4898 20.5 16.0098C20.5 13.5198 18.48 11.5098 16 11.5098Z" fill="#292D32"/>
+<path d="M21 21.9999C20.73 21.9999 20.48 21.8899 20.29 21.7099C20.25 21.6599 20.2 21.6099 20.17 21.5499C20.13 21.4999 20.1 21.4399 20.08 21.3799C20.05 21.3199 20.03 21.2599 20.02 21.1999C20.01 21.1299 20 21.0699 20 20.9999C20 20.8699 20.03 20.7399 20.08 20.6199C20.13 20.4899 20.2 20.3899 20.29 20.2899C20.52 20.0599 20.87 19.9499 21.19 20.0199C21.26 20.0299 21.32 20.0499 21.38 20.0799C21.44 20.0999 21.5 20.1299 21.55 20.1699C21.61 20.1999 21.66 20.2499 21.71 20.2899C21.8 20.3899 21.87 20.4899 21.92 20.6199C21.97 20.7399 22 20.8699 22 20.9999C22 21.2599 21.89 21.5199 21.71 21.7099C21.66 21.7499 21.61 21.7899 21.55 21.8299C21.5 21.8699 21.44 21.8999 21.38 21.9199C21.32 21.9499 21.26 21.9699 21.19 21.9799C21.13 21.9899 21.06 21.9999 21 21.9999Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/shield-security.svg b/public/images/icons/vuesax/bold/shield-security.svg
new file mode 100644
index 0000000..3062296
--- /dev/null
+++ b/public/images/icons/vuesax/bold/shield-security.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.54 4.17014L13.04 2.11014C12.47 1.90014 11.54 1.90014 10.97 2.11014L5.46999 4.17014C4.40999 4.57014 3.54999 5.81014 3.54999 6.94014V15.0401C3.54999 15.8501 4.07999 16.9201 4.72999 17.4001L10.23 21.5101C11.2 22.2401 12.79 22.2401 13.76 21.5101L19.26 17.4001C19.91 16.9101 20.44 15.8501 20.44 15.0401V6.94014C20.45 5.81014 19.59 4.57014 18.54 4.17014ZM12.75 12.8701V15.5001C12.75 15.9101 12.41 16.2501 12 16.2501C11.59 16.2501 11.25 15.9101 11.25 15.5001V12.8701C10.24 12.5501 9.49999 11.6101 9.49999 10.5001C9.49999 9.12014 10.62 8.00014 12 8.00014C13.38 8.00014 14.5 9.12014 14.5 10.5001C14.5 11.6201 13.76 12.5501 12.75 12.8701Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/shield-slash.svg b/public/images/icons/vuesax/bold/shield-slash.svg
new file mode 100644
index 0000000..49f055d
--- /dev/null
+++ b/public/images/icons/vuesax/bold/shield-slash.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="M19.36 4.63984L5.82999 18.1698L4.72999 17.3498C4.07999 16.8598 3.54999 15.7998 3.54999 14.9798V6.88984C3.54999 5.75984 4.40999 4.51984 5.45999 4.11984L10.96 2.05984C11.53 1.84984 12.47 1.84984 13.04 2.05984L18.54 4.11984C18.83 4.22984 19.11 4.40984 19.36 4.63984Z" fill="#292D32"/>
+<path d="M20.45 14.9798C20.45 15.7998 19.92 16.8598 19.27 17.3498L13.77 21.4598C12.79 22.1798 11.21 22.1798 10.23 21.4598L8.46999 20.1498C7.97999 19.7898 7.92999 19.0698 8.35999 18.6398L18.74 8.25983C19.37 7.62983 20.45 8.07983 20.45 8.96983V14.9798Z" fill="#292D32"/>
+<path d="M21.77 2.22988C21.47 1.92988 20.98 1.92988 20.68 2.22988L2.23 20.6899C1.93 20.9899 1.93 21.4799 2.23 21.7799C2.38 21.9199 2.57 21.9999 2.77 21.9999C2.97 21.9999 3.16 21.9199 3.31 21.7699L21.77 3.30988C22.08 3.00988 22.08 2.52988 21.77 2.22988Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/shield-tick.svg b/public/images/icons/vuesax/bold/shield-tick.svg
new file mode 100644
index 0000000..b048de6
--- /dev/null
+++ b/public/images/icons/vuesax/bold/shield-tick.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.54 4.11984L13.04 2.05984C12.47 1.84984 11.54 1.84984 10.97 2.05984L5.47005 4.11984C4.41005 4.51984 3.55005 5.75984 3.55005 6.88984V14.9898C3.55005 15.7998 4.08005 16.8698 4.73005 17.3498L10.23 21.4598C11.2 22.1898 12.79 22.1898 13.76 21.4598L19.26 17.3498C19.91 16.8598 20.4401 15.7998 20.4401 14.9898V6.88984C20.4501 5.75984 19.59 4.51984 18.54 4.11984ZM15.48 9.71984L11.18 14.0198C11.03 14.1698 10.84 14.2398 10.65 14.2398C10.46 14.2398 10.27 14.1698 10.12 14.0198L8.52005 12.3998C8.23005 12.1098 8.23005 11.6298 8.52005 11.3398C8.81005 11.0498 9.29005 11.0498 9.58005 11.3398L10.66 12.4198L14.43 8.64984C14.72 8.35984 15.2 8.35984 15.49 8.64984C15.78 8.93984 15.78 9.42984 15.48 9.71984Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/ship.svg b/public/images/icons/vuesax/bold/ship.svg
new file mode 100644
index 0000000..b740975
--- /dev/null
+++ b/public/images/icons/vuesax/bold/ship.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="M21.63 14.6598L21.22 16.5198C20.51 19.7198 18 21.9998 14.38 21.9998H9.61998C5.99998 21.9998 3.48998 19.7198 2.77998 16.5198L2.36998 14.6598C2.16998 13.7498 2.70998 12.7198 3.57998 12.3698L4.99998 11.7998L10.51 9.5898C10.99 9.3998 11.5 9.2998 12 9.2998C12.5 9.2998 13.01 9.3998 13.49 9.5898L19 11.7998L20.42 12.3698C21.29 12.7198 21.83 13.7498 21.63 14.6598Z" fill="#292D32"/>
+<path d="M19 8V9.44C19 9.79 18.64 10.04 18.31 9.9L14.04 8.19C12.73 7.68 11.27 7.68 9.95 8.2L5.69 9.91C5.36 10.05 5 9.8 5 9.45V8C5 6.35 6.35 5 8 5H16C17.65 5 19 6.35 19 8Z" fill="#292D32"/>
+<path d="M14.5 5H9.5V3C9.5 2.45 9.95 2 10.5 2H13.5C14.05 2 14.5 2.45 14.5 3V5Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/shop-add.svg b/public/images/icons/vuesax/bold/shop-add.svg
new file mode 100644
index 0000000..3d1af70
--- /dev/null
+++ b/public/images/icons/vuesax/bold/shop-add.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.79999 22.1502C5.14999 22.1502 2.98999 20.0002 2.98999 17.3402V14.5002C2.98999 13.8302 3.64999 13.3802 4.27999 13.6002C4.53999 13.6902 4.79999 13.7502 5.06999 13.7902C5.18999 13.8102 5.30999 13.8302 5.42999 13.8302C5.57999 13.8502 5.73999 13.8602 5.88999 13.8602C6.99999 13.8602 8.09999 13.4502 8.96999 12.7402C9.79999 13.4502 10.87 13.8602 12.01 13.8602C13.15 13.8602 14.21 13.4702 15.04 12.7502C15.9 13.4502 16.98 13.8602 18.08 13.8602C18.25 13.8602 18.43 13.8502 18.59 13.8302C18.71 13.8202 18.81 13.8102 18.92 13.7902C19.22 13.7502 19.49 13.6702 19.76 13.5802C20.38 13.3702 21.03 13.8302 21.03 14.4802V17.3402C21.03 19.9902 18.88 22.1502 16.22 22.1502H7.79999Z" fill="#292D32"/>
+<path d="M21.98 8.5901L21.7 5.9301C21.3 3.0301 19.98 1.8501 17.16 1.8501H14.9H13.48H10.56H9.13H6.82C4.00001 1.8501 2.69 3.0301 2.28 5.9601L2.02 8.6001C1.92 9.6301 2.2 10.6301 2.81 11.4101C3.54 12.3601 4.66 12.9001 5.91 12.9001C7.12 12.9001 8.28 12.2901 9.01 11.3201C9.66001 12.2901 10.78 12.9001 12.02 12.9001C13.26 12.9001 14.35 12.3201 15.01 11.3601C15.75 12.3101 16.89 12.9001 18.09 12.9001C19.37 12.9001 20.52 12.3301 21.24 11.3301C21.82 10.5601 22.08 9.5901 21.98 8.5901ZM13.5 7.7301H12.75V8.5101C12.75 8.9301 12.41 9.2601 12 9.2601C11.59 9.2601 11.25 8.9301 11.25 8.5101V7.7301H10.5C10.09 7.7301 9.75 7.4001 9.75 6.9801C9.75 6.5701 10.09 6.2301 10.5 6.2301H11.25V5.5201C11.25 5.1101 11.59 4.7701 12 4.7701C12.41 4.7701 12.75 5.1101 12.75 5.5201V6.2301H13.5C13.91 6.2301 14.25 6.5701 14.25 6.9801C14.25 7.4001 13.91 7.7301 13.5 7.7301Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/shop-remove.svg b/public/images/icons/vuesax/bold/shop-remove.svg
new file mode 100644
index 0000000..0903593
--- /dev/null
+++ b/public/images/icons/vuesax/bold/shop-remove.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.80001 22.1502C5.15001 22.1502 2.99001 20.0002 2.99001 17.3402V14.5002C2.99001 13.8302 3.65001 13.3802 4.28001 13.6002C4.54001 13.6902 4.80001 13.7502 5.07001 13.7902C5.19001 13.8102 5.31001 13.8302 5.43001 13.8302C5.58001 13.8502 5.74001 13.8602 5.89001 13.8602C7.00001 13.8602 8.10001 13.4502 8.97001 12.7402C9.80001 13.4502 10.87 13.8602 12.01 13.8602C13.15 13.8602 14.21 13.4702 15.04 12.7502C15.9 13.4502 16.98 13.8602 18.08 13.8602C18.25 13.8602 18.43 13.8502 18.59 13.8302C18.71 13.8202 18.81 13.8102 18.92 13.7902C19.22 13.7502 19.49 13.6702 19.76 13.5802C20.38 13.3702 21.03 13.8302 21.03 14.4802V17.3402C21.03 19.9902 18.88 22.1502 16.22 22.1502H7.80001Z" fill="#292D32"/>
+<path d="M21.98 8.5901L21.7 5.9301C21.3 3.0301 19.98 1.8501 17.17 1.8501H6.82C4.00001 1.8501 2.69 3.0301 2.28 5.9601L2.02 8.6001C1.92 9.6301 2.2 10.6301 2.81 11.4101C3.54 12.3601 4.66 12.9001 5.91 12.9001C7.12 12.9001 8.28001 12.2901 9.02001 11.3201C9.67001 12.2901 10.78 12.9001 12.02 12.9001C13.26 12.9001 14.35 12.3201 15.01 11.3601C15.75 12.3101 16.9 12.9001 18.09 12.9001C19.37 12.9001 20.52 12.3301 21.24 11.3301C21.82 10.5601 22.08 9.5901 21.98 8.5901ZM13.5 7.7301H10.5C10.09 7.7301 9.75 7.4001 9.75 6.9801C9.75 6.5701 10.09 6.2301 10.5 6.2301H13.5C13.91 6.2301 14.25 6.5701 14.25 6.9801C14.25 7.4001 13.91 7.7301 13.5 7.7301Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/shop.svg b/public/images/icons/vuesax/bold/shop.svg
new file mode 100644
index 0000000..adcccb4
--- /dev/null
+++ b/public/images/icons/vuesax/bold/shop.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="M22.36 8.27L22.07 5.5C21.65 2.48 20.28 1.25 17.35 1.25H14.99H13.51H10.47H8.99H6.59C3.65 1.25 2.29 2.48 1.86 5.53L1.59 8.28C1.49 9.35 1.78 10.39 2.41 11.2C3.17 12.19 4.34 12.75 5.64 12.75C6.9 12.75 8.11 12.12 8.87 11.11C9.55 12.12 10.71 12.75 12 12.75C13.29 12.75 14.42 12.15 15.11 11.15C15.88 12.14 17.07 12.75 18.31 12.75C19.64 12.75 20.84 12.16 21.59 11.12C22.19 10.32 22.46 9.31 22.36 8.27Z" fill="#292D32"/>
+<path d="M11.35 16.6602C10.08 16.7902 9.12 17.8702 9.12 19.1502V21.8902C9.12 22.1602 9.33999 22.3802 9.60999 22.3802H14.38C14.65 22.3802 14.87 22.1602 14.87 21.8902V19.5002C14.88 17.4102 13.65 16.4202 11.35 16.6602Z" fill="#292D32"/>
+<path d="M21.37 14.4001V17.3801C21.37 20.1401 19.13 22.3801 16.37 22.3801C16.1 22.3801 15.88 22.1601 15.88 21.8901V19.5001C15.88 18.2201 15.49 17.2201 14.73 16.5401C14.06 15.9301 13.15 15.6301 12.02 15.6301C11.77 15.6301 11.52 15.6401 11.25 15.6701C9.47001 15.8501 8.12 17.3501 8.12 19.1501V21.8901C8.12 22.1601 7.9 22.3801 7.63 22.3801C4.87 22.3801 2.63 20.1401 2.63 17.3801V14.4201C2.63 13.7201 3.32 13.2501 3.97 13.4801C4.24 13.5701 4.51 13.6401 4.79 13.6801C4.91 13.7001 5.04 13.7201 5.16 13.7201C5.32 13.7401 5.48 13.7501 5.64 13.7501C6.8 13.7501 7.94 13.3201 8.84 12.5801C9.70001 13.3201 10.82 13.7501 12 13.7501C13.19 13.7501 14.29 13.3401 15.15 12.6001C16.05 13.3301 17.17 13.7501 18.31 13.7501C18.49 13.7501 18.67 13.7401 18.84 13.7201C18.96 13.7101 19.07 13.7001 19.18 13.6801C19.49 13.6401 19.77 13.5501 20.05 13.4601C20.7 13.2401 21.37 13.7201 21.37 14.4001Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/shopping-bag.svg b/public/images/icons/vuesax/bold/shopping-bag.svg
new file mode 100644
index 0000000..8b28c3c
--- /dev/null
+++ b/public/images/icons/vuesax/bold/shopping-bag.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 8.75C15.59 8.75 15.25 8.41 15.25 8V4.5C15.25 3.42 14.58 2.75 13.5 2.75H10.5C9.42 2.75 8.75 3.42 8.75 4.5V8C8.75 8.41 8.41 8.75 8 8.75C7.59 8.75 7.25 8.41 7.25 8V4.5C7.25 2.59 8.59 1.25 10.5 1.25H13.5C15.41 1.25 16.75 2.59 16.75 4.5V8C16.75 8.41 16.41 8.75 16 8.75Z" fill="#292D32"/>
+<path d="M8 17.78C7.59 17.78 7.25 17.44 7.25 17.03C7.25 16.61 7.59 16.28 8 16.28H19.76C20.06 16.28 20.29 16.02 20.26 15.72L19.58 10.03C19.34 8.09 19 6.5 15.6 6.5H8.4C5 6.5 4.66 8.09 4.43 10.03L3.53 17.53C3.24 19.99 4 22 7.51 22H16.49C19.65 22 20.58 20.37 20.53 18.25C20.52 17.98 20.3 17.78 20.03 17.78H8Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/shopping-cart.svg b/public/images/icons/vuesax/bold/shopping-cart.svg
new file mode 100644
index 0000000..0b22a8c
--- /dev/null
+++ b/public/images/icons/vuesax/bold/shopping-cart.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="M16.25 22.5C17.2165 22.5 18 21.7165 18 20.75C18 19.7835 17.2165 19 16.25 19C15.2835 19 14.5 19.7835 14.5 20.75C14.5 21.7165 15.2835 22.5 16.25 22.5Z" fill="#292D32"/>
+<path d="M8.25 22.5C9.2165 22.5 10 21.7165 10 20.75C10 19.7835 9.2165 19 8.25 19C7.2835 19 6.5 19.7835 6.5 20.75C6.5 21.7165 7.2835 22.5 8.25 22.5Z" fill="#292D32"/>
+<path d="M4.84 3.94L4.64 6.39C4.6 6.86 4.97 7.25 5.44 7.25H20.75C21.17 7.25 21.52 6.93 21.55 6.51C21.68 4.74 20.33 3.3 18.56 3.3H6.27C6.17 2.86 5.97 2.44 5.66 2.09C5.16 1.56 4.46 1.25 3.74 1.25H2C1.59 1.25 1.25 1.59 1.25 2C1.25 2.41 1.59 2.75 2 2.75H3.74C4.05 2.75 4.34 2.88 4.55 3.1C4.76 3.33 4.86 3.63 4.84 3.94Z" fill="#292D32"/>
+<path d="M20.51 8.75H5.16999C4.74999 8.75 4.40999 9.07 4.36999 9.48L4.00999 13.83C3.86999 15.54 5.20999 17 6.91999 17H18.04C19.54 17 20.86 15.77 20.97 14.27L21.3 9.6C21.34 9.14 20.98 8.75 20.51 8.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/shuffle.svg b/public/images/icons/vuesax/bold/shuffle.svg
new file mode 100644
index 0000000..80e504d
--- /dev/null
+++ b/public/images/icons/vuesax/bold/shuffle.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="M21.75 17.9799C21.75 17.9599 21.74 17.9399 21.74 17.9199C21.73 17.8399 21.72 17.7599 21.69 17.6899C21.65 17.5999 21.6 17.5299 21.54 17.4599C21.54 17.4599 21.54 17.4499 21.53 17.4499C21.46 17.3799 21.38 17.3299 21.29 17.2899C21.2 17.2499 21.1 17.2299 21 17.2299L16.33 17.2499C16.33 17.2499 16.33 17.2499 16.32 17.2499C15.72 17.2499 15.14 16.9699 14.78 16.4899L13.56 14.9199C13.31 14.5899 12.84 14.5299 12.51 14.7899C12.18 15.0499 12.12 15.5099 12.38 15.8399L13.6 17.4099C14.25 18.2499 15.27 18.7499 16.33 18.7499H16.34L19.19 18.7399L18.48 19.4499C18.19 19.7399 18.19 20.2199 18.48 20.5099C18.63 20.6599 18.82 20.7299 19.01 20.7299C19.2 20.7299 19.39 20.6599 19.54 20.5099L21.54 18.5099C21.61 18.4399 21.66 18.3599 21.7 18.2699C21.73 18.1699 21.75 18.0699 21.75 17.9799Z" fill="#292D32"/>
+<path d="M8.42 6.68977C7.77 5.78977 6.73 5.25977 5.62 5.25977C5.61 5.25977 5.61 5.25977 5.6 5.25977L3 5.26977C2.59 5.26977 2.25 5.60977 2.25 6.01977C2.25 6.42977 2.59 6.76977 3 6.76977L5.61 6.75977H5.62C6.25 6.75977 6.84 7.05977 7.2 7.56977L8.28 9.06977C8.43 9.26976 8.66 9.37977 8.89 9.37977C9.04 9.37977 9.2 9.32977 9.33 9.23977C9.67 8.98977 9.74 8.51976 9.5 8.18976L8.42 6.68977Z" fill="#292D32"/>
+<path d="M21.74 6.08021C21.74 6.06021 21.75 6.04022 21.75 6.03022C21.75 5.93022 21.73 5.83021 21.69 5.74021C21.65 5.65021 21.6 5.57021 21.53 5.50021L19.53 3.50021C19.24 3.21021 18.76 3.21021 18.47 3.50021C18.18 3.79021 18.18 4.27021 18.47 4.56021L19.18 5.27021L16.45 5.26022C16.44 5.26022 16.44 5.26022 16.43 5.26022C15.28 5.26022 14.2 5.83021 13.56 6.80022L7.17 16.3802C6.81 16.9202 6.2 17.2502 5.55 17.2502H5.54L3 17.2302C2.59 17.2302 2.25 17.5602 2.25 17.9802C2.25 18.3902 2.58 18.7302 3 18.7302L5.55 18.7402C5.56 18.7402 5.56 18.7402 5.57 18.7402C6.73 18.7402 7.8 18.1702 8.44 17.2002L14.83 7.62021C15.19 7.08021 15.8 6.75021 16.45 6.75021H16.46L21 6.77021C21.1 6.77021 21.19 6.75021 21.29 6.71021C21.38 6.67021 21.46 6.62021 21.53 6.55022C21.53 6.55022 21.53 6.54021 21.54 6.54021C21.6 6.47021 21.66 6.40021 21.69 6.31021C21.72 6.24021 21.73 6.16021 21.74 6.08021Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/siacoin-(sc).svg b/public/images/icons/vuesax/bold/siacoin-(sc).svg
new file mode 100644
index 0000000..036abdf
--- /dev/null
+++ b/public/images/icons/vuesax/bold/siacoin-(sc).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 22.75C6.07 22.75 1.25 17.93 1.25 12C1.25 10.51 1.55001 9.08 2.14001 7.72C2.31001 7.34 2.75 7.17 3.13 7.33C3.51 7.5 3.68002 7.94001 3.52002 8.32001C3.02002 9.48001 2.76001 10.72 2.76001 12C2.76001 17.1 6.91001 21.25 12.01 21.25C17.11 21.25 21.26 17.1 21.26 12C21.26 6.9 17.11 2.75 12.01 2.75C10.72 2.75 9.45998 3.01 8.28998 3.53C7.91998 3.7 7.46999 3.52999 7.29999 3.14999C7.12999 2.76999 7.29999 2.33 7.67999 2.16C9.04999 1.56 10.5 1.25 12.01 1.25C17.94 1.25 22.76 6.07 22.76 12C22.76 17.93 17.93 22.75 12 22.75Z" fill="black"/>
+<path d="M16 15.25V12C16 9.65 14.1 7.75 11.75 7.75C9.4 7.75 7.5 9.65 7.5 12C7.5 14.35 9.4 16.25 11.75 16.25H15C15.55 16.25 16 15.8 16 15.25Z" fill="black"/>
+<path d="M5.00012 6.88013C6.03842 6.88013 6.88013 6.03842 6.88013 5.00012C6.88013 3.96183 6.03842 3.12012 5.00012 3.12012C3.96183 3.12012 3.12012 3.96183 3.12012 5.00012C3.12012 6.03842 3.96183 6.88013 5.00012 6.88013Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/sidebar-bottom.svg b/public/images/icons/vuesax/bold/sidebar-bottom.svg
new file mode 100644
index 0000000..0ca95d2
--- /dev/null
+++ b/public/images/icons/vuesax/bold/sidebar-bottom.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="M3.05002 19.8698C3.34002 20.2898 3.71002 20.6598 4.13002 20.9498C5.08002 21.6398 6.32002 21.9998 7.81002 21.9998H16.19C19.63 21.9998 21.76 20.0598 21.97 16.7798H2.02002C2.10002 18.0098 2.45002 19.0498 3.05002 19.8698Z" fill="#292D32"/>
+<path d="M20.95 4.13C20.66 3.71 20.29 3.34 19.87 3.05C18.92 2.36 17.68 2 16.19 2H7.81C4.17 2 2 4.17 2 7.81V15.28H22V7.81C22 6.32 21.64 5.08 20.95 4.13ZM15.09 9.56L12.53 12.12C12.24 12.41 11.76 12.41 11.47 12.12L8.91 9.56C8.76 9.41 8.69 9.22 8.69 9.03C8.69 8.84 8.76 8.64 8.91 8.5C9.2 8.2 9.68 8.2 9.97 8.5L12 10.52L14.03 8.49C14.32 8.2 14.8 8.2 15.09 8.49C15.38 8.78 15.38 9.26 15.09 9.56Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/sidebar-left.svg b/public/images/icons/vuesax/bold/sidebar-left.svg
new file mode 100644
index 0000000..e91a523
--- /dev/null
+++ b/public/images/icons/vuesax/bold/sidebar-left.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="M2 7.80978V16.1898C2 17.6798 2.36 18.9198 3.05 19.8698C3.34 20.2898 3.71 20.6598 4.13 20.9498C4.95 21.5498 5.99 21.8998 7.22 21.9798V2.02979C3.94 2.23979 2 4.36978 2 7.80978Z" fill="#292D32"/>
+<path d="M20.95 4.13C20.66 3.71 20.29 3.34 19.87 3.05C18.92 2.36 17.68 2 16.19 2H8.71997V22H16.19C19.83 22 22 19.83 22 16.19V7.81C22 6.32 21.64 5.08 20.95 4.13ZM15.5 14.03C15.79 14.32 15.79 14.8 15.5 15.09C15.35 15.24 15.16 15.31 14.97 15.31C14.78 15.31 14.59 15.24 14.44 15.09L11.88 12.53C11.59 12.24 11.59 11.76 11.88 11.47L14.44 8.91C14.73 8.62 15.21 8.62 15.5 8.91C15.79 9.2 15.79 9.68 15.5 9.97L13.48 12L15.5 14.03Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/sidebar-right.svg b/public/images/icons/vuesax/bold/sidebar-right.svg
new file mode 100644
index 0000000..11b1d07
--- /dev/null
+++ b/public/images/icons/vuesax/bold/sidebar-right.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.81 2C6.32 2 5.08 2.36 4.13 3.05C3.71 3.34 3.34 3.71 3.05 4.13C2.36 5.08 2 6.32 2 7.81V16.19C2 19.83 4.17 22 7.81 22H15.28V2H7.81ZM12.12 12.53L9.56 15.09C9.41 15.24 9.22 15.31 9.03 15.31C8.84 15.31 8.65 15.24 8.5 15.09C8.21 14.8 8.21 14.32 8.5 14.03L10.52 12L8.5 9.97C8.2 9.68 8.2 9.2 8.5 8.91C8.8 8.62 9.27 8.62 9.56 8.91L12.12 11.47C12.41 11.76 12.41 12.24 12.12 12.53Z" fill="#292D32"/>
+<path d="M16.78 2.02979V21.9798C18.01 21.8998 19.05 21.5498 19.87 20.9498C20.29 20.6598 20.66 20.2898 20.95 19.8698C21.64 18.9198 22 17.6798 22 16.1898V7.80978C22 4.36978 20.06 2.23979 16.78 2.02979Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/sidebar-top.svg b/public/images/icons/vuesax/bold/sidebar-top.svg
new file mode 100644
index 0000000..d45d030
--- /dev/null
+++ b/public/images/icons/vuesax/bold/sidebar-top.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="M20.95 4.13C20.66 3.71 20.29 3.34 19.87 3.05C18.92 2.36 17.68 2 16.19 2H7.81003C4.37003 2 2.24003 3.94 2.03003 7.22H21.98C21.9 5.99 21.55 4.95 20.95 4.13Z" fill="#292D32"/>
+<path d="M2 16.1902C2 17.6802 2.36 18.9202 3.05 19.8702C3.34 20.2902 3.71 20.6602 4.13 20.9502C5.08 21.6402 6.32 22.0002 7.81 22.0002H16.19C19.83 22.0002 22 19.8302 22 16.1902V8.72021H2V16.1902ZM8.91 14.4402L11.47 11.8802C11.76 11.5902 12.24 11.5902 12.53 11.8802L15.09 14.4402C15.24 14.5902 15.31 14.7802 15.31 14.9702C15.31 15.1602 15.24 15.3502 15.09 15.5002C14.8 15.7902 14.32 15.7902 14.03 15.5002L12 13.4802L9.97 15.5002C9.68 15.7902 9.2 15.7902 8.91 15.5002C8.62 15.2102 8.62 14.7402 8.91 14.4402Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/signpost.svg b/public/images/icons/vuesax/bold/signpost.svg
new file mode 100644
index 0000000..aa0d6dc
--- /dev/null
+++ b/public/images/icons/vuesax/bold/signpost.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.34 14.13L16.16 12.38C15.85 12.14 15.46 12 15.06 12H12.75V9H17.22C18.19 9 18.97 8.22 18.97 7.25V3.75C18.97 2.78 18.19 2 17.22 2H8.96003C8.57003 2 8.18003 2.14 7.87003 2.38L5.68003 4.13C4.81003 4.83 4.81003 6.17 5.68003 6.87L7.87003 8.62C8.18003 8.86 8.57003 9 8.96003 9H11.25V12H6.80003C5.83003 12 5.05003 12.78 5.05003 13.75V17.25C5.05003 18.22 5.83003 19 6.80003 19H11.25V21.25H9.00003C8.59003 21.25 8.25003 21.59 8.25003 22C8.25003 22.41 8.59003 22.75 9.00003 22.75H15C15.41 22.75 15.75 22.41 15.75 22C15.75 21.59 15.41 21.25 15 21.25H12.75V19H15.06C15.46 19 15.85 18.86 16.16 18.62L18.34 16.87C19.22 16.17 19.22 14.83 18.34 14.13Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/simcard-1.svg b/public/images/icons/vuesax/bold/simcard-1.svg
new file mode 100644
index 0000000..3ffbcec
--- /dev/null
+++ b/public/images/icons/vuesax/bold/simcard-1.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="M19.54 6.54L16.47 3.47C15.53 2.53 14.26 2 12.93 2H8C5 2 3 4 3 7V17C3 20 5 22 8 22H16C19 22 21 20 21 17V10.07C21 8.74 20.47 7.47 19.54 6.54ZM11.5 18C11.5 18.2761 11.2761 18.5 11 18.5H10C8.35 18.5 7 17.15 7 15.5V15C7 14.7239 7.22386 14.5 7.5 14.5H11.25C11.39 14.5 11.5 14.61 11.5 14.75V18ZM11.5 13.25C11.5 13.39 11.39 13.5 11.25 13.5H7.5C7.22386 13.5 7 13.2761 7 13V12.5C7 10.85 8.35 9.5 10 9.5H11C11.2761 9.5 11.5 9.72386 11.5 10V13.25ZM17 15.5C17 17.15 15.65 18.5 14 18.5H13C12.7239 18.5 12.5 18.2761 12.5 18V14.75C12.5 14.61 12.61 14.5 12.75 14.5H16.5C16.7761 14.5 17 14.7239 17 15V15.5ZM17 13C17 13.2761 16.7761 13.5 16.5 13.5H12.75C12.61 13.5 12.5 13.39 12.5 13.25V10C12.5 9.72386 12.7239 9.5 13 9.5H14C15.65 9.5 17 10.85 17 12.5V13Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/simcard-2.svg b/public/images/icons/vuesax/bold/simcard-2.svg
new file mode 100644
index 0000000..d044216
--- /dev/null
+++ b/public/images/icons/vuesax/bold/simcard-2.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.6899V18.0799C16 20.4199 14.44 21.9699 12.11 21.9699H5.89C3.56 21.9699 2 20.4199 2 18.0799V10.3099C2 7.96992 3.56 6.41992 5.89 6.41992H9.72C10.75 6.41992 11.74 6.82992 12.47 7.55992L14.86 9.93992C15.59 10.6699 16 11.6599 16 12.6899Z" fill="#292D32"/>
+<path d="M22 8.25021V13.6402C22 15.9702 20.44 17.5302 18.11 17.5302H17V12.6902C17 11.4002 16.48 10.1402 15.57 9.23021L13.18 6.85021C12.27 5.94021 11.01 5.42021 9.72002 5.42021H8.02002C8.20002 3.34021 9.71002 1.97021 11.89 1.97021H15.72C16.75 1.97021 17.74 2.38021 18.47 3.11021L20.86 5.50021C21.59 6.23022 22 7.22021 22 8.25021Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/simcard.svg b/public/images/icons/vuesax/bold/simcard.svg
new file mode 100644
index 0000000..c42a785
--- /dev/null
+++ b/public/images/icons/vuesax/bold/simcard.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="M19.54 6.54L16.47 3.47C15.53 2.53 14.26 2 12.93 2H8C5 2 3 4 3 7V17C3 20 5 22 8 22H16C19 22 21 20 21 17V10.07C21 8.74 20.47 7.47 19.54 6.54ZM10.03 17.47C10.32 17.76 10.32 18.24 10.03 18.53C9.88 18.68 9.69 18.75 9.5 18.75C9.31 18.75 9.12 18.68 8.97 18.53L6.97 16.53C6.68 16.24 6.68 15.76 6.97 15.47L8.97 13.47C9.26 13.18 9.74 13.18 10.03 13.47C10.32 13.76 10.32 14.24 10.03 14.53L8.56 16L10.03 17.47ZM17.03 16.53L15.03 18.53C14.88 18.68 14.69 18.75 14.5 18.75C14.31 18.75 14.12 18.68 13.97 18.53C13.68 18.24 13.68 17.76 13.97 17.47L15.44 16L13.97 14.53C13.68 14.24 13.68 13.76 13.97 13.47C14.26 13.18 14.74 13.18 15.03 13.47L17.03 15.47C17.32 15.76 17.32 16.24 17.03 16.53Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/size.svg b/public/images/icons/vuesax/bold/size.svg
new file mode 100644
index 0000000..6620282
--- /dev/null
+++ b/public/images/icons/vuesax/bold/size.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="M21.97 5.5V9.5C21.97 11.2615 20.6705 12.7232 18.9685 12.9649C18.6951 13.0038 18.47 12.7761 18.47 12.5V12.25C18.47 8.53 15.45 5.5 11.72 5.5H11.47C11.1939 5.5 10.9662 5.27486 11.0054 5.0015C11.2481 3.30678 12.7092 2 14.47 2H18.47C20.41 2 21.97 3.57 21.97 5.5Z" fill="#292D32"/>
+<path d="M11.72 7H10.97H6.97C4.21 7 1.97 9.24 1.97 12V17C1.97 19.76 4.21 22 6.97 22H11.97C14.73 22 16.97 19.76 16.97 17V13V12.25C16.97 9.35 14.62 7 11.72 7Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/slack.svg b/public/images/icons/vuesax/bold/slack.svg
new file mode 100644
index 0000000..5a9f9d4
--- /dev/null
+++ b/public/images/icons/vuesax/bold/slack.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="M14.5401 1.87988C13.3101 1.87988 12.3101 2.87986 12.3101 4.10986V8.74988C12.3101 9.97988 13.3101 10.9799 14.5401 10.9799C15.7701 10.9799 16.7701 9.97988 16.7701 8.74988V4.10986C16.7701 2.88986 15.7701 1.87988 14.5401 1.87988Z" fill="black"/>
+<path d="M20.18 7.10986C19.11 7.10986 18.24 7.97987 18.24 9.04987V10.6199C18.24 10.8299 18.41 10.9999 18.62 10.9999H20.19C21.26 10.9999 22.13 10.1299 22.13 9.05988C22.13 7.98988 21.25 7.10986 20.18 7.10986Z" fill="black"/>
+<path d="M8.49988 6.99023H3.85988C2.62988 6.99023 1.62988 7.99025 1.62988 9.22025C1.62988 10.4502 2.62988 11.4503 3.85988 11.4503H8.49988C9.72988 11.4503 10.7299 10.4502 10.7299 9.22025C10.7299 7.99025 9.72988 6.99023 8.49988 6.99023Z" fill="black"/>
+<path d="M8.79008 1.62012C7.72008 1.62012 6.8501 2.49012 6.8501 3.56012C6.8501 4.63012 7.72008 5.50012 8.79008 5.50012H10.3601C10.5701 5.50012 10.7401 5.33012 10.7401 5.12012V3.55011C10.7301 2.50011 9.86009 1.62012 8.79008 1.62012Z" fill="black"/>
+<path d="M9.42995 13.0298C8.19995 13.0298 7.19995 14.0298 7.19995 15.2598V19.8998C7.19995 21.1298 8.19995 22.1298 9.42995 22.1298C10.6599 22.1298 11.66 21.1298 11.66 19.8998V15.2598C11.66 14.0298 10.6599 13.0298 9.42995 13.0298Z" fill="black"/>
+<path d="M5.36009 13.0298H3.79008C2.72008 13.0298 1.8501 13.8998 1.8501 14.9698C1.8501 16.0398 2.72008 16.9098 3.79008 16.9098C4.86009 16.9098 5.73009 16.0398 5.73009 14.9698V13.3998C5.73009 13.1998 5.56009 13.0298 5.36009 13.0298Z" fill="black"/>
+<path d="M20.11 12.5698H15.47C14.24 12.5698 13.24 13.5698 13.24 14.7998C13.24 16.0298 14.24 17.0298 15.47 17.0298H20.11C21.34 17.0298 22.34 16.0298 22.34 14.7998C22.34 13.5698 21.34 12.5698 20.11 12.5698Z" fill="black"/>
+<path d="M15.18 18.4702H13.61C13.4 18.4702 13.23 18.6402 13.23 18.8502V20.4202C13.23 21.4902 14.1 22.3602 15.17 22.3602C16.24 22.3602 17.11 21.4902 17.11 20.4202C17.12 19.3402 16.25 18.4702 15.18 18.4702Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/slash.svg b/public/images/icons/vuesax/bold/slash.svg
new file mode 100644
index 0000000..f88ca58
--- /dev/null
+++ b/public/images/icons/vuesax/bold/slash.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="M19.53 5.53L5.53 19.53C5.51 19.55 5.5 19.56 5.48 19.57C5.1 19.25 4.75 18.9 4.43 18.52C2.91 16.77 2 14.49 2 12C2 6.48 6.48 2 12 2C14.49 2 16.77 2.91 18.52 4.43C18.9 4.75 19.25 5.1 19.57 5.48C19.56 5.5 19.55 5.51 19.53 5.53Z" fill="#292D32"/>
+<path d="M22 11.9999C22 17.4899 17.49 21.9999 12 21.9999C10.5 21.9999 9.07998 21.6699 7.79998 21.0699C7.17998 20.7799 7.05998 19.9499 7.53998 19.4599L19.46 7.53986C19.94 7.05986 20.78 7.17986 21.07 7.79986C21.67 9.06986 22 10.4999 22 11.9999Z" fill="#292D32"/>
+<path d="M21.77 2.22988C21.47 1.92988 20.98 1.92988 20.68 2.22988L2.23 20.6899C1.93 20.9899 1.93 21.4799 2.23 21.7799C2.38 21.9199 2.57 21.9999 2.77 21.9999C2.97 21.9999 3.16 21.9199 3.31 21.7699L21.77 3.30988C22.08 3.00988 22.08 2.52988 21.77 2.22988Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/slider-horizontal-1.svg b/public/images/icons/vuesax/bold/slider-horizontal-1.svg
new file mode 100644
index 0000000..420a58e
--- /dev/null
+++ b/public/images/icons/vuesax/bold/slider-horizontal-1.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="M3.5 5.06006V18.9401C3.5 19.3501 3.16 19.6901 2.75 19.6901C2.34 19.6901 2 19.3501 2 18.9401V5.06006C2 4.65006 2.34 4.31006 2.75 4.31006C3.16 4.31006 3.5 4.65006 3.5 5.06006Z" fill="#292D32"/>
+<path d="M22 5.06006V18.9401C22 19.3501 21.66 19.6901 21.25 19.6901C20.84 19.6901 20.5 19.3501 20.5 18.9401V5.06006C20.5 4.65006 20.84 4.31006 21.25 4.31006C21.66 4.31006 22 4.65006 22 5.06006Z" fill="#292D32"/>
+<path d="M8 21.25H16C17.66 21.25 19 19.91 19 18.25V5.75C19 4.09 17.66 2.75 16 2.75H8C6.34 2.75 5 4.09 5 5.75V18.25C5 19.91 6.34 21.25 8 21.25Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/slider-horizontal.svg b/public/images/icons/vuesax/bold/slider-horizontal.svg
new file mode 100644
index 0000000..b289ef3
--- /dev/null
+++ b/public/images/icons/vuesax/bold/slider-horizontal.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 22H15C16.66 22 18 20.66 18 19V5C18 3.34 16.66 2 15 2H9C7.34 2 6 3.34 6 5V19C6 20.66 7.34 22 9 22Z" fill="#292D32"/>
+<path d="M4.5 5.93021V18.0702C4.5 18.3902 4.21 18.6202 3.9 18.5602C2.42 18.2902 2 17.4302 2 15.3302V8.67021C2 6.57021 2.42 5.71021 3.9 5.44021C4.21 5.38021 4.5 5.61021 4.5 5.93021Z" fill="#292D32"/>
+<path d="M22 8.67021V15.3302C22 17.4302 21.58 18.2902 20.1 18.5602C19.79 18.6202 19.5 18.3802 19.5 18.0702V5.93021C19.5 5.61021 19.79 5.38021 20.1 5.44021C21.58 5.71021 22 6.57021 22 8.67021Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/slider-vertical-1.svg b/public/images/icons/vuesax/bold/slider-vertical-1.svg
new file mode 100644
index 0000000..1823625
--- /dev/null
+++ b/public/images/icons/vuesax/bold/slider-vertical-1.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="M18.94 3.5H5.06C4.65 3.5 4.31 3.16 4.31 2.75C4.31 2.34 4.65 2 5.06 2H18.94C19.35 2 19.69 2.34 19.69 2.75C19.69 3.16 19.35 3.5 18.94 3.5Z" fill="#292D32"/>
+<path d="M18.94 22H5.06C4.65 22 4.31 21.66 4.31 21.25C4.31 20.84 4.65 20.5 5.06 20.5H18.94C19.35 20.5 19.69 20.84 19.69 21.25C19.69 21.66 19.35 22 18.94 22Z" fill="#292D32"/>
+<path d="M2.75 8V16C2.75 17.66 4.09 19 5.75 19H18.25C19.91 19 21.25 17.66 21.25 16V8C21.25 6.34 19.91 5 18.25 5H5.75C4.09 5 2.75 6.34 2.75 8Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/slider-vertical.svg b/public/images/icons/vuesax/bold/slider-vertical.svg
new file mode 100644
index 0000000..33022c0
--- /dev/null
+++ b/public/images/icons/vuesax/bold/slider-vertical.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="M22 15V9C22 7.34 20.66 6 19 6H5C3.34 6 2 7.34 2 9V15C2 16.66 3.34 18 5 18H19C20.66 18 22 16.66 22 15Z" fill="#292D32"/>
+<path d="M5.93 19.5H18.07C18.39 19.5 18.62 19.79 18.56 20.1C18.29 21.58 17.42 22 15.33 22H8.67C6.57 22 5.71 21.58 5.44 20.1C5.38 19.79 5.61 19.5 5.93 19.5Z" fill="#292D32"/>
+<path d="M8.67 2H15.33C17.43 2 18.29 2.42 18.56 3.9C18.62 4.21 18.38 4.5 18.07 4.5H5.93C5.61 4.5 5.38 4.21 5.44 3.9C5.71 2.42 6.57 2 8.67 2Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/slider.svg b/public/images/icons/vuesax/bold/slider.svg
new file mode 100644
index 0000000..31847f6
--- /dev/null
+++ b/public/images/icons/vuesax/bold/slider.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="M18 16.0098C18.55 16.0098 19 16.4598 19 17.0098V17.9998C19 20.1998 17.5 21.9998 15 21.9998H9C6.5 21.9998 5 20.1998 5 17.9998V17.0098C5 16.4598 5.45 16.0098 6 16.0098H18Z" fill="#292D32"/>
+<path d="M19 6V13.5C19 14.05 18.55 14.5 18 14.5H6C5.45 14.5 5 14.05 5 13.5V6C5 3.8 6.5 2 9 2H15C17.5 2 19 3.8 19 6Z" fill="#292D32"/>
+<path d="M3 20.75C2.59 20.75 2.25 20.41 2.25 20V4C2.25 3.59 2.59 3.25 3 3.25C3.41 3.25 3.75 3.59 3.75 4V20C3.75 20.41 3.41 20.75 3 20.75Z" fill="#292D32"/>
+<path d="M21 20.75C20.59 20.75 20.25 20.41 20.25 20V4C20.25 3.59 20.59 3.25 21 3.25C21.41 3.25 21.75 3.59 21.75 4V20C21.75 20.41 21.41 20.75 21 20.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/smallcaps.svg b/public/images/icons/vuesax/bold/smallcaps.svg
new file mode 100644
index 0000000..8bb5be6
--- /dev/null
+++ b/public/images/icons/vuesax/bold/smallcaps.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="M20.95 4.13C20.66 3.71 20.29 3.34 19.87 3.05C18.92 2.36 17.68 2 16.19 2H7.81C7.61 2 7.41 2.01 7.22 2.03C3.94 2.24 2 4.37 2 7.81V16.19C2 17.68 2.36 18.92 3.05 19.87C3.34 20.29 3.71 20.66 4.13 20.95C4.95 21.55 5.99 21.9 7.22 21.98C7.41 21.99 7.61 22 7.81 22H16.19C19.83 22 22 19.83 22 16.19V7.81C22 6.32 21.64 5.08 20.95 4.13ZM11.39 15.88H8.52C8.11 15.88 7.77 15.54 7.77 15.13C7.77 14.72 8.11 14.38 8.52 14.38H9.52V7.91H6.95C6.84 7.91 6.75 8 6.75 8.11V8.89C6.75 9.3 6.41 9.63 6 9.63C5.59 9.63 5.25 9.3 5.25 8.88V8.1C5.25 7.16 6.01 6.4 6.95 6.4H13.59C14.53 6.4 15.29 7.16 15.29 8.1V8.88C15.29 9.29 14.95 9.63 14.54 9.63C14.13 9.63 13.79 9.29 13.79 8.88V8.1C13.79 7.99 13.7 7.9 13.59 7.9H11.02V14.38H11.39C11.8 14.38 12.14 14.72 12.14 15.13C12.14 15.54 11.8 15.88 11.39 15.88ZM18.75 12.23C18.75 12.64 18.41 12.98 18 12.98C17.59 12.98 17.25 12.64 17.25 12.23V11.9H15.7V16.1H16.05C16.46 16.1 16.8 16.44 16.8 16.85C16.8 17.26 16.46 17.6 16.05 17.6H13.85C13.44 17.6 13.1 17.26 13.1 16.85C13.1 16.44 13.44 16.1 13.85 16.1H14.2V11.9H13.72C13.31 11.9 12.97 11.56 12.97 11.15C12.97 10.74 13.31 10.4 13.72 10.4H17.32C18.11 10.4 18.75 11.04 18.75 11.83V12.23Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/smart-car.svg b/public/images/icons/vuesax/bold/smart-car.svg
new file mode 100644
index 0000000..895f381
--- /dev/null
+++ b/public/images/icons/vuesax/bold/smart-car.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="M18.71 9.49C18.61 9.49 18.51 9.47001 18.41 9.43001C18.03 9.26 17.86 8.82 18.02 8.44C18.21 8.01 18.1 7.38 17.75 6.86C17.4 6.33 16.87 5.97 16.39 6C15.95 6 15.64 5.67 15.63 5.26C15.63 4.84 15.96 4.51 16.37 4.5C17.4 4.48 18.37 5.07 19 6.02C19.64 6.98 19.79 8.13 19.4 9.03C19.28 9.32 19 9.49 18.71 9.49Z" fill="#292D32"/>
+<path d="M21.82 10.4799C21.75 10.4799 21.69 10.4699 21.62 10.4499C21.22 10.3399 20.99 9.92986 21.1 9.52986C21.48 8.16986 21.16 6.54986 20.25 5.18986C19.34 3.82986 17.96 2.91986 16.55 2.74986C16.14 2.69986 15.85 2.32986 15.9 1.91986C15.95 1.50986 16.33 1.20986 16.73 1.26986C18.56 1.48986 20.34 2.64986 21.49 4.36986C22.64 6.08986 23.03 8.16986 22.54 9.94986C22.45 10.2599 22.15 10.4799 21.82 10.4799Z" fill="#292D32"/>
+<path d="M17.12 11.78C17.12 12.08 16.87 12.33 16.57 12.33H3.43C3.13 12.33 2.88 12.08 2.88 11.78C2.88 11.48 3.13 11.23 3.43 11.23H4.17L4.45 9.90996C4.71 8.62996 5.26 7.45996 7.44 7.45996H12.57C14.75 7.45996 15.29 8.63996 15.56 9.90996L15.84 11.23H16.58C16.87 11.23 17.12 11.48 17.12 11.78Z" fill="#292D32"/>
+<path d="M17.43 15.9099C17.32 14.7099 17 13.4199 14.66 13.4199H5.34005C3.00005 13.4199 2.68005 14.7099 2.57005 15.9099L2.16005 20.3599C2.11005 20.9099 2.29005 21.4699 2.67005 21.8899C3.06005 22.3099 3.60005 22.5499 4.19005 22.5499H5.56005C6.74005 22.5499 6.97005 21.8699 7.12005 21.4299L7.27005 20.9899C7.44005 20.4899 7.48005 20.3599 8.14005 20.3599H11.88C12.54 20.3599 12.56 20.4299 12.75 20.9899L12.9 21.4299C13.05 21.8799 13.27 22.5499 14.46 22.5499H15.83C16.41 22.5499 16.96 22.3099 17.35 21.8899C17.73 21.4699 17.91 20.9199 17.86 20.3599L17.43 15.9099ZM7.81005 17.4299H5.62005C5.32005 17.4299 5.07005 17.1799 5.07005 16.8799C5.07005 16.5799 5.32005 16.3299 5.62005 16.3299H7.81005C8.11005 16.3299 8.36005 16.5799 8.36005 16.8799C8.36005 17.1799 8.11005 17.4299 7.81005 17.4299ZM14.38 17.4299H12.19C11.89 17.4299 11.64 17.1799 11.64 16.8799C11.64 16.5799 11.89 16.3299 12.19 16.3299H14.38C14.68 16.3299 14.93 16.5799 14.93 16.8799C14.93 17.1799 14.68 17.4299 14.38 17.4299Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/smart-home.svg b/public/images/icons/vuesax/bold/smart-home.svg
new file mode 100644
index 0000000..340dfbf
--- /dev/null
+++ b/public/images/icons/vuesax/bold/smart-home.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="M20.86 8.55979L13.93 3.01979C12.86 2.15979 11.13 2.15979 10.07 3.00979L3.14002 8.55979C2.36002 9.17979 1.86002 10.4898 2.03002 11.4698L3.36002 19.4298C3.60002 20.8498 4.96002 21.9998 6.40002 21.9998H17.6C19.03 21.9998 20.4 20.8398 20.64 19.4298L21.97 11.4698C22.13 10.4898 21.63 9.17979 20.86 8.55979ZM9.38002 17.3798C8.82002 17.3798 8.38002 16.9298 8.38002 16.3798C8.38002 15.8298 8.83002 15.3798 9.38002 15.3798C9.93002 15.3798 10.38 15.8298 10.38 16.3798C10.38 16.9298 9.93002 17.3798 9.38002 17.3798ZM12.39 17.1198C12.38 17.1198 12.38 17.1198 12.37 17.1198C11.96 17.1198 11.63 16.7898 11.62 16.3898C11.59 15.0398 10.7 14.1498 9.35002 14.1198C8.94002 14.1098 8.61002 13.7698 8.62002 13.3498C8.63002 12.9398 8.96002 12.6198 9.37002 12.6198C9.38002 12.6198 9.38002 12.6198 9.39002 12.6198C11.54 12.6698 13.08 14.1998 13.12 16.3498C13.13 16.7698 12.81 17.1198 12.39 17.1198ZM15.38 17.1198C14.96 17.1198 14.63 16.7898 14.62 16.3798C14.61 15.7198 14.5 15.0898 14.3 14.4998C13.79 13.0398 12.7 11.9598 11.24 11.4398C10.65 11.2298 10.02 11.1198 9.36002 11.1198C8.95002 11.1198 8.61002 10.7798 8.62002 10.3598C8.62002 9.94979 8.96002 9.61979 9.37002 9.61979H9.38002C10.21 9.62979 11 9.76979 11.74 10.0298C13.63 10.6998 15.04 12.1098 15.71 13.9998C15.97 14.7398 16.11 15.5398 16.12 16.3598C16.13 16.7798 15.8 17.1198 15.38 17.1198Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/smileys.svg b/public/images/icons/vuesax/bold/smileys.svg
new file mode 100644
index 0000000..afc34fa
--- /dev/null
+++ b/public/images/icons/vuesax/bold/smileys.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 1H4C2.34 1 1 2.34 1 4V10C1 11.66 2.34 13 4 13H8.5C8.5 10.52 10.52 8.5 13 8.5V4C13 2.34 11.66 1 10 1ZM3.77 4.27C4.54 3.72 5.59 3.71 6.38 4.25C6.72 4.48 6.81 4.95 6.58 5.29C6.35 5.63 5.88 5.72 5.54 5.49C5.27 5.3 4.9 5.3 4.63 5.5C4.5 5.59 4.35 5.63 4.2 5.63C3.97 5.63 3.73 5.52 3.59 5.32C3.35 4.98 3.43 4.51 3.77 4.27ZM9.27 8.24C9.01 8.57 8.54 8.62 8.22 8.36C7.87 8.08 7.45 7.93 7 7.93C6 7.93 5.17 8.69 5.06 9.67H7.16C7.57 9.67 7.91 10.01 7.91 10.42C7.91 10.83 7.57 11.17 7.16 11.17H4.84C4.13 11.17 3.55 10.59 3.55 9.88C3.55 7.98 5.1 6.43 7 6.43C7.78 6.43 8.55 6.7 9.16 7.19C9.48 7.45 9.53 7.92 9.27 8.24ZM10.58 5.29C10.35 5.63 9.88 5.72 9.54 5.49C9.27 5.3 8.9 5.3 8.63 5.5C8.5 5.59 8.35 5.63 8.2 5.63C7.97 5.63 7.73 5.52 7.59 5.32C7.35 4.98 7.43 4.51 7.77 4.27C8.54 3.72 9.59 3.71 10.38 4.25C10.72 4.48 10.81 4.95 10.58 5.29Z" fill="#292D32"/>
+<path d="M18.22 16.6801C18.15 16.6001 18.05 16.5601 17.94 16.5601H14.06C13.95 16.5601 13.85 16.6001 13.78 16.6801C13.71 16.7601 13.67 16.8701 13.69 16.9701C13.82 18.1501 14.81 19.0501 16 19.0501C17.19 19.0501 18.18 18.1601 18.31 16.9701C18.32 16.8601 18.29 16.7601 18.22 16.6801Z" fill="#292D32"/>
+<path d="M19 10H13C11.35 10 10 11.35 10 13V19C10 20.65 11.35 22 13 22H19C20.65 22 22 20.65 22 19V13C22 11.35 20.65 10 19 10ZM12.59 13.17C12.83 12.83 13.3 12.75 13.64 12.99C13.91 13.18 14.27 13.18 14.54 13C14.88 12.76 15.35 12.85 15.58 13.2C15.81 13.54 15.73 14.01 15.38 14.24C14.99 14.5 14.54 14.64 14.09 14.64C13.62 14.64 13.16 14.5 12.77 14.22C12.43 13.97 12.35 13.5 12.59 13.17ZM16 20.17C14.1 20.17 12.55 18.62 12.55 16.72C12.55 16.01 13.13 15.43 13.84 15.43H18.16C18.87 15.43 19.45 16.01 19.45 16.72C19.45 18.62 17.9 20.17 16 20.17ZM19.38 14.23C18.99 14.49 18.54 14.63 18.09 14.63C17.62 14.63 17.16 14.49 16.77 14.21C16.43 13.97 16.35 13.5 16.59 13.16C16.83 12.82 17.3 12.74 17.64 12.98C17.91 13.17 18.27 13.17 18.54 12.99C18.88 12.75 19.35 12.84 19.58 13.19C19.81 13.54 19.72 14 19.38 14.23Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/sms-edit.svg b/public/images/icons/vuesax/bold/sms-edit.svg
new file mode 100644
index 0000000..0c2e1d1
--- /dev/null
+++ b/public/images/icons/vuesax/bold/sms-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="M17 3H7C4 3 2 4.5 2 8V15C2 18.5 4 20 7 20H10.57C11.16 20 11.64 19.48 11.56 18.89C11.46 18.18 11.48 17.44 11.63 16.68C12.16 14.08 14.3 12.01 16.92 11.58C18.23 11.37 19.48 11.55 20.58 12.03C21.25 12.32 22 11.86 22 11.13V8C22 4.5 20 3 17 3ZM17.47 8.59L14.34 11.09C13.68 11.62 12.84 11.88 12 11.88C11.16 11.88 10.31 11.62 9.66 11.09L6.53 8.59C6.21 8.33 6.16 7.86 6.41 7.53C6.67 7.21 7.14 7.15 7.46 7.41L10.59 9.91C11.35 10.52 12.64 10.52 13.4 9.91L16.53 7.41C16.85 7.15 17.33 7.2 17.58 7.53C17.84 7.86 17.79 8.33 17.47 8.59Z" fill="#292D32"/>
+<path d="M18 13C15.24 13 13 15.23 13 18C13 20.76 15.24 23 18 23C20.77 23 23 20.76 23 18C23 15.23 20.77 13 18 13ZM20.05 17.55L19.68 17.91L17.5 20.1C17.4 20.19 17.21 20.29 17.07 20.31L16.09 20.45C15.74 20.5 15.49 20.25 15.54 19.9L15.68 18.92C15.7 18.78 15.79 18.59 15.89 18.49L18.07 16.32L18.43 15.95C18.67 15.71 18.94 15.55 19.22 15.55C19.46 15.55 19.73 15.66 20.03 15.95C20.7 16.6 20.49 17.11 20.05 17.55Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/sms-notification.svg b/public/images/icons/vuesax/bold/sms-notification.svg
new file mode 100644
index 0000000..ec97eba
--- /dev/null
+++ b/public/images/icons/vuesax/bold/sms-notification.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="M19.5 8C20.8807 8 22 6.88071 22 5.5C22 4.11929 20.8807 3 19.5 3C18.1193 3 17 4.11929 17 5.5C17 6.88071 18.1193 8 19.5 8Z" fill="#292D32"/>
+<path d="M19.5 8C20.8807 8 22 6.88071 22 5.5C22 4.11929 20.8807 3 19.5 3C18.1193 3 17 4.11929 17 5.5C17 6.88071 18.1193 8 19.5 8Z" fill="#292D32"/>
+<path d="M20.72 9.31C20.02 9.53 19.25 9.57 18.45 9.37C17.11 9.02 16.02 7.95 15.65 6.61C15.47 5.96 15.46 5.32 15.57 4.74C15.7 4.1 15.25 3.5 14.61 3.5H7C4 3.5 2 5 2 8.5V15.5C2 19 4 20.5 7 20.5H17C20 20.5 22 19 22 15.5V10.26C22 9.6 21.36 9.1 20.72 9.31ZM15.52 11.15L14.34 12.09C13.68 12.62 12.84 12.88 12 12.88C11.16 12.88 10.31 12.62 9.66 12.09L6.53 9.59C6.21 9.33 6.16 8.85 6.41 8.53C6.67 8.21 7.14 8.15 7.46 8.41L10.59 10.91C11.35 11.52 12.64 11.52 13.4 10.91L14.58 9.97C14.9 9.71 15.38 9.76 15.63 10.09C15.89 10.41 15.84 10.89 15.52 11.15Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/sms-search.svg b/public/images/icons/vuesax/bold/sms-search.svg
new file mode 100644
index 0000000..de0fb7d
--- /dev/null
+++ b/public/images/icons/vuesax/bold/sms-search.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="M17 3H7C4 3 2 4.5 2 8V15.96C2 18.25 3.85 20.1 6.14 20.1H12.4C12.98 20.1 13.48 19.61 13.42 19.03C13.28 17.5 13.78 15.85 15.14 14.52C15.7 13.97 16.39 13.55 17.14 13.31C18.39 12.91 19.6 12.96 20.67 13.33C21.32 13.55 22 13.08 22 12.39V8C22 4.5 20 3 17 3ZM17.47 8.59L14.34 11.09C13.68 11.62 12.84 11.88 12 11.88C11.16 11.88 10.31 11.62 9.66 11.09L6.53 8.59C6.21 8.33 6.16 7.86 6.41 7.53C6.67 7.21 7.14 7.15 7.46 7.41L10.59 9.91C11.35 10.52 12.64 10.52 13.4 9.91L16.53 7.41C16.85 7.15 17.33 7.2 17.58 7.53C17.84 7.86 17.79 8.33 17.47 8.59Z" fill="#292D32"/>
+<path d="M22.65 21.4499L21.9 20.6999C22.29 20.1099 22.52 19.3999 22.52 18.6399C22.52 16.5599 20.84 14.8799 18.76 14.8799C16.68 14.8799 15 16.5599 15 18.6299C15 20.6999 16.68 22.3899 18.76 22.3899C19.52 22.3899 20.23 22.1599 20.82 21.7699L21.57 22.5199C21.72 22.6699 21.91 22.7399 22.11 22.7399C22.31 22.7399 22.5 22.6699 22.65 22.5199C22.95 22.2299 22.95 21.7499 22.65 21.4499Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/sms-star.svg b/public/images/icons/vuesax/bold/sms-star.svg
new file mode 100644
index 0000000..faafbbf
--- /dev/null
+++ b/public/images/icons/vuesax/bold/sms-star.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="M19.48 2.82022L19.76 3.39022C19.9 3.67022 20.25 3.93022 20.56 3.99022L20.94 4.05022C22.08 4.24022 22.35 5.08022 21.53 5.91022L21.18 6.26022C20.95 6.50022 20.82 6.96022 20.89 7.28022L20.94 7.49022C21.25 8.87022 20.52 9.40022 19.32 8.68022L19.06 8.53022C18.75 8.35022 18.25 8.35022 17.94 8.53022L17.68 8.68022C16.47 9.41022 15.74 8.87022 16.06 7.49022L16.11 7.28022C16.18 6.96022 16.05 6.50022 15.82 6.26022L15.47 5.90022C14.65 5.07022 14.92 4.23022 16.06 4.04022L16.44 3.98022C16.74 3.93022 17.1 3.66022 17.24 3.38022L17.52 2.81022C18.06 1.73022 18.94 1.73022 19.48 2.82022Z" fill="#292D32"/>
+<path d="M21.57 10.09C21.21 10.35 20.2 10.83 18.76 10.09C18.6 10.01 18.4 10 18.24 10.09C17.67 10.38 17.15 10.5 16.74 10.5C16.1 10.5 15.65 10.25 15.43 10.09C15.06 9.82 14.28 9.05 14.55 7.42C14.58 7.25 14.53 7.08 14.42 6.95C13.73 6.16 13.35 5.1 13.62 4.27C13.72 3.94 13.51 3.5 13.17 3.5H7C4 3.5 2 5 2 8.5V15.5C2 19 4 20.5 7 20.5H17C20 20.5 22 19 22 15.5V10.27C22 10.08 21.73 9.98 21.57 10.09ZM14.34 12.09C13.68 12.62 12.84 12.88 12 12.88C11.16 12.88 10.31 12.62 9.66 12.09L6.53 9.59C6.21 9.33 6.16 8.85 6.41 8.53C6.67 8.21 7.14 8.15 7.46 8.41L10.59 10.91C11.35 11.52 12.64 11.52 13.4 10.91C13.72 10.65 14.19 10.7 14.45 11.03C14.72 11.35 14.67 11.83 14.34 12.09Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/sms-tracking.svg b/public/images/icons/vuesax/bold/sms-tracking.svg
new file mode 100644
index 0000000..15f290c
--- /dev/null
+++ b/public/images/icons/vuesax/bold/sms-tracking.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 13C3.24 13 1 15.23 1 18C1 20.77 3.24 23 6 23C8.76 23 11 20.76 11 18C11 15.24 8.77 13 6 13ZM3.96 15.96H6C6.38 15.96 6.68 16.27 6.68 16.64C6.68 17.01 6.38 17.32 6 17.32H3.96C3.58 17.32 3.28 17.01 3.28 16.64C3.28 16.27 3.58 15.96 3.96 15.96ZM8.04 20.04H3.96C3.58 20.04 3.28 19.73 3.28 19.36C3.28 18.99 3.59 18.68 3.96 18.68H8.05C8.43 18.68 8.73 18.99 8.73 19.36C8.73 19.73 8.42 20.04 8.04 20.04Z" fill="#292D32"/>
+<path d="M17 3H7C4 3 2 4.5 2 8V11.14C2 11.87 2.75 12.33 3.42 12.04C4.52 11.56 5.77 11.38 7.08 11.59C9.7 12.02 11.84 14.09 12.37 16.69C12.52 17.45 12.54 18.19 12.44 18.9C12.36 19.49 12.84 20.01 13.43 20.01H17C20 20.01 22 18.51 22 15.01V8C22 4.5 20 3 17 3ZM17.47 8.59L14.34 11.09C13.68 11.62 12.84 11.88 12 11.88C11.16 11.88 10.31 11.62 9.66 11.09L6.53 8.59C6.21 8.33 6.16 7.85 6.41 7.53C6.67 7.21 7.14 7.15 7.46 7.41L10.59 9.91C11.35 10.52 12.64 10.52 13.4 9.91L16.53 7.41C16.85 7.15 17.33 7.2 17.58 7.53C17.84 7.85 17.79 8.33 17.47 8.59Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/sms.svg b/public/images/icons/vuesax/bold/sms.svg
new file mode 100644
index 0000000..d56229c
--- /dev/null
+++ b/public/images/icons/vuesax/bold/sms.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 3.5H7C4 3.5 2 5 2 8.5V15.5C2 19 4 20.5 7 20.5H17C20 20.5 22 19 22 15.5V8.5C22 5 20 3.5 17 3.5ZM17.47 9.59L14.34 12.09C13.68 12.62 12.84 12.88 12 12.88C11.16 12.88 10.31 12.62 9.66 12.09L6.53 9.59C6.21 9.33 6.16 8.85 6.41 8.53C6.67 8.21 7.14 8.15 7.46 8.41L10.59 10.91C11.35 11.52 12.64 11.52 13.4 10.91L16.53 8.41C16.85 8.15 17.33 8.2 17.58 8.53C17.84 8.85 17.79 9.33 17.47 9.59Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/snapchat.svg b/public/images/icons/vuesax/bold/snapchat.svg
new file mode 100644
index 0000000..17bc140
--- /dev/null
+++ b/public/images/icons/vuesax/bold/snapchat.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.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM17.31 15.31C17.02 15.47 16.78 15.54 16.58 15.59C16.41 15.63 16.27 15.67 16.15 15.75C16.02 15.83 16.01 15.96 15.99 16.08C15.97 16.19 15.96 16.28 15.88 16.34C15.79 16.4 15.62 16.41 15.39 16.42C15.09 16.44 14.71 16.45 14.25 16.59C14.03 16.67 13.83 16.79 13.63 16.91C13.23 17.16 12.78 17.43 11.99 17.43C11.21 17.43 10.76 17.16 10.36 16.91C10.16 16.78 9.96001 16.66 9.73001 16.58C9.28001 16.44 8.89 16.42 8.59 16.41C8.36 16.4 8.20001 16.39 8.10001 16.33C8.02001 16.28 8.00999 16.18 7.98999 16.07C7.96999 15.95 7.95999 15.82 7.82999 15.74C7.70999 15.66 7.55999 15.62 7.39999 15.57C7.19999 15.52 6.96001 15.46 6.67001 15.3C6.33001 15.11 6.53001 15 6.64001 14.94C8.57001 14.01 8.87 12.57 8.88 12.46C8.88 12.45 8.88 12.45 8.88 12.44C8.9 12.32 8.90999 12.22 8.76999 12.09C8.67999 12 8.37 11.8 8.12 11.64C8.00999 11.56 7.91001 11.5 7.85001 11.47C7.57001 11.27 7.45001 11.08 7.54001 10.83C7.60001 10.66 7.76001 10.6 7.92001 10.6C7.97001 10.6 8.03001 10.61 8.07001 10.62C8.25001 10.66 8.43 10.73 8.59 10.79C8.7 10.84 8.78999 10.87 8.85999 10.89C8.87999 10.9 8.91001 10.9 8.92001 10.9C9.02001 10.9 9.05001 10.85 9.04001 10.75C9.04001 10.72 9.04 10.69 9.03 10.66C9.01 10.31 8.97999 9.70001 9.01999 9.14001C9.09999 8.30001 9.37 7.87001 9.69 7.51001C9.85 7.33001 10.58 6.56 11.97 6.56C13.37 6.56 14.09 7.33 14.25 7.5C14.57 7.87 14.84 8.29001 14.92 9.14001C14.97 9.73001 14.93 10.36 14.9 10.71V10.74C14.89 10.85 14.92 10.89 15.02 10.89C15.04 10.89 15.06 10.89 15.08 10.88C15.15 10.86 15.24 10.83 15.35 10.79C15.5 10.73 15.68 10.66 15.87 10.62C15.92 10.6 15.97 10.6 16.02 10.6C16.19 10.6 16.34 10.67 16.4 10.84C16.49 11.08 16.37 11.27 16.09 11.47C16.04 11.51 15.94 11.58 15.82 11.64C15.58 11.8 15.26 12 15.17 12.09C15.03 12.22 15.04 12.32 15.06 12.44C15.06 12.45 15.06 12.46 15.06 12.46C15.08 12.57 15.38 14.01 17.3 14.94C17.45 15 17.65 15.12 17.31 15.31Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/solana-(sol).svg b/public/images/icons/vuesax/bold/solana-(sol).svg
new file mode 100644
index 0000000..ce77a4c
--- /dev/null
+++ b/public/images/icons/vuesax/bold/solana-(sol).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.0002 3.5H5.50017C5.19017 3.5 4.89018 3.65 4.70018 3.9L3.20018 5.9C2.71018 6.56 3.18017 7.5 4.00017 7.5H18.5002C18.8102 7.5 19.1102 7.35 19.3002 7.1L20.8002 5.1C21.2902 4.44 20.8202 3.5 20.0002 3.5Z" fill="black"/>
+<path d="M4.00017 10H18.5002C18.8102 10 19.1102 10.15 19.3002 10.4L20.8002 12.4C21.2902 13.06 20.8202 14 20.0002 14H5.50017C5.19017 14 4.89018 13.85 4.70018 13.6L3.20018 11.6C2.71018 10.94 3.18017 10 4.00017 10Z" fill="black"/>
+<path d="M20.0002 16.5H5.50017C5.19017 16.5 4.89018 16.65 4.70018 16.9L3.20018 18.9C2.71018 19.56 3.18017 20.5 4.00017 20.5H18.5002C18.8102 20.5 19.1102 20.35 19.3002 20.1L20.8002 18.1C21.2902 17.44 20.8202 16.5 20.0002 16.5Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/sort.svg b/public/images/icons/vuesax/bold/sort.svg
new file mode 100644
index 0000000..6387789
--- /dev/null
+++ b/public/images/icons/vuesax/bold/sort.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM13.33 17H10.66C10.25 17 9.91 16.66 9.91 16.25C9.91 15.84 10.25 15.5 10.66 15.5H13.33C13.74 15.5 14.08 15.84 14.08 16.25C14.08 16.66 13.75 17 13.33 17ZM16 12.75H8C7.59 12.75 7.25 12.41 7.25 12C7.25 11.59 7.59 11.25 8 11.25H16C16.41 11.25 16.75 11.59 16.75 12C16.75 12.41 16.41 12.75 16 12.75ZM18 8.5H6C5.59 8.5 5.25 8.16 5.25 7.75C5.25 7.34 5.59 7 6 7H18C18.41 7 18.75 7.34 18.75 7.75C18.75 8.16 18.41 8.5 18 8.5Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/sound.svg b/public/images/icons/vuesax/bold/sound.svg
new file mode 100644
index 0000000..f825197
--- /dev/null
+++ b/public/images/icons/vuesax/bold/sound.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="M3 16.5C2.59 16.5 2.25 16.16 2.25 15.75V8.25C2.25 7.84 2.59 7.5 3 7.5C3.41 7.5 3.75 7.84 3.75 8.25V15.75C3.75 16.16 3.41 16.5 3 16.5Z" fill="#292D32"/>
+<path d="M7.5 19C7.09 19 6.75 18.66 6.75 18.25V5.75C6.75 5.34 7.09 5 7.5 5C7.91 5 8.25 5.34 8.25 5.75V18.25C8.25 18.66 7.91 19 7.5 19Z" fill="#292D32"/>
+<path d="M12 21.5C11.59 21.5 11.25 21.16 11.25 20.75V3.25C11.25 2.84 11.59 2.5 12 2.5C12.41 2.5 12.75 2.84 12.75 3.25V20.75C12.75 21.16 12.41 21.5 12 21.5Z" fill="#292D32"/>
+<path d="M16.5 19C16.09 19 15.75 18.66 15.75 18.25V5.75C15.75 5.34 16.09 5 16.5 5C16.91 5 17.25 5.34 17.25 5.75V18.25C17.25 18.66 16.91 19 16.5 19Z" fill="#292D32"/>
+<path d="M21 16.5C20.59 16.5 20.25 16.16 20.25 15.75V8.25C20.25 7.84 20.59 7.5 21 7.5C21.41 7.5 21.75 7.84 21.75 8.25V15.75C21.75 16.16 21.41 16.5 21 16.5Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/speaker.svg b/public/images/icons/vuesax/bold/speaker.svg
new file mode 100644
index 0000000..ce5b830
--- /dev/null
+++ b/public/images/icons/vuesax/bold/speaker.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.0001 1.62012H9.00012C5.81012 1.62012 4.62012 2.81012 4.62012 6.00012V18.0001C4.62012 21.1901 5.81012 22.3801 9.00012 22.3801H15.0001C18.1901 22.3801 19.3801 21.1901 19.3801 18.0001V6.00012C19.3801 2.81012 18.1901 1.62012 15.0001 1.62012ZM12.0001 6.00012C12.8301 6.00012 13.5001 6.67012 13.5001 7.50012C13.5001 8.33012 12.8301 9.00012 12.0001 9.00012C11.1701 9.00012 10.5001 8.33012 10.5001 7.50012C10.5001 6.67012 11.1701 6.00012 12.0001 6.00012ZM12.0001 18.0001C10.3401 18.0001 9.00012 16.6601 9.00012 15.0001C9.00012 13.3401 10.3401 12.0001 12.0001 12.0001C13.6601 12.0001 15.0001 13.3401 15.0001 15.0001C15.0001 16.6601 13.6601 18.0001 12.0001 18.0001Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/speedometer.svg b/public/images/icons/vuesax/bold/speedometer.svg
new file mode 100644
index 0000000..8917cab
--- /dev/null
+++ b/public/images/icons/vuesax/bold/speedometer.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="M19.14 20.25C18.95 20.25 18.76 20.18 18.61 20.04C18.31 19.75 18.31 19.28 18.6 18.98C20.31 17.24 21.25 14.94 21.25 12.5C21.25 7.4 17.1 3.25 12 3.25C6.9 3.25 2.75 7.4 2.75 12.5C2.75 14.93 3.68 17.22 5.38 18.96C5.67 19.26 5.66 19.73 5.37 20.02C5.07 20.31 4.6 20.3 4.31 20.01C2.34 17.99 1.25 15.32 1.25 12.5C1.25 6.57 6.07 1.75 12 1.75C17.93 1.75 22.75 6.57 22.75 12.5C22.75 15.33 21.66 18.01 19.67 20.03C19.53 20.18 19.33 20.25 19.14 20.25Z" fill="#292D32"/>
+<path d="M12 22.0002C14.1429 22.0002 15.88 20.2631 15.88 18.1202C15.88 15.9774 14.1429 14.2402 12 14.2402C9.85713 14.2402 8.12 15.9774 8.12 18.1202C8.12 20.2631 9.85713 22.0002 12 22.0002Z" fill="#292D32"/>
+<path d="M16 8.5C14.9 8.5 14 9.4 14 10.5V11.25C14 11.94 14.56 12.5 15.25 12.5H16C17.1 12.5 18 11.6 18 10.5C18 9.4 17.1 8.5 16 8.5Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/spotify.svg b/public/images/icons/vuesax/bold/spotify.svg
new file mode 100644
index 0000000..3a320ab
--- /dev/null
+++ b/public/images/icons/vuesax/bold/spotify.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 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM15.42 16.58C15.27 16.79 15.04 16.89 14.81 16.89C14.66 16.89 14.51 16.84 14.37 16.75C12.83 15.65 10.86 15.41 9.10001 16.1C8.72001 16.25 8.28 16.06 8.13 15.68C7.98 15.29 8.17 14.86 8.55 14.71C10.79 13.82 13.29 14.13 15.24 15.53C15.59 15.78 15.66 16.25 15.42 16.58ZM16.52 13.79C16.37 14 16.14 14.1 15.91 14.1C15.76 14.1 15.61 14.05 15.47 13.96C13.35 12.44 10.64 12.11 8.21001 13.07C7.83001 13.22 7.39001 13.03 7.24001 12.65C7.09001 12.26 7.28 11.83 7.66 11.68C10.56 10.53 13.81 10.93 16.34 12.75C16.68 12.99 16.76 13.46 16.52 13.79ZM18.09 11.11C17.94 11.32 17.71 11.42 17.48 11.42C17.33 11.42 17.18 11.37 17.04 11.28C14.06 9.14 10.24 8.67 6.84 10.03C6.45 10.18 6.02 9.98999 5.87 9.60999C5.72 9.22999 5.90999 8.79001 6.28999 8.64001C10.17 7.10001 14.52 7.63001 17.92 10.07C18.26 10.3 18.34 10.77 18.09 11.11Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/stacks-(stx).svg b/public/images/icons/vuesax/bold/stacks-(stx).svg
new file mode 100644
index 0000000..fac71e9
--- /dev/null
+++ b/public/images/icons/vuesax/bold/stacks-(stx).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 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM16.5 14.25H13.45L15.44 17.07C15.68 17.41 15.6 17.88 15.26 18.11C15.13 18.2 14.98 18.25 14.83 18.25C14.59 18.25 14.36 18.14 14.22 17.93L11.92 14.67L9.62 17.93C9.47 18.14 9.24001 18.25 9.01001 18.25C8.86001 18.25 8.70999 18.21 8.57999 18.11C8.23999 17.87 8.15999 17.4 8.39999 17.07L10.39 14.25H7.51999C7.10999 14.25 6.76999 13.91 6.76999 13.5C6.76999 13.09 7.10999 12.75 7.51999 12.75H16.52C16.93 12.75 17.27 13.09 17.27 13.5C17.27 13.91 16.91 14.25 16.5 14.25ZM16.5 11.25H7.5C7.09 11.25 6.75 10.91 6.75 10.5C6.75 10.09 7.09 9.75 7.5 9.75H10.37L8.38 6.92999C8.14001 6.58999 8.22 6.12 8.56 5.89C8.9 5.65 9.37001 5.73001 9.60001 6.07001L11.9 9.33L14.2 6.07001C14.44 5.73001 14.91 5.65 15.24 5.89C15.58 6.13 15.66 6.59999 15.42 6.92999L13.43 9.75H16.48C16.89 9.75 17.23 10.09 17.23 10.5C17.23 10.91 16.91 11.25 16.5 11.25Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/star-1.svg b/public/images/icons/vuesax/bold/star-1.svg
new file mode 100644
index 0000000..54a7931
--- /dev/null
+++ b/public/images/icons/vuesax/bold/star-1.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="M5.73998 16C5.84998 15.51 5.64998 14.81 5.29998 14.46L2.86998 12.03C2.10998 11.27 1.80998 10.46 2.02998 9.76C2.25998 9.06 2.96998 8.58 4.02998 8.4L7.14998 7.88C7.59998 7.8 8.14998 7.4 8.35998 6.99L10.08 3.54C10.58 2.55 11.26 2 12 2C12.74 2 13.42 2.55 13.92 3.54L15.64 6.99C15.77 7.25 16.04 7.5 16.33 7.67L5.55998 18.44C5.41998 18.58 5.17998 18.45 5.21998 18.25L5.73998 16Z" fill="#292D32"/>
+<path d="M18.7 14.4599C18.34 14.8199 18.14 15.5099 18.26 15.9999L18.95 19.0099C19.24 20.2599 19.06 21.1999 18.44 21.6499C18.19 21.8299 17.89 21.9199 17.54 21.9199C17.03 21.9199 16.43 21.7299 15.77 21.3399L12.84 19.5999C12.38 19.3299 11.62 19.3299 11.16 19.5999L8.22999 21.3399C7.11999 21.9899 6.16999 22.0999 5.55999 21.6499C5.32999 21.4799 5.15999 21.2499 5.04999 20.9499L17.21 8.7899C17.67 8.3299 18.32 8.1199 18.95 8.2299L19.96 8.3999C21.02 8.5799 21.73 9.0599 21.96 9.7599C22.18 10.4599 21.88 11.2699 21.12 12.0299L18.7 14.4599Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/star-slash.svg b/public/images/icons/vuesax/bold/star-slash.svg
new file mode 100644
index 0000000..bee5593
--- /dev/null
+++ b/public/images/icons/vuesax/bold/star-slash.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="M18.7 14.46C18.35 14.81 18.15 15.51 18.26 15.99L18.95 19.01C19.24 20.26 19.06 21.2 18.44 21.65C18.19 21.83 17.89 21.92 17.54 21.92C17.03 21.92 16.43 21.73 15.77 21.34L12.84 19.6C12.38 19.33 11.62 19.33 11.16 19.6L8.23001 21.34C7.12001 21.99 6.17001 22.1 5.56001 21.65C5.52001 21.62 5.48001 21.59 5.45001 21.55L18.07 8.93003C18.53 8.47003 19.18 8.26003 19.82 8.37003L19.97 8.40003C21.03 8.58003 21.74 9.06003 21.97 9.76003C22.19 10.46 21.89 11.27 21.13 12.03L18.7 14.46Z" fill="#292D32"/>
+<path d="M5.73998 16C5.84998 15.52 5.64998 14.81 5.29998 14.46L2.86998 12.03C2.10998 11.27 1.80998 10.46 2.02998 9.76C2.25998 9.06 2.96998 8.58 4.02998 8.4L7.14998 7.88C7.59998 7.8 8.14998 7.4 8.35998 6.99L10.08 3.54C10.58 2.55 11.26 2 12 2C12.74 2 13.42 2.55 13.92 3.54L15.64 6.99C15.77 7.25 16.04 7.5 16.33 7.67L5.06998 18.93L5.73998 16Z" fill="#292D32"/>
+<path d="M21.77 2.22988C21.47 1.92988 20.98 1.92988 20.68 2.22988L2.23 20.6899C1.93 20.9899 1.93 21.4799 2.23 21.7799C2.38 21.9199 2.57 21.9999 2.77 21.9999C2.97 21.9999 3.16 21.9199 3.31 21.7699L21.77 3.30988C22.08 3.00988 22.08 2.52988 21.77 2.22988Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/star.svg b/public/images/icons/vuesax/bold/star.svg
new file mode 100644
index 0000000..2c341da
--- /dev/null
+++ b/public/images/icons/vuesax/bold/star.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="M15.3899 5.20979L16.7999 8.02979C16.9899 8.41979 17.4999 8.78979 17.9299 8.86979L20.4799 9.28979C22.1099 9.55979 22.4899 10.7398 21.3199 11.9198L19.3299 13.9098C18.9999 14.2398 18.8099 14.8898 18.9199 15.3598L19.4899 17.8198C19.9399 19.7598 18.8999 20.5198 17.1899 19.4998L14.7999 18.0798C14.3699 17.8198 13.6499 17.8198 13.2199 18.0798L10.8299 19.4998C9.11994 20.5098 8.07994 19.7598 8.52994 17.8198L9.09994 15.3598C9.18994 14.8798 8.99994 14.2298 8.66994 13.8998L6.67994 11.9098C5.50994 10.7398 5.88994 9.55979 7.51994 9.27979L10.0699 8.85979C10.4999 8.78979 11.0099 8.40979 11.1999 8.01979L12.6099 5.19979C13.3799 3.67979 14.6199 3.67979 15.3899 5.20979Z" fill="#292D32"/>
+<path d="M8 5.75H2C1.59 5.75 1.25 5.41 1.25 5C1.25 4.59 1.59 4.25 2 4.25H8C8.41 4.25 8.75 4.59 8.75 5C8.75 5.41 8.41 5.75 8 5.75Z" fill="#292D32"/>
+<path d="M5 19.75H2C1.59 19.75 1.25 19.41 1.25 19C1.25 18.59 1.59 18.25 2 18.25H5C5.41 18.25 5.75 18.59 5.75 19C5.75 19.41 5.41 19.75 5 19.75Z" fill="#292D32"/>
+<path d="M3 12.75H2C1.59 12.75 1.25 12.41 1.25 12C1.25 11.59 1.59 11.25 2 11.25H3C3.41 11.25 3.75 11.59 3.75 12C3.75 12.41 3.41 12.75 3 12.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/status-up.svg b/public/images/icons/vuesax/bold/status-up.svg
new file mode 100644
index 0000000..bcd7c6a
--- /dev/null
+++ b/public/images/icons/vuesax/bold/status-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="M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM7.63 18.15C7.63 18.56 7.29 18.9 6.88 18.9C6.47 18.9 6.13 18.56 6.13 18.15V16.08C6.13 15.67 6.47 15.33 6.88 15.33C7.29 15.33 7.63 15.67 7.63 16.08V18.15ZM12.75 18.15C12.75 18.56 12.41 18.9 12 18.9C11.59 18.9 11.25 18.56 11.25 18.15V14C11.25 13.59 11.59 13.25 12 13.25C12.41 13.25 12.75 13.59 12.75 14V18.15ZM17.87 18.15C17.87 18.56 17.53 18.9 17.12 18.9C16.71 18.9 16.37 18.56 16.37 18.15V11.93C16.37 11.52 16.71 11.18 17.12 11.18C17.53 11.18 17.87 11.52 17.87 11.93V18.15ZM17.87 8.77C17.87 9.18 17.53 9.52 17.12 9.52C16.71 9.52 16.37 9.18 16.37 8.77V7.8C13.82 10.42 10.63 12.27 7.06 13.16C7 13.18 6.94 13.18 6.88 13.18C6.54 13.18 6.24 12.95 6.15 12.61C6.05 12.21 6.29 11.8 6.7 11.7C10.07 10.86 13.07 9.09 15.45 6.59H14.2C13.79 6.59 13.45 6.25 13.45 5.84C13.45 5.43 13.79 5.09 14.2 5.09H17.13C17.17 5.09 17.2 5.11 17.24 5.11C17.29 5.12 17.34 5.12 17.39 5.14C17.44 5.16 17.48 5.19 17.53 5.22C17.56 5.24 17.59 5.25 17.62 5.27C17.63 5.28 17.63 5.29 17.64 5.29C17.68 5.33 17.71 5.37 17.74 5.41C17.77 5.45 17.8 5.48 17.81 5.52C17.83 5.56 17.83 5.6 17.84 5.65C17.85 5.7 17.87 5.75 17.87 5.81C17.87 5.82 17.88 5.83 17.88 5.84V8.77H17.87Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/status.svg b/public/images/icons/vuesax/bold/status.svg
new file mode 100644
index 0000000..cc9d692
--- /dev/null
+++ b/public/images/icons/vuesax/bold/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="M8.99999 14.2202H3.91999C3.30999 14.2202 2.74999 14.5302 2.42999 15.0502C2.10999 15.5602 2.07999 16.1702 2.33999 16.7102C3.56999 19.2302 5.78999 21.2102 8.42999 22.1402C8.60999 22.2002 8.80999 22.2402 8.99999 22.2402C9.34999 22.2402 9.69999 22.1302 9.99999 21.9202C10.47 21.5902 10.75 21.0502 10.75 20.4802L10.76 15.9802C10.76 15.5102 10.58 15.0702 10.25 14.7402C9.90999 14.4102 9.46999 14.2202 8.99999 14.2202Z" fill="#292D32"/>
+<path d="M22.48 9.6C21.36 4.68 17.05 1.25 12 1.25C6.94999 1.25 2.63999 4.68 1.51999 9.6C1.39999 10.12 1.51999 10.65 1.85999 11.07C2.19999 11.49 2.69999 11.73 3.23999 11.73H20.77C21.31 11.73 21.81 11.49 22.15 11.07C22.48 10.65 22.6 10.11 22.48 9.6Z" fill="#292D32"/>
+<path d="M20.06 14.2698L15 14.2598C14.53 14.2598 14.09 14.4398 13.76 14.7698C13.43 15.0998 13.25 15.5398 13.25 16.0098L13.26 20.4898C13.26 21.0598 13.54 21.5998 14.01 21.9298C14.31 22.1398 14.66 22.2498 15.01 22.2498C15.2 22.2498 15.39 22.2198 15.57 22.1498C18.19 21.2298 20.41 19.2598 21.64 16.7698C21.9 16.2398 21.87 15.6198 21.56 15.1198C21.23 14.5798 20.67 14.2698 20.06 14.2698Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/stellar-(xlm).svg b/public/images/icons/vuesax/bold/stellar-(xlm).svg
new file mode 100644
index 0000000..c66f989
--- /dev/null
+++ b/public/images/icons/vuesax/bold/stellar-(xlm).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="M22.66 4.64C22.46 4.28 22.0001 4.14 21.6401 4.34L4.70008 13.66C4.58008 13.12 4.50007 12.56 4.50007 12C4.50007 7.86 7.86007 4.5 12.0001 4.5C13.4101 4.5 14.7801 4.89 15.9601 5.63C16.3101 5.85 16.7701 5.74 16.9901 5.39C17.2101 5.04 17.1001 4.58 16.7501 4.36C15.3301 3.47 13.6901 3 12.0001 3C7.04007 3 3.00007 7.04 3.00007 12C3.00007 12.81 3.11007 13.61 3.32007 14.39C3.32007 14.4 3.33008 14.4 3.33008 14.41L1.64008 15.34C1.28008 15.54 1.14009 16 1.34009 16.36C1.48009 16.61 1.73007 16.75 2.00007 16.75C2.12007 16.75 2.25005 16.72 2.36005 16.66L22.3601 5.66C22.7201 5.46 22.86 5 22.66 4.64Z" fill="black"/>
+<path d="M22.66 8.14009C22.46 7.78009 22.0001 7.64009 21.6401 7.84009L19.5301 9.00009C19.5001 9.02009 19.4601 9.03009 19.4301 9.06009L1.64008 18.8401C1.28008 19.0401 1.14009 19.5001 1.34009 19.8601C1.48009 20.1101 1.73007 20.2501 2.00007 20.2501C2.12007 20.2501 2.25005 20.2201 2.36005 20.1601L19.3901 10.7901C19.4501 11.1901 19.5001 11.5901 19.5001 12.0001C19.5001 16.1401 16.1401 19.5001 12.0001 19.5001C10.5801 19.5001 9.21008 19.1001 8.02008 18.3601C7.67008 18.1401 7.21006 18.2501 6.99006 18.6001C6.77006 18.9501 6.87005 19.4101 7.23005 19.6301C8.66005 20.5301 10.3101 21.0001 12.0101 21.0001C16.9701 21.0001 21.0101 16.9601 21.0101 12.0001C21.0101 11.3301 20.9101 10.6801 20.7701 10.0401L22.3701 9.1601C22.7201 8.9601 22.86 8.50009 22.66 8.14009Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/sticker.svg b/public/images/icons/vuesax/bold/sticker.svg
new file mode 100644
index 0000000..134eed7
--- /dev/null
+++ b/public/images/icons/vuesax/bold/sticker.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="M21.96 11.6598C20.77 10.9098 19.39 10.4998 17.97 10.4998C13.83 10.4998 10.47 13.8598 10.47 17.9998C10.47 19.4198 10.87 20.7898 11.62 21.9798C11.16 21.9698 10.69 21.9198 10.21 21.8498C6.09999 21.1498 2.78999 17.8198 2.10999 13.6998C0.97999 6.84977 6.81999 1.00978 13.67 2.13978C17.79 2.81978 21.12 6.12977 21.82 10.2398C21.9 10.7198 21.95 11.1998 21.96 11.6598Z" fill="#292D32"/>
+<path d="M13.38 21.86C12.5 20.82 11.97 19.47 11.97 18C11.97 14.69 14.66 12 17.97 12C19.44 12 20.79 12.53 21.83 13.41" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/stickynote.svg b/public/images/icons/vuesax/bold/stickynote.svg
new file mode 100644
index 0000000..c02c99b
--- /dev/null
+++ b/public/images/icons/vuesax/bold/stickynote.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="M8.28998 6.29C7.86998 6.29 7.53998 5.95 7.53998 5.54V2.75C7.53998 2.34 7.86998 2 8.28998 2C8.70998 2 9.03998 2.34 9.03998 2.75V5.53C9.03998 5.95 8.70998 6.29 8.28998 6.29Z" fill="#292D32"/>
+<path d="M15.71 6.29C15.29 6.29 14.96 5.95 14.96 5.54V2.75C14.96 2.33 15.3 2 15.71 2C16.13 2 16.46 2.34 16.46 2.75V5.53C16.46 5.95 16.13 6.29 15.71 6.29Z" fill="#292D32"/>
+<path d="M21.5 15.8202C21.5 15.9702 21.45 16.1202 21.32 16.2502C19.87 17.7102 17.29 20.3102 15.81 21.8002C15.68 21.9402 15.51 22.0002 15.34 22.0002C15.01 22.0002 14.69 21.7402 14.69 21.3602V17.8602C14.69 16.4002 15.93 15.1902 17.45 15.1902C18.4 15.1802 19.72 15.1802 20.85 15.1802C21.24 15.1802 21.5 15.4902 21.5 15.8202Z" fill="#292D32"/>
+<path d="M21.5 15.8202C21.5 15.9702 21.45 16.1202 21.32 16.2502C19.87 17.7102 17.29 20.3102 15.81 21.8002C15.68 21.9402 15.51 22.0002 15.34 22.0002C15.01 22.0002 14.69 21.7402 14.69 21.3602V17.8602C14.69 16.4002 15.93 15.1902 17.45 15.1902C18.4 15.1802 19.72 15.1802 20.85 15.1802C21.24 15.1802 21.5 15.4902 21.5 15.8202Z" fill="#292D32"/>
+<path d="M19.57 4.5C18.91 4.01 17.96 4.48 17.96 5.31V5.41C17.96 6.58 17.12 7.66 15.95 7.78C14.6 7.92 13.46 6.86 13.46 5.54V4.5C13.46 3.95 13.01 3.5 12.46 3.5H11.54C10.99 3.5 10.54 3.95 10.54 4.5V5.41C10.54 6.29 10.07 7.11 9.34 7.51C9.3 7.54 9.26 7.56 9.22 7.58C9.21 7.58 9.21 7.59 9.2 7.59C9.13 7.62 9.06 7.65 8.98 7.68C8.96 7.69 8.94 7.69 8.92 7.7C8.8 7.74 8.67 7.77 8.53 7.78H8.52C8.37 7.8 8.21 7.8 8.06 7.78H8.05C7.91 7.77 7.78 7.74 7.66 7.7C7.56 7.67 7.46 7.63 7.36 7.58C6.58 7.23 6.04 6.45 6.04 5.54V5.31C6.04 4.54 5.22 4.08 4.57 4.41C4.56 4.42 4.55 4.42 4.54 4.43H4.53C4.46 4.48 4.4 4.53 4.33 4.58C4.22 4.67 4.11 4.76 4.01 4.86C3.94 4.93 3.87 5 3.81 5.07C3.73 5.15 3.66 5.23 3.59 5.32C3.54 5.38 3.48 5.44 3.44 5.51C3.39 5.57 3.35 5.64 3.31 5.7C3.3 5.71 3.29 5.72 3.28 5.74C3.19 5.87 3.11 6.02 3.04 6.16C3.02 6.18 3.01 6.19 3.01 6.21C2.95 6.33 2.89 6.45 2.85 6.58C2.82 6.63 2.81 6.67 2.79 6.72C2.77 6.76 2.76 6.81 2.74 6.85C2.71 6.95 2.68 7.06 2.65 7.17C2.61 7.31 2.58 7.46 2.56 7.61C2.54 7.72 2.53 7.83 2.52 7.95C2.51 8.09 2.5 8.23 2.5 8.37V17.13C2.5 19.82 4.68 22 7.37 22H12.19C12.74 22 13.19 21.55 13.19 21V17.86C13.19 15.56 15.1 13.69 17.45 13.69C17.98 13.68 19.27 13.68 20.5 13.68C21.05 13.68 21.5 13.23 21.5 12.68V8.37C21.5 6.78 20.74 5.39 19.57 4.5ZM11.13 15.91C11.04 16.21 10.76 16.42 10.43 16.42H6.79C6.74 16.42 6.7 16.42 6.66 16.4C6.3 16.35 6.04 16.04 6.04 15.67C6.04 15.25 6.37 14.91 6.79 14.91H10.43C10.84 14.91 11.18 15.25 11.18 15.67C11.18 15.75 11.17 15.84 11.13 15.91ZM13.91 12.2C13.82 12.5 13.54 12.71 13.21 12.71H6.79C6.74 12.71 6.7 12.71 6.66 12.69C6.3 12.64 6.04 12.33 6.04 11.96C6.04 11.54 6.37 11.2 6.79 11.2H13.21C13.63 11.2 13.96 11.54 13.96 11.96C13.96 12.04 13.95 12.13 13.91 12.2Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/stop-circle.svg b/public/images/icons/vuesax/bold/stop-circle.svg
new file mode 100644
index 0000000..4f01aeb
--- /dev/null
+++ b/public/images/icons/vuesax/bold/stop-circle.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.97 2C6.44997 2 1.96997 6.48 1.96997 12C1.96997 17.52 6.44997 22 11.97 22C17.49 22 21.97 17.52 21.97 12C21.97 6.48 17.5 2 11.97 2ZM16.23 13.23C16.23 14.89 14.89 16.23 13.23 16.23H10.77C9.10997 16.23 7.76997 14.89 7.76997 13.23V10.77C7.76997 9.11 9.10997 7.77 10.77 7.77H13.23C14.89 7.77 16.23 9.11 16.23 10.77V13.23Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/stop.svg b/public/images/icons/vuesax/bold/stop.svg
new file mode 100644
index 0000000..34dc282
--- /dev/null
+++ b/public/images/icons/vuesax/bold/stop.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="M20.36 7.78L4.54 17.28C3.93 17.65 3.11 17.28 3.03 16.57C3.01 16.38 3 16.19 3 16V8C3 5 5 3 8 3H16C19 3 20.23 4.54 20.81 6.65C20.93 7.09 20.74 7.55 20.36 7.78Z" fill="#292D32"/>
+<path d="M21 11.09V16C21 19 19 21 16 21H8.00003C7.08003 21 6.21003 20.75 5.47003 20.31C4.83003 19.94 4.87003 19 5.50003 18.62L19.48 10.23C20.15 9.83001 21 10.31 21 11.09Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/story.svg b/public/images/icons/vuesax/bold/story.svg
new file mode 100644
index 0000000..f975df4
--- /dev/null
+++ b/public/images/icons/vuesax/bold/story.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="M16.42 7.95012C18.86 10.3901 18.86 14.3501 16.42 16.7901C13.98 19.2301 10.02 19.2301 7.58 16.7901C5.14 14.3501 5.14 10.3901 7.58 7.95012C10.02 5.51012 13.98 5.51012 16.42 7.95012Z" fill="#292D32"/>
+<path d="M8.25003 22.3899C8.16003 22.3899 8.06003 22.3699 7.97003 22.3399C5.72003 21.4399 3.90003 19.8499 2.68003 17.7499C1.50003 15.6999 1.03003 13.3799 1.34003 11.0199C1.39003 10.6099 1.78003 10.3199 2.18003 10.3699C2.59003 10.4199 2.88003 10.7999 2.83003 11.2099C2.57003 13.2399 2.97003 15.2399 3.98003 16.9999C5.02003 18.7999 6.59003 20.1699 8.52003 20.9399C8.90003 21.0999 9.09003 21.5299 8.94003 21.9199C8.83003 22.2099 8.54003 22.3899 8.25003 22.3899Z" fill="#292D32"/>
+<path d="M5.84998 5.22986C5.62998 5.22986 5.40998 5.12986 5.25998 4.93986C4.99998 4.61986 5.05998 4.14986 5.38998 3.88986C7.28998 2.39986 9.57998 1.60986 12 1.60986C14.36 1.60986 16.61 2.36986 18.5 3.80986C18.83 4.05986 18.89 4.52986 18.64 4.85986C18.39 5.18986 17.92 5.24986 17.59 4.99986C15.96 3.75986 14.03 3.10986 12 3.10986C9.91998 3.10986 7.94998 3.78986 6.30998 5.06986C6.16998 5.17986 6.00998 5.22986 5.84998 5.22986Z" fill="#292D32"/>
+<path d="M15.75 22.3901C15.45 22.3901 15.17 22.2101 15.05 21.9201C14.9 21.5401 15.08 21.1001 15.47 20.9401C17.4 20.1601 18.97 18.8001 20.01 17.0001C21.03 15.2401 21.43 13.2401 21.16 11.2201C21.11 10.8101 21.4 10.4301 21.81 10.3801C22.21 10.3301 22.6 10.6201 22.65 11.0301C22.95 13.3801 22.49 15.7101 21.31 17.7601C20.1 19.8601 18.27 21.4401 16.02 22.3501C15.94 22.3701 15.85 22.3901 15.75 22.3901Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/strongbox-2.svg b/public/images/icons/vuesax/bold/strongbox-2.svg
new file mode 100644
index 0000000..237abe6
--- /dev/null
+++ b/public/images/icons/vuesax/bold/strongbox-2.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM19 8.24C19 8.79 18.55 9.24 18 9.24H16C15.59 9.24 15.25 9.58 15.25 9.99C15.25 10.41 15.59 10.74 16 10.74H18C18.55 10.74 19 11.19 19 11.74V12.25C19 12.8 18.55 13.25 18 13.25H16C15.59 13.25 15.25 13.59 15.25 14C15.25 14.41 15.59 14.75 16 14.75H18C18.55 14.75 19 15.2 19 15.75V16C19 17.66 17.66 19 16 19H8C6.34 19 5 17.66 5 16V15.5C5 14.95 5.45 14.5 6 14.5H7.48C8.95 14.5 10.12 13.24 9.97 11.74C9.84 10.44 8.65 9.5 7.34 9.5H6C5.45 9.5 5 9.05 5 8.5V8C5 6.34 6.34 5 8 5H16C17.66 5 19 6.34 19 8V8.24ZM5 12C5 11.45 5.45 11 6 11H7C7.55 11 8 11.45 8 12C8 12.55 7.55 13 7 13H6C5.45 13 5 12.55 5 12Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/strongbox.svg b/public/images/icons/vuesax/bold/strongbox.svg
new file mode 100644
index 0000000..449e276
--- /dev/null
+++ b/public/images/icons/vuesax/bold/strongbox.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="M13.25 12.5802V14.5602C13.25 15.2502 12.69 15.8102 12 15.8102C11.31 15.8102 10.75 15.2502 10.75 14.5602V12.5802C10.39 12.3602 10.11 12.0402 9.91 11.6602H3C2.45 11.6602 2 12.1102 2 12.6602V16.1902C2 19.4002 4.6 22.0002 7.81 22.0002H16.18C19.4 22.0002 22 19.4002 22 16.1902V12.6602C22 12.1102 21.55 11.6602 21 11.6602H14.09C13.89 12.0402 13.61 12.3602 13.25 12.5802Z" fill="#292D32"/>
+<path d="M16.19 2H7.81C4.6 2 2 4.6 2 7.81V9.16C2 9.71 2.45 10.16 3 10.16H9.67C9.9 8.84 11.21 7.9 12.64 8.28C13.44 8.49 14.09 9.14 14.3 9.94C14.32 10.01 14.32 10.09 14.33 10.16H21C21.55 10.16 22 9.71 22 9.16V7.81C22 4.6 19.4 2 16.19 2Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/subtitle.svg b/public/images/icons/vuesax/bold/subtitle.svg
new file mode 100644
index 0000000..720965c
--- /dev/null
+++ b/public/images/icons/vuesax/bold/subtitle.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM6.5 12.57H9.27C9.68 12.57 10.02 12.91 10.02 13.32C10.02 13.73 9.68 14.07 9.27 14.07H6.5C6.09 14.07 5.75 13.73 5.75 13.32C5.75 12.91 6.09 12.57 6.5 12.57ZM12.97 17.83H6.5C6.09 17.83 5.75 17.49 5.75 17.08C5.75 16.67 6.09 16.33 6.5 16.33H12.97C13.38 16.33 13.72 16.67 13.72 17.08C13.72 17.49 13.39 17.83 12.97 17.83ZM17.5 17.83H15.65C15.24 17.83 14.9 17.49 14.9 17.08C14.9 16.67 15.24 16.33 15.65 16.33H17.5C17.91 16.33 18.25 16.67 18.25 17.08C18.25 17.49 17.91 17.83 17.5 17.83ZM17.5 14.07H11.97C11.56 14.07 11.22 13.73 11.22 13.32C11.22 12.91 11.56 12.57 11.97 12.57H17.5C17.91 12.57 18.25 12.91 18.25 13.32C18.25 13.73 17.91 14.07 17.5 14.07Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/sun-1.svg b/public/images/icons/vuesax/bold/sun-1.svg
new file mode 100644
index 0000000..2a7ad25
--- /dev/null
+++ b/public/images/icons/vuesax/bold/sun-1.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 19C15.866 19 19 15.866 19 12C19 8.13401 15.866 5 12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19Z" fill="#292D32"/>
+<path d="M12 22.96C11.45 22.96 11 22.55 11 22V21.92C11 21.37 11.45 20.92 12 20.92C12.55 20.92 13 21.37 13 21.92C13 22.47 12.55 22.96 12 22.96ZM19.14 20.14C18.88 20.14 18.63 20.04 18.43 19.85L18.3 19.72C17.91 19.33 17.91 18.7 18.3 18.31C18.69 17.92 19.32 17.92 19.71 18.31L19.84 18.44C20.23 18.83 20.23 19.46 19.84 19.85C19.65 20.04 19.4 20.14 19.14 20.14ZM4.86 20.14C4.6 20.14 4.35 20.04 4.15 19.85C3.76 19.46 3.76 18.83 4.15 18.44L4.28 18.31C4.67 17.92 5.3 17.92 5.69 18.31C6.08 18.7 6.08 19.33 5.69 19.72L5.56 19.85C5.37 20.04 5.11 20.14 4.86 20.14ZM22 13H21.92C21.37 13 20.92 12.55 20.92 12C20.92 11.45 21.37 11 21.92 11C22.47 11 22.96 11.45 22.96 12C22.96 12.55 22.55 13 22 13ZM2.08 13H2C1.45 13 1 12.55 1 12C1 11.45 1.45 11 2 11C2.55 11 3.04 11.45 3.04 12C3.04 12.55 2.63 13 2.08 13ZM19.01 5.99C18.75 5.99 18.5 5.89 18.3 5.7C17.91 5.31 17.91 4.68 18.3 4.29L18.43 4.16C18.82 3.77 19.45 3.77 19.84 4.16C20.23 4.55 20.23 5.18 19.84 5.57L19.71 5.7C19.52 5.89 19.27 5.99 19.01 5.99ZM4.99 5.99C4.73 5.99 4.48 5.89 4.28 5.7L4.15 5.56C3.76 5.17 3.76 4.54 4.15 4.15C4.54 3.76 5.17 3.76 5.56 4.15L5.69 4.28C6.08 4.67 6.08 5.3 5.69 5.69C5.5 5.89 5.24 5.99 4.99 5.99ZM12 3.04C11.45 3.04 11 2.63 11 2.08V2C11 1.45 11.45 1 12 1C12.55 1 13 1.45 13 2C13 2.55 12.55 3.04 12 3.04Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/sun-fog.svg b/public/images/icons/vuesax/bold/sun-fog.svg
new file mode 100644
index 0000000..455ce44
--- /dev/null
+++ b/public/images/icons/vuesax/bold/sun-fog.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="M18.48 12.25C18.76 12.25 19 12.01 18.98 11.73C18.71 8.1 15.69 5.25 12 5.25C8.30997 5.25 5.28997 8.1 5.01997 11.73C4.99997 12.01 5.23997 12.25 5.51997 12.25H18.48Z" fill="#292D32"/>
+<path d="M22 13H21.92C21.37 13 20.92 12.55 20.92 12C20.92 11.45 21.37 11 21.92 11C22.47 11 22.96 11.45 22.96 12C22.96 12.55 22.55 13 22 13ZM2.08 13H2C1.45 13 1 12.55 1 12C1 11.45 1.45 11 2 11C2.55 11 3.04 11.45 3.04 12C3.04 12.55 2.63 13 2.08 13ZM19.01 5.99C18.75 5.99 18.5 5.89 18.3 5.7C17.91 5.31 17.91 4.68 18.3 4.29L18.43 4.16C18.82 3.77 19.45 3.77 19.84 4.16C20.23 4.55 20.23 5.18 19.84 5.57L19.71 5.7C19.52 5.89 19.27 5.99 19.01 5.99ZM4.99 5.99C4.73 5.99 4.48 5.89 4.28 5.7L4.15 5.56C3.76 5.17 3.76 4.54 4.15 4.15C4.54 3.76 5.17 3.76 5.56 4.15L5.69 4.28C6.08 4.67 6.08 5.3 5.69 5.69C5.5 5.89 5.24 5.99 4.99 5.99ZM12 3.04C11.45 3.04 11 2.63 11 2.08V2C11 1.45 11.45 1 12 1C12.55 1 13 1.45 13 2C13 2.55 12.55 3.04 12 3.04Z" fill="#292D32"/>
+<path d="M20 15.75H4C3.59 15.75 3.25 15.41 3.25 15C3.25 14.59 3.59 14.25 4 14.25H20C20.41 14.25 20.75 14.59 20.75 15C20.75 15.41 20.41 15.75 20 15.75Z" fill="#292D32"/>
+<path d="M18 18.75H6C5.59 18.75 5.25 18.41 5.25 18C5.25 17.59 5.59 17.25 6 17.25H18C18.41 17.25 18.75 17.59 18.75 18C18.75 18.41 18.41 18.75 18 18.75Z" fill="#292D32"/>
+<path d="M15 21.75H9C8.59 21.75 8.25 21.41 8.25 21C8.25 20.59 8.59 20.25 9 20.25H15C15.41 20.25 15.75 20.59 15.75 21C15.75 21.41 15.41 21.75 15 21.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/sun.svg b/public/images/icons/vuesax/bold/sun.svg
new file mode 100644
index 0000000..b9d428a
--- /dev/null
+++ b/public/images/icons/vuesax/bold/sun.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="M10 3.75H11.25V8.5C11.25 8.91 11.59 9.25 12 9.25C12.41 9.25 12.75 8.91 12.75 8.5V3.75H14C14.41 3.75 14.75 3.41 14.75 3C14.75 2.59 14.41 2.25 14 2.25H10C9.59 2.25 9.25 2.59 9.25 3C9.25 3.41 9.59 3.75 10 3.75Z" fill="#292D32"/>
+<path d="M14 20.25H12.75V15.5C12.75 15.09 12.41 14.75 12 14.75C11.59 14.75 11.25 15.09 11.25 15.5V20.25H10C9.59 20.25 9.25 20.59 9.25 21C9.25 21.41 9.59 21.75 10 21.75H14C14.41 21.75 14.75 21.41 14.75 21C14.75 20.59 14.41 20.25 14 20.25Z" fill="#292D32"/>
+<path d="M2.83012 9.87994C2.95012 9.94994 3.08012 9.97993 3.20012 9.97993C3.46012 9.97993 3.71012 9.84994 3.85012 9.59994L4.48012 8.51994L8.60012 10.8999C8.71012 10.9699 8.84012 10.9999 8.97012 10.9999C9.23012 10.9999 9.48012 10.8699 9.62012 10.6199C9.83012 10.2699 9.70012 9.80994 9.35012 9.59994L5.23012 7.21993L5.85012 6.13993C6.06012 5.77993 5.93012 5.31993 5.58012 5.11993C5.22012 4.90993 4.76012 5.02993 4.56012 5.38993L2.56012 8.84994C2.35012 9.21994 2.47012 9.66994 2.83012 9.87994Z" fill="#292D32"/>
+<path d="M21.1699 14.1202C20.8099 13.9102 20.3499 14.0302 20.1499 14.3902L19.5199 15.4702L15.3999 13.1002C15.0399 12.8902 14.5799 13.0202 14.3799 13.3702C14.1699 13.7302 14.2999 14.1902 14.6499 14.3902L18.7599 16.7702L18.1399 17.8502C17.9299 18.2102 18.0599 18.6702 18.4099 18.8702C18.5299 18.9402 18.6599 18.9702 18.7799 18.9702C19.0399 18.9702 19.2899 18.8402 19.4299 18.5902L21.4299 15.1302C21.6499 14.7802 21.5299 14.3302 21.1699 14.1202Z" fill="#292D32"/>
+<path d="M18.7699 7.22019L14.6499 9.60019C14.2899 9.81019 14.1699 10.2702 14.3799 10.6202C14.5199 10.8602 14.7699 11.0002 15.0299 11.0002C15.1599 11.0002 15.2899 10.9702 15.3999 10.9002L19.5099 8.52019L20.1399 9.60019C20.2799 9.84019 20.5299 9.98019 20.7899 9.98019C20.9199 9.98019 21.0499 9.95019 21.1599 9.88019C21.5199 9.67019 21.6399 9.21019 21.4299 8.86019L19.4299 5.40019C19.2199 5.04019 18.7599 4.92019 18.4099 5.13019C18.0499 5.34019 17.9299 5.80019 18.1399 6.15019L18.7699 7.22019Z" fill="#292D32"/>
+<path d="M5.23012 16.7802L9.34012 14.4002C9.70012 14.1902 9.82012 13.7302 9.61012 13.3802C9.40012 13.0202 8.94012 12.9002 8.59012 13.1102L4.48012 15.4902L3.85012 14.4102C3.64012 14.0502 3.18012 13.9302 2.83012 14.1402C2.47012 14.3502 2.35012 14.8102 2.56012 15.1602L4.56012 18.6202C4.70012 18.8602 4.95012 19.0002 5.21012 19.0002C5.34012 19.0002 5.47012 18.9702 5.58012 18.9002C5.94012 18.6902 6.06012 18.2302 5.85012 17.8802L5.23012 16.7802Z" fill="#292D32"/>
+<path d="M15.5 12C15.5 12.64 15.33 13.23 15.03 13.75C14.42 14.8 13.29 15.5 12 15.5C10.71 15.5 9.58 14.8 8.97 13.75C8.67 13.23 8.5 12.64 8.5 12C8.5 11.36 8.67 10.77 8.97 10.25C9.58 9.2 10.71 8.5 12 8.5C13.29 8.5 14.42 9.2 15.03 10.25C15.33 10.77 15.5 11.36 15.5 12Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/tag-2.svg b/public/images/icons/vuesax/bold/tag-2.svg
new file mode 100644
index 0000000..8a13c7e
--- /dev/null
+++ b/public/images/icons/vuesax/bold/tag-2.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="M19.83 8.6998L15.3 4.1698C14.35 3.2198 13.04 2.7098 11.7 2.7798L6.69998 3.0198C4.69998 3.1098 3.10998 4.6998 3.00998 6.6898L2.76998 11.6898C2.70998 13.0298 3.20998 14.3398 4.15998 15.2898L8.68997 19.8198C10.55 21.6798 13.57 21.6798 15.44 19.8198L19.83 15.4298C21.7 13.5798 21.7 10.5598 19.83 8.6998ZM9.49998 12.3798C7.91998 12.3798 6.61998 11.0898 6.61998 9.4998C6.61998 7.9098 7.91998 6.6198 9.49998 6.6198C11.08 6.6198 12.38 7.9098 12.38 9.4998C12.38 11.0898 11.08 12.3798 9.49998 12.3798ZM17.53 13.5298L13.53 17.5298C13.38 17.6798 13.19 17.7498 13 17.7498C12.81 17.7498 12.62 17.6798 12.47 17.5298C12.18 17.2398 12.18 16.7598 12.47 16.4698L16.47 12.4698C16.76 12.1798 17.24 12.1798 17.53 12.4698C17.82 12.7598 17.82 13.2398 17.53 13.5298Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/tag-cross.svg b/public/images/icons/vuesax/bold/tag-cross.svg
new file mode 100644
index 0000000..4285f6f
--- /dev/null
+++ b/public/images/icons/vuesax/bold/tag-cross.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.0001 3.75H10.2801C8.87005 3.75 7.53005 4.34 6.58005 5.39L3.05005 9.27C1.64005 10.82 1.64005 13.18 3.05005 14.73L6.58005 18.61C7.53005 19.65 8.87005 20.25 10.2801 20.25H17.0001C19.7601 20.25 22.0001 18.01 22.0001 15.25V8.75C22.0001 5.99 19.7601 3.75 17.0001 3.75ZM16.5301 13.94C16.8201 14.23 16.8201 14.71 16.5301 15C16.3801 15.15 16.1901 15.22 16.0001 15.22C15.8101 15.22 15.6201 15.15 15.4701 15L13.5301 13.06L11.5901 15C11.4401 15.15 11.2501 15.22 11.0601 15.22C10.8701 15.22 10.6801 15.15 10.5301 15C10.2401 14.71 10.2401 14.23 10.5301 13.94L12.4701 12L10.5301 10.06C10.2401 9.77 10.2401 9.29 10.5301 9C10.8201 8.71 11.3001 8.71 11.5901 9L13.5301 10.94L15.4701 9C15.7601 8.71 16.2401 8.71 16.5301 9C16.8201 9.29 16.8201 9.77 16.5301 10.06L14.5901 12L16.5301 13.94Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/tag-right.svg b/public/images/icons/vuesax/bold/tag-right.svg
new file mode 100644
index 0000000..8e010ae
--- /dev/null
+++ b/public/images/icons/vuesax/bold/tag-right.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="M17.88 6.1201L3.92003 20.0801C3.49003 20.5101 2.77003 20.4701 2.42003 19.9801C1.92003 19.2901 1.82003 18.3301 2.34003 17.5001L5.10003 13.0701C5.47003 12.4801 5.47003 11.5201 5.10003 10.9301L2.34003 6.5001C1.41003 5.0201 2.48003 3.1001 4.22003 3.1001H15.67C16.35 3.1001 17.19 3.5701 17.55 4.1401L18.02 4.8801C18.26 5.2801 18.21 5.7901 17.88 6.1201Z" fill="#292D32"/>
+<path d="M21.63 13.11L16.45 20.01C16.09 20.5 15.29 20.9 14.67 20.9H7.50999C6.61999 20.9 6.16999 19.82 6.79999 19.19L18.32 7.67999C18.77 7.22999 19.54 7.30999 19.88 7.85999L21.73 10.83C22.13 11.47 22.09 12.5 21.63 13.11Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/tag-user.svg b/public/images/icons/vuesax/bold/tag-user.svg
new file mode 100644
index 0000000..38dbb7e
--- /dev/null
+++ b/public/images/icons/vuesax/bold/tag-user.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 2H6C4.34 2 3 3.33 3 4.97V15.88C3 17.52 4.34 18.86 6 18.86H6.76C7.55 18.86 8.32 19.17 8.88 19.73L10.59 21.42C11.37 22.19 12.63 22.19 13.41 21.42L15.12 19.73C15.68 19.17 16.45 18.86 17.24 18.86H18C19.66 18.86 21 17.52 21 15.88V4.97C21 3.33 19.66 2 18 2ZM12 5.55C13.08 5.55 13.95 6.43 13.95 7.5C13.95 8.56 13.11 9.41 12.07 9.45C12.03 9.45 11.97 9.45 11.92 9.45C10.87 9.41 10.04 8.56 10.04 7.5C10.05 6.43 10.92 5.55 12 5.55ZM14.75 14.69C13.24 15.7 10.76 15.7 9.25 14.69C7.92 13.81 7.92 12.35 9.25 11.46C10.77 10.45 13.25 10.45 14.75 11.46C16.08 12.35 16.08 13.8 14.75 14.69Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/tag.svg b/public/images/icons/vuesax/bold/tag.svg
new file mode 100644
index 0000000..62e609c
--- /dev/null
+++ b/public/images/icons/vuesax/bold/tag.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="M19.83 8.6998L15.3 4.1698C14.35 3.2198 13.04 2.7098 11.7 2.7798L6.69998 3.0198C4.69998 3.1098 3.10998 4.6998 3.00998 6.6898L2.76998 11.6898C2.70998 13.0298 3.20998 14.3398 4.15998 15.2898L8.68997 19.8198C10.55 21.6798 13.57 21.6798 15.44 19.8198L19.83 15.4298C21.7 13.5798 21.7 10.5598 19.83 8.6998ZM9.49998 12.3798C7.90998 12.3798 6.61998 11.0898 6.61998 9.4998C6.61998 7.9098 7.90998 6.6198 9.49998 6.6198C11.09 6.6198 12.38 7.9098 12.38 9.4998C12.38 11.0898 11.09 12.3798 9.49998 12.3798Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/task-square.svg b/public/images/icons/vuesax/bold/task-square.svg
new file mode 100644
index 0000000..4c48845
--- /dev/null
+++ b/public/images/icons/vuesax/bold/task-square.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.19C2 19.83 4.17 22 7.81 22H16.19C19.83 22 22 19.83 22 16.19V7.81C22 4.17 19.83 2 16.19 2ZM9.97 14.9L7.72 17.15C7.57 17.3 7.38 17.37 7.19 17.37C7 17.37 6.8 17.3 6.66 17.15L5.91 16.4C5.61 16.11 5.61 15.63 5.91 15.34C6.2 15.05 6.67 15.05 6.97 15.34L7.19 15.56L8.91 13.84C9.2 13.55 9.67 13.55 9.97 13.84C10.26 14.13 10.26 14.61 9.97 14.9ZM9.97 7.9L7.72 10.15C7.57 10.3 7.38 10.37 7.19 10.37C7 10.37 6.8 10.3 6.66 10.15L5.91 9.4C5.61 9.11 5.61 8.63 5.91 8.34C6.2 8.05 6.67 8.05 6.97 8.34L7.19 8.56L8.91 6.84C9.2 6.55 9.67 6.55 9.97 6.84C10.26 7.13 10.26 7.61 9.97 7.9ZM17.56 16.62H12.31C11.9 16.62 11.56 16.28 11.56 15.87C11.56 15.46 11.9 15.12 12.31 15.12H17.56C17.98 15.12 18.31 15.46 18.31 15.87C18.31 16.28 17.98 16.62 17.56 16.62ZM17.56 9.62H12.31C11.9 9.62 11.56 9.28 11.56 8.87C11.56 8.46 11.9 8.12 12.31 8.12H17.56C17.98 8.12 18.31 8.46 18.31 8.87C18.31 9.28 17.98 9.62 17.56 9.62Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/task.svg b/public/images/icons/vuesax/bold/task.svg
new file mode 100644
index 0000000..ff9263c
--- /dev/null
+++ b/public/images/icons/vuesax/bold/task.svg
@@ -0,0 +1,8 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20 19.2601H10.93C10.48 19.2601 10.11 18.8901 10.11 18.4401C10.11 17.9901 10.48 17.6201 10.93 17.6201H20C20.45 17.6201 20.82 17.9901 20.82 18.4401C20.82 18.9001 20.45 19.2601 20 19.2601Z" fill="#292D32"/>
+<path d="M20 12.9701H10.93C10.48 12.9701 10.11 12.6001 10.11 12.1501C10.11 11.7001 10.48 11.3301 10.93 11.3301H20C20.45 11.3301 20.82 11.7001 20.82 12.1501C20.82 12.6001 20.45 12.9701 20 12.9701Z" fill="#292D32"/>
+<path d="M20 6.66979H10.93C10.48 6.66979 10.11 6.29978 10.11 5.84978C10.11 5.39978 10.48 5.02979 10.93 5.02979H20C20.45 5.02979 20.82 5.39978 20.82 5.84978C20.82 6.29978 20.45 6.66979 20 6.66979Z" fill="#292D32"/>
+<path d="M4.91005 8.02992C4.69005 8.02992 4.48005 7.93992 4.33005 7.78992L3.42005 6.87992C3.10005 6.55992 3.10005 6.03992 3.42005 5.71992C3.74005 5.39992 4.26005 5.39992 4.58005 5.71992L4.91005 6.04992L7.05005 3.90992C7.37005 3.58992 7.89005 3.58992 8.21005 3.90992C8.53005 4.22992 8.53005 4.74992 8.21005 5.06992L5.49005 7.78992C5.33005 7.93992 5.13005 8.02992 4.91005 8.02992Z" fill="#292D32"/>
+<path d="M4.91005 14.3302C4.70005 14.3302 4.49005 14.2502 4.33005 14.0902L3.42005 13.1802C3.10005 12.8602 3.10005 12.3402 3.42005 12.0202C3.74005 11.7002 4.26005 11.7002 4.58005 12.0202L4.91005 12.3502L7.05005 10.2102C7.37005 9.89021 7.89005 9.89021 8.21005 10.2102C8.53005 10.5302 8.53005 11.0502 8.21005 11.3702L5.49005 14.0902C5.33005 14.2502 5.12005 14.3302 4.91005 14.3302Z" fill="#292D32"/>
+<path d="M4.91005 20.3302C4.70005 20.3302 4.49005 20.2502 4.33005 20.0902L3.42005 19.1802C3.10005 18.8602 3.10005 18.3402 3.42005 18.0202C3.74005 17.7002 4.26005 17.7002 4.58005 18.0202L4.91005 18.3502L7.05005 16.2102C7.37005 15.8902 7.89005 15.8902 8.21005 16.2102C8.53005 16.5302 8.53005 17.0502 8.21005 17.3702L5.49005 20.0902C5.33005 20.2502 5.12005 20.3302 4.91005 20.3302Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/teacher.svg b/public/images/icons/vuesax/bold/teacher.svg
new file mode 100644
index 0000000..e73504d
--- /dev/null
+++ b/public/images/icons/vuesax/bold/teacher.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.83 15.6402C17.5 15.2002 18.38 15.6802 18.38 16.4802V17.7702C18.38 19.0402 17.39 20.4002 16.2 20.8002L13.01 21.8602C12.45 22.0502 11.54 22.0502 10.99 21.8602L7.8 20.8002C6.6 20.4002 5.62 19.0402 5.62 17.7702V16.4702C5.62 15.6802 6.5 15.2002 7.16 15.6302L9.22 16.9702C10.01 17.5002 11.01 17.7602 12.01 17.7602C13.01 17.7602 14.01 17.5002 14.8 16.9702L16.83 15.6402Z" fill="#292D32"/>
+<path d="M19.98 6.46006L13.99 2.53006C12.91 1.82006 11.13 1.82006 10.05 2.53006L4.03002 6.46006C2.10002 7.71006 2.10002 10.5401 4.03002 11.8001L5.63002 12.8401L10.05 15.7201C11.13 16.4301 12.91 16.4301 13.99 15.7201L18.38 12.8401L19.75 11.9401V15.0001C19.75 15.4101 20.09 15.7501 20.5 15.7501C20.91 15.7501 21.25 15.4101 21.25 15.0001V10.0801C21.65 8.79006 21.24 7.29006 19.98 6.46006Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/tenx-(pay).svg b/public/images/icons/vuesax/bold/tenx-(pay).svg
new file mode 100644
index 0000000..fcad33c
--- /dev/null
+++ b/public/images/icons/vuesax/bold/tenx-(pay).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 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM17.79 12.71L15.95 14.55C15.56 14.94 14.93 14.94 14.54 14.55L12 12L9.45999 14.54C9.06999 14.93 8.43999 14.93 8.04999 14.54L6.20999 12.7C5.81999 12.31 5.81999 11.68 6.20999 11.29L8.04999 9.45C8.43999 9.06 9.06999 9.06 9.45999 9.45L12 12L14.54 9.46001C14.93 9.07001 15.56 9.07001 15.95 9.46001L17.79 11.3C18.18 11.68 18.18 12.32 17.79 12.71Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/tether-(usdt).svg b/public/images/icons/vuesax/bold/tether-(usdt).svg
new file mode 100644
index 0000000..e7d46de
--- /dev/null
+++ b/public/images/icons/vuesax/bold/tether-(usdt).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="M21.7101 9.89986L19.3101 5.07986C18.8401 4.12986 17.5901 3.35986 16.5301 3.35986H7.4701C6.4101 3.35986 5.1601 4.12986 4.6901 5.07986L2.29009 9.89986C1.71009 11.0599 2.03009 12.7099 2.98009 13.5799L9.9101 19.8699C11.0601 20.9099 12.9301 20.9099 14.0801 19.8699L21.0101 13.5799C21.9701 12.7099 22.2901 11.0499 21.7101 9.89986ZM16.0001 9.24986H12.7501V14.4999C12.7501 14.9099 12.4101 15.2499 12.0001 15.2499C11.5901 15.2499 11.2501 14.9099 11.2501 14.4999V9.24986H8.0001C7.5901 9.24986 7.2501 8.90986 7.2501 8.49986C7.2501 8.08986 7.5901 7.74986 8.0001 7.74986H16.0001C16.4101 7.74986 16.7501 8.08986 16.7501 8.49986C16.7501 8.90986 16.4101 9.24986 16.0001 9.24986Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/text-block.svg b/public/images/icons/vuesax/bold/text-block.svg
new file mode 100644
index 0000000..73ff69a
--- /dev/null
+++ b/public/images/icons/vuesax/bold/text-block.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM17.67 9.22C17.48 9.59 17.04 9.74 16.66 9.56C15.43 8.94 14.1 8.6 12.75 8.5V16.29C12.75 16.7 12.41 17.04 12 17.04C11.59 17.04 11.25 16.7 11.25 16.29V8.5C9.9 8.6 8.57 8.94 7.34 9.56C7.23 9.61 7.11 9.63 7 9.63C6.73 9.63 6.46 9.48 6.33 9.22C6.14 8.85 6.29 8.4 6.66 8.21C10 6.54 13.99 6.54 17.33 8.21C17.71 8.4 17.86 8.85 17.67 9.22Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/text-bold.svg b/public/images/icons/vuesax/bold/text-bold.svg
new file mode 100644
index 0000000..877bd55
--- /dev/null
+++ b/public/images/icons/vuesax/bold/text-bold.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.75 12.75H12.25H8.5V16.74C8.5 17.02 8.73 17.25 9.01 17.25H13.75C14.99 17.25 16 16.24 16 15C16 13.76 14.99 12.75 13.75 12.75Z" fill="#292D32"/>
+<path d="M14.5 9C14.5 7.76 13.49 6.75 12.25 6.75H9.01C8.73 6.75 8.5 6.98 8.5 7.26V11.25H12.25C13.49 11.25 14.5 10.24 14.5 9Z" fill="#292D32"/>
+<path d="M20.95 4.13C20.66 3.71 20.29 3.34 19.87 3.05C18.92 2.36 17.68 2 16.19 2H7.81C7.61 2 7.41 2.01 7.22 2.03C3.94 2.24 2 4.37 2 7.81V16.19C2 17.68 2.36 18.92 3.05 19.87C3.34 20.29 3.71 20.66 4.13 20.95C4.95 21.55 5.99 21.9 7.22 21.98C7.41 21.99 7.61 22 7.81 22H16.19C19.83 22 22 19.83 22 16.19V7.81C22 6.32 21.64 5.08 20.95 4.13ZM13.75 18.75H9.01C7.9 18.75 7 17.85 7 16.74V12V7.26C7 6.15 7.9 5.25 9.01 5.25H12.25C14.32 5.25 16 6.93 16 9C16 9.96 15.63 10.83 15.03 11.49C16.46 12.02 17.5 13.38 17.5 15C17.5 17.07 15.82 18.75 13.75 18.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/text-italic.svg b/public/images/icons/vuesax/bold/text-italic.svg
new file mode 100644
index 0000000..b6bd8ab
--- /dev/null
+++ b/public/images/icons/vuesax/bold/text-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="M20.95 4.13C20.66 3.71 20.29 3.34 19.87 3.05C18.92 2.36 17.68 2 16.19 2H7.81C7.61 2 7.41 2.01 7.22 2.03C3.94 2.24 2 4.37 2 7.81V16.19C2 17.68 2.36 18.92 3.05 19.87C3.34 20.29 3.71 20.66 4.13 20.95C4.95 21.55 5.99 21.9 7.22 21.98C7.41 21.99 7.61 22 7.81 22H16.19C19.83 22 22 19.83 22 16.19V7.81C22 6.32 21.64 5.08 20.95 4.13ZM15.87 7.51H13.92L11.68 16.48H13.52C13.93 16.48 14.27 16.82 14.27 17.23C14.27 17.64 13.93 17.98 13.52 17.98H8.13C7.72 17.98 7.38 17.64 7.38 17.23C7.38 16.82 7.72 16.48 8.13 16.48H10.13L12.37 7.51H10.48C10.07 7.51 9.73 7.17 9.73 6.76C9.73 6.35 10.07 6.01 10.48 6.01H15.86C16.27 6.01 16.61 6.35 16.61 6.76C16.61 7.17 16.28 7.51 15.87 7.51Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/text-underline.svg b/public/images/icons/vuesax/bold/text-underline.svg
new file mode 100644
index 0000000..41b9a87
--- /dev/null
+++ b/public/images/icons/vuesax/bold/text-underline.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="M20.95 4.13C20.66 3.71 20.29 3.34 19.87 3.05C18.92 2.36 17.68 2 16.19 2H7.81C7.61 2 7.41 2.01 7.22 2.03C3.94 2.24 2 4.37 2 7.81V16.19C2 17.68 2.36 18.92 3.05 19.87C3.34 20.29 3.71 20.66 4.13 20.95C4.95 21.55 5.99 21.9 7.22 21.98C7.41 21.99 7.61 22 7.81 22H16.19C19.83 22 22 19.83 22 16.19V7.81C22 6.32 21.64 5.08 20.95 4.13ZM16.83 18.96H7.17C6.76 18.96 6.42 18.62 6.42 18.21C6.42 17.8 6.76 17.46 7.17 17.46H16.84C17.25 17.46 17.59 17.8 17.59 18.21C17.59 18.62 17.25 18.96 16.83 18.96ZM17.58 10.62C17.58 13.7 15.08 16.2 12 16.2C8.92 16.2 6.42 13.7 6.42 10.62V5.79C6.42 5.38 6.76 5.04 7.17 5.04C7.58 5.04 7.92 5.38 7.92 5.79V10.62C7.92 12.87 9.75 14.7 12 14.7C14.25 14.7 16.08 12.87 16.08 10.62V5.79C16.08 5.38 16.42 5.04 16.83 5.04C17.24 5.04 17.58 5.38 17.58 5.79V10.62Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/text.svg b/public/images/icons/vuesax/bold/text.svg
new file mode 100644
index 0000000..5eb91c0
--- /dev/null
+++ b/public/images/icons/vuesax/bold/text.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="M20.95 4.13C20.66 3.71 20.29 3.34 19.87 3.05C18.92 2.36 17.68 2 16.19 2H7.81C7.61 2 7.41 2.01 7.22 2.03C3.94 2.24 2 4.37 2 7.81V16.19C2 17.68 2.36 18.92 3.05 19.87C3.34 20.29 3.71 20.66 4.13 20.95C4.95 21.55 5.99 21.9 7.22 21.98C7.41 21.99 7.61 22 7.81 22H16.19C19.83 22 22 19.83 22 16.19V7.81C22 6.32 21.64 5.08 20.95 4.13ZM18.75 8.9C18.75 9.31 18.41 9.65 18 9.65C17.59 9.65 17.25 9.31 17.25 8.9V7.72C17.25 7.4 16.99 7.14 16.67 7.14H12.75V16.86H14.53C14.94 16.86 15.28 17.2 15.28 17.61C15.28 18.02 14.94 18.36 14.53 18.36H9.47C9.06 18.36 8.72 18.02 8.72 17.61C8.72 17.2 9.06 16.86 9.47 16.86H11.25V7.14H7.33C7.01 7.14 6.75 7.4 6.75 7.72V8.9C6.75 9.31 6.41 9.65 6 9.65C5.59 9.65 5.25 9.31 5.25 8.9V7.72C5.25 6.57 6.18 5.64 7.33 5.64H16.66C17.81 5.64 18.74 6.57 18.74 7.72V8.9H18.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/textalign-center.svg b/public/images/icons/vuesax/bold/textalign-center.svg
new file mode 100644
index 0000000..095a1dd
--- /dev/null
+++ b/public/images/icons/vuesax/bold/textalign-center.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="M21 5.25H3C2.59 5.25 2.25 4.91 2.25 4.5C2.25 4.09 2.59 3.75 3 3.75H21C21.41 3.75 21.75 4.09 21.75 4.5C21.75 4.91 21.41 5.25 21 5.25Z" fill="#292D32"/>
+<path d="M16.74 10.25H7.26001C6.85001 10.25 6.51001 9.91 6.51001 9.5C6.51001 9.09 6.85001 8.75 7.26001 8.75H16.73C17.14 8.75 17.48 9.09 17.48 9.5C17.48 9.91 17.15 10.25 16.74 10.25Z" fill="#292D32"/>
+<path d="M21 15.25H3C2.59 15.25 2.25 14.91 2.25 14.5C2.25 14.09 2.59 13.75 3 13.75H21C21.41 13.75 21.75 14.09 21.75 14.5C21.75 14.91 21.41 15.25 21 15.25Z" fill="#292D32"/>
+<path d="M16.74 20.25H7.26001C6.85001 20.25 6.51001 19.91 6.51001 19.5C6.51001 19.09 6.85001 18.75 7.26001 18.75H16.73C17.14 18.75 17.48 19.09 17.48 19.5C17.48 19.91 17.15 20.25 16.74 20.25Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/textalign-justifycenter.svg b/public/images/icons/vuesax/bold/textalign-justifycenter.svg
new file mode 100644
index 0000000..848ee90
--- /dev/null
+++ b/public/images/icons/vuesax/bold/textalign-justifycenter.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="M21 5.25H3C2.59 5.25 2.25 4.91 2.25 4.5C2.25 4.09 2.59 3.75 3 3.75H21C21.41 3.75 21.75 4.09 21.75 4.5C21.75 4.91 21.41 5.25 21 5.25Z" fill="#292D32"/>
+<path d="M21 10.25H3C2.59 10.25 2.25 9.91 2.25 9.5C2.25 9.09 2.59 8.75 3 8.75H21C21.41 8.75 21.75 9.09 21.75 9.5C21.75 9.91 21.41 10.25 21 10.25Z" fill="#292D32"/>
+<path d="M21 15.25H3C2.59 15.25 2.25 14.91 2.25 14.5C2.25 14.09 2.59 13.75 3 13.75H21C21.41 13.75 21.75 14.09 21.75 14.5C21.75 14.91 21.41 15.25 21 15.25Z" fill="#292D32"/>
+<path d="M21 20.25H3C2.59 20.25 2.25 19.91 2.25 19.5C2.25 19.09 2.59 18.75 3 18.75H21C21.41 18.75 21.75 19.09 21.75 19.5C21.75 19.91 21.41 20.25 21 20.25Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/textalign-justifyleft.svg b/public/images/icons/vuesax/bold/textalign-justifyleft.svg
new file mode 100644
index 0000000..b7e86c1
--- /dev/null
+++ b/public/images/icons/vuesax/bold/textalign-justifyleft.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="M12 5.25H3C2.59 5.25 2.25 4.91 2.25 4.5C2.25 4.09 2.59 3.75 3 3.75H12C12.41 3.75 12.75 4.09 12.75 4.5C12.75 4.91 12.41 5.25 12 5.25Z" fill="#292D32"/>
+<path d="M12 10.25H3C2.59 10.25 2.25 9.91 2.25 9.5C2.25 9.09 2.59 8.75 3 8.75H12C12.41 8.75 12.75 9.09 12.75 9.5C12.75 9.91 12.41 10.25 12 10.25Z" fill="#292D32"/>
+<path d="M21 15.25H3C2.59 15.25 2.25 14.91 2.25 14.5C2.25 14.09 2.59 13.75 3 13.75H21C21.41 13.75 21.75 14.09 21.75 14.5C21.75 14.91 21.41 15.25 21 15.25Z" fill="#292D32"/>
+<path d="M21 20.25H3C2.59 20.25 2.25 19.91 2.25 19.5C2.25 19.09 2.59 18.75 3 18.75H21C21.41 18.75 21.75 19.09 21.75 19.5C21.75 19.91 21.41 20.25 21 20.25Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/textalign-justifyright.svg b/public/images/icons/vuesax/bold/textalign-justifyright.svg
new file mode 100644
index 0000000..0881407
--- /dev/null
+++ b/public/images/icons/vuesax/bold/textalign-justifyright.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="M21 5.25H12C11.59 5.25 11.25 4.91 11.25 4.5C11.25 4.09 11.59 3.75 12 3.75H21C21.41 3.75 21.75 4.09 21.75 4.5C21.75 4.91 21.41 5.25 21 5.25Z" fill="#292D32"/>
+<path d="M21 10.25H12C11.59 10.25 11.25 9.91 11.25 9.5C11.25 9.09 11.59 8.75 12 8.75H21C21.41 8.75 21.75 9.09 21.75 9.5C21.75 9.91 21.41 10.25 21 10.25Z" fill="#292D32"/>
+<path d="M21 15.25H3C2.59 15.25 2.25 14.91 2.25 14.5C2.25 14.09 2.59 13.75 3 13.75H21C21.41 13.75 21.75 14.09 21.75 14.5C21.75 14.91 21.41 15.25 21 15.25Z" fill="#292D32"/>
+<path d="M21 20.25H3C2.59 20.25 2.25 19.91 2.25 19.5C2.25 19.09 2.59 18.75 3 18.75H21C21.41 18.75 21.75 19.09 21.75 19.5C21.75 19.91 21.41 20.25 21 20.25Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/textalign-left.svg b/public/images/icons/vuesax/bold/textalign-left.svg
new file mode 100644
index 0000000..a51d1ba
--- /dev/null
+++ b/public/images/icons/vuesax/bold/textalign-left.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="M21 5.25H3C2.59 5.25 2.25 4.91 2.25 4.5C2.25 4.09 2.59 3.75 3 3.75H21C21.41 3.75 21.75 4.09 21.75 4.5C21.75 4.91 21.41 5.25 21 5.25Z" fill="#292D32"/>
+<path d="M12.47 10.25H3C2.59 10.25 2.25 9.91 2.25 9.5C2.25 9.09 2.59 8.75 3 8.75H12.47C12.88 8.75 13.22 9.09 13.22 9.5C13.22 9.91 12.89 10.25 12.47 10.25Z" fill="#292D32"/>
+<path d="M21 15.25H3C2.59 15.25 2.25 14.91 2.25 14.5C2.25 14.09 2.59 13.75 3 13.75H21C21.41 13.75 21.75 14.09 21.75 14.5C21.75 14.91 21.41 15.25 21 15.25Z" fill="#292D32"/>
+<path d="M12.47 20.25H3C2.59 20.25 2.25 19.91 2.25 19.5C2.25 19.09 2.59 18.75 3 18.75H12.47C12.88 18.75 13.22 19.09 13.22 19.5C13.22 19.91 12.89 20.25 12.47 20.25Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/textalign-right.svg b/public/images/icons/vuesax/bold/textalign-right.svg
new file mode 100644
index 0000000..6c535b9
--- /dev/null
+++ b/public/images/icons/vuesax/bold/textalign-right.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="M21 5.25H3C2.59 5.25 2.25 4.91 2.25 4.5C2.25 4.09 2.59 3.75 3 3.75H21C21.41 3.75 21.75 4.09 21.75 4.5C21.75 4.91 21.41 5.25 21 5.25Z" fill="#292D32"/>
+<path d="M21 10.25H11.53C11.12 10.25 10.78 9.91 10.78 9.5C10.78 9.09 11.12 8.75 11.53 8.75H21C21.41 8.75 21.75 9.09 21.75 9.5C21.75 9.91 21.41 10.25 21 10.25Z" fill="#292D32"/>
+<path d="M21 15.25H3C2.59 15.25 2.25 14.91 2.25 14.5C2.25 14.09 2.59 13.75 3 13.75H21C21.41 13.75 21.75 14.09 21.75 14.5C21.75 14.91 21.41 15.25 21 15.25Z" fill="#292D32"/>
+<path d="M21 20.25H11.53C11.12 20.25 10.78 19.91 10.78 19.5C10.78 19.09 11.12 18.75 11.53 18.75H21C21.41 18.75 21.75 19.09 21.75 19.5C21.75 19.91 21.41 20.25 21 20.25Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/the-graph-(grt).svg b/public/images/icons/vuesax/bold/the-graph-(grt).svg
new file mode 100644
index 0000000..364f0e0
--- /dev/null
+++ b/public/images/icons/vuesax/bold/the-graph-(grt).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 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM7.94 10.56C7.94 8.7 9.45001 7.18 11.32 7.18C13.19 7.18 14.7 8.69 14.7 10.56C14.7 12.43 13.19 13.94 11.32 13.94C9.45001 13.94 7.94 12.43 7.94 10.56ZM15.59 15.34L12.59 18.34C12.44 18.49 12.25 18.56 12.06 18.56C11.87 18.56 11.68 18.49 11.53 18.34C11.24 18.05 11.24 17.57 11.53 17.28L14.53 14.28C14.82 13.99 15.3 13.99 15.59 14.28C15.88 14.57 15.89 15.05 15.59 15.34ZM16.51 8.31C15.96 8.31 15.51 7.86 15.51 7.31C15.51 6.76 15.95 6.31 16.51 6.31H16.52C17.07 6.31 17.52 6.76 17.52 7.31C17.52 7.86 17.06 8.31 16.51 8.31Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/theta-(theta).svg b/public/images/icons/vuesax/bold/theta-(theta).svg
new file mode 100644
index 0000000..6ee7072
--- /dev/null
+++ b/public/images/icons/vuesax/bold/theta-(theta).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="M14 9.75H12.75V8.5C12.75 8.09 12.41 7.75 12 7.75C11.59 7.75 11.25 8.09 11.25 8.5V9.75H10C9.59 9.75 9.25 10.09 9.25 10.5C9.25 10.91 9.59 11.25 10 11.25H14C14.41 11.25 14.75 10.91 14.75 10.5C14.75 10.09 14.41 9.75 14 9.75Z" fill="black"/>
+<path d="M14 12.75H10C9.59 12.75 9.25 13.09 9.25 13.5C9.25 13.91 9.59 14.25 10 14.25H11.25V15.5C11.25 15.91 11.59 16.25 12 16.25C12.41 16.25 12.75 15.91 12.75 15.5V14.25H14C14.41 14.25 14.75 13.91 14.75 13.5C14.75 13.09 14.41 12.75 14 12.75Z" fill="black"/>
+<path d="M16.1898 2H7.81976C4.17976 2 2.00977 4.17 2.00977 7.81V16.18C2.00977 19.82 4.17976 21.99 7.81976 21.99H16.1898C19.8298 21.99 21.9998 19.82 21.9998 16.18V7.81C21.9998 4.17 19.8298 2 16.1898 2ZM16.9998 16.15C16.9998 17.17 16.1698 18 15.1498 18H8.84973C7.82973 18 6.99976 17.17 6.99976 16.15V7.85C6.99976 6.83 7.82973 6 8.84973 6H15.1498C16.1698 6 16.9998 6.83 16.9998 7.85V16.15Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/thorchain-(rune).svg b/public/images/icons/vuesax/bold/thorchain-(rune).svg
new file mode 100644
index 0000000..8b2f1de
--- /dev/null
+++ b/public/images/icons/vuesax/bold/thorchain-(rune).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.3799 17.5702L6.07988 21.9102C5.00988 22.3602 4.07986 21.0302 4.86986 20.1802L12.6799 11.7002L16.7298 15.8202C17.2698 16.3602 17.0899 17.2802 16.3799 17.5702Z" fill="black"/>
+<path d="M19.17 3.77016L12.68 11.7002L8.63003 7.60016C8.09003 7.05016 8.27001 6.13016 8.98001 5.84016L17.92 2.09016C18.96 1.65016 19.89 2.90016 19.17 3.77016Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/tick-circle.svg b/public/images/icons/vuesax/bold/tick-circle.svg
new file mode 100644
index 0000000..df1280d
--- /dev/null
+++ b/public/images/icons/vuesax/bold/tick-circle.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 2C6.49 2 2 6.49 2 12C2 17.51 6.49 22 12 22C17.51 22 22 17.51 22 12C22 6.49 17.51 2 12 2ZM16.78 9.7L11.11 15.37C10.97 15.51 10.78 15.59 10.58 15.59C10.38 15.59 10.19 15.51 10.05 15.37L7.22 12.54C6.93 12.25 6.93 11.77 7.22 11.48C7.51 11.19 7.99 11.19 8.28 11.48L10.58 13.78L15.72 8.64C16.01 8.35 16.49 8.35 16.78 8.64C17.07 8.93 17.07 9.4 16.78 9.7Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/tick-square.svg b/public/images/icons/vuesax/bold/tick-square.svg
new file mode 100644
index 0000000..1ee30b0
--- /dev/null
+++ b/public/images/icons/vuesax/bold/tick-square.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM16.78 9.7L11.11 15.37C10.97 15.51 10.78 15.59 10.58 15.59C10.38 15.59 10.19 15.51 10.05 15.37L7.22 12.54C6.93 12.25 6.93 11.77 7.22 11.48C7.51 11.19 7.99 11.19 8.28 11.48L10.58 13.78L15.72 8.64C16.01 8.35 16.49 8.35 16.78 8.64C17.07 8.93 17.07 9.4 16.78 9.7Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/ticket-2.svg b/public/images/icons/vuesax/bold/ticket-2.svg
new file mode 100644
index 0000000..9f59a79
--- /dev/null
+++ b/public/images/icons/vuesax/bold/ticket-2.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="M17.19 4.96C17.19 4.97 17.19 4.97 17.19 4.98C16.94 4.97 16.69 4.96 16.42 4.96H8.71997L9.78997 3.9C10.77 2.91 11.85 2 13.1 2C14.36 2 15.44 2.91 16.42 3.9L16.98 4.46C17.12 4.59 17.19 4.77 17.19 4.96Z" fill="#292D32"/>
+<path d="M20.84 13.1702C21.23 13.1702 21.54 12.8502 21.54 12.4502V11.5702C21.54 7.6402 20.34 6.4502 16.42 6.4502H10.12H7.57996C3.65996 6.4502 2.45996 7.6502 2.45996 11.5702V12.0002C2.45996 12.4002 2.76996 12.7102 3.15996 12.7102C3.99996 12.7102 4.66996 13.3902 4.66996 14.2202C4.66996 15.0502 3.99996 15.7402 3.15996 15.7402C2.76996 15.7402 2.45996 16.0502 2.45996 16.4502V16.8802C2.45996 20.8102 3.65996 22.0002 7.57996 22.0002H10.11H16.41C20.33 22.0002 21.53 20.8002 21.53 16.8802C21.53 16.4902 21.22 16.1702 20.83 16.1702C19.99 16.1702 19.32 15.5002 19.32 14.6702C19.33 13.8402 20 13.1702 20.84 13.1702ZM10.82 18.8602C10.82 19.2502 10.5 19.5702 10.11 19.5702C9.71996 19.5702 9.39996 19.2502 9.39996 18.8602V16.1802C9.39996 15.7902 9.71996 15.4702 10.11 15.4702C10.5 15.4702 10.82 15.7902 10.82 16.1802V18.8602ZM10.82 12.2702C10.82 12.6602 10.5 12.9802 10.11 12.9802C9.71996 12.9802 9.39996 12.6602 9.39996 12.2702V9.5902C9.39996 9.2002 9.71996 8.8802 10.11 8.8802C10.5 8.8802 10.82 9.2002 10.82 9.5902V12.2702Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/ticket-discount.svg b/public/images/icons/vuesax/bold/ticket-discount.svg
new file mode 100644
index 0000000..6f6cad6
--- /dev/null
+++ b/public/images/icons/vuesax/bold/ticket-discount.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="M21.3 10.8399C21.69 10.8399 22 10.5299 22 10.1399V9.20986C22 5.10986 20.75 3.85986 16.65 3.85986H7.35C3.25 3.85986 2 5.10986 2 9.20986V9.67986C2 10.0699 2.31 10.3799 2.7 10.3799C3.6 10.3799 4.33 11.1099 4.33 12.0099C4.33 12.9099 3.6 13.6299 2.7 13.6299C2.31 13.6299 2 13.9399 2 14.3299V14.7999C2 18.8999 3.25 20.1499 7.35 20.1499H16.65C20.75 20.1499 22 18.8999 22 14.7999C22 14.4099 21.69 14.0999 21.3 14.0999C20.4 14.0999 19.67 13.3699 19.67 12.4699C19.67 11.5699 20.4 10.8399 21.3 10.8399ZM9 8.87986C9.55 8.87986 10 9.32986 10 9.87986C10 10.4299 9.56 10.8799 9 10.8799C8.45 10.8799 8 10.4299 8 9.87986C8 9.32986 8.44 8.87986 9 8.87986ZM15 15.8799C14.44 15.8799 13.99 15.4299 13.99 14.8799C13.99 14.3299 14.44 13.8799 14.99 13.8799C15.54 13.8799 15.99 14.3299 15.99 14.8799C15.99 15.4299 15.56 15.8799 15 15.8799ZM15.9 9.47986L9.17 16.2099C9.02 16.3599 8.83 16.4299 8.64 16.4299C8.45 16.4299 8.26 16.3599 8.11 16.2099C7.82 15.9199 7.82 15.4399 8.11 15.1499L14.84 8.41986C15.13 8.12986 15.61 8.12986 15.9 8.41986C16.19 8.70986 16.19 9.18986 15.9 9.47986Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/ticket-expired.svg b/public/images/icons/vuesax/bold/ticket-expired.svg
new file mode 100644
index 0000000..5095a82
--- /dev/null
+++ b/public/images/icons/vuesax/bold/ticket-expired.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="M19.8501 12.9398C19.8501 13.7398 20.5001 14.3998 21.3001 14.3998C21.6801 14.3998 22.0001 14.7098 22.0001 15.0898C22.0001 18.9298 20.8401 20.0898 17.0001 20.0898H11.7501V18.4998C11.7501 18.1098 11.4501 17.7898 11.0701 17.7598C11.0501 17.7498 11.0201 17.7498 11.0001 17.7498C10.5901 17.7498 10.2501 18.0898 10.2501 18.4998V20.0898H8.49009C6.61009 20.0898 5.64009 18.6798 4.76009 16.5498L4.59009 16.1298C4.45009 15.7698 4.62009 15.3598 4.98009 15.2198C5.35009 15.0798 5.64009 14.7898 5.79009 14.4098C5.95009 14.0398 5.95009 13.6298 5.80009 13.2598C5.48009 12.4898 4.60009 12.1198 3.82009 12.4298C3.65009 12.5098 3.45009 12.5098 3.28009 12.4298C3.11009 12.3598 2.98009 12.2198 2.90009 12.0398L2.75009 11.6398C1.26009 8.01981 1.91009 6.46981 5.53009 4.96981L7.98009 3.95981C8.34009 3.80981 8.75009 3.97981 8.89009 4.33981L11.0701 9.08981C10.6601 9.08981 10.2501 9.41981 10.2501 9.82981V14.1698C10.2501 14.5798 10.5901 14.9198 11.0001 14.9198C11.0201 14.9198 11.0501 14.9198 11.0701 14.9098C11.4501 14.8798 11.7501 14.5598 11.7501 14.1698V9.82981C11.7501 9.43981 11.4501 9.11981 11.0701 9.08981V4.92981H17.0001C20.8401 4.92981 22.0001 6.08981 22.0001 9.92981V10.7798C22.0001 11.1698 21.6801 11.4798 21.3001 11.4798C20.5001 11.4798 19.8501 12.1298 19.8501 12.9398Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/ticket-star.svg b/public/images/icons/vuesax/bold/ticket-star.svg
new file mode 100644
index 0000000..627a93b
--- /dev/null
+++ b/public/images/icons/vuesax/bold/ticket-star.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.6501 3.85986H9.91012V6.87986C9.91012 7.26986 9.59012 7.57986 9.21012 7.57986C8.83012 7.57986 8.51012 7.26986 8.51012 6.87986V3.85986H7.35012C3.40012 3.85986 2.10012 5.03986 2.01012 8.72986C2.00012 8.90986 2.08012 9.09986 2.21012 9.22986C2.34012 9.36986 2.51012 9.43986 2.71012 9.43986C4.11012 9.43986 5.26012 10.5999 5.26012 11.9999C5.26012 13.3999 4.11012 14.5599 2.71012 14.5599C2.52012 14.5599 2.34012 14.6299 2.21012 14.7699C2.08012 14.8999 2.00012 15.0899 2.01012 15.2699C2.10012 18.9599 3.40012 20.1399 7.35012 20.1399H8.51012V17.1199C8.51012 16.7299 8.83012 16.4199 9.21012 16.4199C9.59012 16.4199 9.91012 16.7299 9.91012 17.1199V20.1399H16.6501C20.7501 20.1399 22.0001 18.8899 22.0001 14.7899V9.20986C22.0001 5.10986 20.7501 3.85986 16.6501 3.85986ZM18.4701 11.8999L17.5401 12.7999C17.5001 12.8299 17.4901 12.8899 17.5001 12.9399L17.7201 14.2099C17.7601 14.4399 17.6701 14.6799 17.4701 14.8199C17.2801 14.9599 17.0301 14.9799 16.8201 14.8699L15.6701 14.2699C15.6301 14.2499 15.5701 14.2499 15.5301 14.2699L14.3801 14.8699C14.2901 14.9199 14.1901 14.9399 14.0901 14.9399C13.9601 14.9399 13.8401 14.8999 13.7301 14.8199C13.5401 14.6799 13.4401 14.4499 13.4801 14.2099L13.7001 12.9399C13.7101 12.8899 13.6901 12.8399 13.6601 12.7999L12.7301 11.8999C12.5601 11.7399 12.5001 11.4899 12.5701 11.2699C12.6401 11.0399 12.8301 10.8799 13.0701 10.8499L14.3501 10.6599C14.4001 10.6499 14.4401 10.6199 14.4701 10.5799L15.0401 9.41986C15.1501 9.20986 15.3601 9.07986 15.6001 9.07986C15.8401 9.07986 16.0501 9.20986 16.1501 9.41986L16.7201 10.5799C16.7401 10.6299 16.7801 10.6599 16.8301 10.6599L18.1101 10.8499C18.3501 10.8799 18.5401 11.0499 18.6101 11.2699C18.7001 11.4899 18.6401 11.7299 18.4701 11.8999Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/ticket.svg b/public/images/icons/vuesax/bold/ticket.svg
new file mode 100644
index 0000000..7e70e19
--- /dev/null
+++ b/public/images/icons/vuesax/bold/ticket.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="M22 10.75C22.41 10.75 22.75 10.41 22.75 10V9C22.75 4.59 21.41 3.25 17 3.25H10.75V5.5C10.75 5.91 10.41 6.25 10 6.25C9.59 6.25 9.25 5.91 9.25 5.5V3.25H7C2.59 3.25 1.25 4.59 1.25 9V9.5C1.25 9.91 1.59 10.25 2 10.25C2.96 10.25 3.75 11.04 3.75 12C3.75 12.96 2.96 13.75 2 13.75C1.59 13.75 1.25 14.09 1.25 14.5V15C1.25 19.41 2.59 20.75 7 20.75H9.25V18.5C9.25 18.09 9.59 17.75 10 17.75C10.41 17.75 10.75 18.09 10.75 18.5V20.75H17C21.41 20.75 22.75 19.41 22.75 15C22.75 14.59 22.41 14.25 22 14.25C21.04 14.25 20.25 13.46 20.25 12.5C20.25 11.54 21.04 10.75 22 10.75ZM10.75 14.17C10.75 14.58 10.41 14.92 10 14.92C9.59 14.92 9.25 14.58 9.25 14.17V9.83C9.25 9.42 9.59 9.08 10 9.08C10.41 9.08 10.75 9.42 10.75 9.83V14.17Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/timer-1.svg b/public/images/icons/vuesax/bold/timer-1.svg
new file mode 100644
index 0000000..0c1c051
--- /dev/null
+++ b/public/images/icons/vuesax/bold/timer-1.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 4.6499C7.21996 4.6499 3.32996 8.5399 3.32996 13.3199C3.32996 18.0999 7.21996 21.9999 12 21.9999C16.78 21.9999 20.67 18.1099 20.67 13.3299C20.67 8.5499 16.78 4.6499 12 4.6499ZM12.75 12.9999C12.75 13.4099 12.41 13.7499 12 13.7499C11.59 13.7499 11.25 13.4099 11.25 12.9999V7.9999C11.25 7.5899 11.59 7.2499 12 7.2499C12.41 7.2499 12.75 7.5899 12.75 7.9999V12.9999Z" fill="#292D32"/>
+<path d="M14.89 3.45H9.11001C8.71001 3.45 8.39001 3.13 8.39001 2.73C8.39001 2.33 8.71001 2 9.11001 2H14.89C15.29 2 15.61 2.32 15.61 2.72C15.61 3.12 15.29 3.45 14.89 3.45Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/timer-pause.svg b/public/images/icons/vuesax/bold/timer-pause.svg
new file mode 100644
index 0000000..f48d9d1
--- /dev/null
+++ b/public/images/icons/vuesax/bold/timer-pause.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="M14.89 3.45H9.11001C8.71001 3.45 8.39001 3.13 8.39001 2.73C8.39001 2.33 8.71001 2 9.11001 2H14.89C15.29 2 15.61 2.32 15.61 2.72C15.61 3.12 15.29 3.45 14.89 3.45Z" fill="#292D32"/>
+<path d="M14 19.9699V17.0299C14 15.2199 15.22 13.9999 17.03 13.9999H19.97C20.2 13.9999 20.42 14.0199 20.63 14.0599C20.65 13.8199 20.67 13.5799 20.67 13.3299C20.67 8.5399 16.78 4.6499 12 4.6499C7.21996 4.6499 3.32996 8.5399 3.32996 13.3299C3.32996 18.1099 7.21996 21.9999 12 21.9999C12.85 21.9999 13.66 21.8599 14.44 21.6399C14.16 21.1699 14 20.6099 14 19.9699ZM12.75 12.9999C12.75 13.4099 12.41 13.7499 12 13.7499C11.59 13.7499 11.25 13.4099 11.25 12.9999V7.9999C11.25 7.5899 11.59 7.2499 12 7.2499C12.41 7.2499 12.75 7.5899 12.75 7.9999V12.9999Z" fill="#292D32"/>
+<path d="M19.97 15H17.04C15.76 15 15 15.76 15 17.03V19.97C15 21.24 15.76 22 17.04 22H19.97C21.24 22 22 21.24 22 19.97V17.03C22 15.76 21.24 15 19.97 15ZM17.92 20.06C17.92 20.38 17.66 20.64 17.33 20.64C17.01 20.64 16.75 20.38 16.75 20.06V16.94C16.75 16.62 17.01 16.36 17.33 16.36C17.66 16.36 17.92 16.62 17.92 16.94V20.06ZM20.25 20.06C20.25 20.38 19.99 20.64 19.67 20.64C19.35 20.64 19.08 20.38 19.08 20.06V16.94C19.08 16.62 19.35 16.36 19.67 16.36C19.99 16.36 20.25 16.62 20.25 16.94V20.06Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/timer-start.svg b/public/images/icons/vuesax/bold/timer-start.svg
new file mode 100644
index 0000000..1a14989
--- /dev/null
+++ b/public/images/icons/vuesax/bold/timer-start.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="M14.89 3.45H9.11001C8.71001 3.45 8.39001 3.13 8.39001 2.73C8.39001 2.33 8.71001 2 9.11001 2H14.89C15.29 2 15.61 2.32 15.61 2.72C15.61 3.12 15.29 3.45 14.89 3.45Z" fill="#292D32"/>
+<path d="M19.97 15H17.03C15.76 15 15 15.76 15 17.03V19.97C15 21.24 15.76 22 17.03 22H19.97C21.24 22 22 21.24 22 19.97V17.03C22 15.76 21.24 15 19.97 15ZM19.69 19.46L18.51 20.14C18.27 20.28 18.03 20.35 17.81 20.35C17.64 20.35 17.49 20.31 17.35 20.23C17.03 20.04 16.85 19.67 16.85 19.18V17.82C16.85 17.33 17.03 16.96 17.35 16.77C17.67 16.58 18.08 16.62 18.51 16.86L19.69 17.54C20.11 17.79 20.35 18.13 20.35 18.5C20.35 18.87 20.12 19.21 19.69 19.46Z" fill="#292D32"/>
+<path d="M14 19.9699V17.0299C14 15.2199 15.22 13.9999 17.03 13.9999H19.97C20.2 13.9999 20.42 14.0199 20.63 14.0599C20.65 13.8199 20.67 13.5799 20.67 13.3299C20.67 8.5399 16.78 4.6499 12 4.6499C7.21996 4.6499 3.32996 8.5399 3.32996 13.3299C3.32996 18.1099 7.21996 21.9999 12 21.9999C12.85 21.9999 13.66 21.8599 14.44 21.6399C14.16 21.1699 14 20.6099 14 19.9699ZM12.75 12.9999C12.75 13.4099 12.41 13.7499 12 13.7499C11.59 13.7499 11.25 13.4099 11.25 12.9999V7.9999C11.25 7.5899 11.59 7.2499 12 7.2499C12.41 7.2499 12.75 7.5899 12.75 7.9999V12.9999Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/timer.svg b/public/images/icons/vuesax/bold/timer.svg
new file mode 100644
index 0000000..349f9a2
--- /dev/null
+++ b/public/images/icons/vuesax/bold/timer.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="M17.39 15.67L13.35 12H10.64L6.59998 15.67C5.46998 16.69 5.09998 18.26 5.64998 19.68C6.19998 21.09 7.53998 22 9.04998 22H14.94C16.46 22 17.79 21.09 18.34 19.68C18.89 18.26 18.52 16.69 17.39 15.67ZM13.82 18.14H10.18C9.79998 18.14 9.49998 17.83 9.49998 17.46C9.49998 17.09 9.80998 16.78 10.18 16.78H13.82C14.2 16.78 14.5 17.09 14.5 17.46C14.5 17.83 14.19 18.14 13.82 18.14Z" fill="#292D32"/>
+<path d="M18.35 4.32C17.8 2.91 16.46 2 14.95 2H9.05004C7.54004 2 6.20004 2.91 5.65004 4.32C5.11004 5.74 5.48004 7.31 6.61004 8.33L10.65 12H13.36L17.4 8.33C18.52 7.31 18.89 5.74 18.35 4.32ZM13.82 7.23H10.18C9.80004 7.23 9.50004 6.92 9.50004 6.55C9.50004 6.18 9.81004 5.87 10.18 5.87H13.82C14.2 5.87 14.5 6.18 14.5 6.55C14.5 6.92 14.19 7.23 13.82 7.23Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/toggle-off-circle.svg b/public/images/icons/vuesax/bold/toggle-off-circle.svg
new file mode 100644
index 0000000..78696c9
--- /dev/null
+++ b/public/images/icons/vuesax/bold/toggle-off-circle.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.86 3.85986H10.14C5.65 3.85986 2 7.50986 2 11.9999C2 16.4899 5.65 20.1399 10.14 20.1399H13.86C18.35 20.1399 22 16.4899 22 11.9999C22 7.50986 18.35 3.85986 13.86 3.85986ZM10.14 16.4199C7.7 16.4199 5.72 14.4399 5.72 11.9999C5.72 9.55986 7.7 7.57986 10.14 7.57986C12.58 7.57986 14.56 9.55986 14.56 11.9999C14.56 14.4399 12.58 16.4199 10.14 16.4199Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/toggle-off.svg b/public/images/icons/vuesax/bold/toggle-off.svg
new file mode 100644
index 0000000..ab52963
--- /dev/null
+++ b/public/images/icons/vuesax/bold/toggle-off.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.65 3.85986H7.35C3.25 3.85986 2 5.10986 2 9.20986V14.7899C2 18.8899 3.25 20.1399 7.35 20.1399H16.65C20.75 20.1399 22 18.8899 22 14.7899V9.20986C22 5.10986 20.75 3.85986 16.65 3.85986ZM14.09 13.1199C14.09 15.3699 13.04 16.4199 10.79 16.4199H8.56C6.31 16.4199 5.26 15.3699 5.26 13.1199V10.8899C5.26 8.63986 6.31 7.58986 8.56 7.58986H10.79C13.04 7.58986 14.09 8.63986 14.09 10.8899V13.1199Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/toggle-on-circle.svg b/public/images/icons/vuesax/bold/toggle-on-circle.svg
new file mode 100644
index 0000000..93487fe
--- /dev/null
+++ b/public/images/icons/vuesax/bold/toggle-on-circle.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.86 3.85986H10.14C5.65 3.85986 2 7.50986 2 11.9999C2 16.4899 5.65 20.1399 10.14 20.1399H13.86C18.35 20.1399 22 16.4899 22 11.9999C22 7.50986 18.35 3.85986 13.86 3.85986ZM13.86 16.4199C11.42 16.4199 9.44 14.4399 9.44 11.9999C9.44 9.55986 11.42 7.57986 13.86 7.57986C16.3 7.57986 18.28 9.55986 18.28 11.9999C18.28 14.4399 16.3 16.4199 13.86 16.4199Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/toggle-on.svg b/public/images/icons/vuesax/bold/toggle-on.svg
new file mode 100644
index 0000000..2c9ffeb
--- /dev/null
+++ b/public/images/icons/vuesax/bold/toggle-on.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.65 3.85986H7.35C3.25 3.85986 2 5.10986 2 9.20986V14.7899C2 18.8899 3.25 20.1399 7.35 20.1399H16.65C20.75 20.1399 22 18.8899 22 14.7899V9.20986C22 5.10986 20.75 3.85986 16.65 3.85986ZM18.74 13.1199C18.74 15.3699 17.69 16.4199 15.44 16.4199H13.21C10.96 16.4199 9.91 15.3699 9.91 13.1199V10.8899C9.91 8.63986 10.96 7.58986 13.21 7.58986H15.44C17.69 7.58986 18.74 8.63986 18.74 10.8899V13.1199Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/trade.svg b/public/images/icons/vuesax/bold/trade.svg
new file mode 100644
index 0000000..8a42020
--- /dev/null
+++ b/public/images/icons/vuesax/bold/trade.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="M15 15.5C15 19.09 12.09 22 8.5 22C4.91 22 2 19.09 2 15.5C2 11.91 4.91 9 8.5 9C8.67 9 8.85 9.01 9.02 9.02C12.19 9.27 14.73 11.81 14.98 14.98C14.99 15.15 15 15.33 15 15.5Z" fill="#292D32"/>
+<path d="M22 8.5C22 11.76 19.6 14.45 16.48 14.92V14.86C16.17 10.98 13.02 7.83 9.11 7.52H9.08C9.55 4.4 12.24 2 15.5 2C19.09 2 22 4.91 22 8.5Z" fill="#292D32"/>
+<path d="M5.59 2H3C2.45 2 2 2.45 2 3V5.59C2 6.48 3.08 6.93 3.71 6.3L6.3 3.71C6.92 3.08 6.48 2 5.59 2Z" fill="#292D32"/>
+<path d="M18.41 21.9998H21C21.55 21.9998 22 21.5498 22 20.9998V18.4098C22 17.5198 20.92 17.0698 20.29 17.6998L17.7 20.2898C17.08 20.9198 17.52 21.9998 18.41 21.9998Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/transaction-minus.svg b/public/images/icons/vuesax/bold/transaction-minus.svg
new file mode 100644
index 0000000..785ec23
--- /dev/null
+++ b/public/images/icons/vuesax/bold/transaction-minus.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.78 2H8.22C4.44 2 3.5 3.01 3.5 7.04V18.3C3.5 20.96 4.96 21.59 6.73 19.69L6.74 19.68C7.56 18.81 8.81 18.88 9.52 19.83L10.53 21.18C11.34 22.25 12.65 22.25 13.46 21.18L14.47 19.83C15.19 18.87 16.44 18.8 17.26 19.68C19.04 21.58 20.49 20.95 20.49 18.29V7.04C20.5 3.01 19.56 2 15.78 2ZM14.75 10.75H9.25C8.84 10.75 8.5 10.41 8.5 10C8.5 9.59 8.84 9.25 9.25 9.25H14.75C15.16 9.25 15.5 9.59 15.5 10C15.5 10.41 15.16 10.75 14.75 10.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/translate.svg b/public/images/icons/vuesax/bold/translate.svg
new file mode 100644
index 0000000..01b5805
--- /dev/null
+++ b/public/images/icons/vuesax/bold/translate.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="M8.93 2H5.02C3 2 2 3 2 5.02V8.94C2 11 3 12 5.02 11.95H8.94C11 12 12 11 11.95 8.93V5.02C12 3 11 2 8.93 2ZM9.01 9.76C8.33 9.76 7.67 9.5 7.12 9.04C6.5 9.49 5.75 9.76 4.94 9.76C4.53 9.76 4.19 9.42 4.19 9.01C4.19 8.6 4.53 8.26 4.94 8.26C5.96 8.26 6.81 7.56 7.12 6.6H4.94C4.53 6.6 4.19 6.26 4.19 5.85C4.19 5.44 4.53 5.1 4.94 5.1H6.23C6.27 4.72 6.58 4.42 6.97 4.42C7.36 4.42 7.67 4.72 7.71 5.1H7.97C7.98 5.1 7.99 5.1 7.99 5.1H8.01H9C9.41 5.1 9.75 5.44 9.75 5.85C9.75 6.26 9.42 6.6 9 6.6H8.67C8.58 7.08 8.39 7.53 8.14 7.94C8.41 8.14 8.7 8.26 9.01 8.26C9.42 8.26 9.76 8.6 9.76 9.01C9.76 9.42 9.42 9.76 9.01 9.76Z" fill="#292D32"/>
+<path d="M9 22.75C4.73 22.75 1.25 19.27 1.25 15C1.25 14.59 1.59 14.25 2 14.25C2.41 14.25 2.75 14.59 2.75 15C2.75 17.96 4.81 20.44 7.58 21.09L7.31 20.64C7.1 20.28 7.21 19.82 7.57 19.61C7.92 19.4 8.39 19.51 8.6 19.87L9.65 21.62C9.79 21.85 9.79 22.14 9.66 22.37C9.52 22.6 9.27 22.75 9 22.75Z" fill="#292D32"/>
+<path d="M21.9999 9.75C21.5899 9.75 21.2499 9.41 21.2499 9C21.2499 6.04 19.1899 3.56 16.4199 2.91L16.6899 3.36C16.8999 3.72 16.7899 4.18 16.4299 4.39C16.0799 4.6 15.6099 4.49 15.3999 4.13L14.3499 2.38C14.2099 2.15 14.2099 1.86 14.3399 1.63C14.4799 1.4 14.7299 1.25 14.9999 1.25C19.2699 1.25 22.7499 4.73 22.7499 9C22.7499 9.41 22.4099 9.75 21.9999 9.75Z" fill="#292D32"/>
+<path d="M16.9201 11.8501C14.1201 11.8501 11.8401 14.1201 11.8401 16.9301C11.8401 19.7301 14.1101 22.0101 16.9201 22.0101C19.7201 22.0101 22.0001 19.7401 22.0001 16.9301C22.0001 14.1201 19.7301 11.8501 16.9201 11.8501ZM19.4001 19.3401C19.0301 19.5201 18.5801 19.3801 18.3901 19.0001L18.2201 18.6601H15.6301L15.4601 19.0001C15.3301 19.2601 15.0601 19.4101 14.7901 19.4101C14.6801 19.4101 14.5601 19.3801 14.4601 19.3301C14.0901 19.1401 13.9401 18.6901 14.1201 18.3201L16.2601 14.0501C16.3901 13.8001 16.6501 13.6401 16.9301 13.6401C17.2101 13.6401 17.4701 13.8001 17.6001 14.0601L19.7401 18.3301C19.9201 18.7001 19.7701 19.1501 19.4001 19.3401Z" fill="#292D32"/>
+<path d="M16.3799 17.1598H17.4699L16.9199 16.0698L16.3799 17.1598Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/trash.svg b/public/images/icons/vuesax/bold/trash.svg
new file mode 100644
index 0000000..125cd0b
--- /dev/null
+++ b/public/images/icons/vuesax/bold/trash.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="M21.07 5.23C19.46 5.07 17.85 4.95 16.23 4.86V4.85L16.01 3.55C15.86 2.63 15.64 1.25 13.3 1.25H10.68C8.34997 1.25 8.12997 2.57 7.96997 3.54L7.75997 4.82C6.82997 4.88 5.89997 4.94 4.96997 5.03L2.92997 5.23C2.50997 5.27 2.20997 5.64 2.24997 6.05C2.28997 6.46 2.64997 6.76 3.06997 6.72L5.10997 6.52C10.35 6 15.63 6.2 20.93 6.73C20.96 6.73 20.98 6.73 21.01 6.73C21.39 6.73 21.72 6.44 21.76 6.05C21.79 5.64 21.49 5.27 21.07 5.23Z" fill="#292D32"/>
+<path d="M19.23 8.14C18.99 7.89 18.66 7.75 18.32 7.75H5.67999C5.33999 7.75 4.99999 7.89 4.76999 8.14C4.53999 8.39 4.40999 8.73 4.42999 9.08L5.04999 19.34C5.15999 20.86 5.29999 22.76 8.78999 22.76H15.21C18.7 22.76 18.84 20.87 18.95 19.34L19.57 9.09C19.59 8.73 19.46 8.39 19.23 8.14ZM13.66 17.75H10.33C9.91999 17.75 9.57999 17.41 9.57999 17C9.57999 16.59 9.91999 16.25 10.33 16.25H13.66C14.07 16.25 14.41 16.59 14.41 17C14.41 17.41 14.07 17.75 13.66 17.75ZM14.5 13.75H9.49999C9.08999 13.75 8.74999 13.41 8.74999 13C8.74999 12.59 9.08999 12.25 9.49999 12.25H14.5C14.91 12.25 15.25 12.59 15.25 13C15.25 13.41 14.91 13.75 14.5 13.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/tree.svg b/public/images/icons/vuesax/bold/tree.svg
new file mode 100644
index 0000000..e5049ea
--- /dev/null
+++ b/public/images/icons/vuesax/bold/tree.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.17 10.0598H7.83001C6.65001 10.0598 6.24001 9.26982 6.93001 8.30982L11.1 2.46982C11.59 1.76982 12.41 1.76982 12.9 2.46982L17.07 8.30982C17.76 9.26982 17.35 10.0598 16.17 10.0598Z" fill="#292D32"/>
+<path d="M17.59 18.0001H6.41003C4.83003 18.0001 4.29003 16.9501 5.22003 15.6701L9.21003 10.0601H14.79L18.78 15.6701C19.71 16.9501 19.17 18.0001 17.59 18.0001Z" fill="#292D32"/>
+<path d="M12.75 18V22C12.75 22.41 12.41 22.75 12 22.75C11.59 22.75 11.25 22.41 11.25 22V18H12.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/trello.svg b/public/images/icons/vuesax/bold/trello.svg
new file mode 100644
index 0000000..b7c7e72
--- /dev/null
+++ b/public/images/icons/vuesax/bold/trello.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.1898 2H7.81976C4.17976 2 2.00977 4.17 2.00977 7.81V16.18C2.00977 19.82 4.17976 21.99 7.81976 21.99H16.1898C19.8298 21.99 21.9998 19.82 21.9998 16.18V7.81C21.9998 4.17 19.8298 2 16.1898 2ZM10.7698 16.49C10.7698 17.16 10.2197 17.71 9.54974 17.71H7.09973C6.42973 17.71 5.87976 17.16 5.87976 16.49V7.51001C5.87976 6.84001 6.42973 6.29001 7.09973 6.29001H9.54974C10.2197 6.29001 10.7698 6.84001 10.7698 7.51001V16.49ZM18.1198 12.65C18.1198 13.19 17.6798 13.63 17.1398 13.63H14.1998C13.6598 13.63 13.2197 13.19 13.2197 12.65V7.26001C13.2197 6.72001 13.6598 6.28 14.1998 6.28H17.1398C17.6798 6.28 18.1198 6.72001 18.1198 7.26001V12.65Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/trend-down.svg b/public/images/icons/vuesax/bold/trend-down.svg
new file mode 100644
index 0000000..7791d63
--- /dev/null
+++ b/public/images/icons/vuesax/bold/trend-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="M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM16.88 14.33C16.88 14.42 16.86 14.51 16.83 14.6C16.76 14.77 16.62 14.91 16.45 14.98C16.36 15.02 16.27 15.03 16.18 15.03H14.32C13.93 15.03 13.62 14.72 13.62 14.33C13.62 13.94 13.93 13.63 14.32 13.63H14.5L12.39 11.52L11.37 13.04C11.25 13.21 11.07 13.33 10.86 13.35C10.65 13.37 10.45 13.3 10.3 13.15L7.32 10.17C7.05 9.9 7.05 9.46 7.32 9.18C7.59 8.9 8.03 8.91 8.31 9.18L10.69 11.56L11.71 10.04C11.83 9.87 12.01 9.75 12.22 9.73C12.44 9.71 12.63 9.78 12.78 9.93L15.5 12.65V12.47C15.5 12.08 15.81 11.77 16.2 11.77C16.59 11.77 16.9 12.08 16.9 12.47V14.33H16.88Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/trend-up.svg b/public/images/icons/vuesax/bold/trend-up.svg
new file mode 100644
index 0000000..71a78da
--- /dev/null
+++ b/public/images/icons/vuesax/bold/trend-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="M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM16.88 11.53C16.88 11.92 16.57 12.23 16.18 12.23C15.79 12.23 15.48 11.92 15.48 11.53V11.35L12.76 14.07C12.61 14.22 12.41 14.29 12.2 14.27C11.99 14.25 11.8 14.14 11.69 13.96L10.67 12.44L8.29 14.82C8.15 14.96 7.98 15.02 7.8 15.02C7.62 15.02 7.44 14.95 7.31 14.82C7.04 14.55 7.04 14.11 7.31 13.83L10.29 10.85C10.44 10.7 10.64 10.63 10.85 10.65C11.06 10.67 11.25 10.78 11.36 10.96L12.38 12.48L14.49 10.37H14.31C13.92 10.37 13.61 10.06 13.61 9.67C13.61 9.28 13.92 8.97 14.31 8.97H16.17C16.26 8.97 16.35 8.99 16.44 9.02C16.61 9.09 16.75 9.23 16.82 9.4C16.86 9.49 16.87 9.58 16.87 9.67V11.53H16.88Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/triangle.svg b/public/images/icons/vuesax/bold/triangle.svg
new file mode 100644
index 0000000..f4ad8e7
--- /dev/null
+++ b/public/images/icons/vuesax/bold/triangle.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="M11.25 3.9001V12.9201C11.25 13.2501 11.09 13.5501 10.82 13.7401L3.60999 18.7901C3.01999 19.2001 2.17999 18.8801 2.04999 18.1701C1.89999 17.3101 2.09999 16.3001 2.69999 15.2101L5.81999 9.6001L8.75999 4.3101C8.98999 3.9001 9.23999 3.5401 9.49999 3.2301C10.1 2.5301 11.25 2.9801 11.25 3.9001Z" fill="#292D32"/>
+<path d="M20.39 18.7901L13.18 13.7401C12.91 13.5501 12.75 13.2501 12.75 12.9201V3.9001C12.75 2.9801 13.9 2.5301 14.5 3.2301C14.76 3.5401 15.01 3.9001 15.24 4.3101L18.18 9.6001L21.3 15.2101C21.9 16.3001 22.1 17.3101 21.95 18.1701C21.82 18.8801 20.98 19.2001 20.39 18.7901Z" fill="#292D32"/>
+<path d="M5.26 19.14L11.41 15.04C11.74 14.82 12.28 14.82 12.61 15.04L18.76 19.14C20.39 20.23 20.12 21.12 18.16 21.12H5.85C3.9 21.11 3.63 20.22 5.26 19.14Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/trontron-(trx).svg b/public/images/icons/vuesax/bold/trontron-(trx).svg
new file mode 100644
index 0000000..887316c
--- /dev/null
+++ b/public/images/icons/vuesax/bold/trontron-(trx).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="M19.3996 10.5303C19.9196 10.4303 20.2796 11.0203 19.9596 11.4403L13.0096 20.2903C12.6596 20.7403 11.9396 20.4503 11.9996 19.8903L12.6996 12.2903C12.7196 12.0403 12.9096 11.8303 13.1596 11.7803L19.3996 10.5303Z" fill="black"/>
+<path d="M21.6398 7.6902C21.8598 7.9302 21.7398 8.3202 21.4298 8.3902L12.9898 10.0802C12.4398 10.1902 12.0798 9.5202 12.4798 9.1202L17.4998 4.1002C17.7298 3.8702 18.0998 3.8802 18.3198 4.1102L21.6398 7.6902Z" fill="black"/>
+<path d="M14.6895 3.19006C15.1595 3.25006 15.3496 3.82006 15.0196 4.16006L11.4596 7.72006C11.2496 7.93006 10.9095 7.94006 10.6795 7.74006L5.33957 2.99006C4.91957 2.62006 5.23952 1.93006 5.78952 2.00006L14.6895 3.19006Z" fill="black"/>
+<path d="M10.7197 10.0699C10.9897 10.3099 11.1197 10.6599 11.0997 11.0099L10.2398 21.4699C10.1898 22.0699 9.35978 22.1899 9.13978 21.6299L2.28975 3.95994C2.06975 3.39994 2.74978 2.92994 3.19978 3.32994L10.7197 10.0699Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/truck-fast.svg b/public/images/icons/vuesax/bold/truck-fast.svg
new file mode 100644
index 0000000..f0f8250
--- /dev/null
+++ b/public/images/icons/vuesax/bold/truck-fast.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="M21.5 15.5C21.78 15.5 22 15.72 22 16V17C22 18.66 20.66 20 19 20C19 18.35 17.65 17 16 17C14.35 17 13 18.35 13 20H11C11 18.35 9.65 17 8 17C6.35 17 5 18.35 5 20C3.34 20 2 18.66 2 17V15C2 14.45 2.45 14 3 14H12.5C13.88 14 15 12.88 15 11.5V6C15 5.45 15.45 5 16 5H16.84C17.56 5 18.22 5.39 18.58 6.01L19.22 7.13C19.31 7.29 19.19 7.5 19 7.5C17.62 7.5 16.5 8.62 16.5 10V13C16.5 14.38 17.62 15.5 19 15.5H21.5Z" fill="#292D32"/>
+<path d="M8 22C9.10457 22 10 21.1046 10 20C10 18.8954 9.10457 18 8 18C6.89543 18 6 18.8954 6 20C6 21.1046 6.89543 22 8 22Z" fill="#292D32"/>
+<path d="M16 22C17.1046 22 18 21.1046 18 20C18 18.8954 17.1046 18 16 18C14.8954 18 14 18.8954 14 20C14 21.1046 14.8954 22 16 22Z" fill="#292D32"/>
+<path d="M22 12.53V14H19C18.45 14 18 13.55 18 13V10C18 9.45 18.45 9 19 9H20.29L21.74 11.54C21.91 11.84 22 12.18 22 12.53Z" fill="#292D32"/>
+<path d="M13.08 2H5.69C3.9 2 2.4 3.28 2.07 4.98H6.44C6.82 4.98 7.12 5.29 7.12 5.67C7.12 6.05 6.82 6.35 6.44 6.35H2V7.73H4.6C4.98 7.73 5.29 8.04 5.29 8.42C5.29 8.8 4.98 9.1 4.6 9.1H2V10.48H2.77C3.15 10.48 3.46 10.79 3.46 11.17C3.46 11.55 3.15 11.85 2.77 11.85H2V12.08C2 12.63 2.45 13.08 3 13.08H12.15C13.17 13.08 14 12.25 14 11.23V2.92C14 2.41 13.59 2 13.08 2Z" fill="#292D32"/>
+<path d="M2.07 4.97998H1.92H0.94C0.56 4.97998 0.25 5.28998 0.25 5.66998C0.25 6.04998 0.56 6.34998 0.94 6.34998H1.85H2V5.68998C2 5.44998 2.03 5.20998 2.07 4.97998Z" fill="#292D32"/>
+<path d="M1.85 7.72998H0.94C0.56 7.72998 0.25 8.03998 0.25 8.41998C0.25 8.79998 0.56 9.09998 0.94 9.09998H1.85H2V7.72998H1.85Z" fill="#292D32"/>
+<path d="M1.85 10.48H0.94C0.56 10.48 0.25 10.79 0.25 11.17C0.25 11.55 0.56 11.85 0.94 11.85H1.85H2V10.48H1.85Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/truck-remove.svg b/public/images/icons/vuesax/bold/truck-remove.svg
new file mode 100644
index 0000000..2c52a87
--- /dev/null
+++ b/public/images/icons/vuesax/bold/truck-remove.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="M21.5 15.5C21.78 15.5 22 15.72 22 16V17C22 18.66 20.66 20 19 20C19 18.35 17.65 17 16 17C14.35 17 13 18.35 13 20H11C11 18.35 9.65 17 8 17C6.35 17 5 18.35 5 20C3.34 20 2 18.66 2 17V15C2 14.45 2.45 14 3 14H12.5C13.88 14 15 12.88 15 11.5V6C15 5.45 15.45 5 16 5H16.84C17.56 5 18.22 5.39 18.58 6.01L19.22 7.13C19.31 7.29 19.19 7.5 19 7.5C17.62 7.5 16.5 8.62 16.5 10V13C16.5 14.38 17.62 15.5 19 15.5H21.5Z" fill="#292D32"/>
+<path d="M8 22C9.10457 22 10 21.1046 10 20C10 18.8954 9.10457 18 8 18C6.89543 18 6 18.8954 6 20C6 21.1046 6.89543 22 8 22Z" fill="#292D32"/>
+<path d="M16 22C17.1046 22 18 21.1046 18 20C18 18.8954 17.1046 18 16 18C14.8954 18 14 18.8954 14 20C14 21.1046 14.8954 22 16 22Z" fill="#292D32"/>
+<path d="M22 12.53V14H19C18.45 14 18 13.55 18 13V10C18 9.45 18.45 9 19 9H20.29L21.74 11.54C21.91 11.84 22 12.18 22 12.53Z" fill="#292D32"/>
+<path d="M13.08 1.97998H5.69C3.65 1.97998 2 3.62998 2 5.66998V12.06C2 12.61 2.45 13.06 3 13.06H12.15C13.17 13.06 14 12.23 14 11.21V2.89998C14 2.38998 13.59 1.97998 13.08 1.97998ZM9.6 9.09998C9.45 9.23998 9.26 9.30998 9.07 9.30998C8.88 9.30998 8.69 9.23998 8.54 9.09998L8.01 8.56998L7.46 9.11998C7.31 9.26998 7.12 9.33998 6.93 9.33998C6.74 9.33998 6.55 9.26998 6.4 9.11998C6.11 8.82998 6.11 8.34998 6.4 8.05998L6.95 7.50998L6.42 6.97998C6.13 6.68998 6.13 6.20998 6.42 5.91998C6.72 5.62998 7.19 5.62998 7.49 5.91998L8.01 6.44998L8.51 5.93998C8.81 5.64998 9.28 5.64998 9.58 5.93998C9.87 6.23998 9.87 6.70998 9.58 7.00998L9.07 7.50998L9.6 8.02998C9.89 8.32998 9.89 8.79998 9.6 9.09998Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/truck-tick.svg b/public/images/icons/vuesax/bold/truck-tick.svg
new file mode 100644
index 0000000..c8e2a1e
--- /dev/null
+++ b/public/images/icons/vuesax/bold/truck-tick.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="M21.5 15.5C21.78 15.5 22 15.72 22 16V17C22 18.66 20.66 20 19 20C19 18.35 17.65 17 16 17C14.35 17 13 18.35 13 20H11C11 18.35 9.65 17 8 17C6.35 17 5 18.35 5 20C3.34 20 2 18.66 2 17V15C2 14.45 2.45 14 3 14H12.5C13.88 14 15 12.88 15 11.5V6C15 5.45 15.45 5 16 5H16.84C17.56 5 18.22 5.39 18.58 6.01L19.22 7.13C19.31 7.29 19.19 7.5 19 7.5C17.62 7.5 16.5 8.62 16.5 10V13C16.5 14.38 17.62 15.5 19 15.5H21.5Z" fill="#292D32"/>
+<path d="M8 22C9.10457 22 10 21.1046 10 20C10 18.8954 9.10457 18 8 18C6.89543 18 6 18.8954 6 20C6 21.1046 6.89543 22 8 22Z" fill="#292D32"/>
+<path d="M16 22C17.1046 22 18 21.1046 18 20C18 18.8954 17.1046 18 16 18C14.8954 18 14 18.8954 14 20C14 21.1046 14.8954 22 16 22Z" fill="#292D32"/>
+<path d="M22 12.53V14H19C18.45 14 18 13.55 18 13V10C18 9.45 18.45 9 19 9H20.29L21.74 11.54C21.91 11.84 22 12.18 22 12.53Z" fill="#292D32"/>
+<path d="M13.08 2H5.69C3.65 2 2 3.65 2 5.69V12.07C2 12.62 2.45 13.07 3 13.07H12.15C13.17 13.07 14 12.24 14 11.22V2.92C14 2.41 13.59 2 13.08 2ZM10.07 7.07L7.98 9.09C7.83 9.23 7.64 9.3 7.46 9.3C7.27 9.3 7.08 9.23 6.94 9.09L5.93 8.13C5.63 7.84 5.62 7.36 5.91 7.06C6.19 6.76 6.67 6.76 6.97 7.04L7.46 7.51L9.03 5.99C9.33 5.7 9.8 5.71 10.09 6.01C10.38 6.31 10.37 6.78 10.07 7.07Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/truck-time.svg b/public/images/icons/vuesax/bold/truck-time.svg
new file mode 100644
index 0000000..3a01f96
--- /dev/null
+++ b/public/images/icons/vuesax/bold/truck-time.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="M21.5 15.5C21.78 15.5 22 15.72 22 16V17C22 18.66 20.66 20 19 20C19 18.35 17.65 17 16 17C14.35 17 13 18.35 13 20H11C11 18.35 9.65 17 8 17C6.35 17 5 18.35 5 20C3.34 20 2 18.66 2 17V15C2 14.45 2.45 14 3 14H12.5C13.88 14 15 12.88 15 11.5V6C15 5.45 15.45 5 16 5H16.84C17.56 5 18.22 5.39 18.58 6.01L19.22 7.13C19.31 7.29 19.19 7.5 19 7.5C17.62 7.5 16.5 8.62 16.5 10V13C16.5 14.38 17.62 15.5 19 15.5H21.5Z" fill="#292D32"/>
+<path d="M8 22C9.10457 22 10 21.1046 10 20C10 18.8954 9.10457 18 8 18C6.89543 18 6 18.8954 6 20C6 21.1046 6.89543 22 8 22Z" fill="#292D32"/>
+<path d="M16 22C17.1046 22 18 21.1046 18 20C18 18.8954 17.1046 18 16 18C14.8954 18 14 18.8954 14 20C14 21.1046 14.8954 22 16 22Z" fill="#292D32"/>
+<path d="M22 12.53V14H19C18.45 14 18 13.55 18 13V10C18 9.45 18.45 9 19 9H20.29L21.74 11.54C21.91 11.84 22 12.18 22 12.53Z" fill="#292D32"/>
+<path d="M13.08 2H5.69C3.65 2 2 3.65 2 5.69V12.08C2 12.63 2.45 13.08 3 13.08H12.15C13.17 13.08 14 12.25 14 11.23V2.92C14 2.41 13.59 2 13.08 2ZM9.38 7.91C9.38 8.17 9.24 8.42 9.02 8.55L7.77 9.3C7.64 9.38 7.51 9.41 7.38 9.41C7.13 9.41 6.88 9.28 6.74 9.05C6.52 8.69 6.64 8.23 6.99 8.02L7.88 7.49V6.41C7.88 6 8.22 5.66 8.63 5.66C9.04 5.66 9.38 6 9.38 6.41V7.91Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/truck.svg b/public/images/icons/vuesax/bold/truck.svg
new file mode 100644
index 0000000..ef87c6e
--- /dev/null
+++ b/public/images/icons/vuesax/bold/truck.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="M14 2.92V11.23C14 12.25 13.17 13.08 12.15 13.08H3C2.45 13.08 2 12.63 2 12.08V5.69C2 3.65 3.65 2 5.69 2H13.07C13.59 2 14 2.41 14 2.92Z" fill="#292D32"/>
+<path d="M21.5 15.5C21.78 15.5 22 15.72 22 16V17C22 18.66 20.66 20 19 20C19 18.35 17.65 17 16 17C14.35 17 13 18.35 13 20H11C11 18.35 9.65 17 8 17C6.35 17 5 18.35 5 20C3.34 20 2 18.66 2 17V15C2 14.45 2.45 14 3 14H12.5C13.88 14 15 12.88 15 11.5V6C15 5.45 15.45 5 16 5H16.84C17.56 5 18.22 5.39 18.58 6.01L19.22 7.13C19.31 7.29 19.19 7.5 19 7.5C17.62 7.5 16.5 8.62 16.5 10V13C16.5 14.38 17.62 15.5 19 15.5H21.5Z" fill="#292D32"/>
+<path d="M8 22C9.10457 22 10 21.1046 10 20C10 18.8954 9.10457 18 8 18C6.89543 18 6 18.8954 6 20C6 21.1046 6.89543 22 8 22Z" fill="#292D32"/>
+<path d="M16 22C17.1046 22 18 21.1046 18 20C18 18.8954 17.1046 18 16 18C14.8954 18 14 18.8954 14 20C14 21.1046 14.8954 22 16 22Z" fill="#292D32"/>
+<path d="M22 12.53V14H19C18.45 14 18 13.55 18 13V10C18 9.45 18.45 9 19 9H20.29L21.74 11.54C21.91 11.84 22 12.18 22 12.53Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/trush-square.svg b/public/images/icons/vuesax/bold/trush-square.svg
new file mode 100644
index 0000000..342700f
--- /dev/null
+++ b/public/images/icons/vuesax/bold/trush-square.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM15.76 15.76C15.7 16.61 15.63 17.67 13.71 17.67H10.29C8.38 17.67 8.3 16.61 8.24 15.76L7.93 11.8C7.91 11.54 8 11.29 8.17 11.1C8.34 10.91 8.59 10.81 8.84 10.81H15.16C15.41 10.81 15.66 10.92 15.83 11.1C16 11.29 16.09 11.54 16.07 11.79L15.76 15.76ZM16.8 9.82C16.78 9.82 16.76 9.82 16.74 9.82C15.7 9.72 14.75 9.65 13.84 9.61C12.62 9.55 11.4 9.53 10.17 9.58C9.57 9.61 8.96 9.65 8.36 9.71L7.27 9.82C7.25 9.82 7.22 9.82 7.2 9.82C6.85 9.82 6.55 9.56 6.52 9.2C6.48 8.83 6.76 8.49 7.13 8.46L8.22 8.35C8.65 8.31 9.07 8.28 9.5 8.26L9.58 7.79C9.66 7.29 9.81 6.33 11.31 6.33H12.7C14.21 6.33 14.36 7.32 14.43 7.8L14.51 8.28C15.26 8.32 16.03 8.38 16.87 8.46C17.25 8.5 17.52 8.83 17.49 9.21C17.45 9.56 17.15 9.82 16.8 9.82Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/twitch.svg b/public/images/icons/vuesax/bold/twitch.svg
new file mode 100644
index 0000000..d403d88
--- /dev/null
+++ b/public/images/icons/vuesax/bold/twitch.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 2H5.03999C4.70999 2 4.39001 2.17001 4.21001 2.45001L2.67 4.75C2.56 4.91 2.5 5.10999 2.5 5.29999V18C2.5 18.55 2.95 19 3.5 19H5.5C6.05 19 6.5 19.45 6.5 20V21C6.5 21.55 6.95 22 7.5 22H8.96001C9.29001 22 9.60999 21.83 9.78999 21.55L11.2 19.44C11.39 19.16 11.7 18.99 12.03 18.99H16.08C16.35 18.99 16.6 18.88 16.79 18.7L21.2 14.29C21.39 14.1 21.49 13.85 21.49 13.58V3C21.5 2.45 21.05 2 20.5 2ZM10.79 12.86C10.79 13.18 10.53 13.43 10.22 13.43H9.08C8.76 13.43 8.50999 13.17 8.50999 12.86V7.14999C8.50999 6.82999 8.77 6.57999 9.08 6.57999H10.22C10.54 6.57999 10.79 6.83999 10.79 7.14999V12.86ZM16.5 12.86C16.5 13.18 16.24 13.43 15.93 13.43H14.79C14.47 13.43 14.22 13.17 14.22 12.86V7.14999C14.22 6.82999 14.48 6.57999 14.79 6.57999H15.93C16.25 6.57999 16.5 6.83999 16.5 7.14999V12.86Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/ui8.svg b/public/images/icons/vuesax/bold/ui8.svg
new file mode 100644
index 0000000..f2ba223
--- /dev/null
+++ b/public/images/icons/vuesax/bold/ui8.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.9999 6.33984C17.8599 6.33984 17.4199 6.36986 17.4199 6.78986C17.4199 7.07986 17.6399 7.24985 17.9999 7.24985C18.3599 7.24985 18.5799 7.07986 18.5799 6.78986C18.5799 6.45986 18.2799 6.33984 17.9999 6.33984Z" fill="black"/>
+<path d="M18.0001 5.50977C18.2701 5.50977 18.4401 5.35976 18.4401 5.12976C18.4401 4.84976 18.2101 4.75977 18.0001 4.75977C17.7901 4.75977 17.5601 4.85976 17.5601 5.12976C17.5601 5.35976 17.7301 5.50977 18.0001 5.50977Z" fill="black"/>
+<path d="M18 2C15.9 2 14.19 3.61 14.02 5.66C14 5.77 14 5.89 14 6C14 8.21 15.79 10 18 10C18.35 10 18.68 9.96 19 9.87C20.73 9.43 22 7.86 22 6C22 3.79 20.21 2 18 2ZM18 8.20001C17.01 8.20001 16.4 7.70001 16.4 6.89001C16.4 6.50001 16.58 6.15 16.9 5.91C16.66 5.7 16.53 5.40999 16.53 5.07999C16.53 4.30999 17.12 3.79999 17.99 3.79999C18.86 3.79999 19.45 4.31999 19.45 5.07999C19.45 5.40999 19.33 5.7 19.08 5.91C19.41 6.14 19.59 6.49001 19.59 6.89001C19.6 7.70001 18.99 8.20001 18 8.20001Z" fill="black"/>
+<path d="M18 11.4999C16.85 11.4999 15.78 11.1499 14.9 10.5399C14.83 10.4899 14.74 10.5399 14.74 10.6199L14.75 15.4399C14.75 15.8599 14.41 16.1899 14 16.1899C13.59 16.1899 13.25 15.8599 13.25 15.4399V10.4999C13.25 10.1699 13.47 9.88992 13.77 9.78992C13.85 9.75992 13.9 9.6499 13.84 9.5899C13.01 8.6299 12.5 7.37992 12.5 6.00992C12.5 5.83992 12.51 5.6599 12.53 5.4899C12.53 5.4499 12.54 5.41991 12.54 5.37991C12.57 5.14991 12.45 4.9299 12.25 4.8299L11.35 4.3999C10.81 4.1499 10.19 4.1499 9.64999 4.3999L3.14999 7.4599C2.44999 7.7899 2 8.4899 2 9.2699V16.7299C2 17.5099 2.44999 18.2099 3.14999 18.5399L9.64999 21.5999C10.19 21.8499 10.81 21.8499 11.35 21.5999L17.85 18.5399C18.55 18.2099 19 17.5099 19 16.7299V12.0199C19 11.7099 18.71 11.4699 18.4 11.4899C18.27 11.4999 18.14 11.4999 18 11.4999ZM11.75 13.4999C11.75 15.0199 10.52 16.2499 9 16.2499C7.48 16.2499 6.25 15.0199 6.25 13.4999V10.4999C6.25 10.0899 6.59 9.74991 7 9.74991C7.41 9.74991 7.75 10.0899 7.75 10.4999V13.4999C7.75 14.1899 8.31 14.7499 9 14.7499C9.69 14.7499 10.25 14.1899 10.25 13.4999V10.4999C10.25 10.0899 10.59 9.74991 11 9.74991C11.41 9.74991 11.75 10.0899 11.75 10.4999V13.4999Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/undo.svg b/public/images/icons/vuesax/bold/undo.svg
new file mode 100644
index 0000000..5a87aa1
--- /dev/null
+++ b/public/images/icons/vuesax/bold/undo.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM13.92 16.63H9C8.59 16.63 8.25 16.29 8.25 15.88C8.25 15.47 8.59 15.13 9 15.13H13.92C15.2 15.13 16.25 14.09 16.25 12.8C16.25 11.51 15.21 10.47 13.92 10.47H8.85L9.11 10.73C9.4 11.02 9.4 11.5 9.11 11.79C8.96 11.94 8.77 12.01 8.58 12.01C8.39 12.01 8.2 11.94 8.05 11.79L6.48 10.22C6.19 9.93 6.19 9.45 6.48 9.16L8.05 7.59C8.34 7.3 8.82 7.3 9.11 7.59C9.4 7.88 9.4 8.36 9.11 8.65L8.77 8.98H13.92C16.03 8.98 17.75 10.7 17.75 12.81C17.75 14.92 16.03 16.63 13.92 16.63Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/unlimited.svg b/public/images/icons/vuesax/bold/unlimited.svg
new file mode 100644
index 0000000..494baaf
--- /dev/null
+++ b/public/images/icons/vuesax/bold/unlimited.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="M17.45 17.2999C15.77 17.2999 14.22 16.5099 13.21 15.1199C12.97 14.7899 13.04 14.3199 13.37 14.0699C13.7 13.8199 14.17 13.8999 14.42 14.2299C15.15 15.2199 16.25 15.7899 17.45 15.7899C19.54 15.7899 21.25 14.0899 21.25 11.9899C21.25 9.88992 19.55 8.18992 17.45 8.18992C16.03 8.18992 14.69 8.94992 13.96 10.1599L11.31 14.5699C10.31 16.2399 8.47999 17.2699 6.53999 17.2699C3.61999 17.2699 1.23999 14.8899 1.23999 11.9699C1.23999 9.04992 3.61999 6.66992 6.53999 6.66992C8.21999 6.66992 9.76999 7.45992 10.78 8.84992C11.02 9.17992 10.95 9.64992 10.62 9.89992C10.28 10.1499 9.81999 10.0699 9.56999 9.73992C8.84999 8.76992 7.74999 8.19992 6.54999 8.19992C4.45999 8.19992 2.74999 9.89992 2.74999 11.9999C2.74999 14.0999 4.44999 15.7999 6.54999 15.7999C7.96999 15.7999 9.30999 15.0399 10.04 13.8299L12.69 9.41992C13.69 7.74992 15.52 6.71992 17.46 6.71992C20.38 6.71992 22.76 9.09992 22.76 12.0199C22.76 14.9399 20.37 17.2999 17.45 17.2999Z" fill="#292D32"/>
+<path d="M6.5 14C7.60457 14 8.5 13.1046 8.5 12C8.5 10.8954 7.60457 10 6.5 10C5.39543 10 4.5 10.8954 4.5 12C4.5 13.1046 5.39543 14 6.5 14Z" fill="#292D32"/>
+<path d="M17.5 14C18.6046 14 19.5 13.1046 19.5 12C19.5 10.8954 18.6046 10 17.5 10C16.3954 10 15.5 10.8954 15.5 12C15.5 13.1046 16.3954 14 17.5 14Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/unlock.svg b/public/images/icons/vuesax/bold/unlock.svg
new file mode 100644
index 0000000..62b4520
--- /dev/null
+++ b/public/images/icons/vuesax/bold/unlock.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 17.3498C12.9002 17.3498 13.63 16.6201 13.63 15.7198C13.63 14.8196 12.9002 14.0898 12 14.0898C11.0998 14.0898 10.37 14.8196 10.37 15.7198C10.37 16.6201 11.0998 17.3498 12 17.3498Z" fill="#292D32"/>
+<path d="M16.65 9.44H7.35C7.27 9.44 7.2 9.44 7.12 9.44V8.28C7.12 5.35 7.95 3.4 12 3.4C16.33 3.4 16.88 5.51 16.88 7.35C16.88 7.74 17.19 8.05 17.58 8.05C17.97 8.05 18.28 7.74 18.28 7.35C18.28 3.8 16.17 2 12 2C6.37 2 5.72 5.58 5.72 8.28V9.53C2.92 9.88 2 11.3 2 14.79V16.65C2 20.75 3.25 22 7.35 22H16.65C20.75 22 22 20.75 22 16.65V14.79C22 10.69 20.75 9.44 16.65 9.44ZM12 18.74C10.33 18.74 8.98 17.38 8.98 15.72C8.98 14.05 10.34 12.7 12 12.7C13.66 12.7 15.02 14.06 15.02 15.72C15.02 17.39 13.67 18.74 12 18.74Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/usd-coin-(usdc).svg b/public/images/icons/vuesax/bold/usd-coin-(usdc).svg
new file mode 100644
index 0000000..c9f0d49
--- /dev/null
+++ b/public/images/icons/vuesax/bold/usd-coin-(usdc).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.75 14.5198H12.98C13.31 14.5198 13.59 14.2198 13.59 13.8498C13.59 13.3798 13.48 13.3198 13.16 13.2098L12.75 13.0698V14.5198Z" fill="black"/>
+<path d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM7.57999 16.42C7.86999 16.71 7.86999 17.19 7.57999 17.48C7.42999 17.63 7.23999 17.7 7.04999 17.7C6.85999 17.7 6.66999 17.63 6.51999 17.48C5.05999 16.02 4.25 14.07 4.25 12C4.25 9.93 5.05999 7.98 6.51999 6.52C6.80999 6.23 7.28999 6.23 7.57999 6.52C7.86999 6.81 7.86999 7.29 7.57999 7.58C6.39999 8.76 5.75 10.33 5.75 12C5.75 13.67 6.39999 15.24 7.57999 16.42ZM13.65 11.78C14.61 12.12 15.08 12.79 15.08 13.84C15.08 15.04 14.14 16.01 12.97 16.01H12.74V16.19C12.74 16.6 12.4 16.94 11.99 16.94C11.58 16.94 11.24 16.6 11.24 16.19V16.01H11.21C9.93999 16.01 8.89999 14.94 8.89999 13.63C8.89999 13.22 9.23999 12.88 9.64999 12.88C10.06 12.88 10.4 13.22 10.4 13.63C10.4 14.12 10.76 14.51 11.21 14.51H11.24V12.53L10.34 12.21C9.38 11.87 8.91 11.2 8.91 10.15C8.91 8.95 9.84999 7.98 11.02 7.98H11.25V7.8C11.25 7.39 11.59 7.05 12 7.05C12.41 7.05 12.75 7.39 12.75 7.8V7.98H12.78C14.05 7.98 15.09 9.05 15.09 10.36C15.09 10.77 14.75 11.11 14.34 11.11C13.93 11.11 13.59 10.77 13.59 10.36C13.59 9.87 13.23 9.48 12.78 9.48H12.75V11.46L13.65 11.78ZM17.48 17.48C17.33 17.63 17.14 17.7 16.95 17.7C16.76 17.7 16.57 17.63 16.42 17.48C16.13 17.19 16.13 16.71 16.42 16.42C17.6 15.24 18.25 13.67 18.25 12C18.25 10.33 17.6 8.76 16.42 7.58C16.13 7.29 16.13 6.81 16.42 6.52C16.71 6.23 17.19 6.23 17.48 6.52C18.94 7.98 19.75 9.93 19.75 12C19.75 14.07 18.94 16.02 17.48 17.48Z" fill="black"/>
+<path d="M10.4199 10.16C10.4199 10.63 10.5299 10.69 10.8499 10.8L11.2599 10.94V9.47998H11.0299C10.6899 9.47998 10.4199 9.78998 10.4199 10.16Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/user-add.svg b/public/images/icons/vuesax/bold/user-add.svg
new file mode 100644
index 0000000..02fd41e
--- /dev/null
+++ b/public/images/icons/vuesax/bold/user-add.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 15C6.98991 15 2.90991 18.36 2.90991 22.5C2.90991 22.78 3.12991 23 3.40991 23H20.5899C20.8699 23 21.0899 22.78 21.0899 22.5C21.0899 18.36 17.0099 15 11.9999 15Z" fill="#292D32"/>
+<path d="M15.71 3.66C14.81 2.64 13.47 2 12 2C10.6 2 9.32 2.57 8.41 3.51C7.54 4.41 7 5.65 7 7C7 7.94 7.26 8.82 7.73 9.57C7.98 10 8.3 10.39 8.68 10.71C9.55 11.51 10.71 12 12 12C13.83 12 15.41 11.02 16.28 9.57C16.54 9.14 16.74 8.66 16.85 8.16C16.95 7.79 17 7.4 17 7C17 5.72 16.51 4.55 15.71 3.66ZM13.87 7.92H12.94V8.89C12.94 9.41 12.52 9.83 12 9.83C11.48 9.83 11.06 9.41 11.06 8.89V7.92H10.13C9.61 7.92 9.19 7.5 9.19 6.98C9.19 6.46 9.61 6.04 10.13 6.04H11.06V5.15C11.06 4.63 11.48 4.21 12 4.21C12.52 4.21 12.94 4.63 12.94 5.15V6.04H13.87C14.39 6.04 14.81 6.46 14.81 6.98C14.81 7.5 14.39 7.92 13.87 7.92Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/user-cirlce-add.svg b/public/images/icons/vuesax/bold/user-cirlce-add.svg
new file mode 100644
index 0000000..d067e1f
--- /dev/null
+++ b/public/images/icons/vuesax/bold/user-cirlce-add.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="M21.97 2.33C21.25 1.51 20.18 1 19 1C17.88 1 16.86 1.46 16.13 2.21C15.71 2.64 15.39 3.16 15.2 3.74C15.07 4.14 15 4.56 15 5C15 5.75 15.21 6.46 15.58 7.06C15.78 7.4 16.04 7.71 16.34 7.97C17.04 8.61 17.97 9 19 9C19.44 9 19.86 8.93 20.25 8.79C21.17 8.5 21.94 7.87 22.42 7.06C22.63 6.72 22.79 6.33 22.88 5.93C22.96 5.63 23 5.32 23 5C23 3.98 22.61 3.04 21.97 2.33ZM20.49 5.73H19.75V6.51C19.75 6.92 19.41 7.26 19 7.26C18.59 7.26 18.25 6.92 18.25 6.51V5.73H17.51C17.1 5.73 16.76 5.39 16.76 4.98C16.76 4.57 17.1 4.23 17.51 4.23H18.25V3.52C18.25 3.11 18.59 2.77 19 2.77C19.41 2.77 19.75 3.11 19.75 3.52V4.23H20.49C20.9 4.23 21.24 4.57 21.24 4.98C21.24 5.39 20.91 5.73 20.49 5.73Z" fill="#292D32"/>
+<path d="M22 12C22 10.69 21.75 9.43 21.28 8.28C20.97 8.5 20.62 8.67 20.25 8.79C20.14 8.83 20.03 8.86 19.91 8.89C20.29 9.85 20.5 10.9 20.5 12C20.5 14.32 19.56 16.43 18.04 17.97C17.75 17.6 17.38 17.26 16.94 16.97C14.23 15.15 9.79 15.15 7.06 16.97C6.62 17.26 6.26 17.6 5.96 17.97C4.44 16.43 3.5 14.32 3.5 12C3.5 7.31 7.31 3.5 12 3.5C13.09 3.5 14.14 3.71 15.1 4.09C15.13 3.97 15.16 3.86 15.2 3.74C15.32 3.37 15.49 3.03 15.72 2.72C14.57 2.25 13.31 2 12 2C6.49 2 2 6.49 2 12C2 14.9 3.25 17.51 5.23 19.34C5.23 19.35 5.23 19.35 5.22 19.36C5.32 19.46 5.44 19.54 5.54 19.63C5.6 19.68 5.65 19.73 5.71 19.77C5.89 19.92 6.09 20.06 6.28 20.2C6.35 20.25 6.41 20.29 6.48 20.34C6.67 20.47 6.87 20.59 7.08 20.7C7.15 20.74 7.23 20.79 7.3 20.83C7.5 20.94 7.71 21.04 7.93 21.13C8.01 21.17 8.09 21.21 8.17 21.24C8.39 21.33 8.61 21.41 8.83 21.48C8.91 21.51 8.99 21.54 9.07 21.56C9.31 21.63 9.55 21.69 9.79 21.75C9.86 21.77 9.93 21.79 10.01 21.8C10.29 21.86 10.57 21.9 10.86 21.93C10.9 21.93 10.94 21.94 10.98 21.95C11.32 21.98 11.66 22 12 22C12.34 22 12.68 21.98 13.01 21.95C13.05 21.95 13.09 21.94 13.13 21.93C13.42 21.9 13.7 21.86 13.98 21.8C14.05 21.79 14.12 21.76 14.2 21.75C14.44 21.69 14.69 21.64 14.92 21.56C15 21.53 15.08 21.5 15.16 21.48C15.38 21.4 15.61 21.33 15.82 21.24C15.9 21.21 15.98 21.17 16.06 21.13C16.27 21.04 16.48 20.94 16.69 20.83C16.77 20.79 16.84 20.74 16.91 20.7C17.11 20.58 17.31 20.47 17.51 20.34C17.58 20.3 17.64 20.25 17.71 20.2C17.91 20.06 18.1 19.92 18.28 19.77C18.34 19.72 18.39 19.67 18.45 19.63C18.56 19.54 18.67 19.45 18.77 19.36C18.77 19.35 18.77 19.35 18.76 19.34C20.75 17.51 22 14.9 22 12Z" fill="#292D32"/>
+<path d="M12 6.93018C9.93 6.93018 8.25 8.61018 8.25 10.6802C8.25 12.7102 9.84 14.3602 11.95 14.4202C11.98 14.4202 12.02 14.4202 12.04 14.4202C12.06 14.4202 12.09 14.4202 12.11 14.4202C12.12 14.4202 12.13 14.4202 12.13 14.4202C14.15 14.3502 15.74 12.7102 15.75 10.6802C15.75 8.61018 14.07 6.93018 12 6.93018Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/user-edit.svg b/public/images/icons/vuesax/bold/user-edit.svg
new file mode 100644
index 0000000..65056f1
--- /dev/null
+++ b/public/images/icons/vuesax/bold/user-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="M12 2C9.24 2 7 4.24 7 7C7 9.76 9.24 12 12 12C14.76 12 17 9.76 17 7C17 4.24 14.76 2 12 2ZM14.17 6.51L11.47 9.21C11.37 9.31 11.16 9.41 11.02 9.44L9.99 9.58C9.61 9.63 9.35 9.37 9.41 9L9.56 7.97C9.58 7.83 9.68 7.62 9.79 7.52L12.49 4.82C12.95 4.36 13.5 4.14 14.18 4.82C14.85 5.51 14.63 6.05 14.17 6.51Z" fill="#292D32"/>
+<path d="M12 14C6.99003 14 2.91003 17.36 2.91003 21.5C2.91003 21.78 3.13003 22 3.41003 22H20.59C20.87 22 21.09 21.78 21.09 21.5C21.09 17.36 17.01 14 12 14Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/user-minus.svg b/public/images/icons/vuesax/bold/user-minus.svg
new file mode 100644
index 0000000..e58fed3
--- /dev/null
+++ b/public/images/icons/vuesax/bold/user-minus.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 14C6.99003 14 2.91003 17.36 2.91003 21.5C2.91003 21.78 3.13003 22 3.41003 22H20.59C20.87 22 21.09 21.78 21.09 21.5C21.09 17.36 17.01 14 12 14Z" fill="#292D32"/>
+<path d="M15.71 3.66C14.81 2.64 13.47 2 12 2C10.6 2 9.32 2.57 8.41 3.51C7.54 4.41 7 5.65 7 7C7 7.94 7.26 8.82 7.73 9.57C7.98 10 8.3 10.39 8.68 10.71C9.55 11.51 10.71 12 12 12C13.83 12 15.41 11.02 16.28 9.57C16.54 9.14 16.74 8.66 16.85 8.16C16.95 7.79 17 7.4 17 7C17 5.72 16.51 4.55 15.71 3.66ZM13.87 7.92H10.13C9.61 7.92 9.19 7.5 9.19 6.98C9.19 6.46 9.61 6.04 10.13 6.04H13.87C14.39 6.04 14.81 6.46 14.81 6.98C14.81 7.5 14.39 7.92 13.87 7.92Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/user-octagon.svg b/public/images/icons/vuesax/bold/user-octagon.svg
new file mode 100644
index 0000000..d0ca84a
--- /dev/null
+++ b/public/images/icons/vuesax/bold/user-octagon.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="M19.51 5.85L13.57 2.42C12.6 1.86 11.4 1.86 10.42 2.42L4.49004 5.85C3.52004 6.41 2.92004 7.45 2.92004 8.58V15.42C2.92004 16.54 3.52004 17.58 4.49004 18.15L10.43 21.58C11.4 22.14 12.6 22.14 13.58 21.58L19.52 18.15C20.49 17.59 21.09 16.55 21.09 15.42V8.58C21.08 7.45 20.48 6.42 19.51 5.85ZM12 7.34C13.29 7.34 14.33 8.38 14.33 9.67C14.33 10.96 13.29 12 12 12C10.71 12 9.67004 10.96 9.67004 9.67C9.67004 8.39 10.71 7.34 12 7.34ZM14.68 16.66H9.32004C8.51004 16.66 8.04004 15.76 8.49004 15.09C9.17004 14.08 10.49 13.4 12 13.4C13.51 13.4 14.83 14.08 15.51 15.09C15.96 15.75 15.48 16.66 14.68 16.66Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/user-remove.svg b/public/images/icons/vuesax/bold/user-remove.svg
new file mode 100644
index 0000000..b11d331
--- /dev/null
+++ b/public/images/icons/vuesax/bold/user-remove.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 14C6.98991 14 2.90991 17.36 2.90991 21.5C2.90991 21.78 3.12991 22 3.40991 22H20.5899C20.8699 22 21.0899 21.78 21.0899 21.5C21.0899 17.36 17.0099 14 11.9999 14Z" fill="#292D32"/>
+<path d="M16.8501 5.80008C16.7301 5.31008 16.5301 4.83008 16.2501 4.39008C16.0601 4.07008 15.8101 3.75008 15.5401 3.47008C14.6401 2.57008 13.4701 2.08008 12.2701 2.02008C10.9101 1.93008 9.52009 2.43008 8.47009 3.47008C7.48009 4.45008 6.98009 5.76008 7.00009 7.08008C7.01009 8.33008 7.51009 9.58008 8.46009 10.5401C9.12009 11.2001 9.93009 11.6401 10.8001 11.8401C11.2701 11.9601 11.7701 12.0201 12.2701 11.9801C13.4601 11.9301 14.6201 11.4601 15.5301 10.5401C16.8201 9.25008 17.2601 7.44008 16.8501 5.80008ZM14.0001 9.00008C13.6401 9.36008 13.0401 9.36008 12.6801 9.00008L11.9901 8.31008L11.3301 8.97008C10.9701 9.33008 10.3701 9.33008 10.0101 8.97008C9.64009 8.60008 9.64009 8.01008 10.0001 7.65008L10.6601 6.99008L10.0201 6.37008C9.66009 6.00008 9.66009 5.41008 10.0201 5.03008C10.3901 4.67008 10.9801 4.67008 11.3601 5.03008L11.9801 5.67008L12.6501 5.00008C13.0101 4.64008 13.6001 4.64008 13.9701 5.00008C14.3301 5.36008 14.3301 5.96008 13.9701 6.32008L13.3101 6.98008L14.0001 7.68008C14.3601 8.04008 14.3601 8.64008 14.0001 9.00008Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/user-search.svg b/public/images/icons/vuesax/bold/user-search.svg
new file mode 100644
index 0000000..4d02a3a
--- /dev/null
+++ b/public/images/icons/vuesax/bold/user-search.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 14C6.99003 14 2.91003 17.36 2.91003 21.5C2.91003 21.78 3.13003 22 3.41003 22H20.59C20.87 22 21.09 21.78 21.09 21.5C21.09 17.36 17.01 14 12 14Z" fill="#292D32"/>
+<path d="M16.72 10.35L15.76 9.39C16.26 8.64 16.55 7.74 16.55 6.77C16.55 4.13 14.41 2 11.78 2C9.15 2 7 4.14 7 6.77C7 9.4 9.14 11.54 11.77 11.54C12.74 11.54 13.64 11.25 14.39 10.75L15.35 11.71C15.54 11.9 15.79 11.99 16.03 11.99C16.28 11.99 16.53 11.9 16.71 11.71C17.09 11.34 17.09 10.73 16.72 10.35Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/user-square.svg b/public/images/icons/vuesax/bold/user-square.svg
new file mode 100644
index 0000000..6eb4498
--- /dev/null
+++ b/public/images/icons/vuesax/bold/user-square.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.19C2 19 3.29 20.93 5.56 21.66C6.22 21.89 6.98 22 7.81 22H16.19C17.02 22 17.78 21.89 18.44 21.66C20.71 20.93 22 19 22 16.19V7.81C22 4.17 19.83 2 16.19 2ZM20.5 16.19C20.5 18.33 19.66 19.68 17.97 20.24C17 18.33 14.7 16.97 12 16.97C9.3 16.97 7.01 18.32 6.03 20.24H6.02C4.35 19.7 3.5 18.34 3.5 16.2V7.81C3.5 4.99 4.99 3.5 7.81 3.5H16.19C19.01 3.5 20.5 4.99 20.5 7.81V16.19Z" fill="#292D32"/>
+<path d="M12 8C10.02 8 8.42004 9.6 8.42004 11.58C8.42004 13.56 10.02 15.17 12 15.17C13.98 15.17 15.58 13.56 15.58 11.58C15.58 9.6 13.98 8 12 8Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/user-tag.svg b/public/images/icons/vuesax/bold/user-tag.svg
new file mode 100644
index 0000000..9f0509e
--- /dev/null
+++ b/public/images/icons/vuesax/bold/user-tag.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 2H6C4.34 2 3 3.33 3 4.97V15.88C3 17.52 4.34 18.85 6 18.85H6.76C7.56 18.85 8.32 19.16 8.88 19.72L10.59 21.41C11.37 22.18 12.64 22.18 13.42 21.41L15.13 19.72C15.69 19.16 16.46 18.85 17.25 18.85H18C19.66 18.85 21 17.52 21 15.88V4.97C21 3.33 19.66 2 18 2ZM12 5.75C13.29 5.75 14.33 6.79 14.33 8.08C14.33 9.37 13.29 10.41 12 10.41C10.71 10.41 9.67 9.36 9.67 8.08C9.67 6.79 10.71 5.75 12 5.75ZM14.68 15.06H9.32C8.51 15.06 8.04 14.16 8.49 13.49C9.17 12.48 10.49 11.8 12 11.8C13.51 11.8 14.83 12.48 15.51 13.49C15.96 14.16 15.48 15.06 14.68 15.06Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/user-tick.svg b/public/images/icons/vuesax/bold/user-tick.svg
new file mode 100644
index 0000000..26390f4
--- /dev/null
+++ b/public/images/icons/vuesax/bold/user-tick.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 14C6.99003 14 2.91003 17.36 2.91003 21.5C2.91003 21.78 3.13003 22 3.41003 22H20.59C20.87 22 21.09 21.78 21.09 21.5C21.09 17.36 17.01 14 12 14Z" fill="#292D32"/>
+<path d="M12 2C10.82 2 9.74 2.41 8.88 3.1C7.73 4.01 7 5.42 7 7C7 7.94 7.26 8.82 7.73 9.57C8.59 11.02 10.17 12 12 12C13.26 12 14.41 11.54 15.29 10.75C15.68 10.42 16.02 10.02 16.28 9.57C16.74 8.82 17 7.94 17 7C17 4.24 14.76 2 12 2ZM14.59 6.46L11.92 8.92C11.74 9.09 11.51 9.17 11.28 9.17C11.04 9.17 10.8 9.08 10.62 8.9L9.39 7.66C9.02 7.29 9.02 6.7 9.39 6.33C9.76 5.96 10.35 5.96 10.72 6.33L11.31 6.92L13.32 5.07C13.7 4.72 14.29 4.74 14.64 5.12C14.99 5.51 14.97 6.11 14.59 6.46Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/user.svg b/public/images/icons/vuesax/bold/user.svg
new file mode 100644
index 0000000..23f2321
--- /dev/null
+++ b/public/images/icons/vuesax/bold/user.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 12C14.7614 12 17 9.76142 17 7C17 4.23858 14.7614 2 12 2C9.23858 2 7 4.23858 7 7C7 9.76142 9.23858 12 12 12Z" fill="#292D32"/>
+<path d="M11.9999 14.5C6.98991 14.5 2.90991 17.86 2.90991 22C2.90991 22.28 3.12991 22.5 3.40991 22.5H20.5899C20.8699 22.5 21.0899 22.28 21.0899 22C21.0899 17.86 17.0099 14.5 11.9999 14.5Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/velas-(vlx).svg b/public/images/icons/vuesax/bold/velas-(vlx).svg
new file mode 100644
index 0000000..a365fa5
--- /dev/null
+++ b/public/images/icons/vuesax/bold/velas-(vlx).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="M21 3.1499H3C2.59 3.1499 2.25 3.4899 2.25 3.8999C2.25 4.3099 2.59 4.6499 3 4.6499H21C21.41 4.6499 21.75 4.3099 21.75 3.8999C21.75 3.4899 21.41 3.1499 21 3.1499Z" fill="black"/>
+<path d="M4.0399 6.24023H19.9699C20.8499 6.24023 21.3799 7.21023 20.8999 7.95023L12.9399 20.3402C12.4999 21.0202 11.5099 21.0202 11.0699 20.3402L3.10988 7.95023C2.62988 7.21023 3.1599 6.24023 4.0399 6.24023Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/verify.svg b/public/images/icons/vuesax/bold/verify.svg
new file mode 100644
index 0000000..2d483b2
--- /dev/null
+++ b/public/images/icons/vuesax/bold/verify.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="M21.56 10.7401L20.2 9.16006C19.94 8.86006 19.73 8.30006 19.73 7.90006V6.20006C19.73 5.14006 18.86 4.27006 17.8 4.27006H16.1C15.71 4.27006 15.14 4.06006 14.84 3.80006L13.26 2.44006C12.57 1.85006 11.44 1.85006 10.74 2.44006L9.17 3.81006C8.87 4.06006 8.3 4.27006 7.91 4.27006H6.18C5.12 4.27006 4.25 5.14006 4.25 6.20006V7.91006C4.25 8.30006 4.04 8.86006 3.79 9.16006L2.44 10.7501C1.86 11.4401 1.86 12.5601 2.44 13.2501L3.79 14.8401C4.04 15.1401 4.25 15.7001 4.25 16.0901V17.8001C4.25 18.8601 5.12 19.7301 6.18 19.7301H7.91C8.3 19.7301 8.87 19.9401 9.17 20.2001L10.75 21.5601C11.44 22.1501 12.57 22.1501 13.27 21.5601L14.85 20.2001C15.15 19.9401 15.71 19.7301 16.11 19.7301H17.81C18.87 19.7301 19.74 18.8601 19.74 17.8001V16.1001C19.74 15.7101 19.95 15.1401 20.21 14.8401L21.57 13.2601C22.15 12.5701 22.15 11.4301 21.56 10.7401ZM16.16 10.1101L11.33 14.9401C11.19 15.0801 11 15.1601 10.8 15.1601C10.6 15.1601 10.41 15.0801 10.27 14.9401L7.85 12.5201C7.56 12.2301 7.56 11.7501 7.85 11.4601C8.14 11.1701 8.62 11.1701 8.91 11.4601L10.8 13.3501L15.1 9.05006C15.39 8.76006 15.87 8.76006 16.16 9.05006C16.45 9.34006 16.45 9.82006 16.16 10.1101Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/vibe-(vibe).svg b/public/images/icons/vuesax/bold/vibe-(vibe).svg
new file mode 100644
index 0000000..f405c24
--- /dev/null
+++ b/public/images/icons/vuesax/bold/vibe-(vibe).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 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM9.04999 8.28999C9.12999 8.11999 9.31 8.00999 9.5 8.00999H14.5C14.69 8.00999 14.86 8.11999 14.95 8.28999C15.04 8.45999 15.02 8.66 14.9 8.81L12.4 12.14C12.31 12.27 12.16 12.34 12 12.34C11.84 12.34 11.69 12.27 11.6 12.14L9.09998 8.81C8.98998 8.67 8.96999 8.45999 9.04999 8.28999ZM17.61 10.44L12.61 17.44C12.47 17.64 12.24 17.75 12 17.75C11.76 17.75 11.53 17.63 11.39 17.44L6.39001 10.44C6.15001 10.1 6.23 9.63 6.56 9.39C6.9 9.15 7.36999 9.23 7.60999 9.56L12 15.71L16.39 9.56C16.63 9.22 17.1 9.14 17.44 9.39C17.77 9.63 17.85 10.1 17.61 10.44Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/video-add.svg b/public/images/icons/vuesax/bold/video-add.svg
new file mode 100644
index 0000000..b0ceed9
--- /dev/null
+++ b/public/images/icons/vuesax/bold/video-add.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="M14.73 5.86V2.5C14.73 2.22 14.51 2 14.23 2H9.77002C9.49002 2 9.27002 2.22 9.27002 2.5V5.86C9.27002 6.14 9.49002 6.36 9.77002 6.36H14.23C14.51 6.36 14.73 6.14 14.73 5.86Z" fill="#292D32"/>
+<path d="M7.24998 2.02021C4.68998 2.18021 2.93998 3.50021 2.28998 5.70021C2.18998 6.03021 2.42998 6.36021 2.76998 6.36021H7.26998C7.54998 6.36021 7.76998 6.14021 7.76998 5.86021V2.52021C7.76998 2.24021 7.52998 2.00021 7.24998 2.02021Z" fill="#292D32"/>
+<path d="M16.75 2.00996C19.31 2.16996 21.06 3.48996 21.71 5.68996C21.81 6.01996 21.57 6.34996 21.23 6.34996H16.73C16.45 6.34996 16.23 6.12996 16.23 5.84996V2.50996C16.23 2.22996 16.47 1.98996 16.75 2.00996Z" fill="#292D32"/>
+<path d="M22 15.7C22 15.69 21.99 15.68 21.98 15.67C21.94 15.61 21.89 15.55 21.84 15.5C21.83 15.49 21.82 15.47 21.81 15.46C21 14.56 19.81 14 18.5 14C17.24 14 16.09 14.52 15.27 15.36C14.48 16.17 14 17.28 14 18.5C14 19.34 14.24 20.14 14.65 20.82C14.87 21.19 15.15 21.53 15.47 21.81C15.49 21.82 15.5 21.83 15.51 21.84C15.56 21.89 15.61 21.93 15.67 21.98C15.67 21.98 15.67 21.98 15.68 21.98C15.69 21.99 15.7 22 15.71 22C16.46 22.63 17.43 23 18.5 23C20.14 23 21.57 22.12 22.35 20.82C22.58 20.43 22.76 20 22.87 19.55C22.96 19.21 23 18.86 23 18.5C23 17.44 22.63 16.46 22 15.7ZM20.18 19.23H19.25V20.2C19.25 20.61 18.91 20.95 18.5 20.95C18.09 20.95 17.75 20.61 17.75 20.2V19.23H16.82C16.41 19.23 16.07 18.89 16.07 18.48C16.07 18.07 16.41 17.73 16.82 17.73H17.75V16.84C17.75 16.43 18.09 16.09 18.5 16.09C18.91 16.09 19.25 16.43 19.25 16.84V17.73H20.18C20.59 17.73 20.93 18.07 20.93 18.48C20.93 18.89 20.6 19.23 20.18 19.23Z" fill="#292D32"/>
+<path d="M22 8.35986V12.7399C22 13.1099 21.61 13.3499 21.28 13.1799C20.44 12.7399 19.48 12.4999 18.5 12.4999C16.89 12.4999 15.32 13.1599 14.2 14.3099C13.1 15.4299 12.5 16.9199 12.5 18.4999C12.5 19.3099 12.82 20.3499 13.22 21.2199C13.38 21.5699 13.14 21.9999 12.75 21.9999H7.81C4.6 21.9999 2 19.3999 2 16.1899V8.35986C2 8.07986 2.22 7.85986 2.5 7.85986H21.5C21.78 7.85986 22 8.07986 22 8.35986Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/video-circle.svg b/public/images/icons/vuesax/bold/video-circle.svg
new file mode 100644
index 0000000..63b5915
--- /dev/null
+++ b/public/images/icons/vuesax/bold/video-circle.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 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM14.66 13.73L13.38 14.47L12.1 15.21C10.45 16.16 9.1 15.38 9.1 13.48V12V10.52C9.1 8.61 10.45 7.84 12.1 8.79L13.38 9.53L14.66 10.27C16.31 11.22 16.31 12.78 14.66 13.73Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/video-horizontal.svg b/public/images/icons/vuesax/bold/video-horizontal.svg
new file mode 100644
index 0000000..d25e4ff
--- /dev/null
+++ b/public/images/icons/vuesax/bold/video-horizontal.svg
@@ -0,0 +1,12 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.25 7.85986H2V16.1899C2 16.2499 2 16.3099 2.01 16.3599H11.25V7.85986Z" fill="#292D32"/>
+<path d="M7.68994 6.36H11.2499V2H7.71994V6.24C7.71994 6.28 7.69994 6.32 7.68994 6.36Z" fill="#292D32"/>
+<path d="M6.21988 6.24016V2.16016C3.99988 2.62016 2.54988 4.10016 2.12988 6.36016H6.23988C6.22988 6.32016 6.21988 6.28016 6.21988 6.24016Z" fill="#292D32"/>
+<path d="M16.22 2H12.75V6.36H16.22V2Z" fill="#292D32"/>
+<path d="M17.71 6.3599H21.87C21.45 4.0799 19.98 2.5899 17.72 2.1499V6.3299C17.72 6.3399 17.71 6.3499 17.71 6.3599Z" fill="#292D32"/>
+<path d="M17.72 21.8499C19.91 21.4199 21.35 20.0199 21.82 17.8599H17.72V21.8499Z" fill="#292D32"/>
+<path d="M16.22 17.8599H12.75V21.9999H16.22V17.8599Z" fill="#292D32"/>
+<path d="M12.75 16.3599H21.99C22 16.3099 22 16.2499 22 16.1899V7.85986H12.75V16.3599Z" fill="#292D32"/>
+<path d="M11.25 17.8599H7.71997V21.9999H11.25V17.8599Z" fill="#292D32"/>
+<path d="M2.17993 17.8599C2.64993 19.9999 4.06993 21.3999 6.21993 21.8399V17.8599H2.17993Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/video-octagon.svg b/public/images/icons/vuesax/bold/video-octagon.svg
new file mode 100644
index 0000000..6ff1aee
--- /dev/null
+++ b/public/images/icons/vuesax/bold/video-octagon.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="M19.5099 5.85L13.5699 2.42C12.5999 1.86 11.3999 1.86 10.4199 2.42L4.48992 5.85C3.51992 6.41 2.91992 7.45 2.91992 8.58V15.42C2.91992 16.54 3.51992 17.58 4.48992 18.15L10.4299 21.58C11.3999 22.14 12.5999 22.14 13.5799 21.58L19.5199 18.15C20.4899 17.59 21.0899 16.55 21.0899 15.42V8.58C21.0799 7.45 20.4799 6.42 19.5099 5.85ZM14.2499 13.4L13.2099 14L12.1699 14.6C10.8399 15.37 9.74992 14.74 9.74992 13.2V12V10.8C9.74992 9.26 10.8399 8.63 12.1699 9.4L13.2099 10L14.2499 10.6C15.5799 11.37 15.5799 12.63 14.2499 13.4Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/video-play.svg b/public/images/icons/vuesax/bold/video-play.svg
new file mode 100644
index 0000000..261a39b
--- /dev/null
+++ b/public/images/icons/vuesax/bold/video-play.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="M14.73 2H9.27002V6.36H14.73V2Z" fill="#292D32"/>
+<path d="M16.23 2V6.36H21.87C21.36 3.61 19.33 2.01 16.23 2Z" fill="#292D32"/>
+<path d="M2 7.85986V16.1899C2 19.8299 4.17 21.9999 7.81 21.9999H16.19C19.83 21.9999 22 19.8299 22 16.1899V7.85986H2ZM14.44 16.1799L12.36 17.3799C11.92 17.6299 11.49 17.7599 11.09 17.7599C10.79 17.7599 10.52 17.6899 10.27 17.5499C9.69 17.2199 9.37 16.5399 9.37 15.6599V13.2599C9.37 12.3799 9.69 11.6999 10.27 11.3699C10.85 11.0299 11.59 11.0899 12.36 11.5399L14.44 12.7399C15.21 13.1799 15.63 13.7999 15.63 14.4699C15.63 15.1399 15.2 15.7299 14.44 16.1799Z" fill="#292D32"/>
+<path d="M7.76988 2C4.66988 2.01 2.63988 3.61 2.12988 6.36H7.76988V2Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/video-remove.svg b/public/images/icons/vuesax/bold/video-remove.svg
new file mode 100644
index 0000000..7f9c139
--- /dev/null
+++ b/public/images/icons/vuesax/bold/video-remove.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="M21.98 15.67C21.94 15.61 21.89 15.55 21.84 15.5C21.03 14.57 19.83 14 18.5 14C17.24 14 16.09 14.52 15.27 15.36C14.48 16.17 14 17.28 14 18.5C14 19.34 14.24 20.14 14.65 20.82C14.88 21.2 15.17 21.55 15.51 21.84C15.56 21.89 15.61 21.93 15.67 21.98C15.67 21.98 15.67 21.98 15.68 21.98C16.44 22.62 17.42 23 18.5 23C20.14 23 21.57 22.12 22.35 20.82C22.58 20.43 22.76 20 22.87 19.55C22.96 19.21 23 18.86 23 18.5C23 17.43 22.62 16.44 21.98 15.67ZM20.23 20.21C20.08 20.36 19.89 20.43 19.7 20.43C19.51 20.43 19.32 20.36 19.17 20.21L18.51 19.55L17.82 20.24C17.67 20.39 17.48 20.46 17.29 20.46C17.1 20.46 16.91 20.39 16.76 20.24C16.47 19.95 16.47 19.47 16.76 19.18L17.45 18.49L16.79 17.83C16.5 17.54 16.5 17.06 16.79 16.77C17.08 16.48 17.56 16.48 17.85 16.77L18.51 17.43L19.14 16.8C19.43 16.51 19.91 16.51 20.2 16.8C20.49 17.09 20.49 17.57 20.2 17.86L19.57 18.49L20.23 19.15C20.53 19.44 20.53 19.91 20.23 20.21Z" fill="#292D32"/>
+<path d="M14.73 5.86V2.5C14.73 2.22 14.51 2 14.23 2H9.77002C9.49002 2 9.27002 2.22 9.27002 2.5V5.86C9.27002 6.14 9.49002 6.36 9.77002 6.36H14.23C14.51 6.36 14.73 6.14 14.73 5.86Z" fill="#292D32"/>
+<path d="M7.24998 2.02021C4.68998 2.18021 2.93998 3.50021 2.28998 5.70021C2.18998 6.03021 2.42998 6.36021 2.76998 6.36021H7.26998C7.54998 6.36021 7.76998 6.14021 7.76998 5.86021V2.52021C7.76998 2.24021 7.52998 2.00021 7.24998 2.02021Z" fill="#292D32"/>
+<path d="M16.75 2.00996C19.31 2.16996 21.06 3.48996 21.71 5.68996C21.81 6.01996 21.57 6.34996 21.23 6.34996H16.73C16.45 6.34996 16.23 6.12996 16.23 5.84996V2.50996C16.23 2.22996 16.47 1.98996 16.75 2.00996Z" fill="#292D32"/>
+<path d="M22 8.35986V12.7399C22 13.1099 21.61 13.3499 21.28 13.1799C20.44 12.7399 19.48 12.4999 18.5 12.4999C16.89 12.4999 15.32 13.1599 14.2 14.3099C13.1 15.4299 12.5 16.9199 12.5 18.4999C12.5 19.3099 12.82 20.3499 13.22 21.2199C13.38 21.5699 13.14 21.9999 12.75 21.9999H7.81C4.6 21.9999 2 19.3999 2 16.1899V8.35986C2 8.07986 2.22 7.85986 2.5 7.85986H21.5C21.78 7.85986 22 8.07986 22 8.35986Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/video-slash.svg b/public/images/icons/vuesax/bold/video-slash.svg
new file mode 100644
index 0000000..c1221f6
--- /dev/null
+++ b/public/images/icons/vuesax/bold/video-slash.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 opacity="0.4" d="M17.74 7.56982C17.75 7.63982 17.75 7.71982 17.74 7.78982C17.74 7.71982 17.73 7.64982 17.73 7.57982L17.74 7.56982Z" fill="#292D32"/>
+<path d="M17.2799 6.56L3.82988 20.01C2.42988 19.12 1.87988 17.53 1.87988 16V8C1.87988 4.58 3.20988 3.25 6.62988 3.25H12.6299C15.5199 3.25 16.9099 4.2 17.2799 6.56Z" fill="#292D32"/>
+<path d="M21.4 2.22988C21.1 1.92988 20.61 1.92988 20.31 2.22988L1.85 20.6899C1.55 20.9899 1.55 21.4799 1.85 21.7799C2 21.9199 2.2 21.9999 2.39 21.9999C2.59 21.9999 2.78 21.9199 2.93 21.7699L21.4 3.30988C21.7 3.00988 21.7 2.52988 21.4 2.22988Z" fill="#292D32"/>
+<path d="M22.3799 8.37998V15.62C22.3799 17.05 21.6799 17.62 21.2799 17.83C21.0899 17.93 20.7899 18.04 20.4199 18.04C19.9899 18.04 19.4599 17.9 18.8399 17.46L17.3599 16.42C17.2899 18.63 16.5899 19.89 14.9999 20.42C14.3599 20.65 13.5699 20.75 12.6199 20.75H6.61991C6.37991 20.75 6.14991 20.74 5.90991 20.71L14.9999 11.63L20.6499 5.97998C20.9099 5.99998 21.1199 6.07998 21.2799 6.16998C21.6799 6.37998 22.3799 6.94998 22.3799 8.37998Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/video-square.svg b/public/images/icons/vuesax/bold/video-square.svg
new file mode 100644
index 0000000..6c75fde
--- /dev/null
+++ b/public/images/icons/vuesax/bold/video-square.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM14.66 13.73L13.38 14.47L12.1 15.21C10.45 16.16 9.1 15.38 9.1 13.48V12V10.52C9.1 8.61 10.45 7.84 12.1 8.79L13.38 9.53L14.66 10.27C16.31 11.22 16.31 12.78 14.66 13.73Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/video-tick.svg b/public/images/icons/vuesax/bold/video-tick.svg
new file mode 100644
index 0000000..052bdfa
--- /dev/null
+++ b/public/images/icons/vuesax/bold/video-tick.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="M21.98 15.65C21.16 14.64 19.91 14 18.5 14C17.44 14 16.46 14.37 15.69 14.99C14.65 15.81 14 17.08 14 18.5C14 19.34 14.24 20.14 14.65 20.82C14.92 21.27 15.26 21.66 15.66 21.98H15.67C16.44 22.62 17.43 23 18.5 23C19.64 23 20.67 22.58 21.46 21.88C21.81 21.58 22.11 21.22 22.35 20.82C22.76 20.14 23 19.34 23 18.5C23 17.42 22.62 16.42 21.98 15.65ZM20.76 17.94L18.36 20.16C18.22 20.29 18.03 20.36 17.85 20.36C17.66 20.36 17.47 20.29 17.32 20.14L16.21 19.03C15.92 18.74 15.92 18.26 16.21 17.97C16.5 17.68 16.98 17.68 17.27 17.97L17.87 18.57L19.74 16.84C20.04 16.56 20.52 16.58 20.8 16.88C21.09 17.19 21.07 17.66 20.76 17.94Z" fill="#292D32"/>
+<path d="M14.73 5.86V2.5C14.73 2.22 14.51 2 14.23 2H9.77002C9.49002 2 9.27002 2.22 9.27002 2.5V5.86C9.27002 6.14 9.49002 6.36 9.77002 6.36H14.23C14.51 6.36 14.73 6.14 14.73 5.86Z" fill="#292D32"/>
+<path d="M7.24998 2.02021C4.68998 2.18021 2.93998 3.50021 2.28998 5.70021C2.18998 6.03021 2.42998 6.36021 2.76998 6.36021H7.26998C7.54998 6.36021 7.76998 6.14021 7.76998 5.86021V2.52021C7.76998 2.24021 7.52998 2.00021 7.24998 2.02021Z" fill="#292D32"/>
+<path d="M16.75 2.00996C19.31 2.16996 21.06 3.48996 21.71 5.68996C21.81 6.01996 21.57 6.34996 21.23 6.34996H16.73C16.45 6.34996 16.23 6.12996 16.23 5.84996V2.50996C16.23 2.22996 16.47 1.98996 16.75 2.00996Z" fill="#292D32"/>
+<path d="M22 8.35986V12.7399C22 13.1099 21.61 13.3499 21.28 13.1799C20.44 12.7399 19.48 12.4999 18.5 12.4999C16.89 12.4999 15.32 13.1599 14.2 14.3099C13.1 15.4299 12.5 16.9199 12.5 18.4999C12.5 19.3099 12.82 20.3499 13.22 21.2199C13.38 21.5699 13.14 21.9999 12.75 21.9999H7.81C4.6 21.9999 2 19.3999 2 16.1899V8.35986C2 8.07986 2.22 7.85986 2.5 7.85986H21.5C21.78 7.85986 22 8.07986 22 8.35986Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/video-time.svg b/public/images/icons/vuesax/bold/video-time.svg
new file mode 100644
index 0000000..d7a87dd
--- /dev/null
+++ b/public/images/icons/vuesax/bold/video-time.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="M21.98 15.65C21.16 14.64 19.91 14 18.5 14C17.44 14 16.46 14.37 15.69 14.99C14.65 15.81 14 17.08 14 18.5C14 19.91 14.64 21.16 15.65 21.98C16.42 22.62 17.42 23 18.5 23C19.64 23 20.67 22.57 21.47 21.88C22.4 21.05 23 19.85 23 18.5C23 17.42 22.62 16.42 21.98 15.65ZM19.53 18.78C19.53 19.04 19.39 19.29 19.17 19.42L17.76 20.26C17.64 20.33 17.51 20.37 17.37 20.37C17.12 20.37 16.87 20.24 16.73 20.01C16.52 19.65 16.63 19.19 16.99 18.98L18.03 18.36V17.1C18.03 16.69 18.37 16.35 18.78 16.35C19.19 16.35 19.53 16.69 19.53 17.1V18.78Z" fill="#292D32"/>
+<path d="M14.73 5.86V2.5C14.73 2.22 14.51 2 14.23 2H9.77002C9.49002 2 9.27002 2.22 9.27002 2.5V5.86C9.27002 6.14 9.49002 6.36 9.77002 6.36H14.23C14.51 6.36 14.73 6.14 14.73 5.86Z" fill="#292D32"/>
+<path d="M7.24998 2.02021C4.68998 2.18021 2.93998 3.50021 2.28998 5.70021C2.18998 6.03021 2.42998 6.36021 2.76998 6.36021H7.26998C7.54998 6.36021 7.76998 6.14021 7.76998 5.86021V2.52021C7.76998 2.24021 7.52998 2.00021 7.24998 2.02021Z" fill="#292D32"/>
+<path d="M16.75 2.00996C19.31 2.16996 21.06 3.48996 21.71 5.68996C21.81 6.01996 21.57 6.34996 21.23 6.34996H16.73C16.45 6.34996 16.23 6.12996 16.23 5.84996V2.50996C16.23 2.22996 16.47 1.98996 16.75 2.00996Z" fill="#292D32"/>
+<path d="M22 8.35986V12.7399C22 13.1099 21.61 13.3499 21.28 13.1799C20.44 12.7399 19.48 12.4999 18.5 12.4999C16.89 12.4999 15.32 13.1599 14.2 14.3099C13.1 15.4299 12.5 16.9199 12.5 18.4999C12.5 19.3099 12.82 20.3499 13.22 21.2199C13.38 21.5699 13.14 21.9999 12.75 21.9999H7.81C4.6 21.9999 2 19.3999 2 16.1899V8.35986C2 8.07986 2.22 7.85986 2.5 7.85986H21.5C21.78 7.85986 22 8.07986 22 8.35986Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/video-vertical.svg b/public/images/icons/vuesax/bold/video-vertical.svg
new file mode 100644
index 0000000..c8812a9
--- /dev/null
+++ b/public/images/icons/vuesax/bold/video-vertical.svg
@@ -0,0 +1,12 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.36 7.77979H2V11.2498H6.36V7.77979Z" fill="#292D32"/>
+<path d="M6.3599 6.28988V2.12988C4.0799 2.54988 2.5899 4.01988 2.1499 6.27988H6.3299C6.3399 6.27988 6.3499 6.28988 6.3599 6.28988Z" fill="#292D32"/>
+<path d="M6.36 16.31V12.75H2V16.28H6.24C6.28 16.28 6.32 16.3 6.36 16.31Z" fill="#292D32"/>
+<path d="M21.8501 6.28018C21.4201 4.09018 20.0201 2.65018 17.8601 2.18018V6.28018H21.8501Z" fill="#292D32"/>
+<path d="M16.3601 11.25V2.01C16.3101 2 16.2501 2 16.1901 2H7.86011V11.25H16.3601Z" fill="#292D32"/>
+<path d="M22.0001 12.75H17.8601V16.28H22.0001V12.75Z" fill="#292D32"/>
+<path d="M17.8601 21.8198C20.0001 21.3498 21.4001 19.9298 21.8401 17.7798H17.8601V21.8198Z" fill="#292D32"/>
+<path d="M6.23991 17.7798H2.15991C2.61991 19.9998 4.09991 21.4498 6.35991 21.8698V17.7598C6.31991 17.7698 6.27991 17.7798 6.23991 17.7798Z" fill="#292D32"/>
+<path d="M22.0001 7.77979H17.8601V11.2498H22.0001V7.77979Z" fill="#292D32"/>
+<path d="M7.86011 12.75V22H16.1901C16.2501 22 16.3101 22 16.3601 21.99V12.75H7.86011Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/video.svg b/public/images/icons/vuesax/bold/video.svg
new file mode 100644
index 0000000..50796dd
--- /dev/null
+++ b/public/images/icons/vuesax/bold/video.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="M21.15 6.17C20.74 5.95 19.88 5.72 18.71 6.54L17.24 7.58C17.13 4.47 15.78 3.25 12.5 3.25H6.5C3.08 3.25 1.75 4.58 1.75 8V16C1.75 18.3 3 20.75 6.5 20.75H12.5C15.78 20.75 17.13 19.53 17.24 16.42L18.71 17.46C19.33 17.9 19.87 18.04 20.3 18.04C20.67 18.04 20.96 17.93 21.15 17.83C21.56 17.62 22.25 17.05 22.25 15.62V8.38C22.25 6.95 21.56 6.38 21.15 6.17ZM11 11.38C9.97 11.38 9.12 10.54 9.12 9.5C9.12 8.46 9.97 7.62 11 7.62C12.03 7.62 12.88 8.46 12.88 9.5C12.88 10.54 12.03 11.38 11 11.38Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/voice-cricle.svg b/public/images/icons/vuesax/bold/voice-cricle.svg
new file mode 100644
index 0000000..d113681
--- /dev/null
+++ b/public/images/icons/vuesax/bold/voice-cricle.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 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM6.75 14.14C6.75 14.55 6.41 14.89 6 14.89C5.59 14.89 5.25 14.55 5.25 14.14V9.86C5.25 9.45 5.59 9.11 6 9.11C6.41 9.11 6.75 9.45 6.75 9.86V14.14ZM9.75 15.57C9.75 15.98 9.41 16.32 9 16.32C8.59 16.32 8.25 15.98 8.25 15.57V8.43C8.25 8.02 8.59 7.68 9 7.68C9.41 7.68 9.75 8.02 9.75 8.43V15.57ZM12.75 17C12.75 17.41 12.41 17.75 12 17.75C11.59 17.75 11.25 17.41 11.25 17V7C11.25 6.59 11.59 6.25 12 6.25C12.41 6.25 12.75 6.59 12.75 7V17ZM15.75 15.57C15.75 15.98 15.41 16.32 15 16.32C14.59 16.32 14.25 15.98 14.25 15.57V8.43C14.25 8.02 14.59 7.68 15 7.68C15.41 7.68 15.75 8.02 15.75 8.43V15.57ZM18.75 14.14C18.75 14.55 18.41 14.89 18 14.89C17.59 14.89 17.25 14.55 17.25 14.14V9.86C17.25 9.45 17.59 9.11 18 9.11C18.41 9.11 18.75 9.45 18.75 9.86V14.14Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/voice-square.svg b/public/images/icons/vuesax/bold/voice-square.svg
new file mode 100644
index 0000000..8b80bda
--- /dev/null
+++ b/public/images/icons/vuesax/bold/voice-square.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM6.75 14.14C6.75 14.55 6.41 14.89 6 14.89C5.59 14.89 5.25 14.55 5.25 14.14V9.86C5.25 9.45 5.59 9.11 6 9.11C6.41 9.11 6.75 9.45 6.75 9.86V14.14ZM9.75 15.57C9.75 15.98 9.41 16.32 9 16.32C8.59 16.32 8.25 15.98 8.25 15.57V8.43C8.25 8.02 8.59 7.68 9 7.68C9.41 7.68 9.75 8.02 9.75 8.43V15.57ZM12.75 17C12.75 17.41 12.41 17.75 12 17.75C11.59 17.75 11.25 17.41 11.25 17V7C11.25 6.59 11.59 6.25 12 6.25C12.41 6.25 12.75 6.59 12.75 7V17ZM15.75 15.57C15.75 15.98 15.41 16.32 15 16.32C14.59 16.32 14.25 15.98 14.25 15.57V8.43C14.25 8.02 14.59 7.68 15 7.68C15.41 7.68 15.75 8.02 15.75 8.43V15.57ZM18.75 14.14C18.75 14.55 18.41 14.89 18 14.89C17.59 14.89 17.25 14.55 17.25 14.14V9.86C17.25 9.45 17.59 9.11 18 9.11C18.41 9.11 18.75 9.45 18.75 9.86V14.14Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/volume-cross.svg b/public/images/icons/vuesax/bold/volume-cross.svg
new file mode 100644
index 0000000..fc84bc8
--- /dev/null
+++ b/public/images/icons/vuesax/bold/volume-cross.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="M22.5299 13.4202L21.0799 11.9702L22.4799 10.5702C22.7699 10.2802 22.7699 9.80018 22.4799 9.51018C22.1899 9.22018 21.7099 9.22018 21.4199 9.51018L20.0199 10.9102L18.5699 9.46018C18.2799 9.17018 17.7999 9.17018 17.5099 9.46018C17.2199 9.75018 17.2199 10.2302 17.5099 10.5202L18.9599 11.9702L17.4699 13.4602C17.1799 13.7502 17.1799 14.2302 17.4699 14.5202C17.6199 14.6702 17.8099 14.7402 17.9999 14.7402C18.1899 14.7402 18.3799 14.6702 18.5299 14.5202L20.0199 13.0302L21.4699 14.4802C21.6199 14.6302 21.8099 14.7002 21.9999 14.7002C22.1899 14.7002 22.3799 14.6302 22.5299 14.4802C22.8199 14.1902 22.8199 13.7202 22.5299 13.4202Z" fill="#292D32"/>
+<path d="M14.02 3.78021C12.9 3.16021 11.47 3.32021 10.01 4.23021L7.09 6.06021C6.89 6.18021 6.66 6.25021 6.43 6.25021H5.5H5C2.58 6.25021 1.25 7.58021 1.25 10.0002V14.0002C1.25 16.4202 2.58 17.7502 5 17.7502H5.5H6.43C6.66 17.7502 6.89 17.8202 7.09 17.9402L10.01 19.7702C10.89 20.3202 11.75 20.5902 12.55 20.5902C13.07 20.5902 13.57 20.4702 14.02 20.2202C15.13 19.6002 15.75 18.3102 15.75 16.5902V7.41021C15.75 5.69021 15.13 4.40021 14.02 3.78021Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/volume-high.svg b/public/images/icons/vuesax/bold/volume-high.svg
new file mode 100644
index 0000000..7388b12
--- /dev/null
+++ b/public/images/icons/vuesax/bold/volume-high.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="M18 16.7498C17.84 16.7498 17.69 16.6998 17.55 16.5998C17.22 16.3498 17.15 15.8798 17.4 15.5498C18.97 13.4598 18.97 10.5398 17.4 8.44978C17.15 8.11978 17.22 7.64978 17.55 7.39978C17.88 7.14978 18.35 7.21978 18.6 7.54978C20.56 10.1698 20.56 13.8298 18.6 16.4498C18.45 16.6498 18.23 16.7498 18 16.7498Z" fill="#292D32"/>
+<path d="M19.83 19.2498C19.67 19.2498 19.52 19.1998 19.38 19.0998C19.05 18.8498 18.98 18.3798 19.23 18.0498C21.9 14.4898 21.9 9.50978 19.23 5.94978C18.98 5.61978 19.05 5.14978 19.38 4.89978C19.71 4.64978 20.18 4.71978 20.43 5.04978C23.5 9.13978 23.5 14.8598 20.43 18.9498C20.29 19.1498 20.06 19.2498 19.83 19.2498Z" fill="#292D32"/>
+<path d="M14.02 3.78021C12.9 3.16021 11.47 3.32021 10.01 4.23021L7.09 6.06021C6.89 6.18021 6.66 6.25021 6.43 6.25021H5.5H5C2.58 6.25021 1.25 7.58021 1.25 10.0002V14.0002C1.25 16.4202 2.58 17.7502 5 17.7502H5.5H6.43C6.66 17.7502 6.89 17.8202 7.09 17.9402L10.01 19.7702C10.89 20.3202 11.75 20.5902 12.55 20.5902C13.07 20.5902 13.57 20.4702 14.02 20.2202C15.13 19.6002 15.75 18.3102 15.75 16.5902V7.41021C15.75 5.69021 15.13 4.40021 14.02 3.78021Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/volume-low-1.svg b/public/images/icons/vuesax/bold/volume-low-1.svg
new file mode 100644
index 0000000..e786428
--- /dev/null
+++ b/public/images/icons/vuesax/bold/volume-low-1.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="M19.33 16.7498C19.17 16.7498 19.02 16.6998 18.88 16.5998C18.55 16.3498 18.48 15.8798 18.73 15.5498C20.3 13.4598 20.3 10.5398 18.73 8.44978C18.48 8.11978 18.55 7.64978 18.88 7.39978C19.21 7.14978 19.68 7.21978 19.93 7.54978C21.9 10.1698 21.9 13.8298 19.93 16.4498C19.79 16.6498 19.56 16.7498 19.33 16.7498Z" fill="#292D32"/>
+<path d="M15.35 3.78021C14.23 3.16021 12.8 3.32021 11.34 4.23021L8.41996 6.06021C8.21996 6.18021 7.98996 6.25021 7.75996 6.25021H6.82996H6.32996C3.90996 6.25021 2.57996 7.58021 2.57996 10.0002V14.0002C2.57996 16.4202 3.90996 17.7502 6.32996 17.7502H6.82996H7.75996C7.98996 17.7502 8.21996 17.8202 8.41996 17.9402L11.34 19.7702C12.22 20.3202 13.08 20.5902 13.88 20.5902C14.4 20.5902 14.9 20.4702 15.35 20.2202C16.46 19.6002 17.08 18.3102 17.08 16.5902V7.41021C17.08 5.69021 16.46 4.40021 15.35 3.78021Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/volume-low.svg b/public/images/icons/vuesax/bold/volume-low.svg
new file mode 100644
index 0000000..f82c7fe
--- /dev/null
+++ b/public/images/icons/vuesax/bold/volume-low.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="M22 12.75H18C17.59 12.75 17.25 12.41 17.25 12C17.25 11.59 17.59 11.25 18 11.25H22C22.41 11.25 22.75 11.59 22.75 12C22.75 12.41 22.41 12.75 22 12.75Z" fill="#292D32"/>
+<path d="M14.02 3.78021C12.9 3.16021 11.47 3.32021 10.01 4.23021L7.09 6.06021C6.89 6.18021 6.66 6.25021 6.43 6.25021H5.5H5C2.58 6.25021 1.25 7.58021 1.25 10.0002V14.0002C1.25 16.4202 2.58 17.7502 5 17.7502H5.5H6.43C6.66 17.7502 6.89 17.8202 7.09 17.9402L10.01 19.7702C10.89 20.3202 11.75 20.5902 12.55 20.5902C13.07 20.5902 13.57 20.4702 14.02 20.2202C15.13 19.6002 15.75 18.3102 15.75 16.5902V7.41021C15.75 5.69021 15.13 4.40021 14.02 3.78021Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/volume-mute.svg b/public/images/icons/vuesax/bold/volume-mute.svg
new file mode 100644
index 0000000..0a4d895
--- /dev/null
+++ b/public/images/icons/vuesax/bold/volume-mute.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.52 3.78021C16.4 3.16021 14.97 3.32021 13.51 4.23021L10.59 6.06021C10.39 6.18021 10.16 6.25021 9.93 6.25021H9H8.5C6.08 6.25021 4.75 7.58021 4.75 10.0002V14.0002C4.75 16.4202 6.08 17.7502 8.5 17.7502H9H9.93C10.16 17.7502 10.39 17.8202 10.59 17.9402L13.51 19.7702C14.39 20.3202 15.25 20.5902 16.05 20.5902C16.57 20.5902 17.07 20.4702 17.52 20.2202C18.63 19.6002 19.25 18.3102 19.25 16.5902V7.41021C19.25 5.69021 18.63 4.40021 17.52 3.78021Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/volume-slash.svg b/public/images/icons/vuesax/bold/volume-slash.svg
new file mode 100644
index 0000000..937d977
--- /dev/null
+++ b/public/images/icons/vuesax/bold/volume-slash.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="M18 16.7498C17.84 16.7498 17.69 16.6998 17.55 16.5998C17.22 16.3498 17.15 15.8798 17.4 15.5498C18.66 13.8698 18.93 11.6398 18.12 9.70983C17.96 9.32983 18.14 8.88983 18.52 8.72983C18.9 8.56983 19.34 8.74983 19.5 9.12983C20.52 11.5498 20.17 14.3598 18.6 16.4598C18.45 16.6498 18.23 16.7498 18 16.7498Z" fill="#292D32"/>
+<path d="M19.83 19.2502C19.67 19.2502 19.52 19.2002 19.38 19.1002C19.05 18.8502 18.98 18.3802 19.23 18.0502C21.37 15.2002 21.84 11.3802 20.46 8.0902C20.3 7.7102 20.48 7.2702 20.86 7.1102C21.24 6.9502 21.68 7.1302 21.84 7.5102C23.43 11.2902 22.89 15.6702 20.43 18.9502C20.29 19.1502 20.06 19.2502 19.83 19.2502Z" fill="#292D32"/>
+<path d="M14.04 12.96C14.67 12.33 15.75 12.78 15.75 13.67V16.6C15.75 18.32 15.13 19.61 14.02 20.23C13.57 20.48 13.07 20.6 12.55 20.6C11.75 20.6 10.89 20.33 10.01 19.78L9.36998 19.38C8.82998 19.04 8.73998 18.28 9.18998 17.83L14.04 12.96Z" fill="#292D32"/>
+<path d="M21.77 2.22988C21.47 1.92988 20.98 1.92988 20.68 2.22988L15.73 7.17988C15.67 5.57988 15.07 4.37988 14.01 3.78988C12.89 3.16988 11.46 3.32988 10 4.23988L7.09 6.05988C6.89 6.17988 6.66 6.24988 6.43 6.24988H5.5H5C2.58 6.24988 1.25 7.57988 1.25 9.99988V13.9999C1.25 16.4199 2.58 17.7499 5 17.7499H5.16L2.22 20.6899C1.92 20.9899 1.92 21.4799 2.22 21.7799C2.38 21.9199 2.57 21.9999 2.77 21.9999C2.97 21.9999 3.16 21.9199 3.31 21.7699L21.77 3.30988C22.08 3.00988 22.08 2.52988 21.77 2.22988Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/volume-up.svg b/public/images/icons/vuesax/bold/volume-up.svg
new file mode 100644
index 0000000..18b79ba
--- /dev/null
+++ b/public/images/icons/vuesax/bold/volume-up.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="M22 11.25H20.75V10C20.75 9.59 20.41 9.25 20 9.25C19.59 9.25 19.25 9.59 19.25 10V11.25H18C17.59 11.25 17.25 11.59 17.25 12C17.25 12.41 17.59 12.75 18 12.75H19.25V14C19.25 14.41 19.59 14.75 20 14.75C20.41 14.75 20.75 14.41 20.75 14V12.75H22C22.41 12.75 22.75 12.41 22.75 12C22.75 11.59 22.41 11.25 22 11.25Z" fill="#292D32"/>
+<path d="M14.02 3.78021C12.9 3.16021 11.47 3.32021 10.01 4.23021L7.09 6.06021C6.89 6.18021 6.66 6.25021 6.43 6.25021H5.5H5C2.58 6.25021 1.25 7.58021 1.25 10.0002V14.0002C1.25 16.4202 2.58 17.7502 5 17.7502H5.5H6.43C6.66 17.7502 6.89 17.8202 7.09 17.9402L10.01 19.7702C10.89 20.3202 11.75 20.5902 12.55 20.5902C13.07 20.5902 13.57 20.4702 14.02 20.2202C15.13 19.6002 15.75 18.3102 15.75 16.5902V7.41021C15.75 5.69021 15.13 4.40021 14.02 3.78021Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/vuesax.svg b/public/images/icons/vuesax/bold/vuesax.svg
new file mode 100644
index 0000000..e17bc0c
--- /dev/null
+++ b/public/images/icons/vuesax/bold/vuesax.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.0001 22.7501C11.7501 22.7501 11.5101 22.6201 11.3701 22.4101L2.33005 8.41012C2.11005 8.06012 2.21005 7.60011 2.55005 7.37011C2.90005 7.15011 3.36006 7.24011 3.59006 7.59011L11.9901 20.6101L20.3601 7.59011C20.58 7.24011 21.0501 7.1401 21.4001 7.3601C21.7501 7.5801 21.8501 8.05011 21.6301 8.40011L12.6301 22.4001C12.4901 22.6201 12.2601 22.7501 12.0001 22.7501Z" fill="black"/>
+<path d="M3.91999 4H5.73997C5.90997 4 6.05998 4.08 6.15998 4.22L11.6 12.37C11.8 12.67 12.23 12.67 12.43 12.37L17.87 4.22C17.96 4.08 18.12 4 18.29 4H20.11C20.51 4 20.74 4.43999 20.53 4.76999L12.45 17.35C12.25 17.66 11.81 17.66 11.61 17.35L3.52998 4.76999C3.27998 4.43999 3.51999 4 3.91999 4Z" fill="black"/>
+<path d="M9.42001 3.5C8.97001 3.34 8.57 3.85 8.84 4.25L11.59 8.38C11.79 8.68001 12.22 8.68001 12.42 8.38L15.17 4.26001C15.44 3.86001 15.04 3.35001 14.59 3.51001L13.21 4V2.5C13.21 2.22 12.99 2 12.71 2H11.31C11.03 2 10.81 2.22 10.81 2.5V4L9.42001 3.5Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/wallet-1.svg b/public/images/icons/vuesax/bold/wallet-1.svg
new file mode 100644
index 0000000..84c6297
--- /dev/null
+++ b/public/images/icons/vuesax/bold/wallet-1.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="M11.94 2.20983L9.52995 7.81983H7.11995C6.71995 7.81983 6.32995 7.84983 5.94995 7.92983L6.94995 5.52983L6.98995 5.43983L7.04995 5.27983C7.07995 5.20983 7.09995 5.14983 7.12995 5.09983C8.28995 2.40983 9.58995 1.56983 11.94 2.20983Z" fill="#292D32"/>
+<path d="M18.7301 8.09002L18.7101 8.08002C18.1101 7.91002 17.5001 7.82002 16.8801 7.82002H10.6201L12.8701 2.59002L12.9001 2.52002C13.0401 2.57002 13.1901 2.64002 13.3401 2.69002L15.5501 3.62002C16.7801 4.13002 17.6401 4.66002 18.1701 5.30002C18.2601 5.42002 18.3401 5.53002 18.4201 5.66002C18.5101 5.80002 18.5801 5.94002 18.6201 6.09002C18.6601 6.18002 18.6901 6.26002 18.7101 6.35002C18.8601 6.86002 18.8701 7.44002 18.7301 8.09002Z" fill="#292D32"/>
+<path d="M12.52 17.6601H12.77C13.07 17.6601 13.32 17.3901 13.32 17.0601C13.32 16.6401 13.2 16.5801 12.94 16.4801L12.52 16.3301V17.6601Z" fill="#292D32"/>
+<path d="M18.29 9.51982C17.84 9.38982 17.37 9.31982 16.88 9.31982H7.11999C6.43999 9.31982 5.79999 9.44982 5.19999 9.70982C3.45999 10.4598 2.23999 12.1898 2.23999 14.1998V16.1498C2.23999 16.3898 2.25999 16.6198 2.28999 16.8598C2.50999 20.0398 4.20999 21.7398 7.38999 21.9498C7.61999 21.9798 7.84999 21.9998 8.09999 21.9998H15.9C19.6 21.9998 21.55 20.2398 21.74 16.7398C21.75 16.5498 21.76 16.3498 21.76 16.1498V14.1998C21.76 11.9898 20.29 10.1298 18.29 9.51982ZM13.28 15.4998C13.74 15.6598 14.36 15.9998 14.36 17.0598C14.36 17.9698 13.65 18.6998 12.77 18.6998H12.52V18.9198C12.52 19.2098 12.29 19.4398 12 19.4398C11.71 19.4398 11.48 19.2098 11.48 18.9198V18.6998H11.39C10.43 18.6998 9.63999 17.8898 9.63999 16.8898C9.63999 16.5998 9.86999 16.3698 10.16 16.3698C10.45 16.3698 10.68 16.5998 10.68 16.8898C10.68 17.3098 11 17.6598 11.39 17.6598H11.48V15.9698L10.72 15.6998C10.26 15.5398 9.63999 15.1998 9.63999 14.1398C9.63999 13.2298 10.35 12.4998 11.23 12.4998H11.48V12.2798C11.48 11.9898 11.71 11.7598 12 11.7598C12.29 11.7598 12.52 11.9898 12.52 12.2798V12.4998H12.61C13.57 12.4998 14.36 13.3098 14.36 14.3098C14.36 14.5998 14.13 14.8298 13.84 14.8298C13.55 14.8298 13.32 14.5998 13.32 14.3098C13.32 13.8898 13 13.5398 12.61 13.5398H12.52V15.2298L13.28 15.4998Z" fill="#292D32"/>
+<path d="M10.6799 14.14C10.6799 14.56 10.7999 14.62 11.0599 14.72L11.4799 14.87V13.54H11.2299C10.9199 13.54 10.6799 13.81 10.6799 14.14Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/wallet-2.svg b/public/images/icons/vuesax/bold/wallet-2.svg
new file mode 100644
index 0000000..d7aacc7
--- /dev/null
+++ b/public/images/icons/vuesax/bold/wallet-2.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="M22 10.9702V13.0302C22 13.5802 21.56 14.0302 21 14.0502H19.04C17.96 14.0502 16.97 13.2602 16.88 12.1802C16.82 11.5502 17.06 10.9602 17.48 10.5502C17.85 10.1702 18.36 9.9502 18.92 9.9502H21C21.56 9.9702 22 10.4202 22 10.9702Z" fill="#292D32"/>
+<path d="M20.47 15.55H19.04C17.14 15.55 15.54 14.12 15.38 12.3C15.29 11.26 15.67 10.22 16.43 9.48C17.07 8.82 17.96 8.45 18.92 8.45H20.47C20.76 8.45 21 8.21 20.97 7.92C20.75 5.49 19.14 3.83 16.75 3.55C16.51 3.51 16.26 3.5 16 3.5H7C6.72 3.5 6.45 3.52 6.19 3.56C3.64 3.88 2 5.78 2 8.5V15.5C2 18.26 4.24 20.5 7 20.5H16C18.8 20.5 20.73 18.75 20.97 16.08C21 15.79 20.76 15.55 20.47 15.55ZM13 9.75H7C6.59 9.75 6.25 9.41 6.25 9C6.25 8.59 6.59 8.25 7 8.25H13C13.41 8.25 13.75 8.59 13.75 9C13.75 9.41 13.41 9.75 13 9.75Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/wallet-3.svg b/public/images/icons/vuesax/bold/wallet-3.svg
new file mode 100644
index 0000000..24e6bf4
--- /dev/null
+++ b/public/images/icons/vuesax/bold/wallet-3.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="M22 12.6201V14.6801C22 15.2401 21.54 15.7001 20.97 15.7001H19.04C17.96 15.7001 16.97 14.9101 16.88 13.8301C16.82 13.2001 17.06 12.6101 17.48 12.2001C17.85 11.8201 18.36 11.6001 18.92 11.6001H20.97C21.54 11.6001 22 12.0601 22 12.6201Z" fill="#292D32"/>
+<path d="M15.38 13.9599C15.29 12.9099 15.67 11.8799 16.43 11.1299C17.07 10.4799 17.96 10.0999 18.92 10.0999H19.49C19.77 10.0999 20 9.8699 19.96 9.5899C19.69 7.6499 18.01 6.1499 16 6.1499H6C3.79 6.1499 2 7.9399 2 10.1499V17.1499C2 19.3599 3.79 21.1499 6 21.1499H16C18.02 21.1499 19.69 19.6499 19.96 17.7099C20 17.4299 19.77 17.1999 19.49 17.1999H19.04C17.14 17.1999 15.54 15.7799 15.38 13.9599ZM13 11.8999H7C6.59 11.8999 6.25 11.5699 6.25 11.1499C6.25 10.7299 6.59 10.3999 7 10.3999H13C13.41 10.3999 13.75 10.7399 13.75 11.1499C13.75 11.5599 13.41 11.8999 13 11.8999Z" fill="#292D32"/>
+<path d="M14.2099 3.9801C14.4699 4.2501 14.2399 4.6501 13.8599 4.6501H6.02991C4.93991 4.6501 3.91991 4.9701 3.06991 5.5201C2.67991 5.7701 2.14991 5.5001 2.33991 5.0701C2.89991 3.7601 4.20991 2.8501 5.71991 2.8501H11.3399C12.4999 2.8501 13.5299 3.2601 14.2099 3.9801Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/wallet-add-1.svg b/public/images/icons/vuesax/bold/wallet-add-1.svg
new file mode 100644
index 0000000..bc9d83c
--- /dev/null
+++ b/public/images/icons/vuesax/bold/wallet-add-1.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="M11.94 2.20983L9.52995 7.81983H7.11995C6.71995 7.81983 6.32995 7.84983 5.94995 7.92983L6.94995 5.52983L6.98995 5.43983L7.04995 5.27983C7.07995 5.20983 7.09995 5.14983 7.12995 5.09983C8.28995 2.40983 9.58995 1.56983 11.94 2.20983Z" fill="#292D32"/>
+<path d="M18.7301 8.09002L18.7101 8.08002C18.1101 7.91002 17.5001 7.82002 16.8801 7.82002H10.6201L12.8701 2.59002L12.9001 2.52002C13.0401 2.57002 13.1901 2.64002 13.3401 2.69002L15.5501 3.62002C16.7801 4.13002 17.6401 4.66002 18.1701 5.30002C18.2601 5.42002 18.3401 5.53002 18.4201 5.66002C18.5101 5.80002 18.5801 5.94002 18.6201 6.09002C18.6601 6.18002 18.6901 6.26002 18.7101 6.35002C18.8601 6.86002 18.8701 7.44002 18.7301 8.09002Z" fill="#292D32"/>
+<path d="M18.29 9.51982C17.84 9.38982 17.37 9.31982 16.88 9.31982H7.11999C6.43999 9.31982 5.79999 9.44982 5.19999 9.70982C3.45999 10.4598 2.23999 12.1898 2.23999 14.1998V16.1498C2.23999 16.3898 2.25999 16.6198 2.28999 16.8598C2.50999 20.0398 4.20999 21.7398 7.38999 21.9498C7.61999 21.9798 7.84999 21.9998 8.09999 21.9998H15.9C19.6 21.9998 21.55 20.2398 21.74 16.7398C21.75 16.5498 21.76 16.3498 21.76 16.1498V14.1998C21.76 11.9898 20.29 10.1298 18.29 9.51982ZM14.5 16.1898H12.75V17.9998C12.75 18.4098 12.41 18.7498 12 18.7498C11.59 18.7498 11.25 18.4098 11.25 17.9998V16.1898H9.49999C9.08999 16.1898 8.74999 15.8598 8.74999 15.4398C8.74999 15.0298 9.08999 14.6898 9.49999 14.6898H11.25V12.9998C11.25 12.5898 11.59 12.2498 12 12.2498C12.41 12.2498 12.75 12.5898 12.75 12.9998V14.6898H14.5C14.91 14.6898 15.25 15.0298 15.25 15.4398C15.25 15.8598 14.91 16.1898 14.5 16.1898Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/wallet-add.svg b/public/images/icons/vuesax/bold/wallet-add.svg
new file mode 100644
index 0000000..62ff4fc
--- /dev/null
+++ b/public/images/icons/vuesax/bold/wallet-add.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="M5 15C2.79 15 1 16.79 1 19C1 19.75 1.21 20.46 1.58 21.06C2.27 22.22 3.54 23 5 23C6.46 23 7.73 22.22 8.42 21.06C8.79 20.46 9 19.75 9 19C9 16.79 7.21 15 5 15ZM6.49 19.73H5.75V20.51C5.75 20.92 5.41 21.26 5 21.26C4.59 21.26 4.25 20.92 4.25 20.51V19.73H3.51C3.1 19.73 2.76 19.39 2.76 18.98C2.76 18.57 3.1 18.23 3.51 18.23H4.25V17.52C4.25 17.11 4.59 16.77 5 16.77C5.41 16.77 5.75 17.11 5.75 17.52V18.23H6.49C6.9 18.23 7.24 18.57 7.24 18.98C7.24 19.39 6.91 19.73 6.49 19.73Z" fill="#292D32"/>
+<path d="M21.5 12.5H19C17.9 12.5 17 13.4 17 14.5C17 15.6 17.9 16.5 19 16.5H21.5C21.78 16.5 22 16.28 22 16V13C22 12.72 21.78 12.5 21.5 12.5Z" fill="#292D32"/>
+<path d="M16.53 5.40016C16.83 5.69016 16.58 6.14016 16.16 6.14016L7.87996 6.13016C7.39996 6.13016 7.15996 5.55016 7.49996 5.21016L9.24996 3.45016C10.73 1.98016 13.12 1.98016 14.6 3.45016L16.49 5.36016C16.5 5.37016 16.52 5.39016 16.53 5.40016Z" fill="#292D32"/>
+<path d="M21.8701 18.66C21.2601 20.72 19.5001 22 17.1001 22H10.6001C10.2101 22 9.96011 21.57 10.1201 21.21C10.4201 20.51 10.6101 19.72 10.6101 19C10.6101 15.97 8.14011 13.5 5.11011 13.5C4.35011 13.5 3.61011 13.66 2.93011 13.96C2.56011 14.12 2.11011 13.87 2.11011 13.47V12C2.11011 9.28 3.75011 7.38 6.30011 7.06C6.55011 7.02 6.82011 7 7.10011 7H17.1001C17.3601 7 17.6101 7.01 17.8501 7.05C19.8701 7.28 21.3301 8.51 21.8701 10.34C21.9701 10.67 21.7301 11 21.3901 11H19.1001C16.9301 11 15.2101 12.98 15.6801 15.23C16.0101 16.87 17.5301 18 19.2001 18H21.3901C21.7401 18 21.9701 18.34 21.8701 18.66Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/wallet-check.svg b/public/images/icons/vuesax/bold/wallet-check.svg
new file mode 100644
index 0000000..e5ef822
--- /dev/null
+++ b/public/images/icons/vuesax/bold/wallet-check.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="M5 15C2.79 15 1 16.79 1 19C1 19.75 1.21 20.46 1.58 21.06C2.27 22.22 3.54 23 5 23C6.46 23 7.73 22.22 8.42 21.06C8.79 20.46 9 19.75 9 19C9 16.79 7.21 15 5 15ZM6.97 18.67L4.84 20.64C4.7 20.77 4.51 20.84 4.33 20.84C4.14 20.84 3.95 20.77 3.8 20.62L2.81 19.63C2.52 19.34 2.52 18.86 2.81 18.57C3.1 18.28 3.58 18.28 3.87 18.57L4.35 19.05L5.95 17.57C6.25 17.29 6.73 17.31 7.01 17.61C7.29 17.91 7.27 18.39 6.97 18.67Z" fill="#292D32"/>
+<path d="M21.5 12.5H19C17.9 12.5 17 13.4 17 14.5C17 15.6 17.9 16.5 19 16.5H21.5C21.78 16.5 22 16.28 22 16V13C22 12.72 21.78 12.5 21.5 12.5Z" fill="#292D32"/>
+<path d="M16.53 5.40016C16.83 5.69016 16.58 6.14016 16.16 6.14016L7.87996 6.13016C7.39996 6.13016 7.15996 5.55016 7.49996 5.21016L9.24996 3.45016C10.73 1.98016 13.12 1.98016 14.6 3.45016L16.49 5.36016C16.5 5.37016 16.52 5.39016 16.53 5.40016Z" fill="#292D32"/>
+<path d="M21.8701 18.66C21.2601 20.72 19.5001 22 17.1001 22H10.6001C10.2101 22 9.96011 21.57 10.1201 21.21C10.4201 20.51 10.6101 19.72 10.6101 19C10.6101 15.97 8.14011 13.5 5.11011 13.5C4.35011 13.5 3.61011 13.66 2.93011 13.96C2.56011 14.12 2.11011 13.87 2.11011 13.47V12C2.11011 9.28 3.75011 7.38 6.30011 7.06C6.55011 7.02 6.82011 7 7.10011 7H17.1001C17.3601 7 17.6101 7.01 17.8501 7.05C19.8701 7.28 21.3301 8.51 21.8701 10.34C21.9701 10.67 21.7301 11 21.3901 11H19.1001C16.9301 11 15.2101 12.98 15.6801 15.23C16.0101 16.87 17.5301 18 19.2001 18H21.3901C21.7401 18 21.9701 18.34 21.8701 18.66Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/wallet-minus.svg b/public/images/icons/vuesax/bold/wallet-minus.svg
new file mode 100644
index 0000000..8a614d1
--- /dev/null
+++ b/public/images/icons/vuesax/bold/wallet-minus.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="M11.94 2.20983L9.52995 7.81983H7.11995C6.71995 7.81983 6.32995 7.84983 5.94995 7.92983L6.94995 5.52983L6.98995 5.43983L7.04995 5.27983C7.07995 5.20983 7.09995 5.14983 7.12995 5.09983C8.28995 2.40983 9.58995 1.56983 11.94 2.20983Z" fill="#292D32"/>
+<path d="M18.7301 8.09002L18.7101 8.08002C18.1101 7.91002 17.5001 7.82002 16.8801 7.82002H10.6201L12.8701 2.59002L12.9001 2.52002C13.0401 2.57002 13.1901 2.64002 13.3401 2.69002L15.5501 3.62002C16.7801 4.13002 17.6401 4.66002 18.1701 5.30002C18.2601 5.42002 18.3401 5.53002 18.4201 5.66002C18.5101 5.80002 18.5801 5.94002 18.6201 6.09002C18.6601 6.18002 18.6901 6.26002 18.7101 6.35002C18.8601 6.86002 18.8701 7.44002 18.7301 8.09002Z" fill="#292D32"/>
+<path d="M18.29 9.51982C17.84 9.38982 17.37 9.31982 16.88 9.31982H7.11999C6.43999 9.31982 5.79999 9.44982 5.19999 9.70982C3.45999 10.4598 2.23999 12.1898 2.23999 14.1998V16.1498C2.23999 16.3898 2.25999 16.6198 2.28999 16.8598C2.50999 20.0398 4.20999 21.7398 7.38999 21.9498C7.61999 21.9798 7.84999 21.9998 8.09999 21.9998H15.9C19.6 21.9998 21.55 20.2398 21.74 16.7398C21.75 16.5498 21.76 16.3498 21.76 16.1498V14.1998C21.76 11.9898 20.29 10.1298 18.29 9.51982ZM14.5 16.7498H9.49999C9.08999 16.7498 8.74999 16.4098 8.74999 15.9998C8.74999 15.5898 9.08999 15.2498 9.49999 15.2498H14.5C14.91 15.2498 15.25 15.5898 15.25 15.9998C15.25 16.4098 14.91 16.7498 14.5 16.7498Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/wallet-money.svg b/public/images/icons/vuesax/bold/wallet-money.svg
new file mode 100644
index 0000000..2a80540
--- /dev/null
+++ b/public/images/icons/vuesax/bold/wallet-money.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="M20.97 16.08C20.73 18.75 18.8 20.5 16 20.5H7C4.24 20.5 2 18.26 2 15.5V8.5C2 5.78 3.64 3.88 6.19 3.56C6.45 3.52 6.72 3.5 7 3.5H16C16.26 3.5 16.51 3.51 16.75 3.55C19.14 3.83 20.76 5.5 20.97 7.92C21 8.21 20.76 8.45 20.47 8.45H18.92C17.96 8.45 17.07 8.82 16.43 9.48C15.67 10.22 15.29 11.26 15.38 12.3C15.54 14.12 17.14 15.55 19.04 15.55H20.47C20.76 15.55 21 15.79 20.97 16.08Z" fill="#292D32"/>
+<path d="M22 10.9702V13.0302C22 13.5802 21.56 14.0302 21 14.0502H19.04C17.96 14.0502 16.97 13.2602 16.88 12.1802C16.82 11.5502 17.06 10.9602 17.48 10.5502C17.85 10.1702 18.36 9.9502 18.92 9.9502H21C21.56 9.9702 22 10.4202 22 10.9702Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/wallet-remove.svg b/public/images/icons/vuesax/bold/wallet-remove.svg
new file mode 100644
index 0000000..15aa90c
--- /dev/null
+++ b/public/images/icons/vuesax/bold/wallet-remove.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="M21.5 12.5H19C17.9 12.5 17 13.4 17 14.5C17 15.6 17.9 16.5 19 16.5H21.5C21.78 16.5 22 16.28 22 16V13C22 12.72 21.78 12.5 21.5 12.5Z" fill="#292D32"/>
+<path d="M5 15C3.8 15 2.73 15.53 2 16.36C1.38 17.07 1 17.99 1 19C1 19.75 1.21 20.46 1.58 21.06C2.27 22.22 3.54 23 5 23C6.01 23 6.93 22.63 7.63 22C7.94 21.74 8.21 21.42 8.42 21.06C8.79 20.46 9 19.75 9 19C9 16.79 7.21 15 5 15ZM6.6 20.58C6.45 20.73 6.26 20.8 6.07 20.8C5.88 20.8 5.69 20.73 5.54 20.58L5.01 20.05L4.46 20.6C4.31 20.75 4.12 20.82 3.93 20.82C3.74 20.82 3.55 20.75 3.4 20.6C3.11 20.31 3.11 19.83 3.4 19.54L3.95 18.99L3.42 18.46C3.13 18.17 3.13 17.69 3.42 17.4C3.71 17.11 4.19 17.11 4.48 17.4L5.01 17.93L5.51 17.43C5.8 17.14 6.28 17.14 6.57 17.43C6.86 17.72 6.86 18.2 6.57 18.49L6.07 18.99L6.6 19.52C6.89 19.81 6.89 20.28 6.6 20.58Z" fill="#292D32"/>
+<path d="M16.53 5.40016C16.83 5.69016 16.58 6.14016 16.16 6.14016L7.87996 6.13016C7.39996 6.13016 7.15996 5.55016 7.49996 5.21016L9.24996 3.45016C10.73 1.98016 13.12 1.98016 14.6 3.45016L16.49 5.36016C16.5 5.37016 16.52 5.39016 16.53 5.40016Z" fill="#292D32"/>
+<path d="M21.8701 18.66C21.2601 20.72 19.5001 22 17.1001 22H10.6001C10.2101 22 9.96011 21.57 10.1201 21.21C10.4201 20.51 10.6101 19.72 10.6101 19C10.6101 15.97 8.14011 13.5 5.11011 13.5C4.35011 13.5 3.61011 13.66 2.93011 13.96C2.56011 14.12 2.11011 13.87 2.11011 13.47V12C2.11011 9.28 3.75011 7.38 6.30011 7.06C6.55011 7.02 6.82011 7 7.10011 7H17.1001C17.3601 7 17.6101 7.01 17.8501 7.05C19.8701 7.28 21.3301 8.51 21.8701 10.34C21.9701 10.67 21.7301 11 21.3901 11H19.1001C16.9301 11 15.2101 12.98 15.6801 15.23C16.0101 16.87 17.5301 18 19.2001 18H21.3901C21.7401 18 21.9701 18.34 21.8701 18.66Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/wallet-search.svg b/public/images/icons/vuesax/bold/wallet-search.svg
new file mode 100644
index 0000000..13600c9
--- /dev/null
+++ b/public/images/icons/vuesax/bold/wallet-search.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="M1.22986 21.6817L1.98986 20.9217C1.58986 20.3217 1.35986 19.6017 1.35986 18.8317C1.35986 16.7217 3.06986 15.0117 5.17986 15.0117C7.28986 15.0117 8.99986 16.7117 8.99986 18.8217C8.99986 20.9317 7.28986 22.6417 5.17986 22.6417C4.40986 22.6417 3.68986 22.4117 3.08986 22.0117L2.32986 22.7717C2.16986 22.9217 1.96986 23.0017 1.76986 23.0017C1.56986 23.0017 1.36986 22.9217 1.21986 22.7717C0.919859 22.4717 0.919859 21.9817 1.22986 21.6817Z" fill="#292D32"/>
+<path d="M21.5 12.5H19C17.9 12.5 17 13.4 17 14.5C17 15.6 17.9 16.5 19 16.5H21.5C21.78 16.5 22 16.28 22 16V13C22 12.72 21.78 12.5 21.5 12.5Z" fill="#292D32"/>
+<path d="M16.53 5.40016C16.83 5.69016 16.58 6.14016 16.16 6.14016L7.87996 6.13016C7.39996 6.13016 7.15996 5.55016 7.49996 5.21016L9.24996 3.45016C10.73 1.98016 13.12 1.98016 14.6 3.45016L16.49 5.36016C16.5 5.37016 16.52 5.39016 16.53 5.40016Z" fill="#292D32"/>
+<path d="M21.8701 18.66C21.2601 20.72 19.5001 22 17.1001 22H10.6001C10.2101 22 9.96011 21.57 10.1201 21.21C10.4201 20.51 10.6101 19.72 10.6101 19C10.6101 15.97 8.14011 13.5 5.11011 13.5C4.35011 13.5 3.61011 13.66 2.93011 13.96C2.56011 14.12 2.11011 13.87 2.11011 13.47V12C2.11011 9.28 3.75011 7.38 6.30011 7.06C6.55011 7.02 6.82011 7 7.10011 7H17.1001C17.3601 7 17.6101 7.01 17.8501 7.05C19.8701 7.28 21.3301 8.51 21.8701 10.34C21.9701 10.67 21.7301 11 21.3901 11H19.1001C16.9301 11 15.2101 12.98 15.6801 15.23C16.0101 16.87 17.5301 18 19.2001 18H21.3901C21.7401 18 21.9701 18.34 21.8701 18.66Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/wallet.svg b/public/images/icons/vuesax/bold/wallet.svg
new file mode 100644
index 0000000..a62a3e6
--- /dev/null
+++ b/public/images/icons/vuesax/bold/wallet.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="M21.4499 13.6401V14.6401C21.4499 14.9101 21.2399 15.1301 20.9599 15.1401H19.4999C18.9699 15.1401 18.4899 14.7501 18.4499 14.2301C18.4199 13.9201 18.5399 13.6301 18.7399 13.4301C18.9199 13.2401 19.1699 13.1401 19.4399 13.1401H20.9499C21.2399 13.1501 21.4499 13.3701 21.4499 13.6401Z" fill="#292D32"/>
+<path d="M17.99 12.6901C17.49 13.1801 17.25 13.9101 17.45 14.6701C17.71 15.6001 18.62 16.1901 19.58 16.1901H20.45C21 16.1901 21.45 16.6401 21.45 17.1901V17.3801C21.45 19.4501 19.76 21.1401 17.69 21.1401H6.20995C4.13995 21.1401 2.44995 19.4501 2.44995 17.3801V10.6501C2.44995 9.42014 3.03995 8.33014 3.94995 7.65014C4.57995 7.17014 5.35995 6.89014 6.20995 6.89014H17.69C19.76 6.89014 21.45 8.58014 21.45 10.6501V11.0901C21.45 11.6401 21 12.0901 20.45 12.0901H19.43C18.87 12.0901 18.36 12.3101 17.99 12.6901Z" fill="#292D32"/>
+<path d="M16.2001 4.82C16.4701 5.09 16.2401 5.51 15.8601 5.51L8.18006 5.5C7.74006 5.5 7.51006 4.96 7.83006 4.65L9.45006 3.02C10.8201 1.66 13.0401 1.66 14.4101 3.02L16.1601 4.79C16.1701 4.8 16.1901 4.81 16.2001 4.82Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/wanchain-(wan)-1.svg b/public/images/icons/vuesax/bold/wanchain-(wan)-1.svg
new file mode 100644
index 0000000..2dc7879
--- /dev/null
+++ b/public/images/icons/vuesax/bold/wanchain-(wan)-1.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 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM14.67 16.43L12.42 17.93C12.29 18.01 12.15 18.06 12 18.06C11.85 18.06 11.71 18.02 11.58 17.93L9.33 16.43C8.99 16.2 8.89 15.73 9.12 15.39C9.35 15.04 9.82 14.95 10.16 15.18L11.99 16.4L13.82 15.18C14.16 14.95 14.63 15.04 14.86 15.39C15.1 15.74 15.01 16.2 14.67 16.43ZM16.5 12.99C16.5 13.77 15.65 14.25 14.99 13.85L12.52 12.37C12.2 12.18 11.81 12.18 11.49 12.37L9.02 13.85C8.35 14.25 7.50999 13.77 7.50999 12.99V9.16C7.50999 8.82 7.69 8.50001 7.97 8.32001L11.47 6.10001C11.8 5.89001 12.21 5.89001 12.54 6.10001L16.04 8.32001C16.33 8.50001 16.5 8.82 16.5 9.16V12.99Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/wanchain-(wan).svg b/public/images/icons/vuesax/bold/wanchain-(wan).svg
new file mode 100644
index 0000000..aff4f67
--- /dev/null
+++ b/public/images/icons/vuesax/bold/wanchain-(wan).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.7499 9.42999L8.49992 15L7.86991 16.09L5.39991 20.31C5.21991 20.63 4.75992 20.64 4.55992 20.33L1.17991 15.28C1.06991 15.11 1.06991 14.89 1.17991 14.72L4.84993 9.22C4.93993 9.08 5.09991 9 5.26991 9H11.4999L11.7499 9.42999Z" fill="black"/>
+<path d="M22.8401 14.73L16.1401 3.25C16.0601 3.09 15.8901 3 15.7101 3H8.87012C8.48012 3 8.24012 3.42 8.44012 3.75L11.5001 9L11.7501 9.42999L14.5601 14.25C14.7601 14.58 14.5201 15 14.1301 15H8.50012L7.87012 16.09C8.05012 15.77 8.51011 15.76 8.71011 16.07L11.8501 20.78C11.9401 20.92 12.1001 21 12.2701 21H18.7301C18.9001 21 19.0601 20.92 19.1501 20.78L22.8301 15.26C22.9301 15.1 22.9401 14.9 22.8401 14.73Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/warning-2.svg b/public/images/icons/vuesax/bold/warning-2.svg
new file mode 100644
index 0000000..9dc6c95
--- /dev/null
+++ b/public/images/icons/vuesax/bold/warning-2.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="M19.51 5.85L13.57 2.42C12.6 1.86 11.4 1.86 10.42 2.42L4.48998 5.85C3.51998 6.41 2.91998 7.45 2.91998 8.58V15.42C2.91998 16.54 3.51998 17.58 4.48998 18.15L10.43 21.58C11.4 22.14 12.6 22.14 13.58 21.58L19.52 18.15C20.49 17.59 21.09 16.55 21.09 15.42V8.58C21.08 7.45 20.48 6.42 19.51 5.85ZM11.25 7.75C11.25 7.34 11.59 7 12 7C12.41 7 12.75 7.34 12.75 7.75V13C12.75 13.41 12.41 13.75 12 13.75C11.59 13.75 11.25 13.41 11.25 13V7.75ZM12.92 16.63C12.87 16.75 12.8 16.86 12.71 16.96C12.52 17.15 12.27 17.25 12 17.25C11.87 17.25 11.74 17.22 11.62 17.17C11.49 17.12 11.39 17.05 11.29 16.96C11.2 16.86 11.13 16.75 11.07 16.63C11.02 16.51 11 16.38 11 16.25C11 15.99 11.1 15.73 11.29 15.54C11.39 15.45 11.49 15.38 11.62 15.33C11.99 15.17 12.43 15.26 12.71 15.54C12.8 15.64 12.87 15.74 12.92 15.87C12.97 15.99 13 16.12 13 16.25C13 16.38 12.97 16.51 12.92 16.63Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/watch-status.svg b/public/images/icons/vuesax/bold/watch-status.svg
new file mode 100644
index 0000000..e6b379a
--- /dev/null
+++ b/public/images/icons/vuesax/bold/watch-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="M16 3.75H8C7.59 3.75 7.25 3.41 7.25 3C7.25 2.59 7.59 2.25 8 2.25H16C16.41 2.25 16.75 2.59 16.75 3C16.75 3.41 16.41 3.75 16 3.75Z" fill="#292D32"/>
+<path d="M16 21.75H8C7.59 21.75 7.25 21.41 7.25 21C7.25 20.59 7.59 20.25 8 20.25H16C16.41 20.25 16.75 20.59 16.75 21C16.75 21.41 16.41 21.75 16 21.75Z" fill="#292D32"/>
+<path d="M15.5 5H8.5C6.17 5 5 6.17 5 8.5V15.5C5 17.83 6.17 19 8.5 19H15.5C17.83 19 19 17.83 19 15.5V8.5C19 6.17 17.83 5 15.5 5ZM9.75 14C9.75 14.41 9.41 14.75 9 14.75C8.59 14.75 8.25 14.42 8.25 14V13C8.25 12.59 8.59 12.25 9 12.25C9.41 12.25 9.75 12.59 9.75 13V14ZM12.75 14C12.75 14.41 12.41 14.75 12 14.75C11.59 14.75 11.25 14.41 11.25 14V10C11.25 9.59 11.59 9.25 12 9.25C12.41 9.25 12.75 9.59 12.75 10V14ZM15.75 14C15.75 14.41 15.41 14.75 15 14.75C14.59 14.75 14.25 14.41 14.25 14V12C14.25 11.59 14.59 11.25 15 11.25C15.41 11.25 15.75 11.59 15.75 12V14Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/watch.svg b/public/images/icons/vuesax/bold/watch.svg
new file mode 100644
index 0000000..274b621
--- /dev/null
+++ b/public/images/icons/vuesax/bold/watch.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 3.75H8C7.59 3.75 7.25 3.41 7.25 3C7.25 2.59 7.59 2.25 8 2.25H16C16.41 2.25 16.75 2.59 16.75 3C16.75 3.41 16.41 3.75 16 3.75Z" fill="#292D32"/>
+<path d="M16 21.75H8C7.59 21.75 7.25 21.41 7.25 21C7.25 20.59 7.59 20.25 8 20.25H16C16.41 20.25 16.75 20.59 16.75 21C16.75 21.41 16.41 21.75 16 21.75Z" fill="#292D32"/>
+<path d="M15.5 5H8.5C6.17 5 5 6.17 5 8.5V15.5C5 17.83 6.17 19 8.5 19H15.5C17.83 19 19 17.83 19 15.5V8.5C19 6.17 17.83 5 15.5 5ZM14.5 13.25H11.5C11.09 13.25 10.75 12.91 10.75 12.5V9.5C10.75 9.09 11.09 8.75 11.5 8.75C11.91 8.75 12.25 9.09 12.25 9.5V11.75H14.5C14.91 11.75 15.25 12.09 15.25 12.5C15.25 12.91 14.91 13.25 14.5 13.25Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/weight.svg b/public/images/icons/vuesax/bold/weight.svg
new file mode 100644
index 0000000..d5a90fd
--- /dev/null
+++ b/public/images/icons/vuesax/bold/weight.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="M17.1801 5.25C15.4701 5.25 13.4301 5.9 13.4301 9V15C13.4301 18.1 15.4701 18.75 17.1801 18.75C18.8901 18.75 20.9301 18.1 20.9301 15V9C20.9301 5.9 18.8901 5.25 17.1801 5.25Z" fill="#292D32"/>
+<path d="M6.81995 5.25C5.10995 5.25 3.06995 5.9 3.06995 9V15C3.06995 18.1 5.10995 18.75 6.81995 18.75C8.52995 18.75 10.5699 18.1 10.5699 15V9C10.5699 5.9 8.52995 5.25 6.81995 5.25Z" fill="#292D32"/>
+<path d="M13.4299 11.25H10.5699V12.75H13.4299V11.25Z" fill="#292D32"/>
+<path d="M22.5 15.25C22.09 15.25 21.75 14.91 21.75 14.5V9.5C21.75 9.09 22.09 8.75 22.5 8.75C22.91 8.75 23.25 9.09 23.25 9.5V14.5C23.25 14.91 22.91 15.25 22.5 15.25Z" fill="#292D32"/>
+<path d="M1.5 15.25C1.09 15.25 0.75 14.91 0.75 14.5V9.5C0.75 9.09 1.09 8.75 1.5 8.75C1.91 8.75 2.25 9.09 2.25 9.5V14.5C2.25 14.91 1.91 15.25 1.5 15.25Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/whatsapp.svg b/public/images/icons/vuesax/bold/whatsapp.svg
new file mode 100644
index 0000000..d095bd9
--- /dev/null
+++ b/public/images/icons/vuesax/bold/whatsapp.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="M21.9798 11.41C21.6398 5.60995 16.3698 1.13996 10.2998 2.13996C6.1198 2.82996 2.7698 6.21994 2.1198 10.3999C1.7398 12.8199 2.23983 15.1099 3.32983 16.9999L2.43981 20.3099C2.23981 21.0599 2.92979 21.7399 3.66979 21.5299L6.9298 20.63C8.4098 21.5 10.1398 21.9999 11.9898 21.9999C17.6298 21.9999 22.3098 17.03 21.9798 11.41ZM16.8798 15.7199C16.7898 15.8999 16.6798 16.07 16.5398 16.23C16.2898 16.5 16.0198 16.7 15.7198 16.82C15.4198 16.95 15.0898 17.01 14.7398 17.01C14.2298 17.01 13.6798 16.89 13.1098 16.64C12.5298 16.39 11.9598 16.0599 11.3898 15.6499C10.8098 15.2299 10.2698 14.7599 9.74981 14.2499C9.22981 13.7299 8.76978 13.1799 8.34978 12.6099C7.93979 12.0399 7.6098 11.4699 7.3698 10.8999C7.1298 10.3299 7.00982 9.77996 7.00982 9.25996C7.00982 8.91996 7.06981 8.58996 7.18981 8.28996C7.30981 7.97996 7.49983 7.69996 7.76983 7.44996C8.08983 7.12996 8.43981 6.97996 8.80981 6.97996C8.94981 6.97996 9.08978 7.00995 9.21978 7.06995C9.34978 7.12995 9.46981 7.21995 9.55981 7.34995L10.7198 8.98994C10.8098 9.11994 10.8798 9.22994 10.9198 9.33994C10.9698 9.44994 10.9898 9.54994 10.9898 9.64994C10.9898 9.76994 10.9498 9.88996 10.8798 10.01C10.8098 10.13 10.7198 10.2499 10.5998 10.3699L10.2198 10.7699C10.1598 10.8299 10.1398 10.8899 10.1398 10.9699C10.1398 11.0099 10.1498 11.0499 10.1598 11.0899C10.1798 11.1299 10.1898 11.16 10.1998 11.1899C10.2898 11.36 10.4498 11.5699 10.6698 11.8299C10.8998 12.0899 11.1398 12.3599 11.3998 12.6199C11.6698 12.8899 11.9298 13.1299 12.1998 13.3599C12.4598 13.5799 12.6798 13.73 12.8498 13.82C12.8798 13.83 12.9098 13.8499 12.9398 13.8599C12.9798 13.8799 13.0198 13.88 13.0698 13.88C13.1598 13.88 13.2198 13.85 13.2798 13.79L13.6598 13.41C13.7898 13.28 13.9098 13.19 14.0198 13.13C14.1398 13.06 14.2498 13.0199 14.3798 13.0199C14.4798 13.0199 14.5798 13.0399 14.6898 13.0899C14.7998 13.1399 14.9198 13.2 15.0398 13.29L16.6998 14.4699C16.8298 14.5599 16.9198 14.67 16.9798 14.79C17.0298 14.92 17.0598 15.0399 17.0598 15.1799C16.9998 15.3499 16.9598 15.5399 16.8798 15.7199Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/wifi-square.svg b/public/images/icons/vuesax/bold/wifi-square.svg
new file mode 100644
index 0000000..9724016
--- /dev/null
+++ b/public/images/icons/vuesax/bold/wifi-square.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.19 2H7.81C4.17 2 2 4.17 2 7.81V16.18C2 19.83 4.17 22 7.81 22H16.18C19.82 22 21.99 19.83 21.99 16.19V7.81C22 4.17 19.83 2 16.19 2ZM14.79 16.6C14.64 16.79 14.42 16.89 14.2 16.89C14.04 16.89 13.88 16.84 13.74 16.73C12.68 15.91 11.31 15.91 10.25 16.73C9.92 16.98 9.45 16.92 9.2 16.6C8.95 16.27 9.01 15.8 9.33 15.55C10.92 14.32 13.06 14.32 14.65 15.55C14.99 15.8 15.05 16.27 14.79 16.6ZM17 13.51C16.85 13.7 16.63 13.8 16.41 13.8C16.25 13.8 16.09 13.75 15.95 13.64C13.55 11.79 10.46 11.79 8.06 13.64C7.73 13.9 7.26 13.84 7 13.51C6.74 13.18 6.81 12.71 7.13 12.46C10.08 10.18 13.9 10.18 16.85 12.46C17.19 12.71 17.25 13.18 17 13.51ZM18.59 10.42C18.44 10.61 18.22 10.71 18 10.71C17.84 10.71 17.68 10.66 17.54 10.55C14.17 7.95 9.82 7.95 6.46 10.55C6.13 10.8 5.66 10.74 5.41 10.42C5.16 10.09 5.22 9.62 5.54 9.37C9.46 6.34 14.53 6.34 18.46 9.37C18.79 9.62 18.85 10.09 18.59 10.42Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/wifi.svg b/public/images/icons/vuesax/bold/wifi.svg
new file mode 100644
index 0000000..3ea8db1
--- /dev/null
+++ b/public/images/icons/vuesax/bold/wifi.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="M19.0901 12.5899C18.9301 12.5899 18.7701 12.5399 18.6301 12.4299C14.6001 9.3199 9.39005 9.3199 5.36005 12.4299C5.03005 12.6799 4.56005 12.6199 4.31005 12.2999C4.06005 11.9699 4.12005 11.4999 4.44005 11.2499C9.03005 7.6999 14.9601 7.6999 19.5401 11.2499C19.8701 11.4999 19.9301 11.9699 19.6701 12.2999C19.5401 12.4899 19.3201 12.5899 19.0901 12.5899Z" fill="#292D32"/>
+<path d="M22 9.1099C21.84 9.1099 21.68 9.0599 21.54 8.9499C15.74 4.4699 8.25001 4.4699 2.46001 8.9499C2.13001 9.1999 1.66001 9.1399 1.41001 8.8199C1.15001 8.4999 1.21001 8.0199 1.54001 7.7699C7.89001 2.8599 16.1 2.8599 22.46 7.7699C22.79 8.0199 22.85 8.4899 22.59 8.8199C22.45 9.0099 22.22 9.1099 22 9.1099Z" fill="#292D32"/>
+<path d="M17.2099 16.2398C17.0499 16.2398 16.8899 16.1898 16.7499 16.0798C13.8699 13.8498 10.1399 13.8498 7.24995 16.0798C6.91995 16.3298 6.44995 16.2698 6.19995 15.9498C5.94995 15.6198 6.00995 15.1498 6.32995 14.8998C9.76995 12.2398 14.2199 12.2398 17.6599 14.8998C17.9899 15.1498 18.0499 15.6198 17.7899 15.9498C17.6499 16.1398 17.4299 16.2398 17.2099 16.2398Z" fill="#292D32"/>
+<path d="M14.6 19.9C14.44 19.9 14.28 19.85 14.14 19.74C12.84 18.73 11.15 18.73 9.85004 19.74C9.52004 19.99 9.05004 19.93 8.80004 19.61C8.55004 19.28 8.61004 18.81 8.93004 18.56C10.79 17.12 13.19 17.12 15.05 18.56C15.38 18.81 15.44 19.28 15.18 19.61C15.05 19.79 14.83 19.9 14.6 19.9Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/wind-2.svg b/public/images/icons/vuesax/bold/wind-2.svg
new file mode 100644
index 0000000..5a46411
--- /dev/null
+++ b/public/images/icons/vuesax/bold/wind-2.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="M21.9999 13.85C21.8699 13.85 21.7399 13.82 21.6199 13.74L19.1199 12.24C17.8199 11.46 16.1999 11.46 14.8899 12.24C13.1099 13.31 10.8999 13.31 9.11988 12.24C7.81988 11.46 6.19988 11.46 4.88988 12.24L2.38988 13.74C2.02988 13.95 1.56988 13.84 1.35988 13.48C1.14988 13.13 1.25988 12.66 1.61988 12.45L4.11988 10.95C5.89988 9.87996 8.10988 9.87996 9.88988 10.95C11.1899 11.73 12.8099 11.73 14.1199 10.95C15.8999 9.87996 18.1099 9.87996 19.8899 10.95L22.3899 12.45C22.7499 12.66 22.8599 13.12 22.6499 13.48C22.4999 13.72 22.2499 13.85 21.9999 13.85Z" fill="#292D32"/>
+<path d="M7.00008 6.84978C6.00008 6.84978 5.00008 6.57978 4.11008 6.04978L1.61008 4.54978C1.26008 4.32978 1.14008 3.86978 1.36008 3.51978C1.57008 3.15978 2.03008 3.04978 2.39008 3.25978L4.89008 4.75978C6.19008 5.53978 7.81008 5.53978 9.12008 4.75978C10.9001 3.68978 13.1101 3.68978 14.8901 4.75978C16.1901 5.53978 17.8101 5.53978 19.1201 4.75978L21.6201 3.25978C21.9801 3.04978 22.4401 3.15978 22.6501 3.51978C22.8601 3.86978 22.7501 4.33978 22.3901 4.54978L19.8901 6.04978C18.1101 7.11978 15.9001 7.11978 14.1201 6.04978C12.8201 5.26978 11.2001 5.26978 9.89009 6.04978C9.00009 6.57978 8.00008 6.84978 7.00008 6.84978Z" fill="#292D32"/>
+<path d="M21.9999 20.85C21.8699 20.85 21.7399 20.82 21.6199 20.74L19.1199 19.24C17.8199 18.46 16.1999 18.46 14.8899 19.24C13.1099 20.31 10.8999 20.31 9.11988 19.24C7.81988 18.46 6.19988 18.46 4.88988 19.24L2.38988 20.74C2.02988 20.95 1.56988 20.84 1.35988 20.48C1.14988 20.13 1.25988 19.66 1.61988 19.45L4.11988 17.95C5.89988 16.88 8.10988 16.88 9.88988 17.95C11.1899 18.73 12.8099 18.73 14.1199 17.95C15.8999 16.88 18.1099 16.88 19.8899 17.95L22.3899 19.45C22.7499 19.66 22.8599 20.12 22.6499 20.48C22.4999 20.72 22.2499 20.85 21.9999 20.85Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/wind.svg b/public/images/icons/vuesax/bold/wind.svg
new file mode 100644
index 0000000..38b87a2
--- /dev/null
+++ b/public/images/icons/vuesax/bold/wind.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="M18.5 22.75C16.16 22.75 14.25 20.84 14.25 18.5V18C14.25 17.59 14.59 17.25 15 17.25C15.41 17.25 15.75 17.59 15.75 18V18.5C15.75 20.02 16.98 21.25 18.5 21.25C20.02 21.25 21.25 20.02 21.25 18.5C21.25 16.98 20.02 15.75 18.5 15.75H2C1.59 15.75 1.25 15.41 1.25 15C1.25 14.59 1.59 14.25 2 14.25H18.5C20.84 14.25 22.75 16.16 22.75 18.5C22.75 20.84 20.84 22.75 18.5 22.75Z" fill="#292D32"/>
+<path d="M18.5 12.75H2C1.59 12.75 1.25 12.41 1.25 12C1.25 11.59 1.59 11.25 2 11.25H18.5C20.02 11.25 21.25 10.02 21.25 8.5C21.25 6.98 20.02 5.75 18.5 5.75C16.98 5.75 15.75 6.98 15.75 8.5V9C15.75 9.41 15.41 9.75 15 9.75C14.59 9.75 14.25 9.41 14.25 9V8.5C14.25 6.16 16.16 4.25 18.5 4.25C20.84 4.25 22.75 6.16 22.75 8.5C22.75 10.84 20.84 12.75 18.5 12.75Z" fill="#292D32"/>
+<path d="M9.31 9.75012H2C1.59 9.75012 1.25 9.41012 1.25 9.00012C1.25 8.59012 1.59 8.25012 2 8.25012H9.31C10.38 8.25012 11.25 7.38012 11.25 6.31012C11.25 5.24012 10.38 4.37012 9.31 4.37012C8.24 4.37012 7.37 5.24012 7.37 6.31012V6.69012C7.37 7.10012 7.03 7.44012 6.62 7.44012C6.21 7.44012 5.87 7.11012 5.87 6.69012V6.31012C5.87 4.41012 7.41 2.87012 9.31 2.87012C11.21 2.87012 12.75 4.41012 12.75 6.31012C12.75 8.21012 11.21 9.75012 9.31 9.75012Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/windows.svg b/public/images/icons/vuesax/bold/windows.svg
new file mode 100644
index 0000000..70242ff
--- /dev/null
+++ b/public/images/icons/vuesax/bold/windows.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="M20.8 2.23998L12.8 3.83998C12.33 3.92998 12 4.33999 12 4.81999V9.99999C12 10.55 12.45 11 13 11H21C21.55 11 22 10.55 22 9.99999V3.21999C22 2.58999 21.42 2.11998 20.8 2.23998Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20.8 21.76L12.8 20.16C12.33 20.07 12 19.66 12 19.18V14C12 13.45 12.45 13 13 13H21C21.55 13 22 13.45 22 14V20.78C22 21.41 21.42 21.88 20.8 21.76Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.78998 4.56008L2.78998 5.83007C2.32998 5.93007 2 6.34008 2 6.81008V10.0001C2 10.5501 2.45 11.0001 3 11.0001H9C9.55 11.0001 10 10.5501 10 10.0001V5.53008C10 4.90008 9.40998 4.42008 8.78998 4.56008Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.78998 19.44L2.78998 18.17C2.32998 18.07 2 17.66 2 17.19V14C2 13.45 2.45 13 3 13H9C9.55 13 10 13.45 10 14V18.47C10 19.1 9.40998 19.58 8.78998 19.44Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/wing-(wing).svg b/public/images/icons/vuesax/bold/wing-(wing).svg
new file mode 100644
index 0000000..6fb050b
--- /dev/null
+++ b/public/images/icons/vuesax/bold/wing-(wing).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.8599 5H19.2099C19.3899 5 19.5499 5.1 19.6399 5.25L22.0499 9.45C22.1399 9.6 22.1399 9.79 22.0499 9.94L17.4099 18.24C17.2199 18.58 16.7399 18.58 16.5399 18.25L15.2799 16.14C15.1899 15.98 15.1899 15.79 15.2799 15.64L18.5399 9.94C18.6299 9.79 18.6299 9.6 18.5399 9.44L16.4099 5.74001C16.2399 5.42001 16.4799 5 16.8599 5Z" fill="black"/>
+<path d="M9.85989 5H12.2099C12.3899 5 12.5499 5.1 12.6399 5.25L15.0499 9.45C15.1399 9.6 15.1399 9.79 15.0499 9.94L10.4099 18.24C10.2199 18.58 9.73991 18.58 9.53991 18.25L8.2799 16.14C8.1899 15.98 8.1899 15.79 8.2799 15.64L11.5399 9.94C11.6299 9.79 11.6299 9.6 11.5399 9.44L9.40991 5.74001C9.23991 5.42001 9.47989 5 9.85989 5Z" fill="black"/>
+<path d="M1.80005 5H5.01007C5.19007 5 5.36007 5.1 5.45007 5.25L7.87006 9.53999C7.96006 9.68999 7.96006 9.87999 7.87006 10.04L6.75006 11.96C6.56006 12.29 6.08008 12.29 5.89008 11.96L1.80005 5Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/woman.svg b/public/images/icons/vuesax/bold/woman.svg
new file mode 100644
index 0000000..5c30047
--- /dev/null
+++ b/public/images/icons/vuesax/bold/woman.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="M19 9C19 5.13 15.87 2 12 2C8.13 2 5 5.13 5 9C5 12.62 7.74 15.59 11.25 15.96V18.25H9C8.59 18.25 8.25 18.59 8.25 19C8.25 19.41 8.59 19.75 9 19.75H11.25V22C11.25 22.41 11.59 22.75 12 22.75C12.41 22.75 12.75 22.41 12.75 22V19.75H15C15.41 19.75 15.75 19.41 15.75 19C15.75 18.59 15.41 18.25 15 18.25H12.75V15.96C16.26 15.59 19 12.62 19 9Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/xd.svg b/public/images/icons/vuesax/bold/xd.svg
new file mode 100644
index 0000000..b1093e6
--- /dev/null
+++ b/public/images/icons/vuesax/bold/xd.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="M15.1699 13.7699C15.1699 14.3299 15.6299 14.7899 16.1899 14.7899H17.2099V12.7599H16.1899C15.6299 12.7499 15.1699 13.2099 15.1699 13.7699Z" fill="black"/>
+<path d="M16.19 2H7.82002C4.18002 2 2.01001 4.17 2.01001 7.81V16.18C2.01001 19.82 4.18002 21.99 7.82002 21.99H16.19C19.83 21.99 22 19.82 22 16.18V7.81C22 4.17 19.83 2 16.19 2ZM12.28 15.06C12.54 15.38 12.49 15.86 12.16 16.11C12.02 16.22 11.86 16.27 11.69 16.27C11.47 16.27 11.25 16.17 11.1 15.99L8.86002 13.19L6.62001 15.99C6.47001 16.17 6.25001 16.27 6.03001 16.27C5.87001 16.27 5.70001 16.22 5.56001 16.11C5.24001 15.85 5.18002 15.38 5.44002 15.06L7.89001 12L5.44002 8.94C5.18002 8.62 5.23001 8.14001 5.56001 7.89001C5.88001 7.63001 6.36002 7.68001 6.61002 8.01001L8.85002 10.81L11.09 8.01001C11.35 7.69001 11.82 7.63001 12.14 7.89001C12.46 8.15001 12.52 8.62 12.26 8.94L9.81001 12L12.28 15.06ZM18.71 15.53C18.71 15.94 18.37 16.28 17.96 16.28H16.19C14.8 16.28 13.67 15.15 13.67 13.76C13.67 12.37 14.8 11.24 16.19 11.24H17.21V8.45999C17.21 8.04999 17.55 7.70999 17.96 7.70999C18.37 7.70999 18.71 8.04999 18.71 8.45999V15.53Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/xiaomi.svg b/public/images/icons/vuesax/bold/xiaomi.svg
new file mode 100644
index 0000000..c10bdb4
--- /dev/null
+++ b/public/images/icons/vuesax/bold/xiaomi.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 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM11.25 15C11.25 15.41 10.91 15.75 10.5 15.75C10.09 15.75 9.75 15.41 9.75 15V12C9.75 11.59 10.09 11.25 10.5 11.25C10.91 11.25 11.25 11.59 11.25 12V15ZM14.25 15C14.25 15.41 13.91 15.75 13.5 15.75C13.09 15.75 12.75 15.41 12.75 15V11C12.75 10.31 12.19 9.75 11.5 9.75H8.25V15C8.25 15.41 7.91 15.75 7.5 15.75C7.09 15.75 6.75 15.41 6.75 15V9C6.75 8.59 7.09 8.25 7.5 8.25H11.5C13.02 8.25 14.25 9.48 14.25 11V15ZM17.25 15C17.25 15.41 16.91 15.75 16.5 15.75C16.09 15.75 15.75 15.41 15.75 15V9C15.75 8.59 16.09 8.25 16.5 8.25C16.91 8.25 17.25 8.59 17.25 9V15Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/xrp-(xrp).svg b/public/images/icons/vuesax/bold/xrp-(xrp).svg
new file mode 100644
index 0000000..90b9301
--- /dev/null
+++ b/public/images/icons/vuesax/bold/xrp-(xrp).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="M5.45993 2H4.0499C3.1199 2 2.64991 3.13 3.30991 3.79L9.03989 9.52C10.6799 11.16 13.3299 11.16 14.9699 9.52L20.6999 3.79C21.3599 3.13 20.8899 2 19.9599 2H18.5499C17.7199 2 16.9199 2.33 16.3299 2.92L12.7499 6.5C12.3399 6.91 11.6799 6.91 11.2699 6.5L7.68991 2.92C7.08991 2.33 6.28993 2 5.45993 2Z" fill="black"/>
+<path d="M5.45993 21.9702H4.0499C3.1199 21.9702 2.64991 20.8402 3.30991 20.1802L9.03989 14.4502C10.6799 12.8102 13.3299 12.8102 14.9699 14.4502L20.6999 20.1802C21.3599 20.8402 20.8899 21.9702 19.9599 21.9702H18.5499C17.7199 21.9702 16.9199 21.6402 16.3299 21.0502L12.7499 17.4702C12.3399 17.0602 11.6799 17.0602 11.2699 17.4702L7.68991 21.0502C7.08991 21.6402 6.28993 21.9702 5.45993 21.9702Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/youtube.svg b/public/images/icons/vuesax/bold/youtube.svg
new file mode 100644
index 0000000..1366cc9
--- /dev/null
+++ b/public/images/icons/vuesax/bold/youtube.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 4H7C4 4 2 6 2 9V15C2 18 4 20 7 20H17C20 20 22 18 22 15V9C22 6 20 4 17 4ZM13.89 13.03L11.42 14.51C10.42 15.11 9.59998 14.65 9.59998 13.48V10.51C9.59998 9.34001 10.42 8.88001 11.42 9.48001L13.89 10.96C14.84 11.54 14.84 12.46 13.89 13.03Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/zel-(zel).svg b/public/images/icons/vuesax/bold/zel-(zel).svg
new file mode 100644
index 0000000..0ca595b
--- /dev/null
+++ b/public/images/icons/vuesax/bold/zel-(zel).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 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM18.5 14.02C18.5 14.2 18.4 14.36 18.25 14.45L16.25 15.6C16.1 15.69 15.91 15.69 15.75 15.6L13.75 14.45C13.59 14.36 13.5 14.2 13.5 14.02V13.19L12.25 13.91C12.1 14 11.91 14 11.75 13.91L10.5 13.19V14.02C10.5 14.2 10.4 14.36 10.25 14.45L8.25 15.6C8.1 15.69 7.91 15.69 7.75 15.6L5.75 14.45C5.59 14.36 5.5 14.2 5.5 14.02V11.74C5.5 11.56 5.6 11.4 5.75 11.31L7.75 10.16C7.9 10.07 8.1 10.07 8.25 10.16L9.25 10.74V9.61C9.25 9.43 9.35 9.26999 9.5 9.17999L11.75 7.89C11.9 7.8 12.09 7.8 12.25 7.89L14.5 9.17999C14.66 9.26999 14.75 9.43 14.75 9.61V10.74L15.75 10.16C15.9 10.07 16.09 10.07 16.25 10.16L18.25 11.31C18.41 11.4 18.5 11.56 18.5 11.74V14.02Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/bold/zoom.svg b/public/images/icons/vuesax/bold/zoom.svg
new file mode 100644
index 0000000..3304518
--- /dev/null
+++ b/public/images/icons/vuesax/bold/zoom.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 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM13.63 14.29C13.63 14.8 13.22 15.21 12.71 15.21L9.03 15.24C7.49 15.25 6.23999 14.01 6.23999 12.47V9.67001C6.23999 9.16001 6.65 8.75 7.16 8.75H10.85C12.38 8.75 13.62 9.98999 13.62 11.52V14.29H13.63ZM17.75 14C17.75 14.43 17.27 14.69 16.91 14.45L14.99 13.17C14.84 13.07 14.75 12.9 14.75 12.72V11.3C14.75 11.12 14.84 10.95 14.99 10.85L16.91 9.57001C17.27 9.33001 17.75 9.58999 17.75 10.02V14Z" fill="black"/>
+</svg>
diff --git a/public/images/icons/vuesax/outline/search-normal.svg b/public/images/icons/vuesax/outline/search-normal.svg
new file mode 100644
index 0000000..b67462c
--- /dev/null
+++ b/public/images/icons/vuesax/outline/search-normal.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.5 21.75C5.85 21.75 1.25 17.15 1.25 11.5C1.25 5.85 5.85 1.25 11.5 1.25C17.15 1.25 21.75 5.85 21.75 11.5C21.75 17.15 17.15 21.75 11.5 21.75ZM11.5 2.75C6.67 2.75 2.75 6.68 2.75 11.5C2.75 16.32 6.67 20.25 11.5 20.25C16.33 20.25 20.25 16.32 20.25 11.5C20.25 6.68 16.33 2.75 11.5 2.75Z" fill="#292D32"/>
+<path d="M22.0004 22.7499C21.8104 22.7499 21.6204 22.6799 21.4704 22.5299L19.4704 20.5299C19.1804 20.2399 19.1804 19.7599 19.4704 19.4699C19.7604 19.1799 20.2404 19.1799 20.5304 19.4699L22.5304 21.4699C22.8204 21.7599 22.8204 22.2399 22.5304 22.5299C22.3804 22.6799 22.1904 22.7499 22.0004 22.7499Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/wallet.svg b/public/images/icons/wallet.svg
index 31b9a01..a62a3e6 100644
--- a/public/images/icons/wallet.svg
+++ b/public/images/icons/wallet.svg
@@ -1,7 +1,5 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M12.9002 2.51997L12.8702 2.58997L9.9702 9.31997H7.1202C6.4402 9.31997 5.7902 9.45997 5.2002 9.70997L6.9502 5.52997L6.9902 5.42997L7.0602 5.26997C7.0802 5.20997 7.1002 5.14997 7.1302 5.09997C8.4402 2.06997 9.9202 1.37997 12.9002 2.51997Z" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M18.2897 9.52002C17.8397 9.38002 17.3597 9.32002 16.8797 9.32002H9.96973L12.8697 2.59002L12.8997 2.52002C13.0497 2.57002 13.1897 2.64002 13.3397 2.70002L15.5497 3.63002C16.7797 4.14002 17.6397 4.67002 18.1597 5.31002C18.2597 5.43002 18.3397 5.54002 18.4097 5.67002C18.4997 5.81002 18.5697 5.95002 18.6097 6.10002C18.6497 6.19002 18.6797 6.28002 18.6997 6.36002C18.9697 7.20002 18.8097 8.23002 18.2897 9.52002Z" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M12 21.9999H8.1C7.86 21.9999 7.62 21.9799 7.39 21.9499C4.21 21.7399 2.51 20.0399 2.3 16.8599C2.27 16.6299 2.25 16.3899 2.25 16.1499V14.1999C2.25 12.1899 3.47 10.4599 5.21 9.70995C5.81 9.45995 6.45 9.31995 7.13 9.31995H16.89C17.38 9.31995 17.86 9.38995 18.3 9.51995C20.3 10.1199 21.76 11.9899 21.76 14.1899V16.1399C21.76 16.3399 21.75 16.5399 21.74 16.7399C21.55 20.2399 19.6 21.9999 15.9 21.9999" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M6.95023 5.53003L5.20023 9.71003C3.46023 10.46 2.24023 12.19 2.24023 14.2V11.27C2.24023 8.43003 4.26023 6.06003 6.95023 5.53003Z" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M21.7598 11.27V14.2C21.7598 12 20.2998 10.13 18.2998 9.52998C18.8198 8.22998 18.9698 7.20998 18.7198 6.35998C18.6998 6.26998 18.6698 6.17998 18.6298 6.09998C20.4898 7.05998 21.7598 9.02998 21.7598 11.27Z" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.4499 13.6401V14.6401C21.4499 14.9101 21.2399 15.1301 20.9599 15.1401H19.4999C18.9699 15.1401 18.4899 14.7501 18.4499 14.2301C18.4199 13.9201 18.5399 13.6301 18.7399 13.4301C18.9199 13.2401 19.1699 13.1401 19.4399 13.1401H20.9499C21.2399 13.1501 21.4499 13.3701 21.4499 13.6401Z" fill="#292D32"/>
+<path d="M17.99 12.6901C17.49 13.1801 17.25 13.9101 17.45 14.6701C17.71 15.6001 18.62 16.1901 19.58 16.1901H20.45C21 16.1901 21.45 16.6401 21.45 17.1901V17.3801C21.45 19.4501 19.76 21.1401 17.69 21.1401H6.20995C4.13995 21.1401 2.44995 19.4501 2.44995 17.3801V10.6501C2.44995 9.42014 3.03995 8.33014 3.94995 7.65014C4.57995 7.17014 5.35995 6.89014 6.20995 6.89014H17.69C19.76 6.89014 21.45 8.58014 21.45 10.6501V11.0901C21.45 11.6401 21 12.0901 20.45 12.0901H19.43C18.87 12.0901 18.36 12.3101 17.99 12.6901Z" fill="#292D32"/>
+<path d="M16.2001 4.82C16.4701 5.09 16.2401 5.51 15.8601 5.51L8.18006 5.5C7.74006 5.5 7.51006 4.96 7.83006 4.65L9.45006 3.02C10.8201 1.66 13.0401 1.66 14.4101 3.02L16.1601 4.79C16.1701 4.8 16.1901 4.81 16.2001 4.82Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/weight.svg b/public/images/icons/weight.svg
index 8f45d2e..d5a90fd 100644
--- a/public/images/icons/weight.svg
+++ b/public/images/icons/weight.svg
@@ -1,4 +1,7 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M14 22.75H10C4.57 22.75 2.25 20.43 2.25 15V9C2.25 3.57 4.57 1.25 10 1.25H14C19.43 1.25 21.75 3.57 21.75 9V15C21.75 20.43 19.43 22.75 14 22.75ZM10 2.75C5.39 2.75 3.75 4.39 3.75 9V15C3.75 19.61 5.39 21.25 10 21.25H14C18.61 21.25 20.25 19.61 20.25 15V9C20.25 4.39 18.61 2.75 14 2.75H10Z" fill="#292D32"/>
-<path d="M15.0696 12.5401C14.8896 12.5401 14.7096 12.4701 14.5696 12.3501C13.1096 11.0501 10.8896 11.0501 9.42963 12.3501C9.26963 12.5001 9.04962 12.5601 8.81962 12.5301C8.59962 12.5001 8.40962 12.3701 8.28962 12.1801L6.10963 8.6801C5.91963 8.3701 5.97962 7.9701 6.24962 7.7201C9.52962 4.8101 14.4696 4.8101 17.7496 7.7201C18.0196 7.9601 18.0796 8.3701 17.8896 8.6801L15.7096 12.1801C15.5896 12.3701 15.3996 12.4901 15.1796 12.5301C15.1396 12.5301 15.0996 12.5401 15.0696 12.5401ZM11.9996 9.8701C12.9996 9.8701 13.9896 10.1501 14.8596 10.7001L16.2596 8.4501C13.7296 6.5701 10.2596 6.5701 7.72962 8.4501L9.12963 10.7001C10.0096 10.1401 10.9996 9.8701 11.9996 9.8701Z" fill="#292D32"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.1801 5.25C15.4701 5.25 13.4301 5.9 13.4301 9V15C13.4301 18.1 15.4701 18.75 17.1801 18.75C18.8901 18.75 20.9301 18.1 20.9301 15V9C20.9301 5.9 18.8901 5.25 17.1801 5.25Z" fill="#292D32"/>
+<path d="M6.81995 5.25C5.10995 5.25 3.06995 5.9 3.06995 9V15C3.06995 18.1 5.10995 18.75 6.81995 18.75C8.52995 18.75 10.5699 18.1 10.5699 15V9C10.5699 5.9 8.52995 5.25 6.81995 5.25Z" fill="#292D32"/>
+<path d="M13.4299 11.25H10.5699V12.75H13.4299V11.25Z" fill="#292D32"/>
+<path d="M22.5 15.25C22.09 15.25 21.75 14.91 21.75 14.5V9.5C21.75 9.09 22.09 8.75 22.5 8.75C22.91 8.75 23.25 9.09 23.25 9.5V14.5C23.25 14.91 22.91 15.25 22.5 15.25Z" fill="#292D32"/>
+<path d="M1.5 15.25C1.09 15.25 0.75 14.91 0.75 14.5V9.5C0.75 9.09 1.09 8.75 1.5 8.75C1.91 8.75 2.25 9.09 2.25 9.5V14.5C2.25 14.91 1.91 15.25 1.5 15.25Z" fill="#292D32"/>
+</svg>
diff --git a/public/images/icons/woman.svg b/public/images/icons/woman.svg
index f5ffd94..5c30047 100644
--- a/public/images/icons/woman.svg
+++ b/public/images/icons/woman.svg
@@ -1,5 +1,3 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M5 9C5 12.87 8.13 16 12 16C15.87 16 19 12.87 19 9C19 5.13 15.87 2 12 2C10.07 2 8.32 2.78 7.05 4.05" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M12 16V22" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M15 19H9" stroke="#292D32" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19 9C19 5.13 15.87 2 12 2C8.13 2 5 5.13 5 9C5 12.62 7.74 15.59 11.25 15.96V18.25H9C8.59 18.25 8.25 18.59 8.25 19C8.25 19.41 8.59 19.75 9 19.75H11.25V22C11.25 22.41 11.59 22.75 12 22.75C12.41 22.75 12.75 22.41 12.75 22V19.75H15C15.41 19.75 15.75 19.41 15.75 19C15.75 18.59 15.41 18.25 15 18.25H12.75V15.96C16.26 15.59 19 12.62 19 9Z" fill="#292D32"/>
+</svg>
diff --git a/public/sitemap-0.xml b/public/sitemap-0.xml
index 7d0b127..c92090b 100644
--- a/public/sitemap-0.xml
+++ b/public/sitemap-0.xml
@@ -1,11 +1,11 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:news="http://www.google.com/schemas/sitemap-news/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml" xmlns:mobile="http://www.google.com/schemas/sitemap-mobile/1.0" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1" xmlns:video="http://www.google.com/schemas/sitemap-video/1.1">
-<url><loc>https://modstagram.com/robots.txt</loc><lastmod>2026-07-08T02:15:31.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://modstagram.com/sitemap.xml</loc><lastmod>2026-07-08T02:15:31.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://modstagram.com/explore</loc><lastmod>2026-07-08T02:15:31.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://modstagram.com/academy/payment/failed</loc><lastmod>2026-07-08T02:15:31.278Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://modstagram.com/academy/payment/success</loc><lastmod>2026-07-08T02:15:31.279Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
-<url><loc>https://modstagram.com/about-us</loc><lastmod>2026-07-08T02:15:31.279Z</lastmod><changefreq>monthly</changefreq><priority>0.8</priority></url>
+<url><loc>https://modstagram.com/sitemap.xml</loc><lastmod>2026-07-08T16:38:07.937Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://modstagram.com/robots.txt</loc><lastmod>2026-07-08T16:38:07.938Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://modstagram.com/academy/payment/failed</loc><lastmod>2026-07-08T16:38:07.938Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://modstagram.com/academy/payment/success</loc><lastmod>2026-07-08T16:38:07.938Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://modstagram.com/explore</loc><lastmod>2026-07-08T16:38:07.938Z</lastmod><changefreq>daily</changefreq><priority>0.7</priority></url>
+<url><loc>https://modstagram.com/about-us</loc><lastmod>2026-07-08T16:38:07.938Z</lastmod><changefreq>monthly</changefreq><priority>0.8</priority></url>
 <url><loc>https://modstagram.com</loc><changefreq>daily</changefreq><priority>1</priority></url>
 <url><loc>https://modstagram.com/projects</loc><changefreq>daily</changefreq><priority>0.9</priority></url>
 <url><loc>https://modstagram.com/billboards</loc><changefreq>daily</changefreq><priority>0.9</priority></url>
diff --git a/scripts/apply-settings-icons.mjs b/scripts/apply-settings-icons.mjs
new file mode 100644
index 0000000..b6954d2
--- /dev/null
+++ b/scripts/apply-settings-icons.mjs
@@ -0,0 +1,66 @@
+import fs from "fs";
+import path from "path";
+import { fileURLToPath } from "url";
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const root = path.join(__dirname, "..");
+const incoming = path.join(root, "public/images/icons/_incoming_settings");
+const iconsDir = path.join(root, "public/images/icons");
+
+function findSvg(folderKeyword, fileName) {
+  const dirs = fs.readdirSync(incoming, { withFileTypes: true });
+  const match = dirs.find((d) => d.isDirectory() && d.name.includes(folderKeyword));
+  if (!match) {
+    console.warn(`Folder not found for: ${folderKeyword}`);
+    return null;
+  }
+  const p = path.join(incoming, match.name, "vuesax", "bold", fileName);
+  return fs.existsSync(p) ? p : null;
+}
+
+function normalizeSvg(content, fill = "#292D32") {
+  return content
+    .replace(/#292D32/gi, fill)
+    .replace(/fill="#9A9A9A"/gi, `fill="${fill}"`)
+    .replace(/stroke="#9A9A9A"/gi, `stroke="${fill}"`);
+}
+
+function copyFrom(src, destName, fill) {
+  if (!src) return false;
+  const content = normalizeSvg(fs.readFileSync(src, "utf8"), fill);
+  fs.writeFileSync(path.join(iconsDir, destName), content, "utf8");
+  return true;
+}
+
+const jobs = [
+  ["اشتراک", "share.svg", "share.svg"],
+  ["seting", "setting.svg", "edit.svg"],
+  ["درباره", "info-circle.svg", "contact.svg"],
+  ["verify", "verify.svg", "verify.svg"],
+  ["verify", "verify.svg", "verify2.svg"],
+  ["verify", "verify.svg", "verify3.svg"],
+  ["like", "heart.svg", "heart.svg"],
+  ["like", "heart.svg", "red-heart.svg", "#EF4444"],
+  ["درخواست", "document-normal.svg", "offer.svg"],
+  ["عمکاری", "link-square.svg", "link-square.svg"],
+  ["عمکاری", "link-square.svg", "celo-(celo).svg"],
+  ["تاریک", "moon.svg", "moon.svg"],
+  ["روشن", "sun.svg", "sun.svg"],
+  ["احراز", "user-square.svg", "user-square.svg"],
+  ["بیلبورد", "flash-circle.svg", "flash-circle.svg"],
+  ["شبا", "user-tick.svg", "user-tick.svg"],
+  ["تخصص", "instagram.svg", "instagram.svg"],
+  ["کامنت", "message-text.svg", "message-text.svg"],
+];
+
+let n = 0;
+for (const [folder, file, dest, fill] of jobs) {
+  const src = findSvg(folder, file);
+  if (copyFrom(src, dest, fill || "#292D32")) {
+    n++;
+    console.log(`OK ${dest}`);
+  }
+}
+
+fs.rmSync(incoming, { recursive: true, force: true });
+console.log(`Applied ${n} icon files.`);
diff --git a/scripts/sync-vuesax-icons.mjs b/scripts/sync-vuesax-icons.mjs
new file mode 100644
index 0000000..17fa199
--- /dev/null
+++ b/scripts/sync-vuesax-icons.mjs
@@ -0,0 +1,123 @@
+import fs from "fs";
+import path from "path";
+import { fileURLToPath } from "url";
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const root = path.join(__dirname, "..");
+const boldDir = path.join(root, "public/images/icons/vuesax/bold");
+const iconsDir = path.join(root, "public/images/icons");
+
+/** legacy filename -> vuesax bold filename (same folder) */
+const LEGACY_MAP = {
+  "search-normal.svg": "search-normal.svg",
+  "candle.svg": "candle.svg",
+  "grid-3.svg": "grid-3.svg",
+  "sms.svg": "sms.svg",
+  "notification.svg": "notification.svg",
+  "send-msg.svg": "send-2.svg",
+  "select-img.svg": "gallery-add.svg",
+  "ruler&pen.svg": "ruler&pen.svg",
+  "weight.svg": "weight.svg",
+  "timer.svg": "timer.svg",
+  "location.svg": "location.svg",
+  "close-circle.svg": "close-circle.svg",
+  "gallery-add.svg": "gallery-add.svg",
+  "gallery-edit.svg": "gallery-edit.svg",
+  "medal-star.svg": "medal-star.svg",
+  "star1.svg": "star.svg",
+  "woman.svg": "woman.svg",
+  "man.svg": "man.svg",
+  "logout.svg": "logout.svg",
+  "copy.svg": "copy.svg",
+  "judge.svg": "judge.svg",
+  "danger.svg": "danger.svg",
+  "message-text.svg": "message-text.svg",
+  "share.svg": "share.svg",
+  "heart.svg": "heart.svg",
+  "sun.svg": "sun.svg",
+  "moon.svg": "moon.svg",
+  "edit.svg": "edit.svg",
+  "eye.svg": "eye.svg",
+  "add.svg": "add.svg",
+  "submit.svg": "tick-circle.svg",
+  "success.svg": "tick-circle.svg",
+  "failed.svg": "close-circle.svg",
+  "contact.svg": "call.svg",
+  "calendar.svg": "calendar.svg",
+  "arrow-down.svg": "arrow-down.svg",
+  "clock.svg": "clock.svg",
+  "verify.svg": "verify.svg",
+  "verify2.svg": "verify.svg",
+  "verify3.svg": "verify.svg",
+  "not-verify.svg": "info-circle.svg",
+  "academy.svg": "teacher.svg",
+  "services.svg": "box.svg",
+  "offer.svg": "ticket-star.svg",
+  "people.svg": "people.svg",
+  "phone.svg": "call.svg",
+  "mobile.svg": "mobile.svg",
+  "key.svg": "key.svg",
+  "flash-circle.svg": "flash.svg",
+  "shop-add.svg": "shop-add.svg",
+  "box.svg": "box.svg",
+  "wallet.svg": "wallet.svg",
+  "lifebuoy.svg": "lifebuoy.svg",
+  "teacher.svg": "teacher.svg",
+  "courthouse.svg": "building.svg",
+  "block-red.svg": "close-circle.svg",
+  "block-green.svg": "tick-circle.svg",
+};
+
+const CHAT_MAP = {
+  "timer.svg": "timer.svg",
+  "eye.svg": "eye.svg",
+  "attachment.svg": "link.svg",
+  "microphone-2.svg": "microphone-2.svg",
+  "send-2.svg": "send-2.svg",
+  "search-normal.svg": "search-normal.svg",
+  "trash.svg": "trash.svg",
+  "attachment-menu/camera.svg": "camera.svg",
+  "attachment-menu/gallery.svg": "gallery.svg",
+  "attachment-menu/video.svg": "video.svg",
+  "attachment-menu/file.svg": "folder-2.svg",
+  "attachment-menu/location.svg": "location.svg",
+};
+
+function normalizeSvg(content, fillOverride) {
+  let svg = content.replace(/#292D32/gi, fillOverride || "#292D32");
+  svg = svg.replace(/fill="#9A9A9A"/gi, `fill="${fillOverride || "#292D32"}"`);
+  svg = svg.replace(/stroke="#9A9A9A"/gi, `stroke="${fillOverride || "#292D32"}"`);
+  return svg;
+}
+
+function copyIcon(srcName, destPath, fillOverride) {
+  const srcPath = path.join(boldDir, srcName);
+  if (!fs.existsSync(srcPath)) {
+    console.warn(`SKIP missing: ${srcName} -> ${destPath}`);
+    return false;
+  }
+  const content = normalizeSvg(fs.readFileSync(srcPath, "utf8"), fillOverride);
+  fs.mkdirSync(path.dirname(destPath), { recursive: true });
+  fs.writeFileSync(destPath, content, "utf8");
+  return true;
+}
+
+let count = 0;
+for (const [legacy, vuesax] of Object.entries(LEGACY_MAP)) {
+  const dest = path.join(iconsDir, legacy);
+  if (copyIcon(vuesax, dest)) count++;
+}
+
+// red heart variant
+copyIcon("heart.svg", path.join(iconsDir, "red-heart.svg"), "#EF4444");
+
+// auth password eye png replacements -> svg
+copyIcon("eye.svg", path.join(iconsDir, "eye-open.svg"));
+copyIcon("eye-slash.svg", path.join(iconsDir, "eye-slash.svg"));
+
+for (const [rel, vuesax] of Object.entries(CHAT_MAP)) {
+  const dest = path.join(iconsDir, "chat", rel);
+  if (copyIcon(vuesax, dest)) count++;
+}
+
+console.log(`Synced ${count} icon files to legacy paths.`);
diff --git a/src/api/fetchBillboards.ts b/src/api/fetchBillboards.ts
index ed390c3..77f99b3 100644
--- a/src/api/fetchBillboards.ts
+++ b/src/api/fetchBillboards.ts
@@ -41,12 +41,16 @@ export async function fetchBillboards(
         Authorization: token ? `Bearer ${token}` : "",
       },
     });
+  } catch (error) {
+    console.error("[fetchBillboards] fetch failed:", apiUrl, error);
+    return { advertisings: [], totalItems: 0, totalPages: 0 };
   } finally {
     clearTimeout(timeoutId);
   }
 
   if (!response.ok) {
-    throw new Error("Network response was not ok");
+    console.error("[fetchBillboards] bad response:", response.status, apiUrl);
+    return { advertisings: [], totalItems: 0, totalPages: 0 };
   }
 
   return response.json();
diff --git a/src/api/fetchPosts.ts b/src/api/fetchPosts.ts
index c4508ef..6ea9ad4 100644
--- a/src/api/fetchPosts.ts
+++ b/src/api/fetchPosts.ts
@@ -1,4 +1,5 @@
 import { BASE_URL } from "@/components/main/BaseUrl";
+import { normalizeUserLevel } from "@/lib/userLevel";
 
 export async function fetchPosts(
   page: number,
@@ -14,7 +15,12 @@ export async function fetchPosts(
   },
   token: string
 ) {
-  const validFilters = Object.entries(filters || {})
+  const normalizedFilters = { ...filters };
+  if (normalizedFilters.userLevel) {
+    normalizedFilters.userLevel = normalizeUserLevel(normalizedFilters.userLevel);
+  }
+
+  const validFilters = Object.entries(normalizedFilters || {})
     .filter(([value]) => value !== undefined && value !== "")
     .reduce((acc, [key, value]) => {
       acc[key] = value;
diff --git a/src/app/(auth)/(login)/change-passowrd/page.tsx b/src/app/(auth)/(login)/change-passowrd/page.tsx
index 82070d3..6bae497 100644
--- a/src/app/(auth)/(login)/change-passowrd/page.tsx
+++ b/src/app/(auth)/(login)/change-passowrd/page.tsx
@@ -3,7 +3,7 @@
 
 import AuthButton from "@/components/auth/AuthButton";
 import AuthHead from "@/components/auth/AuthHead";
-import AuthInput from "@/components/auth/AuthInput";
+import AuthPasswordInput from "@/components/auth/AuthPasswordInput";
 import Container from "@/components/elements/Container";
 import AuthRules from "@/components/auth/AuthRules";
 import Link from "next/link";
@@ -14,7 +14,7 @@ import * as yup from "yup";
 import { useRouter } from "next/navigation";
 import { IVerifyOtp } from "@/types/types";
 
-// Validation schema using Yup //
+// Validation schema using Yup
 const schema = yup.object().shape({
   password: yup
     .string()
@@ -71,11 +71,11 @@ function ChangePassword() {
           onSubmit={formik.handleSubmit}
           className="w-full max-w-sm flex flex-col items-center"
         >
-          <AuthInput
+          <AuthPasswordInput
             name="password"
-            type="password"
             placeholder="کلمه عبور جدید"
-            className={`border mt-4 ${
+            wrapperClassName="mt-4"
+            className={`border ${
               formik.touched.password && formik.errors.password
                 ? "border-red-500 dark:border-red-500"
                 : "border-gray-300"
@@ -90,11 +90,11 @@ function ChangePassword() {
             </small>
           )}
 
-          <AuthInput
+          <AuthPasswordInput
             name="confirmPassword"
-            type="password"
             placeholder="تکرار کلمه عبور"
-            className={`border mt-4 ${
+            wrapperClassName="mt-4"
+            className={`border ${
               formik.touched.confirmPassword && formik.errors.confirmPassword
                 ? "border-red-500 dark:border-red-500"
                 : "border-gray-300"
@@ -109,8 +109,8 @@ function ChangePassword() {
             </small>
           )}
 
-          <AuthButton type="submit" className="mt-5" disabled={loading}>
-            {loading ? "در حال ارسال..." : "تغییر کلمه عبور"}
+          <AuthButton type="submit" className="mt-5" loading={loading} disabled={loading}>
+            تغییر کلمه عبور
           </AuthButton>
         </form>
 
diff --git a/src/app/(auth)/(login)/forget-password-otp/page.tsx b/src/app/(auth)/(login)/forget-password-otp/page.tsx
index e7c6019..0ea0242 100644
--- a/src/app/(auth)/(login)/forget-password-otp/page.tsx
+++ b/src/app/(auth)/(login)/forget-password-otp/page.tsx
@@ -7,13 +7,15 @@ import Container from "@/components/elements/Container";
 import AuthRules from "@/components/auth/AuthRules";
 import Link from "next/link";
 import React, { useState } from "react";
-import OtpInput from "react-otp-input";
+import AuthOtpInput from "@/components/auth/AuthOtpInput";
+import AuthOtpStatus from "@/components/auth/AuthOtpStatus";
 import useAxios from "@/hooks/useAxios";
 import { useFormik } from "formik";
 import * as yup from "yup";
 import { useRouter } from "next/navigation";
 import { IVerifyOtp } from "@/types/types";
-import Cookies from "js-cookie";
+import { setAuthSession } from "@/lib/auth/session";
+import { AUTH_SUCCESS_DELAY_MS, pause } from "@/lib/auth/feedback";
 
 // Validation schema using Yup
 const schema = yup.object({
@@ -26,6 +28,10 @@ const schema = yup.object({
 function ForgetPasswordOtp() {
   const router = useRouter();
   const [isModalOpen, setModalOpen] = useState(false);
+  const [otpExpired, setOtpExpired] = useState(false);
+  const [resendLoading, setResendLoading] = useState(false);
+  const [isSuccess, setIsSuccess] = useState(false);
+  const [otpError, setOtpError] = useState(false);
   const { request, loading } = useAxios();
   const mobile =
     typeof window !== "undefined" ? localStorage.getItem("mobile") : null;
@@ -47,15 +53,14 @@ function ForgetPasswordOtp() {
           mobile,
           otp: values.otp.trim(),
         })) as IVerifyOtp;
-        document.cookie = `token=${response.token}; path=/; Secure`;
-        Cookies.set("token", response.token, {
-          secure: false,
-          path: "/",
-          expires: 365
-        });
+        await setAuthSession(response.token);
         await localStorage.setItem("otp", values.otp);
+        setIsSuccess(true);
+        await pause(AUTH_SUCCESS_DELAY_MS);
         router.push("/change-passowrd");
       } catch (err: any) {
+        setOtpError(true);
+        setIsSuccess(false);
         console.log("Unhandled error:", err?.message);
       }
     },
@@ -65,31 +70,39 @@ function ForgetPasswordOtp() {
     <Container>
       <div className="p-4 flex flex-col items-center h-screen justify-center">
         <AuthHead title="فراموش کردن کلمه عبور" />
-        <small className="mb-10">کد 6 رقمی به شماره {mobile} ارسال شد</small>
+        <AuthOtpStatus
+          mobile={mobile}
+          resendLoading={resendLoading}
+          onExpiredChange={setOtpExpired}
+          onResend={async () => {
+            if (!mobile) return;
+            setResendLoading(true);
+            try {
+              await request("POST", "/login", { mobile });
+              formik.setFieldValue("otp", "");
+              setOtpError(false);
+              setIsSuccess(false);
+            } finally {
+              setResendLoading(false);
+            }
+          }}
+        />
         <form
           onSubmit={formik.handleSubmit}
           className="w-full max-w-sm flex flex-col items-center"
         >
-          <OtpInput
+          <AuthOtpInput
+            className="mt-3"
             value={formik.values.otp}
             onChange={(otp) => {
-              if (formik.values.otp !== otp) {
-                formik.setFieldValue("otp", otp);
-                if (otp.length === 6) {
-                  setTimeout(() => {
-                    formik.submitForm();
-                  }, 500);
-                }
-              }
+              formik.setFieldValue("otp", otp);
+              setOtpError(false);
+              setIsSuccess(false);
             }}
-            numInputs={6}
-            containerStyle="mt-3 dir-ltr flex gap-x-4 justify-center"
-            inputStyle={`text-center min-w-[30px] border  bg-secondary-light dark:bg-secondary-dark rounded-2xl py-3 ${
-              formik.touched.otp && formik.errors.otp
-                ? "border-red-500 dark:border-red-500"
-                : "border-border-primary-light dark:border-border-primary-dark"
-            } focus:outline-none`}
-            renderInput={(props) => <input {...props} />}
+            onComplete={() => setTimeout(() => formik.submitForm(), 400)}
+            error={otpError || Boolean(formik.touched.otp && formik.errors.otp)}
+            success={isSuccess}
+            disabled={loading || otpExpired || isSuccess}
           />
           {formik.touched.otp && formik.errors.otp && (
             <small className="text-red-500 mt-2">{formik.errors.otp}</small>
@@ -97,9 +110,9 @@ function ForgetPasswordOtp() {
           <AuthButton
             type="submit"
             className="mt-5"
-            disabled={loading || formik.values.otp.length !== 6}
+            loading={loading} disabled={loading || otpExpired || isSuccess || formik.values.otp.length !== 6}
           >
-            {loading ? "در حال ارسال..." : "تایید کد"}
+            تایید کد
           </AuthButton>
         </form>
         <Link href={"/login-with-username"}>
diff --git a/src/app/(auth)/(login)/forget-password/page.tsx b/src/app/(auth)/(login)/forget-password/page.tsx
index e1fc678..c008d53 100644
--- a/src/app/(auth)/(login)/forget-password/page.tsx
+++ b/src/app/(auth)/(login)/forget-password/page.tsx
@@ -6,10 +6,11 @@ import AuthInput from "@/components/auth/AuthInput";
 import Container from "@/components/elements/Container";
 import Link from "next/link";
 import React from "react";
+import { useRouter } from "next/navigation";
 import useAxios from "@/hooks/useAxios";
 import { useFormik } from "formik";
 import * as yup from "yup";
-import { useRouter } from "next/navigation";
+import { markOtpSent } from "@/lib/auth/otpTimer";
 
 // Validation schema using Yup
 const schema = yup.object({
@@ -32,6 +33,7 @@ function ForgetPassword() {
       try {
         await request("POST", "/login", { mobile: values.mobile });
         await localStorage.setItem("mobile", values.mobile);
+        markOtpSent();
         router.push("/forget-password-otp");
       } catch (err) {
         console.log(err);
@@ -51,6 +53,7 @@ function ForgetPassword() {
             name="mobile"
             maxLength={11}
             type="text"
+            dir="ltr"
             placeholder="09 _ _ _ _ _ _ _ _ _"
             className={`border ${
               formik.touched.mobile && formik.errors.mobile
@@ -66,8 +69,8 @@ function ForgetPassword() {
               {formik.errors.mobile}
             </small>
           )}
-          <AuthButton type="submit" className="mt-5" disabled={loading}>
-            {loading ? "در حال ارسال..." : "ارسال کد"}
+          <AuthButton type="submit" className="mt-5" loading={loading} disabled={loading}>
+            ارسال کد
           </AuthButton>
         </form>
         <Link href={"/register"}>
diff --git a/src/app/(auth)/(login)/login-with-username/page.tsx b/src/app/(auth)/(login)/login-with-username/page.tsx
index 98128c8..1e3fe8f 100644
--- a/src/app/(auth)/(login)/login-with-username/page.tsx
+++ b/src/app/(auth)/(login)/login-with-username/page.tsx
@@ -4,6 +4,7 @@
 import AuthButton from "@/components/auth/AuthButton";
 import AuthHead from "@/components/auth/AuthHead";
 import AuthInput from "@/components/auth/AuthInput";
+import AuthPasswordInput from "@/components/auth/AuthPasswordInput";
 import Container from "@/components/elements/Container";
 import AuthRules from "@/components/auth/AuthRules";
 import Link from "next/link";
@@ -13,7 +14,8 @@ import { useFormik } from "formik";
 import * as yup from "yup";
 import { useRouter } from "next/navigation";
 import { IVerifyOtp } from "@/types/types";
-import Cookies from "js-cookie";
+import { setAuthSession } from "@/lib/auth/session";
+import { AUTH_SUCCESS_DELAY_MS, pause } from "@/lib/auth/feedback";
 
 // Validation schema using Yup
 const schema = yup.object().shape({
@@ -31,6 +33,8 @@ const schema = yup.object().shape({
 function LoginWithUsername() {
   const router = useRouter();
   const [isModalOpen, setModalOpen] = useState(false);
+  const [isSuccess, setIsSuccess] = useState(false);
+  const [authError, setAuthError] = useState(false);
   const { request, loading } = useAxios();
   const mobile =
     typeof window !== "undefined" ? localStorage.getItem("mobile") : null;
@@ -50,33 +54,31 @@ function LoginWithUsername() {
         })) as IVerifyOtp;
         switch (response?.page) {
           case "home":
-            document.cookie = `token=${response.token}; path=/; Secure`;
-            Cookies.set("token", response.token, {
-              secure: false,
-              path: "/",
-              expires: 365,
+            await setAuthSession(response.token, {
+              id: response.id,
+              user_type: response.user_type,
+              step: response.step,
             });
-
-            await localStorage.setItem("usertype", response.user_type);
-            await localStorage.setItem("id", response.id);
-            await localStorage.setItem("step", response.step);
+            setIsSuccess(true);
+            await pause(AUTH_SUCCESS_DELAY_MS);
+            router.refresh();
             router.push("/");
             break;
           case "auth-page":
-            Cookies.set("token", response.token, {
-              secure: false,
-              path: "/",
-              expires: 365,
+            await setAuthSession(response.token, {
+              id: response.id,
+              step: response.step,
             });
-            // await localStorage.setItem("usertype", response.user_type);
-            await localStorage.setItem("id", response.id);
-            await localStorage.setItem("step", response.step);
+            setIsSuccess(true);
+            await pause(AUTH_SUCCESS_DELAY_MS);
             router.push("/auth");
             break;
           default:
             break;
         }
       } catch (err: any) {
+        setAuthError(true);
+        setIsSuccess(false);
         console.log("Unhandled error:", err?.message);
       }
     },
@@ -94,40 +96,44 @@ function LoginWithUsername() {
             name="username"
             type="text"
             placeholder="نام کاربری"
-            className={`border ${
-              formik.touched.username && formik.errors.username
-                ? "border-red-500 dark:border-red-500"
-                : "border-gray-300"
-            }`}
+            success={isSuccess}
+            error={authError || Boolean(formik.touched.username && formik.errors.username)}
             value={formik.values.username}
-            onChange={formik.handleChange}
+            onChange={(e) => {
+              setAuthError(false);
+              setIsSuccess(false);
+              formik.handleChange(e);
+            }}
             onBlur={formik.handleBlur}
+            disabled={loading || isSuccess}
           />
-          {formik.touched.username && formik.errors.username && (
+          {formik.touched.username && formik.errors.username && !authError && (
             <small className="text-red-500 mt-2 block">
               {formik.errors.username}
             </small>
           )}
-          <AuthInput
+          <AuthPasswordInput
             name="password"
-            type="password"
             placeholder="کلمه عبور"
-            className={`border mt-4 ${
-              formik.touched.password && formik.errors.password
-                ? "border-red-500 dark:border-red-500"
-                : "border-gray-300"
-            }`}
+            wrapperClassName="mt-4"
+            success={isSuccess}
+            error={authError || Boolean(formik.touched.password && formik.errors.password)}
             value={formik.values.password}
-            onChange={formik.handleChange}
+            onChange={(e) => {
+              setAuthError(false);
+              setIsSuccess(false);
+              formik.handleChange(e);
+            }}
             onBlur={formik.handleBlur}
+            disabled={loading || isSuccess}
           />
-          {formik.touched.password && formik.errors.password && (
+          {formik.touched.password && formik.errors.password && !authError && (
             <small className="text-red-500 mt-2 block">
               {formik.errors.password}
             </small>
           )}
-          <AuthButton type="submit" className="mt-5" disabled={loading}>
-            {loading ? "در حال ارسال..." : "ورود"}
+          <AuthButton type="submit" className="mt-5" loading={loading} disabled={loading || isSuccess}>
+            ورود
           </AuthButton>
         </form>
         <Link href={"/forget-password"}>
diff --git a/src/app/(auth)/(login)/login/page.tsx b/src/app/(auth)/(login)/login/page.tsx
index d94ab6e..63d9c5c 100644
--- a/src/app/(auth)/(login)/login/page.tsx
+++ b/src/app/(auth)/(login)/login/page.tsx
@@ -11,6 +11,7 @@ import useAxios from "@/hooks/useAxios";
 import { useFormik } from "formik";
 import * as yup from "yup";
 import { useRouter } from "next/navigation";
+import { markOtpSent } from "@/lib/auth/otpTimer";
 
 // Validation schema using Yup
 const schema = yup.object({
@@ -34,6 +35,7 @@ function Login() {
       try {
         await request("POST", "/login", { mobile: values.mobile });
         await localStorage.setItem("mobile", values.mobile);
+        markOtpSent();
         router.push("/verify-otp");
       } catch (err) {
         console.log(err);
@@ -53,7 +55,8 @@ function Login() {
             name="mobile"
             maxLength={11}
             type="tel"
-            pattern="[0-9]*" 
+            pattern="[0-9]*"
+            dir="ltr" 
             placeholder="09 _ _ _ _ _ _ _ _ _"
             className={`border ${
               formik.touched.mobile && formik.errors.mobile
@@ -69,8 +72,8 @@ function Login() {
               {formik.errors.mobile}
             </small>
           )}
-          <AuthButton type="submit" className="mt-5" disabled={loading}>
-            {loading ? "در حال ارسال..." : "ارسال کد"}
+          <AuthButton type="submit" className="mt-5" loading={loading} disabled={loading}>
+            ارسال کد
           </AuthButton>
         </form>
         <Link href={"/login-with-username"}>
diff --git a/src/app/(auth)/(login)/verify-otp/page.tsx b/src/app/(auth)/(login)/verify-otp/page.tsx
index 971a323..4871a52 100644
--- a/src/app/(auth)/(login)/verify-otp/page.tsx
+++ b/src/app/(auth)/(login)/verify-otp/page.tsx
@@ -7,13 +7,15 @@ import Container from "@/components/elements/Container";
 import AuthRules from "@/components/auth/AuthRules";
 import Link from "next/link";
 import React, { useState } from "react";
-import OtpInput from "react-otp-input";
+import AuthOtpInput from "@/components/auth/AuthOtpInput";
+import AuthOtpStatus from "@/components/auth/AuthOtpStatus";
 import useAxios from "@/hooks/useAxios";
 import { useFormik } from "formik";
 import * as yup from "yup";
 import { useRouter } from "next/navigation";
 import { IVerifyOtp } from "@/types/types";
-import Cookies from "js-cookie";
+import { setAuthSession } from "@/lib/auth/session";
+import { AUTH_SUCCESS_DELAY_MS, pause } from "@/lib/auth/feedback";
 
 // Validation schema using Yup
 const schema = yup.object({
@@ -26,6 +28,10 @@ const schema = yup.object({
 function VerifyOtp() {
   const router = useRouter();
   const [isModalOpen, setModalOpen] = useState(false);
+  const [otpExpired, setOtpExpired] = useState(false);
+  const [resendLoading, setResendLoading] = useState(false);
+  const [isSuccess, setIsSuccess] = useState(false);
+  const [otpError, setOtpError] = useState(false);
   const { request, loading } = useAxios();
   const mobile =
     typeof window !== "undefined" ? localStorage.getItem("mobile") : null;
@@ -50,25 +56,23 @@ function VerifyOtp() {
 
         switch (response?.page) {
           case "home":
-            Cookies.set("token", response.token, {
-              secure: false,
-              path: "/",
-              expires: 365,
+            await setAuthSession(response.token, {
+              id: response.id,
+              user_type: response.user_type,
+              step: response.step,
             });
-            await localStorage.setItem("usertype", response.user_type);
-            await localStorage.setItem("id", response.id);
-            await localStorage.setItem("step", response.step);
+            setIsSuccess(true);
+            await pause(AUTH_SUCCESS_DELAY_MS);
+            router.refresh();
             router.push("/");
             break;
           case "auth-page":
-            Cookies.set("token", response.token, {
-              secure: false,
-              path: "/",
-              expires: 365,
+            await setAuthSession(response.token, {
+              id: response.id,
+              step: response.step,
             });
-            // await localStorage.setItem("usertype", response.user_type);
-            await localStorage.setItem("id", response.id);
-            await localStorage.setItem("step", response.step);
+            setIsSuccess(true);
+            await pause(AUTH_SUCCESS_DELAY_MS);
 
             switch (response.step) {
               case "user_name":
@@ -93,6 +97,8 @@ function VerifyOtp() {
         }
         // router.push("/dashboard");
       } catch (err: any) {
+        setOtpError(true);
+        setIsSuccess(false);
         console.log("Unhandled error:", err?.message);
       }
     },
@@ -102,34 +108,39 @@ function VerifyOtp() {
     <Container>
       <div className="p-4 flex flex-col items-center h-screen justify-center">
         <AuthHead title="ورود" />
-        <small className="mb-10">کد 6 رقمی به شماره {mobile} ارسال شد</small>
+        <AuthOtpStatus
+          mobile={mobile}
+          resendLoading={resendLoading}
+          onExpiredChange={setOtpExpired}
+          onResend={async () => {
+            if (!mobile) return;
+            setResendLoading(true);
+            try {
+              await request("POST", "/login", { mobile });
+              formik.setFieldValue("otp", "");
+              setOtpError(false);
+              setIsSuccess(false);
+            } finally {
+              setResendLoading(false);
+            }
+          }}
+        />
         <form
           onSubmit={formik.handleSubmit}
           className="w-full max-w-sm flex flex-col items-center"
         >
-          <OtpInput
+          <AuthOtpInput
+            className="mt-3"
             value={formik.values.otp}
             onChange={(otp) => {
               formik.setFieldValue("otp", otp);
-              if (otp.length === 6) {
-                setTimeout(() => formik.submitForm(), 500);
-              }
+              setOtpError(false);
+              setIsSuccess(false);
             }}
-            numInputs={6}
-            containerStyle="mt-3 dir-ltr flex gap-x-4 justify-center"
-            inputStyle={`text-center min-w-[30px] border bg-secondary-light dark:bg-secondary-dark rounded-2xl py-3 ${
-              formik.touched.otp && formik.errors.otp
-                ? "border-red-500 dark:border-red-500"
-                : "border-border-primary-light "
-            } focus:outline-none`}
-            renderInput={(props) => (
-              <input
-                {...props}
-                type="tel"
-                inputMode="numeric"
-                pattern="[0-9]*"
-              />
-            )}
+            onComplete={() => setTimeout(() => formik.submitForm(), 400)}
+            error={otpError || Boolean(formik.touched.otp && formik.errors.otp)}
+            success={isSuccess}
+            disabled={loading || otpExpired || isSuccess}
           />
 
           {formik.touched.otp && formik.errors.otp && (
@@ -138,9 +149,9 @@ function VerifyOtp() {
           <AuthButton
             type="submit"
             className="mt-5"
-            disabled={loading || formik.values.otp.length !== 6}
+            loading={loading} disabled={loading || otpExpired || isSuccess || formik.values.otp.length !== 6}
           >
-            {loading ? "در حال ارسال..." : "تایید کد"}
+            تایید کد
           </AuthButton>
         </form>
         <Link href={"/login-with-username"}>
diff --git a/src/app/(auth)/(register)/register-otp/page.tsx b/src/app/(auth)/(register)/register-otp/page.tsx
index d9e21a6..e53f0fb 100644
--- a/src/app/(auth)/(register)/register-otp/page.tsx
+++ b/src/app/(auth)/(register)/register-otp/page.tsx
@@ -8,13 +8,15 @@ import Container from "@/components/elements/Container";
 import AuthRules from "@/components/auth/AuthRules";
 import Link from "next/link";
 import React, { useState } from "react";
-import OtpInput from "react-otp-input";
+import AuthOtpInput from "@/components/auth/AuthOtpInput";
+import AuthOtpStatus from "@/components/auth/AuthOtpStatus";
 import useAxios from "@/hooks/useAxios";
 import { useFormik } from "formik";
 import * as yup from "yup";
 import { IVerifyOtp } from "@/types/types";
 import { useRouter } from "next/navigation";
-import Cookies from "js-cookie";
+import { setAuthSession } from "@/lib/auth/session";
+import { AUTH_SUCCESS_DELAY_MS, pause } from "@/lib/auth/feedback";
 
 // Validation schema using Yup
 const schema = yup.object({
@@ -27,6 +29,10 @@ const schema = yup.object({
 function RegisterOtp() {
   const router = useRouter();
   const [isModalOpen, setModalOpen] = useState(false);
+  const [otpExpired, setOtpExpired] = useState(false);
+  const [resendLoading, setResendLoading] = useState(false);
+  const [isSuccess, setIsSuccess] = useState(false);
+  const [otpError, setOtpError] = useState(false);
   const { request, loading } = useAxios();
   const mobile =
     typeof window !== "undefined" ? localStorage.getItem("mobile") : null;
@@ -49,12 +55,9 @@ function RegisterOtp() {
           otp: values.otp.trim(),
         })) as IVerifyOtp;
         await localStorage.setItem("otp", values.otp);
-        Cookies.set("token", response.token, {
-          secure: false,
-          path: "/",
-          expires: 365
-        });
-        await localStorage.setItem("step", response.step);
+        await setAuthSession(response.token, { step: response.step });
+        setIsSuccess(true);
+        await pause(AUTH_SUCCESS_DELAY_MS);
         response.step === "user_name"
           ? router.push("/register/username")
           : response.step === "password"
@@ -65,6 +68,8 @@ function RegisterOtp() {
           ? router.push("/register/usertype")
           : router.push("/verify/avatar");
       } catch (err: any) {
+        setOtpError(true);
+        setIsSuccess(false);
         console.log("Unhandled error:", err.message);
       }
     },
@@ -74,31 +79,39 @@ function RegisterOtp() {
     <Container>
       <div className="p-4 flex flex-col items-center h-screen justify-center">
         <AuthHead title="ثبت نام" />
-        <small className="mb-10">کد 6 رقمی به شماره {mobile} ارسال شد</small>
+        <AuthOtpStatus
+          mobile={mobile}
+          resendLoading={resendLoading}
+          onExpiredChange={setOtpExpired}
+          onResend={async () => {
+            if (!mobile) return;
+            setResendLoading(true);
+            try {
+              await request("POST", "/register", { mobile });
+              formik.setFieldValue("otp", "");
+              setOtpError(false);
+              setIsSuccess(false);
+            } finally {
+              setResendLoading(false);
+            }
+          }}
+        />
         <form
           onSubmit={formik.handleSubmit}
           className="w-full max-w-sm flex flex-col items-center"
         >
-          <OtpInput
+          <AuthOtpInput
+            className="mt-3"
             value={formik.values.otp}
             onChange={(otp) => {
-              if (formik.values.otp !== otp) {
-                formik.setFieldValue("otp", otp);
-                if (otp.length === 6) {
-                  setTimeout(() => {
-                    formik.submitForm();
-                  }, 500);
-                }
-              }
+              formik.setFieldValue("otp", otp);
+              setOtpError(false);
+              setIsSuccess(false);
             }}
-            numInputs={6}
-            containerStyle="mt-3 dir-ltr flex gap-x-4 justify-center"
-            inputStyle={`text-center min-w-[30px] border  bg-secondary-light dark:bg-secondary-dark rounded-2xl py-3 ${
-              formik.touched.otp && formik.errors.otp
-                ? "border-red-500 dark:border-red-500"
-                : "border-border-primary-light dark:border-border-primary-dark"
-            } focus:outline-none`}
-            renderInput={(props) => <input {...props} />}
+            onComplete={() => setTimeout(() => formik.submitForm(), 400)}
+            error={otpError || Boolean(formik.touched.otp && formik.errors.otp)}
+            success={isSuccess}
+            disabled={loading || otpExpired || isSuccess}
           />
           {formik.touched.otp && formik.errors.otp && (
             <small className="text-red-500 mt-2">{formik.errors.otp}</small>
@@ -106,9 +119,9 @@ function RegisterOtp() {
           <AuthButton
             type="submit"
             className="mt-5"
-            disabled={loading || formik.values.otp.length !== 6}
+            loading={loading} disabled={loading || otpExpired || isSuccess || formik.values.otp.length !== 6}
           >
-            {loading ? "در حال ارسال..." : "تایید کد"}
+            تایید کد
           </AuthButton>
         </form>
         <Link href={"/forget-password"}>
diff --git a/src/app/(auth)/(register)/register/fullname/page.tsx b/src/app/(auth)/(register)/register/fullname/page.tsx
index f3c0bb9..1879ee9 100644
--- a/src/app/(auth)/(register)/register/fullname/page.tsx
+++ b/src/app/(auth)/(register)/register/fullname/page.tsx
@@ -3,7 +3,10 @@
 
 import AuthHead from "@/components/auth/AuthHead";
 import AuthInput from "@/components/auth/AuthInput";
-import Container from "@/components/elements/Container";
+import AuthPageLayout, {
+  AuthFormFooter,
+  AuthPageContent,
+} from "@/components/auth/AuthPageLayout";
 import React from "react";
 import useAxios from "@/hooks/useAxios";
 import { useFormik } from "formik";
@@ -45,17 +48,19 @@ function FullNamePage() {
   });
 
   return (
-    <Container>
-      <div className="p-4 flex flex-col items-center h-screen justify-center">
-        <AuthHead title="نام و نام خانوادگی" />
-        <form
-          onSubmit={formik.handleSubmit}
-          className="w-full max-w-sm flex flex-col items-center"
-        >
+    <AuthPageLayout>
+      <form
+        onSubmit={formik.handleSubmit}
+        className="flex w-full flex-1 flex-col items-center"
+      >
+        <AuthPageContent>
+          <AuthHead title="نام و نام خانوادگی" />
+          <div className="w-full max-w-sm flex flex-col items-center">
           <AuthInput
             name="name"
             type="text"
             placeholder="نام"
+            dir="rtl"
             className={`border mt-4 ${
               formik.touched.name && formik.errors.name
                 ? "border-red-500 dark:border-red-500"
@@ -66,7 +71,7 @@ function FullNamePage() {
             onBlur={formik.handleBlur}
           />
           {formik.touched.name && formik.errors.name && (
-            <small className="text-red-500 mt-2 block">
+            <small className="text-red-500 mt-2 block text-center">
               {formik.errors.name}
             </small>
           )}
@@ -75,6 +80,7 @@ function FullNamePage() {
             name="family"
             type="text"
             placeholder="نام خانوادگی"
+            dir="rtl"
             className={`border mt-4 ${
               formik.touched.family && formik.errors.family
                 ? "border-red-500 dark:border-red-500"
@@ -85,17 +91,20 @@ function FullNamePage() {
             onBlur={formik.handleBlur}
           />
           {formik.touched.family && formik.errors.family && (
-            <small className="text-red-500 mt-2 block">
+            <small className="text-red-500 mt-2 block text-center">
               {formik.errors.family}
             </small>
           )}
+          </div>
+        </AuthPageContent>
 
-          <AuthNextButton type="submit" className="mt-20" disabled={loading}>
-            {loading ? "در حال ارسال..." : "ثبت و ادامه"}
+        <AuthFormFooter>
+          <AuthNextButton type="submit" loading={loading} disabled={loading}>
+            ثبت و ادامه
           </AuthNextButton>
-        </form>
-      </div>
-    </Container>
+        </AuthFormFooter>
+      </form>
+    </AuthPageLayout>
   );
 }
 
diff --git a/src/app/(auth)/(register)/register/page.tsx b/src/app/(auth)/(register)/register/page.tsx
index c685642..b1c56aa 100644
--- a/src/app/(auth)/(register)/register/page.tsx
+++ b/src/app/(auth)/(register)/register/page.tsx
@@ -10,6 +10,7 @@ import useAxios from "@/hooks/useAxios";
 import { useFormik } from "formik";
 import * as yup from "yup";
 import { useRouter } from "next/navigation";
+import { markOtpSent } from "@/lib/auth/otpTimer";
 
 // Validation schema using Yup
 const schema = yup.object({
@@ -33,6 +34,7 @@ function Register() {
       try {
         await request("POST", "/register", { mobile: values.mobile });
         await localStorage.setItem("mobile", values.mobile);
+        markOtpSent();
         router.push("/register-otp");
       } catch (err) {
         console.log(err);
@@ -52,6 +54,7 @@ function Register() {
             name="mobile"
             maxLength={11}
             type="text"
+            dir="ltr"
             placeholder="09 _ _ _ _ _ _ _ _ _"
             className={`border ${
               formik.touched.mobile && formik.errors.mobile
@@ -67,8 +70,8 @@ function Register() {
               {formik.errors.mobile}
             </small>
           )}
-          <AuthButton type="submit" className="mt-5" disabled={loading}>
-            {loading ? "در حال ارسال..." : "ارسال کد"}
+          <AuthButton type="submit" className="mt-5" loading={loading} disabled={loading}>
+            ارسال کد
           </AuthButton>
         </form>
         <button onClick={() => setModalOpen(true)} className="mb-2">
diff --git a/src/app/(auth)/(register)/register/password/page.tsx b/src/app/(auth)/(register)/register/password/page.tsx
index 72e37af..73ca7bf 100644
--- a/src/app/(auth)/(register)/register/password/page.tsx
+++ b/src/app/(auth)/(register)/register/password/page.tsx
@@ -2,8 +2,11 @@
 "use client";
 
 import AuthHead from "@/components/auth/AuthHead";
-import AuthInput from "@/components/auth/AuthInput";
-import Container from "@/components/elements/Container";
+import AuthPasswordInput from "@/components/auth/AuthPasswordInput";
+import AuthPageLayout, {
+  AuthFormFooter,
+  AuthPageContent,
+} from "@/components/auth/AuthPageLayout";
 import React from "react";
 import useAxios from "@/hooks/useAxios";
 import { useFormik } from "formik";
@@ -61,18 +64,19 @@ function PasswordPage() {
   });
 
   return (
-    <Container>
-      <div className="p-4 flex flex-col items-center h-screen justify-center">
-        <AuthHead title="کلمه عبور" />
-        <form
-          onSubmit={formik.handleSubmit}
-          className="w-full max-w-sm flex flex-col items-center"
-        >
-          <AuthInput
+    <AuthPageLayout>
+      <form
+        onSubmit={formik.handleSubmit}
+        className="flex w-full flex-1 flex-col items-center"
+      >
+        <AuthPageContent>
+          <AuthHead title="کلمه عبور" />
+          <div className="w-full max-w-sm flex flex-col items-center">
+          <AuthPasswordInput
             name="password"
-            type="password"
             placeholder="کلمه عبور"
-            className={`border mt-4 ${
+            wrapperClassName="mt-4"
+            className={`border ${
               formik.touched.password && formik.errors.password
                 ? "border-red-500 dark:border-red-500"
                 : "border-gray-300"
@@ -87,11 +91,11 @@ function PasswordPage() {
             </small>
           )}
 
-          <AuthInput
+          <AuthPasswordInput
             name="confirmPassword"
-            type="password"
             placeholder="تکرار کلمه عبور"
-            className={`border mt-4 ${
+            wrapperClassName="mt-4"
+            className={`border ${
               formik.touched.confirmPassword && formik.errors.confirmPassword
                 ? "border-red-500 dark:border-red-500"
                 : "border-gray-300"
@@ -105,13 +109,16 @@ function PasswordPage() {
               {formik.errors.confirmPassword}
             </small>
           )}
+          </div>
+        </AuthPageContent>
 
-          <AuthNextButton type="submit" className="mt-20" disabled={loading}>
-            {loading ? "در حال ارسال..." : "تایید کلمه عبور"}
+        <AuthFormFooter>
+          <AuthNextButton type="submit" loading={loading} disabled={loading}>
+            تایید کلمه عبور
           </AuthNextButton>
-        </form>
-      </div>
-    </Container>
+        </AuthFormFooter>
+      </form>
+    </AuthPageLayout>
   );
 }
 
diff --git a/src/app/(auth)/(register)/register/username/page.tsx b/src/app/(auth)/(register)/register/username/page.tsx
index d92d594..e77a5e1 100644
--- a/src/app/(auth)/(register)/register/username/page.tsx
+++ b/src/app/(auth)/(register)/register/username/page.tsx
@@ -3,28 +3,25 @@
 
 import AuthHead from "@/components/auth/AuthHead";
 import AuthInput from "@/components/auth/AuthInput";
-import Container from "@/components/elements/Container";
-import React from "react";
+import AuthPageLayout, {
+  AuthFormFooter,
+  AuthPageContent,
+} from "@/components/auth/AuthPageLayout";
+import React, { useState } from "react";
 import useAxios from "@/hooks/useAxios";
 import { useFormik } from "formik";
-import * as yup from "yup";
 import { useRouter } from "next/navigation";
 import { IVerifyOtp } from "@/types/types";
 import AuthNextButton from "@/components/auth/AuthNextButton";
-import toast from "react-hot-toast";
-
-// ✅ فقط چک می‌کنیم مقدار وارد شده باشه
-const schema = yup.object().shape({
-  username: yup
-    .string()
-    .required("نام کاربری الزامی است")
-    .min(1, "نام کاربری باید حداقل ۱ کاراکتر باشد")
-    .max(100, "نام کاربری نمی‌تواند بیشتر از ۱۰۰ کاراکتر باشد"),
-});
+import UsernameSuggestions from "@/components/auth/UsernameSuggestions";
+import { usernameFormSchema } from "@/lib/validation/usernameSchema";
+import { sanitizeUsernameInput, USERNAME_MIN_LENGTH } from "@/lib/validation/username";
 
 function UsernamePage() {
   const router = useRouter();
   const { request, loading } = useAxios();
+  const [isDuplicate, setIsDuplicate] = useState(false);
+  const [suggestions, setSuggestions] = useState<string[]>([]);
   const mobile =
     typeof window !== "undefined" ? localStorage.getItem("mobile") : null;
 
@@ -32,60 +29,100 @@ function UsernamePage() {
     initialValues: {
       username: "",
     },
-    validationSchema: schema,
+    validationSchema: usernameFormSchema,
     onSubmit: async (values) => {
+      setIsDuplicate(false);
+      setSuggestions([]);
+
       try {
         await request("POST", "/register/username", {
           mobile,
-          user_name: values.username,
+          user_name: values.username.trim().toLowerCase(),
         }) as IVerifyOtp;
 
-        localStorage.setItem("username", values.username);
+        localStorage.setItem("username", values.username.trim().toLowerCase());
         router.push("/register/password");
       } catch (err: any) {
-        console.log("Unhandled error:", err?.message);
-        if (err?.response?.data?.message) {
-          toast.error(err.response.data.message);
-        } else {
-          toast.error("خطایی رخ داد، دوباره تلاش کنید");
+        const data = err?.response?.data;
+        if (data?.message?.includes("تکراری")) {
+          setIsDuplicate(true);
+          setSuggestions(Array.isArray(data.suggestions) ? data.suggestions : []);
+        } else if (data?.message) {
+          formik.setFieldError("username", data.message);
         }
       }
     },
   });
 
+  const handleUsernameChange = (value: string) => {
+    setIsDuplicate(false);
+    setSuggestions([]);
+    formik.setFieldValue("username", sanitizeUsernameInput(value));
+  };
+
+  const handleSuggestionSelect = (username: string) => {
+    formik.setFieldValue("username", username);
+    formik.setFieldTouched("username", true, false);
+    setIsDuplicate(false);
+    setSuggestions([]);
+  };
+
   return (
-    <Container>
-      <div className="p-4 flex flex-col items-center h-screen justify-center">
-        <AuthHead title="نام کاربری" />
-        <form
-          onSubmit={formik.handleSubmit}
-          className="w-full max-w-sm flex flex-col items-center"
-        >
+    <AuthPageLayout>
+      <form
+        onSubmit={formik.handleSubmit}
+        className="flex w-full flex-1 flex-col items-center"
+      >
+        <AuthPageContent>
+          <AuthHead title="نام کاربری" />
+          <div className="w-full max-w-sm flex flex-col items-center">
           <AuthInput
             name="username"
             type="text"
-            placeholder="نام کاربری خود را وارد کنید"
-            dir="auto" // ✅ اجازه ورود همه کاراکترها (فارسی، انگلیسی، ایموجی...)
+            placeholder="نام کاربری"
+            dir="ltr"
+            autoComplete="username"
+            spellCheck={false}
             className={`border ${
-              formik.touched.username && formik.errors.username
+              (formik.touched.username && formik.errors.username) || isDuplicate
                 ? "border-red-500 dark:border-red-500"
                 : "border-gray-300"
             }`}
             value={formik.values.username}
-            onChange={formik.handleChange}
+            onChange={(e) => handleUsernameChange(e.target.value)}
             onBlur={formik.handleBlur}
           />
-          {formik.touched.username && formik.errors.username && (
-            <small className="text-red-500 mt-2 block">
+
+          {isDuplicate && (
+            <small className="text-red-500 mt-2 block text-center font-medium">
+              نام کاربری تکراری است
+            </small>
+          )}
+
+          {formik.touched.username && formik.errors.username && !isDuplicate && (
+            <small className="text-red-500 mt-2 block text-center">
               {formik.errors.username}
             </small>
           )}
-          <AuthNextButton type="submit" className="mt-20" disabled={loading}>
-            {loading ? "در حال ارسال..." : "ثبت و ادامه"}
+
+          <UsernameSuggestions
+            suggestions={suggestions}
+            onSelect={handleSuggestionSelect}
+          />
+          </div>
+        </AuthPageContent>
+
+        <AuthFormFooter>
+          <AuthNextButton
+            type="submit"
+            loading={loading}
+            disabled={loading || formik.values.username.length < USERNAME_MIN_LENGTH}
+          >
+            ثبت و ادامه
           </AuthNextButton>
-        </form>
-      </div>
-    </Container>
+        </AuthFormFooter>
+      </form>
+    </AuthPageLayout>
   );
 }
 
diff --git a/src/app/(auth)/(register)/register/usertype/page.tsx b/src/app/(auth)/(register)/register/usertype/page.tsx
index e1e70a9..2d9604e 100644
--- a/src/app/(auth)/(register)/register/usertype/page.tsx
+++ b/src/app/(auth)/(register)/register/usertype/page.tsx
@@ -2,7 +2,10 @@
 "use client";
 
 import AuthHead from "@/components/auth/AuthHead";
-import Container from "@/components/elements/Container";
+import AuthPageLayout, {
+  AuthFormFooter,
+  AuthPageContent,
+} from "@/components/auth/AuthPageLayout";
 import React, { useState } from "react";
 import useAxios from "@/hooks/useAxios";
 import { useFormik } from "formik";
@@ -58,14 +61,14 @@ function UsertypePage() {
   });
 
   return (
-    <Container>
-      <div className="p-4 flex flex-col items-center h-screen justify-center">
-        {/* <AuthHead title="نوع کاربری" /> */}
-        <AuthHead title="" />
-        <form
-          onSubmit={formik.handleSubmit}
-          className="w-full max-w-sm flex flex-col items-center"
-        >
+    <AuthPageLayout>
+      <form
+        onSubmit={formik.handleSubmit}
+        className="flex w-full flex-1 flex-col items-center"
+      >
+        <AuthPageContent>
+          <AuthHead title="" />
+          <div className="w-full max-w-sm flex flex-col items-center">
           {/* User Type Buttons */}
           {/* <AuthNextButton
             type="button"
@@ -90,35 +93,36 @@ function UsertypePage() {
             کارفرما
           </AuthNextButton> */}
 
-          {/* Error Message */}
           {formik.errors.selectedButton && formik.touched.selectedButton && (
             <div className="text-red-500 mt-2 text-sm">
               {formik.errors.selectedButton}
             </div>
           )}
+          </div>
+        </AuthPageContent>
 
-          {/* Submit Buttons */}
+        <AuthFormFooter>
           <div className="flex gap-3">
             <AuthNextButton
               type="submit"
               onClick={() => setSubmitAction("register")}
-              className="mt-20 !border-[#0C8002] !text-[#0C8002]"
+              className="!border-[#0C8002] !text-[#0C8002]"
               disabled={loading}
             >
-              {loading ? "در حال ارسال..." : "ادامه ثبت نام"}
+              ادامه ثبت نام
             </AuthNextButton>
             <AuthNextButton
               type="submit"
               onClick={() => setSubmitAction("login")}
-              className="mt-20 !border-[#FF0000] !text-[#FF0000]"
+              className="!border-[#FF0000] !text-[#FF0000]"
               disabled={loading}
             >
-              {loading ? "در حال ارسال..." : "ورود به برنامه"}
+              ورود به برنامه
             </AuthNextButton>
           </div>
-        </form>
-      </div>
-    </Container>
+        </AuthFormFooter>
+      </form>
+    </AuthPageLayout>
   );
 }
 
diff --git a/src/app/(auth)/verify/auth/page.tsx b/src/app/(auth)/verify/auth/page.tsx
index 203634e..cfb56a1 100644
--- a/src/app/(auth)/verify/auth/page.tsx
+++ b/src/app/(auth)/verify/auth/page.tsx
@@ -1,7 +1,10 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 "use client";
 
-import Container from "@/components/elements/Container";
+import AuthPageLayout, {
+  AuthFormFooter,
+  AuthPageContent,
+} from "@/components/auth/AuthPageLayout";
 import React from "react";
 import useAxios from "@/hooks/useAxios";
 import { useFormik } from "formik";
@@ -69,17 +72,18 @@ function AuthPage() {
   console.log(formik.values);
 
   return (
-    <Container>
-      <div className="p-4 flex flex-col items-center h-screen justify-center auth-page">
-        <span className="text-xl font-bold">احراز هویت</span>
-        <div className="mt-5">
-          <AuthUserDetails />
-        </div>
+    <AuthPageLayout className="auth-page">
+      <form
+        onSubmit={formik.handleSubmit}
+        className="flex w-full flex-1 flex-col items-center"
+      >
+        <AuthPageContent>
+          <span className="text-xl font-bold">احراز هویت</span>
+          <div className="mt-5">
+            <AuthUserDetails />
+          </div>
 
-        <form
-          onSubmit={formik.handleSubmit}
-          className="w-full max-w-sm flex flex-col items-center"
-        >
+          <div className="w-full max-w-sm flex flex-col items-center">
           <small className="font-bold mt-10 mb-4"> جهت احراز هویت</small>
           <div className="flex w-full gap-2 max-w-[300px]">
             <div>
@@ -165,19 +169,16 @@ function AuthPage() {
           <small className="font-bold mt-10">
             شماره شبا باید به نام خود شخص باشد
           </small>
-          <AuthNextButton type="submit" className="mt-20" disabled={loading}>
-            {loading ? "در حال ارسال..." : "ثبت و ادامه"}
+          </div>
+        </AuthPageContent>
+
+        <AuthFormFooter onSkip={() => router.push("/verify/location")}>
+          <AuthNextButton type="submit" loading={loading} disabled={loading}>
+            ثبت و ادامه
           </AuthNextButton>
-          <button
-            className="text-sm text-gray-500 mt-5"
-            onClick={() => router.push("/verify/location")}
-            type="button"
-          >
-            <span>رد کن</span>
-          </button>
-        </form>
-      </div>
-    </Container>
+        </AuthFormFooter>
+      </form>
+    </AuthPageLayout>
   );
 }
 
diff --git a/src/app/(auth)/verify/avatar/page.tsx b/src/app/(auth)/verify/avatar/page.tsx
index 2621531..040e37c 100644
--- a/src/app/(auth)/verify/avatar/page.tsx
+++ b/src/app/(auth)/verify/avatar/page.tsx
@@ -1,7 +1,10 @@
 "use client";
 
 import React, { useEffect, useState, useCallback } from "react";
-import Container from "@/components/elements/Container";
+import AuthPageLayout, {
+  AuthFormFooter,
+  AuthPageContent,
+} from "@/components/auth/AuthPageLayout";
 import AuthNextButton from "@/components/auth/AuthNextButton";
 import { IMAGE_BASE_URL, buildStorageUrl } from "@/components/main/BaseUrl";
 import useAxios from "@/hooks/useAxios";
@@ -20,7 +23,6 @@ function AvatarPage() {
   const { request, loading } = useAxios();
   const [userDetail, setUserDetail] = useState<IProfileData | null>(null);
   const [avatar, setAvatar] = useState<string | null>(null);
-  const [originalImage, setOriginalImage] = useState<string | null>(null); // تصویر اصلی (سایز کامل)
   const [crop, setCrop] = useState({ x: 0, y: 0 });
   const [zoom, setZoom] = useState(1);
   const [loadingUpload, setLoadingUpload] = useState(false);
@@ -50,8 +52,7 @@ function AvatarPage() {
       const reader = new FileReader();
       reader.onload = (e) => {
         const imageDataUrl = e.target?.result as string;
-        setAvatar(imageDataUrl); // برای کراپر
-        setOriginalImage(imageDataUrl); // تصویر اصلی (سایز کامل)
+        setAvatar(imageDataUrl);
       };
       reader.readAsDataURL(file);
     }
@@ -105,7 +106,6 @@ function AvatarPage() {
     } catch (err) {
       console.log("Upload error:", err);
       toast.error("خطا در ارسال تصویر!");
-    } finally {
       setLoadingUpload(false);
     }
   };
@@ -120,28 +120,11 @@ function AvatarPage() {
   };
 
   return (
-    <Container>
-      <div className="p-4 flex flex-col items-center h-screen justify-center">
-        {(loading || loadingUpload) && <p>Loading...</p>}
+    <AuthPageLayout>
+      <AuthPageContent>
+        <span className="text-xl font-bold mb-4">تصویر پروفایل</span>
 
-        {!loading && !loadingUpload && (
-          <>
-            <span className="text-xl font-bold mb-4">تصویر پروفایل</span>
-            
-            {/* نمایش تصویر اصلی (سایز کامل) */}
-            {originalImage && (
-              <div className="relative w-[300px] h-[400px] bg-gray-200 rounded-2xl mb-4 overflow-hidden">
-                <Image
-                  src={originalImage}
-                  alt="Original image"
-                  fill
-                  className="object-contain"
-                />
-              </div>
-            )}
-
-            {/* کراپر برای برش تصویر به مربع 1:1 */}
-            <div className="relative w-[250px] h-[250px] bg-gray-200 rounded-3xl overflow-hidden mb-4">
+        <div className="relative aspect-square w-[250px] bg-gray-200 rounded-3xl overflow-hidden mb-4">
               {avatar ? (
                 <Cropper
                   image={avatar.startsWith("data:") ? avatar : IMAGE_BASE_URL + avatar}
@@ -178,31 +161,26 @@ function AvatarPage() {
               onChange={selectImage}
             />
 
-            <AuthNextButton className="mt-4">
-              <label className="cursor-pointer w-full h-full" htmlFor="fileInput">
-                انتخاب/ویرایش تصویر
-              </label>
-            </AuthNextButton>
+        <AuthNextButton className="mt-4">
+          <label className="cursor-pointer w-full h-full" htmlFor="fileInput">
+            انتخاب/ویرایش تصویر
+          </label>
+        </AuthNextButton>
+      </AuthPageContent>
 
-            <AuthNextButton
-              onClick={uploadImage}
-              className="mt-10"
-              disabled={loadingUpload}
-            >
-              ثبت و ادامه
-            </AuthNextButton>
-
-            <button
-              className="text-sm text-gray-500 mt-5"
-              onClick={navigateHandler}
-              type="button"
-            >
-              رد کن
-            </button>
-          </>
-        )}
-      </div>
-    </Container>
+      <AuthFormFooter
+        onSkip={navigateHandler}
+        skipDisabled={loadingUpload}
+      >
+        <AuthNextButton
+          onClick={uploadImage}
+          loading={loadingUpload}
+          disabled={loadingUpload}
+        >
+          ثبت و ادامه
+        </AuthNextButton>
+      </AuthFormFooter>
+    </AuthPageLayout>
   );
 }
 
diff --git a/src/app/(auth)/verify/colors/page.tsx b/src/app/(auth)/verify/colors/page.tsx
index ea2b374..0a4336e 100644
--- a/src/app/(auth)/verify/colors/page.tsx
+++ b/src/app/(auth)/verify/colors/page.tsx
@@ -1,7 +1,10 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 "use client";
 
-import Container from "@/components/elements/Container";
+import AuthPageLayout, {
+  AuthFormFooter,
+  AuthPageContent,
+} from "@/components/auth/AuthPageLayout";
 import React, { useState } from "react";
 import useAxios from "@/hooks/useAxios";
 import * as yup from "yup";
@@ -88,8 +91,8 @@ function Colors() {
   
 
   return (
-    <Container>
-      <div className="p-4 flex flex-col items-center h-screen justify-center">
+    <AuthPageLayout>
+      <AuthPageContent>
         <span className="text-xl font-bold">سایز</span>
         <div className="mt-5">
           <AuthUserDetails />
@@ -163,24 +166,19 @@ function Colors() {
             </div>
           )}
         </div>
+      </AuthPageContent>
 
+      <AuthFormFooter onSkip={() => router.push("/verify/public-relations")}>
         <AuthNextButton
           type="button"
           onClick={handleCheck}
-          className="mt-10"
+          loading={loading}
           disabled={loading}
         >
-          {loading ? "در حال ارسال..." : "ثبت و ادامه"}
+          ثبت و ادامه
         </AuthNextButton>
-        <button
-          className="text-sm text-gray-500 mt-5"
-          onClick={() => router.push("/verify/public-relations")}
-          type="button"
-        >
-          <span>رد کن</span>
-        </button>
-      </div>
-    </Container>
+      </AuthFormFooter>
+    </AuthPageLayout>
   );
 }
 
diff --git a/src/app/(auth)/verify/confirm/page.tsx b/src/app/(auth)/verify/confirm/page.tsx
index 12aff28..0639436 100644
--- a/src/app/(auth)/verify/confirm/page.tsx
+++ b/src/app/(auth)/verify/confirm/page.tsx
@@ -2,26 +2,48 @@
 "use client";
 
 import Container from "@/components/elements/Container";
-import React, { useState } from "react";
+import React, { useEffect, useState } from "react";
 import { useRouter } from "next/navigation";
 import AuthNextButton from "@/components/auth/AuthNextButton";
 import Modal from "@/components/elements/Modal";
 import Link from "next/link";
-import Image from "next/image";
+import ProfileAvatar from "@/components/main/ProfileAvatar";
+import VerificationBadge from "@/components/main/VerificationBadge";
 import { useUser } from "@/hooks/useUser";
-import { IMAGE_BASE_URL, buildStorageUrl } from "@/components/main/BaseUrl";
+import useAxios from "@/hooks/useAxios";
 
 function Confirm() {
-
   const user = useUser();
+  const { request } = useAxios();
   const router = useRouter();
   const [showModal, setShowModal] = useState<boolean>(false);
+  const [navigating, setNavigating] = useState(false);
   const userType: string | null =
     typeof window !== "undefined" ? localStorage.getItem("usertype") : null;
 
+  const [verifiedStatus, setVerifiedStatus] = useState<string | null>(null);
+
+  useEffect(() => {
+    const markComplete = async () => {
+      try {
+        const response = await request<{ is_verified?: string }>(
+          "POST",
+          "/verify/complete",
+          {}
+        );
+        setVerifiedStatus(response?.is_verified ?? "pending");
+      } catch {
+        setVerifiedStatus(user?.is_verified ?? "pending");
+      }
+    };
+    markComplete();
+  }, []);
+
   const confirmHandler = () => {
+    setNavigating(true);
     if (userType !== "employer") {
       setShowModal(true);
+      setNavigating(false);
     } else {
       router.push("/");
     }
@@ -36,38 +58,23 @@ function Confirm() {
           ورود شما به خانواده مدستاگرام را تبریک می گوییم{" "}
         </small>
         <div className="flex flex-col justify-center items-center">
-          <Image
-            className="rounded-2xl object-cover"
-            width={280}
-            height={280}
+          <ProfileAvatar
+            src={user?.profile_image}
             alt={user?.user_name || "user profile"}
-            src={buildStorageUrl(user?.profile_image)}
-            unoptimized={true}
+            size="xl"
+            rounded="2xl"
           />
           <div className="flex flex-col justify-center items-center gap-1 mt-1">
             <span>
               {user?.first_name && user?.first_name + " " + user?.last_name}
             </span>
-            <div className="flex flex-col justify-center items-center gap-1 mt-1">
-              {user?.user_name}
-              {user?.is_verified === "verified" ? (
-                <Image
-                  width={70}
-                  height={70}
-                  alt={"verify icon"}
-                  src={`/images/icons/verify.svg`}
+            <div className="flex items-center gap-1 mt-1">
+              <span className="inline-flex items-center gap-1">
+                {user?.user_name}
+                <VerificationBadge
+                  isVerified={verifiedStatus ?? user?.is_verified ?? "pending"}
                 />
-              ) : user?.is_verified === "pending" ? (
-                <Image
-                  width={70}
-                  height={70}
-                  alt={"not-verify icon"}
-                  src={`/images/icons/not-verify.svg`}
-                />
-              ) : (
-                ""
-              )}
-              
+              </span>
             </div>
           </div>
         </div>
@@ -117,7 +124,7 @@ function Confirm() {
           </div>
         </div>
         {/*  */}
-        <AuthNextButton onClick={confirmHandler} className="mt-20">
+        <AuthNextButton onClick={confirmHandler} className="mt-20" loading={navigating} disabled={navigating}>
           ثبت و ادامه
         </AuthNextButton>
         <small className="font-bold mt-10 mb-1 text-center">
diff --git a/src/app/(auth)/verify/cooperation-type/page.tsx b/src/app/(auth)/verify/cooperation-type/page.tsx
index 357f2b0..40eeefd 100644
--- a/src/app/(auth)/verify/cooperation-type/page.tsx
+++ b/src/app/(auth)/verify/cooperation-type/page.tsx
@@ -1,7 +1,10 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 "use client";
 
-import Container from "@/components/elements/Container";
+import AuthPageLayout, {
+  AuthFormFooter,
+  AuthPageContent,
+} from "@/components/auth/AuthPageLayout";
 import React from "react";
 import useAxios from "@/hooks/useAxios";
 import { useFormik } from "formik";
@@ -44,20 +47,22 @@ function CooperationType() {
   });
 
   return (
-    <Container>
-      <div className="p-4 flex flex-col items-center h-screen justify-center">
-        <span className="text-xl font-bold">نوع همکاری</span>
-        <div className="mt-5">
-          <AuthUserDetails />
-        </div>
+    <AuthPageLayout>
+      <form
+        onSubmit={formik.handleSubmit}
+        className="flex w-full flex-1 flex-col items-center"
+      >
+        <AuthPageContent>
+          <span className="text-xl font-bold">نوع همکاری</span>
+          <div className="mt-5">
+            <AuthUserDetails />
+          </div>
 
-        <p className="my-10 text-sm font-bold">
-          آیا مایل به همکاری خارج از محل سکونت خود هستید؟
-        </p>
-        <form
-          onSubmit={formik.handleSubmit}
-          className="w-full max-w-sm flex flex-col items-center"
-        >
+          <p className="my-10 text-sm font-bold">
+            آیا مایل به همکاری خارج از محل سکونت خود هستید؟
+          </p>
+
+          <div className="w-full max-w-sm flex flex-col items-center">
           <div className="flex w-full gap-2">
             <AuthNextButton
               type="button"
@@ -83,26 +88,21 @@ function CooperationType() {
             </AuthNextButton>
           </div>
 
-          {/* Error Message */}
           {formik.errors.selectedButton && formik.touched.selectedButton && (
             <div className="text-red-500 mt-2 text-sm">
               {formik.errors.selectedButton}
             </div>
           )}
+          </div>
+        </AuthPageContent>
 
-          <AuthNextButton type="submit" className="mt-20" disabled={loading}>
-            {loading ? "در حال ارسال..." : "ثبت و ادامه"}
+        <AuthFormFooter onSkip={() => router.push("/verify/public-relations")}>
+          <AuthNextButton type="submit" loading={loading} disabled={loading}>
+            ثبت و ادامه
           </AuthNextButton>
-          <button
-            className="text-sm text-gray-500 mt-5"
-            onClick={() => router.push("/verify/public-relations")}
-            type="button"
-          >
-            <span>رد کن</span>
-          </button>
-        </form>
-      </div>
-    </Container>
+        </AuthFormFooter>
+      </form>
+    </AuthPageLayout>
   );
 }
 
diff --git a/src/app/(auth)/verify/expertise/page.tsx b/src/app/(auth)/verify/expertise/page.tsx
index e97f994..4266d24 100644
--- a/src/app/(auth)/verify/expertise/page.tsx
+++ b/src/app/(auth)/verify/expertise/page.tsx
@@ -1,7 +1,10 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 "use client";
 
-import Container from "@/components/elements/Container";
+import AuthPageLayout, {
+  AuthFormFooter,
+  AuthPageContent,
+} from "@/components/auth/AuthPageLayout";
 import React, { useEffect, useState } from "react";
 import useAxios from "@/hooks/useAxios";
 import * as yup from "yup";
@@ -89,8 +92,8 @@ function Expertise() {
   );
 
   return (
-    <Container>
-      <div className="p-4 flex flex-col items-center h-screen justify-center">
+    <AuthPageLayout>
+      <AuthPageContent>
         <span className="text-xl font-bold">تخصص</span>
 
         <AuthUserDetails />
@@ -126,25 +129,19 @@ function Expertise() {
             </button>
           ))}
         </div>
+      </AuthPageContent>
 
+      <AuthFormFooter onSkip={() => router.push("/verify/services")}>
         <AuthNextButton
           type="button"
           onClick={handleCheck}
-          className="mt-20"
+          loading={loading}
           disabled={loading}
         >
-          {loading ? "در حال ارسال..." : "ثبت و ادامه"}
+          ثبت و ادامه
         </AuthNextButton>
-
-        <button
-          className="text-sm text-gray-500 mt-5"
-          onClick={() => router.push("/verify/services")}
-          type="button"
-          >
-          <span>رد کن</span>
-        </button>
-      </div>
-    </Container>
+      </AuthFormFooter>
+    </AuthPageLayout>
   );
 }
 
diff --git a/src/app/(auth)/verify/gender/page.tsx b/src/app/(auth)/verify/gender/page.tsx
index 5944ca5..f850d17 100644
--- a/src/app/(auth)/verify/gender/page.tsx
+++ b/src/app/(auth)/verify/gender/page.tsx
@@ -1,7 +1,10 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 "use client";
 
-import Container from "@/components/elements/Container";
+import AuthPageLayout, {
+  AuthFormFooter,
+  AuthPageContent,
+} from "@/components/auth/AuthPageLayout";
 import React from "react";
 import useAxios from "@/hooks/useAxios";
 import { useFormik } from "formik";
@@ -50,16 +53,18 @@ function Gender() {
   });
 
   return (
-    <Container>
-      <div className="p-4 flex flex-col items-center h-screen justify-center">
-        <span className="text-xl font-bold">جنسیت</span>
-        <div className="mt-5">
-          <AuthUserDetails />
-        </div>
-        <form
-          onSubmit={formik.handleSubmit}
-          className="w-full max-w-sm flex flex-col items-center"
-        >
+    <AuthPageLayout>
+      <form
+        onSubmit={formik.handleSubmit}
+        className="flex w-full flex-1 flex-col items-center"
+      >
+        <AuthPageContent>
+          <span className="text-xl font-bold">جنسیت</span>
+          <div className="mt-5">
+            <AuthUserDetails />
+          </div>
+
+          <div className="w-full max-w-sm flex flex-col items-center">
           <div className="flex w-full gap-4">
             <AuthNextButton
               type="button"
@@ -97,26 +102,21 @@ function Gender() {
             </AuthNextButton>
           </div>
 
-          {/* Error Message */}
           {formik.errors.selectedButton && formik.touched.selectedButton && (
             <div className="text-red-500 mt-2 text-sm">
               {formik.errors.selectedButton}
             </div>
           )}
+          </div>
+        </AuthPageContent>
 
-          <AuthNextButton type="submit" className="mt-20" disabled={loading}>
-            {loading ? "در حال ارسال..." : "ثبت و ادامه"}
+        <AuthFormFooter onSkip={() => router.push("/verify/sizes")}>
+          <AuthNextButton type="submit" loading={loading} disabled={loading}>
+            ثبت و ادامه
           </AuthNextButton>
-          <button
-            className="text-sm text-gray-500 mt-5"
-            onClick={() => router.push("/verify/sizes")}
-            type="button"
-          >
-            <span>رد کن</span>
-          </button>
-        </form>
-      </div>
-    </Container>
+        </AuthFormFooter>
+      </form>
+    </AuthPageLayout>
   );
 }
 
diff --git a/src/app/(auth)/verify/location/page.tsx b/src/app/(auth)/verify/location/page.tsx
index 31ee1ee..c5bfbdd 100644
--- a/src/app/(auth)/verify/location/page.tsx
+++ b/src/app/(auth)/verify/location/page.tsx
@@ -1,7 +1,10 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 "use client";
 
-import Container from "@/components/elements/Container";
+import AuthPageLayout, {
+  AuthFormFooter,
+  AuthPageContent,
+} from "@/components/auth/AuthPageLayout";
 import React, { useEffect, useState } from "react";
 import useAxios from "@/hooks/useAxios";
 import { useFormik } from "formik";
@@ -88,8 +91,8 @@ function LocationPage() {
           address: values.address,
           province_id: values.stateId,
           city_id: values.cityId,
-          lat: values.markerCoordinate[0],
-          lng: values.markerCoordinate[1],
+          lat: values.markerCoordinate[1],
+          lng: values.markerCoordinate[0],
           show_location: isCheckedOne,
         });
         router.push("/verify/national-cart");
@@ -118,20 +121,22 @@ function LocationPage() {
   };
 
   return (
-    <Container>
-      <div className="p-4 flex flex-col items-center h-screen justify-center address-page ">
-        <span className="text-xl font-bold">لوکیشن</span>
-        <div className="mt-5">
-          <AuthUserDetails />
-        </div>
+    <AuthPageLayout className="address-page">
+      <form
+        onSubmit={formik.handleSubmit}
+        className="flex w-full flex-1 flex-col items-center"
+      >
+        <AuthPageContent>
+          <span className="text-xl font-bold">لوکیشن</span>
+          <div className="mt-5">
+            <AuthUserDetails />
+          </div>
 
-        <small className="font-bold mt-10 mb-4">
-          مشخص کنید در کدام شهر قادر به انجام فعالیت هستید
-        </small>
-        <form
-          onSubmit={formik.handleSubmit}
-          className="w-full max-w-sm flex flex-col items-center"
-        >
+          <small className="font-bold mt-10 mb-4">
+            مشخص کنید در کدام شهر قادر به انجام فعالیت هستید
+          </small>
+
+          <div className="w-full max-w-sm flex flex-col items-center">
           <SelectBox
             className={`mt-4 ${
               formik.touched.stateId && formik.errors.stateId
@@ -225,25 +230,26 @@ function LocationPage() {
             )}
           </Map>
           <label className="flex items-center gap-2">
-            <input className="scale-125" type="checkbox" onChange={toggleCheckBox} />
+            <input
+              className="scale-125"
+              type="checkbox"
+              checked={isCheckedOne}
+              onChange={toggleCheckBox}
+            />
             <span className="text-xs font-bold">
               اطلاعات لوکیشن شما برای همه قابل نمایش باشد
             </span>
           </label>
-          <AuthNextButton type="submit" className="mt-20" disabled={loading}>
-            {loading ? "در حال ارسال..." : "ثبت و ادامه"}
-          </AuthNextButton>
+          </div>
+        </AuthPageContent>
 
-          <button
-            className="text-sm text-gray-500 mt-5"
-            onClick={() => router.push("/verify/national-cart")}
-            type="button"
-          >
-            <span>رد کن</span>
-          </button>
-        </form>
-      </div>
-    </Container>
+        <AuthFormFooter onSkip={() => router.push("/verify/national-cart")}>
+          <AuthNextButton type="submit" loading={loading} disabled={loading}>
+            ثبت و ادامه
+          </AuthNextButton>
+        </AuthFormFooter>
+      </form>
+    </AuthPageLayout>
   );
 }
 
diff --git a/src/app/(auth)/verify/national-cart/page.tsx b/src/app/(auth)/verify/national-cart/page.tsx
index c62d1dd..11c1822 100644
--- a/src/app/(auth)/verify/national-cart/page.tsx
+++ b/src/app/(auth)/verify/national-cart/page.tsx
@@ -1,7 +1,10 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 "use client";
 
-import Container from "@/components/elements/Container";
+import AuthPageLayout, {
+  AuthFormFooter,
+  AuthPageContent,
+} from "@/components/auth/AuthPageLayout";
 import React, { useState } from "react";
 import useAxios from "@/hooks/useAxios";
 import { useRouter } from "next/navigation";
@@ -69,8 +72,8 @@ function NationalCart() {
   };
 
   return (
-    <Container>
-      <div className="p-4 flex flex-col items-center h-screen justify-center address-page">
+    <AuthPageLayout className="address-page">
+      <AuthPageContent>
         <span className="text-xl font-bold">احراز هویت</span>
         <div className="mt-5">
           <AuthUserDetails />
@@ -146,25 +149,19 @@ function NationalCart() {
           </span>
         </div>
 
+        <AuthRules isModalOpen={isModalOpen} setModalOpen={setModalOpen} />
+      </AuthPageContent>
+
+      <AuthFormFooter onSkip={() => router.push("/verify/confirm")}>
         <AuthNextButton
           onClick={uploadImage}
-          className="mt-20"
+          loading={loading}
           disabled={loading}
         >
-          {loading ? "در حال ارسال..." : "ثبت و ادامه"}
+          ثبت و ادامه
         </AuthNextButton>
-
-        <button
-          className="text-sm text-gray-500 mt-5"
-          onClick={() => router.push("/verify/confirm")}
-          type="button"
-        >
-          رد کن
-        </button>
-
-        <AuthRules isModalOpen={isModalOpen} setModalOpen={setModalOpen} />
-      </div>
-    </Container>
+      </AuthFormFooter>
+    </AuthPageLayout>
   );
 }
 
diff --git a/src/app/(auth)/verify/public-relations/page.tsx b/src/app/(auth)/verify/public-relations/page.tsx
index 6ea5556..4cf115e 100644
--- a/src/app/(auth)/verify/public-relations/page.tsx
+++ b/src/app/(auth)/verify/public-relations/page.tsx
@@ -1,7 +1,10 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 "use client";
 
-import Container from "@/components/elements/Container";
+import AuthPageLayout, {
+  AuthFormFooter,
+  AuthPageContent,
+} from "@/components/auth/AuthPageLayout";
 import React from "react";
 import useAxios from "@/hooks/useAxios";
 import { useFormik } from "formik";
@@ -46,18 +49,18 @@ function PublicRelations() {
   });
 
   return (
-    <Container>
-      <div className="p-4 flex flex-col items-center h-screen justify-center">
-        <span className="text-xl font-bold">روابط عمومی</span>
-        <div className="mt-5">
-          <AuthUserDetails />
-        </div>
-      
-        <form
-          onSubmit={formik.handleSubmit}
-          className="w-full max-w-sm flex flex-col items-center"
-        >
-          
+    <AuthPageLayout>
+      <form
+        onSubmit={formik.handleSubmit}
+        className="flex w-full flex-1 flex-col items-center"
+      >
+        <AuthPageContent>
+          <span className="text-xl font-bold">روابط عمومی</span>
+          <div className="mt-5">
+            <AuthUserDetails />
+          </div>
+
+          <div className="w-full max-w-sm flex flex-col items-center">
           <small className="font-bold mt-10"> در مورد خودتان چیزی بگویید</small>
           <textarea
             name="bio"
@@ -85,20 +88,16 @@ function PublicRelations() {
               {formik.errors.bio}
             </small>
           )}
+          </div>
+        </AuthPageContent>
 
-          <AuthNextButton type="submit" className="mt-20" disabled={loading}>
-            {loading ? "در حال ارسال..." : "ثبت و ادامه"}
+        <AuthFormFooter onSkip={() => router.push("/verify/location")}>
+          <AuthNextButton type="submit" loading={loading} disabled={loading}>
+            ثبت و ادامه
           </AuthNextButton>
-          <button
-            className="text-sm text-gray-500 mt-5"
-            onClick={() => router.push("/verify/location")}
-            type="button"
-          >
-            <span>رد کن</span>
-          </button>
-        </form>
-      </div>
-    </Container>
+        </AuthFormFooter>
+      </form>
+    </AuthPageLayout>
   );
 }
 
diff --git a/src/app/(auth)/verify/services/page.tsx b/src/app/(auth)/verify/services/page.tsx
index f80570f..9613141 100644
--- a/src/app/(auth)/verify/services/page.tsx
+++ b/src/app/(auth)/verify/services/page.tsx
@@ -5,7 +5,10 @@ import { Service } from "@/types/types";
 import ServiceItem from "@/components/main/Services/ServiceItem";
 import AddServiceModal from "@/components/main/Services/AddServiceModal";
 import AuthUserDetails from "@/components/auth/AuthUserDetails";
-import Container from "@/components/elements/Container";
+import AuthPageLayout, {
+  AuthFormFooter,
+  AuthPageContent,
+} from "@/components/auth/AuthPageLayout";
 import AuthNextButton from "@/components/auth/AuthNextButton";
 import useAxios from "@/hooks/useAxios";
 import toast from "react-hot-toast";
@@ -80,8 +83,8 @@ const ServicesPage: React.FC = () => {
   };
 
   return (
-    <Container>
-      <div className="p-4 flex flex-col items-center h-screen justify-center w-full">
+    <AuthPageLayout>
+      <AuthPageContent className="w-full">
         <span className="text-xl font-bold">خدمات</span>
 
         <div className="mt-5 w-full max-w-md">
@@ -98,23 +101,6 @@ const ServicesPage: React.FC = () => {
           ))}
         </div>
 
-        <div className="flex gap-4 mt-6">
-          <AuthNextButton
-            onClick={handleSubmit}
-            disabled={loading}
-            className="mb-4 w-32"
-          >
-            {loading ? "در حال ارسال..." : "ثبت و ادامه"}
-          </AuthNextButton>
-
-          <AuthNextButton
-            onClick={() => setModalOpen(true)}
-            className="mb-4 !text-[#0066FF] !border-[#0066FF] w-32"
-          >
-            افزودن
-          </AuthNextButton>
-        </div>
-
         {isModalOpen && (
           <AddServiceModal
             onClose={() => setModalOpen(false)}
@@ -122,15 +108,28 @@ const ServicesPage: React.FC = () => {
             isModalOpen={isModalOpen}
           />
         )}
-        <button
-          className="text-sm text-gray-500 mt-5"
-          onClick={Reject}
-          type="button"
-        >
-          <span>رد کن</span>
-        </button>
-      </div>
-    </Container>
+      </AuthPageContent>
+
+      <AuthFormFooter onSkip={Reject}>
+        <div className="flex gap-4">
+          <AuthNextButton
+            onClick={handleSubmit}
+            loading={loading}
+            disabled={loading}
+            className="w-32"
+          >
+            ثبت و ادامه
+          </AuthNextButton>
+
+          <AuthNextButton
+            onClick={() => setModalOpen(true)}
+            className="!text-[#0066FF] !border-[#0066FF] w-32"
+          >
+            افزودن
+          </AuthNextButton>
+        </div>
+      </AuthFormFooter>
+    </AuthPageLayout>
   );
 };
 
diff --git a/src/app/(auth)/verify/sizes/page.tsx b/src/app/(auth)/verify/sizes/page.tsx
index 8ee959b..4a8d292 100644
--- a/src/app/(auth)/verify/sizes/page.tsx
+++ b/src/app/(auth)/verify/sizes/page.tsx
@@ -1,7 +1,10 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 "use client";
 
-import Container from "@/components/elements/Container";
+import AuthPageLayout, {
+  AuthFormFooter,
+  AuthPageContent,
+} from "@/components/auth/AuthPageLayout";
 import React, { useState } from "react";
 import useAxios from "@/hooks/useAxios";
 import * as yup from "yup";
@@ -73,8 +76,8 @@ function Sizes() {
   };
 
   return (
-    <Container>
-      <div className="p-4 flex flex-col items-center h-screen justify-center">
+    <AuthPageLayout>
+      <AuthPageContent>
         <span className="text-xl font-bold">سایز</span>
         <div className="mt-5">
           <AuthUserDetails />
@@ -175,24 +178,19 @@ function Sizes() {
             </div>
           )}
         </div>
+      </AuthPageContent>
 
+      <AuthFormFooter onSkip={() => router.push("/verify/colors")}>
         <AuthNextButton
           type="button"
           onClick={handleCheck}
-          className="mt-10"
+          loading={loading}
           disabled={loading}
         >
-          {loading ? "در حال ارسال..." : "ثبت و ادامه"}
+          ثبت و ادامه
         </AuthNextButton>
-        <button
-          className="text-sm text-gray-500 mt-5"
-          onClick={() => router.push("/verify/colors")}
-          type="button"
-        >
-          <span>رد کن</span>
-        </button>
-      </div>
-    </Container>
+      </AuthFormFooter>
+    </AuthPageLayout>
   );
 }
 
diff --git a/src/app/(projects)/academy/[id]/[title]/CourseClient.tsx b/src/app/(projects)/academy/[id]/[title]/CourseClient.tsx
index 538aa9f..5c5c72a 100644
--- a/src/app/(projects)/academy/[id]/[title]/CourseClient.tsx
+++ b/src/app/(projects)/academy/[id]/[title]/CourseClient.tsx
@@ -21,6 +21,8 @@ import { Course } from "@/types/types";
 import useAxios from "@/hooks/useAxios";
 import { Comments } from "@/components/academy/CommentsModal";
 import { IMAGE_BASE_URL, buildStorageUrl } from "@/components/main/BaseUrl";
+import VerificationBadge from "@/components/main/VerificationBadge";
+import ProfileAvatar from "@/components/main/ProfileAvatar";
 import { usePathname } from "next/navigation";
 import Cookies from "js-cookie";
 
@@ -662,39 +664,24 @@ useEffect(() => {
                     >
                       <div className="flex gap-3">
                         {/* آواتار کاربر */}
-                        <div className="flex-shrink-0">
-                          <Image
-                            className="rounded-full object-cover"
-                            width={40}
-                            height={40}
+                        <div className="shrink-0">
+                          <ProfileAvatar
+                            src={item?.user_id?.profile_image}
                             alt={item?.user_id?.user_name || "کاربر"}
-                            src={
-                              item?.user_id?.profile_image
-                                ? buildStorageUrl(item.user_id.profile_image)
-                                : "/images/default-avatar.png"
-                            }
-                            priority={true}
-                            unoptimized={true}
+                            size="chat"
+                            rounded="full"
+                            fallback="/images/default-avatar.png"
                           />
                         </div>
                         
                         <div className="flex-1">
                           {/* اطلاعات کاربر و امتیاز */}
                           <div className="flex items-center gap-2 flex-wrap mb-2">
-                            <span className="font-semibold text-sm dark:text-white">
+                            <span className="font-semibold text-sm dark:text-white inline-flex items-center gap-1">
                               {item?.user_id?.user_name || "کاربر ناشناس"}
+                              <VerificationBadge isVerified={item?.user_id?.is_verified} />
                             </span>
 
-                            {item?.user_id?.is_verified === "verified" && (
-                              <Image
-                                width={16}
-                                height={16}
-                                alt="verify"
-                                src="/images/icons/verify.svg"
-                                className="inline"
-                              />
-                            )}
-
                             {item?.rate > 0 && (
                               <div className="mr-2">
                                 {renderSmallStars(item.rate)}
diff --git a/src/app/[[...slug]]/page.tsx b/src/app/[[...slug]]/page.tsx
index c673d7f..bc9d0ed 100644
--- a/src/app/[[...slug]]/page.tsx
+++ b/src/app/[[...slug]]/page.tsx
@@ -9,6 +9,7 @@ import { Metadata } from "next";
 // درون‌ریزی فایل‌های دیتا برای استخراج نام شهر و استان
 import provinces from "@/data/provinces.json";
 import cities from "@/data/cities.json";
+import { normalizeUserLevel, parseUserLevelFromSlug } from "@/lib/userLevel";
 
 interface IModelsProps {
   params: Promise<{ slug?: string[] }>;
@@ -89,7 +90,7 @@ export default async function Models({ params, searchParams }: IModelsProps) {
   // ۱. مقادیر پایه (اولویت با کوئری پارامتر برای دقت در فیلتر)
   let provinceId = filters.province || "";
   let cityId = filters.city || "";
-  let userLevel = filters.userLevel || "";
+  let userLevel = normalizeUserLevel(filters.userLevel || "");
   let expertise = filters.expertise || "";
 
   // ۲. استخراج و همگام‌سازی اطلاعات از URL فارسی (Slug)
@@ -102,11 +103,8 @@ export default async function Models({ params, searchParams }: IModelsProps) {
     else if (fullText.includes("آرایشگر")) expertise = "آرایشگر";
     else if (fullText.includes("متخصصین")) expertise = ""; // حالت بدون تخصص
 
-    // استخراج سطح
-    if (fullText.includes("تازه وارد")) userLevel = "تازه وارد";
-    else if (fullText.includes("استاندارد")) userLevel = "استاندارد";
-    else if (fullText.includes("حرفه ای")) userLevel = "حرفه ای";
-    else if (fullText.includes("استاد")) userLevel = "استاد";
+    const parsedLevel = parseUserLevelFromSlug(fullText);
+    if (parsedLevel) userLevel = parsedLevel;
 
     // استخراج مکان (IDها)
     if (fullText.includes("در شهر")) {
@@ -153,7 +151,7 @@ export default async function Models({ params, searchParams }: IModelsProps) {
             hashtag: filters.hashtag, // این خط را اضافه کن
             province: provinceId, 
             city: cityId, 
-            userLevel: userLevel || filters.userLevel,
+            userLevel: userLevel || normalizeUserLevel(filters.userLevel),
             expertise: expertise || filters.expertise
           }} 
           token={token} 
diff --git a/src/app/api/auth/session/route.ts b/src/app/api/auth/session/route.ts
new file mode 100644
index 0000000..595b12b
--- /dev/null
+++ b/src/app/api/auth/session/route.ts
@@ -0,0 +1,40 @@
+import { cookies } from "next/headers";
+import { NextResponse } from "next/server";
+
+const TOKEN_KEY = "token";
+const MAX_AGE = 365 * 24 * 60 * 60;
+
+function cookieOptions() {
+  return {
+    path: "/",
+    maxAge: MAX_AGE,
+    sameSite: "lax" as const,
+    secure: process.env.NODE_ENV === "production",
+    httpOnly: false,
+  };
+}
+
+export async function POST(request: Request) {
+  try {
+    const body = await request.json();
+    const token = typeof body?.token === "string" ? body.token.trim() : "";
+
+    if (!token) {
+      return NextResponse.json({ error: "token required" }, { status: 400 });
+    }
+
+    const cookieStore = await cookies();
+    cookieStore.set(TOKEN_KEY, token, cookieOptions());
+
+    return NextResponse.json({ ok: true });
+  } catch {
+    return NextResponse.json({ error: "invalid request" }, { status: 400 });
+  }
+}
+
+export async function DELETE() {
+  const cookieStore = await cookies();
+  cookieStore.delete({ name: TOKEN_KEY, path: "/" });
+
+  return NextResponse.json({ ok: true });
+}
diff --git a/src/app/billboards/[id]/[title]/page.tsx b/src/app/billboards/[id]/[title]/page.tsx
index e3d3869..92caf66 100644
--- a/src/app/billboards/[id]/[title]/page.tsx
+++ b/src/app/billboards/[id]/[title]/page.tsx
@@ -10,7 +10,6 @@ import BillboardDetails from "@/components/billboards/BillboardPage/BillboardDet
 import { Metadata } from "next";
 
 import { generatePageMetadata } from "@/utils/generatePageMetadata";
-import SEO from "@/config/SEO";
 
 interface IBillboardProps {
   params: Promise<{ id: string; title: string }>;
@@ -97,8 +96,6 @@ async function BillboardPage({ params }: IBillboardProps) {
 
   return (
     <Container>
-      <SEO type="store" data={billboard} />
-
       <a
         href={`/billboards/profile/${billboard?.creatorId}/${encodeURIComponent(billboard?.title || "")}`}
       >
diff --git a/src/app/explore/page.tsx b/src/app/explore/page.tsx
index 4334b92..eeca623 100644
--- a/src/app/explore/page.tsx
+++ b/src/app/explore/page.tsx
@@ -4,7 +4,7 @@ import Container from "@/components/elements/Container";
 import TabNavigation from "@/components/TabNavigation";
 import ExploreGrid from "@/components/explore/ExploreGrid";
 import Link from "next/link";
-import { FiChevronRight } from "react-icons/fi";
+import BoldIcon from "@/components/ui/BoldIcon";
 
 export default function ExplorePage() {
   return (
@@ -16,7 +16,7 @@ export default function ExplorePage() {
             className="gentle-transition flex h-9 w-9 items-center justify-center rounded-full text-[#0095f6] active:scale-90"
             aria-label="بازگشت"
           >
-            <FiChevronRight size={22} />
+            <BoldIcon name="arrow-right-2" size={22} tinted className="text-[#0095f6]" />
           </Link>
           <h1 className="text-lg font-bold">اکسپلور</h1>
         </header>
diff --git a/src/app/globals.css b/src/app/globals.css
index 1ecef7e..7c55d5f 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -286,26 +286,117 @@ select {
   background: rgba(255, 255, 255, 0.72);
   backdrop-filter: blur(20px) saturate(180%);
   -webkit-backdrop-filter: blur(20px) saturate(180%);
-  border: 1px solid rgba(255, 255, 255, 0.45);
+  border: none;
   box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
 }
 .dark .glass-panel {
   background: rgba(28, 28, 30, 0.78);
-  border-color: rgba(255, 255, 255, 0.08);
   box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35);
 }
 
+.chat-header-glass {
+  background: rgba(255, 255, 255, 0.62);
+  backdrop-filter: blur(20px) saturate(180%);
+  -webkit-backdrop-filter: blur(20px) saturate(180%);
+  border: none;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
+}
+.dark .chat-header-glass {
+  background: rgba(28, 28, 30, 0.72);
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);
+}
+
+.chat-header-status-dot {
+  width: 10px;
+  height: 10px;
+  flex-shrink: 0;
+  border-radius: 9999px;
+}
+.chat-header-status-dot--online {
+  background: #22c55e;
+}
+.chat-header-status-dot--offline {
+  background: #9ca3af;
+}
+.dark .chat-header-status-dot--offline {
+  background: #6b7280;
+}
+
+.chat-timer-glass {
+  background: rgba(255, 255, 255, 0.58);
+  backdrop-filter: blur(20px) saturate(180%);
+  -webkit-backdrop-filter: blur(20px) saturate(180%);
+  border: none;
+  box-shadow: 0 2px 14px rgba(36, 140, 200, 0.12);
+}
+.dark .chat-timer-glass {
+  background: rgba(24, 37, 51, 0.72);
+  box-shadow: 0 2px 14px rgba(0, 0, 0, 0.3);
+}
+.chat-timer-glass--active {
+  background: rgba(42, 171, 238, 0.18);
+  color: #248cc8;
+  box-shadow: 0 2px 14px rgba(42, 171, 238, 0.2);
+}
+.dark .chat-timer-glass--active {
+  background: rgba(42, 171, 238, 0.22);
+  color: #2aabee;
+}
+
+.chat-timer-badge-glass {
+  display: inline-flex;
+  align-items: center;
+  gap: 2px;
+  padding: 1px 6px;
+  border-radius: 9999px;
+  background: rgba(255, 255, 255, 0.42);
+  backdrop-filter: blur(10px) saturate(160%);
+  -webkit-backdrop-filter: blur(10px) saturate(160%);
+  border: none;
+  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.08);
+  font-size: 10px;
+  font-weight: 600;
+  line-height: 1.2;
+}
+.chat-bubble-out .chat-timer-badge-glass {
+  background: rgba(255, 255, 255, 0.22);
+  color: inherit;
+}
+.chat-bubble-in .chat-timer-badge-glass {
+  color: #248cc8;
+}
+.dark .chat-timer-badge-glass {
+  background: rgba(255, 255, 255, 0.12);
+}
+.dark .chat-bubble-in .chat-timer-badge-glass {
+  color: #2aabee;
+}
+
+.chat-message-highlight {
+  animation: message-highlight-flash 1.6s ease-out;
+  border-radius: 1rem;
+}
+@keyframes message-highlight-flash {
+  0%,
+  100% {
+    box-shadow: 0 0 0 0 rgba(42, 171, 238, 0);
+  }
+  25%,
+  65% {
+    box-shadow: 0 0 0 3px rgba(42, 171, 238, 0.55);
+  }
+}
+
 .glass-chat-input {
-  background: rgba(255, 255, 255, 0.85);
+  background: rgba(255, 255, 255, 0.78);
   backdrop-filter: blur(24px) saturate(200%);
   -webkit-backdrop-filter: blur(24px) saturate(200%);
-  border: 1px solid rgba(255, 255, 255, 0.5);
-  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08), 0 1px 0 rgba(255, 255, 255, 0.6) inset;
+  border: none;
+  box-shadow: 0 4px 20px rgba(15, 45, 70, 0.08);
 }
 .dark .glass-chat-input {
-  background: rgba(44, 44, 46, 0.88);
-  border-color: rgba(255, 255, 255, 0.1);
-  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
+  background: rgba(24, 37, 51, 0.78);
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35);
 }
 
 /* ─── Gentle transitions ─── */
@@ -330,38 +421,90 @@ select {
   max-width: min(100% - 2rem, 22rem);
 }
 
-/* ─── Instagram DM chat theme ─── */
-.chat-page-bg {
-  background: #ffffff;
-}
-.dark .chat-page-bg {
-  background: #000000;
+/* ─── Chat theme — Modstagram: modeling · makeup · beauty · photography ─── */
+:root {
+  --chat-accent: #2aabee;
+  /* Studio light: warm key + soft fill */
+  --chat-bg: #f3ece6;
+  --chat-bg-pattern: url("/images/chat/wallpaper-light.svg"),
+    radial-gradient(ellipse 90% 70% at 8% 12%, rgba(214, 164, 176, 0.32) 0%, transparent 58%),
+    radial-gradient(ellipse 85% 65% at 92% 88%, rgba(141, 175, 205, 0.26) 0%, transparent 55%),
+    radial-gradient(ellipse 60% 50% at 50% 50%, rgba(255, 248, 242, 0.5) 0%, transparent 70%),
+    linear-gradient(168deg, #faf4ef 0%, #f0e8f0 38%, #e8eef4 100%);
+  --chat-bg-pattern-size: 480px 480px, 100% 100%, 100% 100%, 100% 100%, 100% 100%;
+  --chat-bubble-out: #248cc8;
+  --chat-bubble-out-fg: #ffffff;
+  --chat-bubble-out-meta: rgba(255, 255, 255, 0.78);
+  --chat-bubble-in: #fffdfb;
+  --chat-bubble-in-fg: #1c1520;
+  --chat-bubble-in-meta: rgba(28, 21, 32, 0.46);
+}
+
+.dark {
+  --chat-accent: #2aabee;
+  /* Dark studio: tungsten key + cool rim */
+  --chat-bg: #0e1014;
+  --chat-bg-pattern: url("/images/chat/wallpaper-dark.svg"),
+    radial-gradient(ellipse 80% 55% at 10% 15%, rgba(196, 149, 127, 0.14) 0%, transparent 58%),
+    radial-gradient(ellipse 75% 50% at 88% 82%, rgba(42, 171, 238, 0.11) 0%, transparent 52%),
+    radial-gradient(ellipse 50% 40% at 50% 45%, rgba(180, 140, 170, 0.06) 0%, transparent 65%),
+    linear-gradient(168deg, #121018 0%, #0e1014 45%, #0a0c12 100%);
+  --chat-bg-pattern-size: 480px 480px, 100% 100%, 100% 100%, 100% 100%, 100% 100%;
+  --chat-bubble-out: #2aabee;
+  --chat-bubble-out-fg: #ffffff;
+  --chat-bubble-out-meta: rgba(255, 255, 255, 0.76);
+  --chat-bubble-in: #1a2029;
+  --chat-bubble-in-fg: #eceef3;
+  --chat-bubble-in-meta: rgba(236, 238, 243, 0.55);
+}
+
+.chat-page-bg {
+  position: relative;
+  background: transparent;
+  isolation: isolate;
+}
+
+.chat-page-bg::before {
+  content: "";
+  position: fixed;
+  inset: 0;
+  z-index: 0;
+  pointer-events: none;
+  background-color: var(--chat-bg);
+  background-image: var(--chat-bg-pattern);
+  background-size: var(--chat-bg-pattern-size);
+}
+
+/* فقط لیست پیام‌ها — بدون position:relative تا fixed هدر/فوتر خراب نشود */
+.chat-page-bg > .chat-thread-messages {
+  z-index: 1;
 }
 
-/* Outgoing — Instagram DM (RTL: tail bottom-left / outer edge) */
 .chat-bubble-out,
 .ig-dm-out {
-  background: linear-gradient(135deg, #5b51d8 0%, #c13584 45%, #e1306c 100%);
-  color: #fff;
+  background: var(--chat-bubble-out);
+  color: var(--chat-bubble-out-fg);
 }
-.bubble-tail-out .chat-bubble-out,
-.bubble-tail-out .chat-text-bubble.chat-bubble-out {
-  border-radius: 18px 18px 18px 4px;
+.chat-bubble-out .message-time-inline,
+.chat-text-bubble.chat-bubble-out .message-time-inline,
+.chat-bubble-out .message-time-below {
+  color: var(--chat-bubble-out-meta);
 }
-/* Incoming — tail bottom-right */
+
 .chat-bubble-in,
 .ig-dm-in {
-  background: #efefef;
-  color: #000;
-}
-.bubble-tail-in .chat-bubble-in,
-.bubble-tail-in .chat-text-bubble.chat-bubble-in {
-  border-radius: 18px 18px 4px 18px;
+  background: var(--chat-bubble-in);
+  color: var(--chat-bubble-in-fg);
+  box-shadow: 0 1px 2px rgba(26, 21, 32, 0.08);
 }
 .dark .chat-bubble-in,
 .dark .ig-dm-in {
-  background: #262626;
-  color: #f5f5f5;
+  box-shadow: none;
+}
+.chat-bubble-in .message-time-inline,
+.chat-text-bubble.chat-bubble-in .message-time-inline,
+.chat-bubble-in .message-time-below {
+  color: var(--chat-bubble-in-meta);
 }
 
 .chat-text-bubble {
@@ -384,12 +527,15 @@ select {
   display: inline-flex;
   align-items: center;
   gap: 2px;
+  white-space: nowrap;
 }
-.bubble-tail-out .message-time-inline {
+.chat-bubble-out .message-time-inline,
+.chat-text-bubble.chat-bubble-out .message-time-inline {
   left: auto;
   right: 8px;
 }
-.bubble-tail-in .message-time-inline {
+.chat-bubble-in .message-time-inline,
+.chat-text-bubble.chat-bubble-in .message-time-inline {
   left: 8px;
   right: auto;
 }
@@ -416,6 +562,17 @@ select {
   box-shadow: 0 4px 14px rgba(0, 122, 255, 0.35);
 }
 
+.chat-forward-btn {
+  background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
+  color: #fff;
+  box-shadow: 0 4px 14px rgba(124, 58, 237, 0.35);
+}
+
+.dark .chat-forward-btn {
+  background: linear-gradient(135deg, #a78bfa 0%, #8b5cf6 100%);
+  box-shadow: 0 4px 14px rgba(139, 92, 246, 0.4);
+}
+
 .header-offline {
   background: linear-gradient(180deg, rgba(220, 38, 38, 0.92) 0%, rgba(185, 28, 28, 0.88) 100%) !important;
   backdrop-filter: blur(12px);
@@ -448,7 +605,8 @@ select {
 }
 
 .ig-dm-send-btn {
-  background: linear-gradient(135deg, #5b51d8 0%, #c13584 50%, #e1306c 100%);
+  background: var(--chat-bubble-out);
+  color: var(--chat-bubble-out-fg);
 }
 
 /* ─── Instagram-style typing dots ─── */
@@ -472,14 +630,7 @@ select {
   animation: check-pop 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
 }
 
-/* ─── Message enter animation ─── */
-@keyframes message-in {
-  from { opacity: 0; transform: translateY(12px) scale(0.96); }
-  to { opacity: 1; transform: translateY(0) scale(1); }
-}
-.message-enter {
-  animation: message-in 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
-}
+/* Message enter — handled by framer-motion in ChatMessageCard */
 
 /* ─── Shrink header ─── */
 .header-shrink {
@@ -502,7 +653,7 @@ select {
   filter: invert(1) hue-rotate(180deg) brightness(1.2);
 }
 
-/* حذف پس‌زمینه سفید اضافی در برخی مرورگرها */
-.custom-audio-player::-webkit-media-controls-panel {
-  background-color: transparent;
-} 
\ No newline at end of file
+.profile-avatar {
+  aspect-ratio: 1 / 1;
+  object-fit: cover;
+}
\ No newline at end of file
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 8787c1b..b491804 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -10,8 +10,15 @@ const iranSansFont = localFont({
   src: "./../../public/fonts/IRANSansX-Regular.woff",
 });
 
+const defaultTitle =
+  typeof defaultSEOConfig.title === "string"
+    ? defaultSEOConfig.title
+    : "مدستاگرام";
+
 export const metadata: Metadata = {
-  title: defaultSEOConfig.title,
+  title: {
+    default: defaultTitle,
+  },
   description: defaultSEOConfig.description,
   metadataBase: new URL("https://modstagram.com"),
   keywords: [
@@ -26,8 +33,21 @@ export const metadata: Metadata = {
   alternates: {
     canonical: "/",
   },
+  manifest: "/manifest.json",
+  icons: {
+    icon: [{ url: "/favicon.ico", type: "image/x-icon" }],
+    shortcut: ["/favicon.ico"],
+    apple: [
+      { url: "/images/icons/apple-touch-icon.png" },
+      { url: "/images/icons/192x192.png" },
+    ],
+  },
+  appleWebApp: {
+    capable: true,
+    statusBarStyle: "black",
+  },
   openGraph: {
-    title: defaultSEOConfig.openGraph?.title || "",
+    title: defaultSEOConfig.openGraph?.title || defaultTitle,
     description: defaultSEOConfig.openGraph?.description || "",
     url: defaultSEOConfig.openGraph?.url || "",
     siteName: defaultSEOConfig.openGraph?.site_name || "",
@@ -37,7 +57,7 @@ export const metadata: Metadata = {
   robots: "index, follow",
   twitter: {
     card: "summary_large_image",
-    title: defaultSEOConfig.title || "",
+    title: defaultTitle,
     description: defaultSEOConfig.description || "",
     creator: "@modstagram",
     images: defaultSEOConfig.openGraph?.images?.map((img) => img.url) || [],
@@ -45,13 +65,11 @@ export const metadata: Metadata = {
   verification: {
     google: "yVjB5yKPchPUtxl33GWVyMvjH6wCEInqEvaH7ZsXXMo",
   },
-};
-
-const getInitialTheme = (): string => {
-  if (typeof window !== "undefined") {
-    return localStorage.getItem("theme") || "light";
-  }
-  return "light";
+  other: {
+    "theme-color": "#ffffff",
+    "msapplication-TileColor": "#0072BC",
+    samandehi: "522190795",
+  },
 };
 
 export default function RootLayout({
@@ -59,30 +77,9 @@ export default function RootLayout({
 }: Readonly<{
   children: React.ReactNode;
 }>) {
-  const initialTheme = getInitialTheme();
-
   return (
-    <html lang="fa" dir="rtl" className={initialTheme}>
-      <link rel="manifest" href="/manifest.json" />
-      <meta name="theme-color" content="#ffffff" />
-      <link rel="apple-touch-icon" href="/images/icons/192x192.png" />
-
-      <head>
-        <link rel="icon" href="/favicon.ico" type="image/x-icon" />
-        <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
-        <meta name="apple-mobile-web-app-capable" content="yes" />
-        <meta name="apple-mobile-web-app-status-bar-style" content="black" />
-        <link
-          rel="apple-touch-icon"
-          href="/images/icons/apple-touch-icon.png"
-        />
-        <meta name="msapplication-TileColor" content="#0072BC" />
-        <meta name="msapplication-TileImage" content="/path/to/tileImage.png" />
-        <meta name="samandehi" content="522190795" />
-      </head>
-      <body
-        className={`${iranSansFont.className} antialiased bg-white dark:bg-neutral-950 text-text-primary-light dark:text-primary-light`}
-      >
+    <html lang="fa" dir="rtl" suppressHydrationWarning>
+      <body className={`${iranSansFont.className} antialiased`}>
         <RegisterSW />
         <Layout>{children}</Layout>
       </body>
diff --git a/src/app/settings/academy/Components/OrdersCart.tsx b/src/app/settings/academy/Components/OrdersCart.tsx
index 0b69a81..7d09caa 100644
--- a/src/app/settings/academy/Components/OrdersCart.tsx
+++ b/src/app/settings/academy/Components/OrdersCart.tsx
@@ -1,13 +1,9 @@
 "use client";
 import { Separator } from "@/Components/ui/separator";
 import React from "react";
-import { IconArrowBack } from "@tabler/icons-react";
-import { GrTasks } from "react-icons/gr";
+import BoldIcon from "@/components/ui/BoldIcon";
 import { useTranslation } from "react-i18next";
 import Image from "next/image";
-import { FaFileInvoice } from "react-icons/fa";
-import { IoIosArrowForward } from "react-icons/io";
-import { FcRating } from "react-icons/fc";
 
 
 interface OrderItem  {
@@ -31,14 +27,14 @@ export default function OrdersCart({ order }: { order: OrderItem }) {
       <div className="flex items-center justify-between w-full">
         <div className="flex justify-center items-center gap-2.5">
           <span className="">
-            <GrTasks className="size-7 text-cyan-600 dark:text-neutral-600" />
+            <BoldIcon name="task" size={28} tinted className="text-cyan-600 dark:text-neutral-600" />
           </span>
           <span className="font-bold text-neutral-600 dark:text-neutral-300">
           {order.statusLabel}
           </span>
         </div>
         <span className="ltr:rotate-180">
-          <IconArrowBack className="text-neutral-600 dark:text-neutral-300" />
+          <BoldIcon name="arrow-right-2" size={24} tinted className="text-neutral-600 dark:text-neutral-300" />
         </span>
       </div>
       <div className=" text-sm max-sm:text-xs w-full flex gap-3.5">
@@ -89,15 +85,15 @@ export default function OrdersCart({ order }: { order: OrderItem }) {
           {t("orderCart.Your_rating_for_this_order")}:{" "}
           </span>
           <span className="font-bold flex justify-center items-center gap-0.5 flex-row-reverse text-neutral-600 dark:text-neutral-300">
-          {order.rating} <FcRating className="size-5"/>
+          {order.rating} <BoldIcon name="star" size={20} tinted className="text-amber-400" />
           </span>
         </div>
         <div className="flex  cursor-pointer justify-center items-center gap-2.5">
           <span className="">
-            <FaFileInvoice className="size-5 text-cyan-800 dark:text-neutral-200" />
+            <BoldIcon name="document-text" size={20} tinted className="text-cyan-800 dark:text-neutral-200" />
           </span>
           <span className="font-bold flex justify-center items-center text-cyan-800 dark:text-neutral-200">
-          {t("orderCart.View_invoice")} <IoIosArrowForward className="rtl:rotate-180" />
+          {t("orderCart.View_invoice")} <BoldIcon name="arrow-right-2" size={20} tinted className="text-cyan-800 dark:text-neutral-200 rtl:rotate-180" />
           </span>
         </div>
        
diff --git a/src/app/settings/chats/[username]/[id]/page.tsx b/src/app/settings/chats/[username]/[id]/page.tsx
index f23cc45..9bcd0c4 100644
--- a/src/app/settings/chats/[username]/[id]/page.tsx
+++ b/src/app/settings/chats/[username]/[id]/page.tsx
@@ -10,6 +10,7 @@ import { SOCKET_URL } from "@/components/main/BaseUrl";
 import MessageInput from "@/components/chat/MessageInput";
 import MultiImageModal from "@/components/chat/MultiImageModal";
 import ChatActionBar from "@/components/chat/ChatActionBar";
+import ChatDeleteBar from "@/components/chat/ChatDeleteBar";
 import { useUser } from "@/hooks/useUser";
 import ChatMessageList from "@/components/chat/ChatMessageList";
 import ChatHeader from "@/components/chat/ChatHeader";
@@ -19,7 +20,13 @@ import toast from "react-hot-toast";
 import { optimizeMediaFile } from "@/lib/media";
 import ForwardMessageModal from "@/components/chat/ForwardMessageModal";
 import { AnimatePresence } from "framer-motion";
-import { formatBubbleTime } from "@/lib/chat/formatMessageTime";
+import { useQueryClient } from "@tanstack/react-query";
+import { chatThreadQueryKey } from "@/lib/chat/queryKeys";
+import { appendMessageToThreadCache, normalizeThreadId } from "@/lib/chat/threadCache";
+import { useStableMessageKeys } from "@/hooks/useStableMessageKeys";
+import { getStoredUserId } from "@/lib/auth/session";
+import { buildExpiresAtIso } from "@/lib/chat/timedMessages";
+import { isViewOnceMediaType } from "@/lib/chat/viewOnce";
 
 interface ITicketChatProps {
   params: Promise<{ id: string; username: string }>;
@@ -29,7 +36,6 @@ function normalizeMessage(raw: ChatMessage & { data?: ChatMessage }): ChatMessag
   const m = (raw as { data?: ChatMessage }).data ?? raw;
   return {
     ...m,
-    createdAt: formatBubbleTime(m.createdAt),
     replyTo: m.replyTo ?? undefined,
   };
 }
@@ -37,7 +43,7 @@ function normalizeMessage(raw: ChatMessage & { data?: ChatMessage }): ChatMessag
 function TicketChat({ params }: ITicketChatProps) {
   const resolvedParams = React.use(params);
   const { request } = useAxios();
-  const { username } = resolvedParams;
+  const { username, id: chatPartnerId } = resolvedParams;
   const [newMessage, setNewMessage] = useState("");
   const [userTwoDetail, setUserTwoDetail] = useState<User>();
   const [pendingImages, setPendingImages] = useState<File[]>([]);
@@ -47,9 +53,18 @@ function TicketChat({ params }: ITicketChatProps) {
   const [forwardMessage, setForwardMessage] = useState<ChatMessage | null>(null);
   const [selectedMessage, setSelectedMessage] = useState<ChatMessage | null>(null);
   const [actionMode, setActionMode] = useState(false);
+  const [deleteMode, setDeleteMode] = useState(false);
+  const [selectedDeleteIds, setSelectedDeleteIds] = useState<string[]>([]);
+  const [deleteLoading, setDeleteLoading] = useState(false);
   const [searchQuery, setSearchQuery] = useState("");
+  const [selfDestructSeconds, setSelfDestructSeconds] = useState<number | null>(
+    null
+  );
+  const [viewOnceMedia, setViewOnceMedia] = useState(false);
   const user = useUser();
-  const [receiverId, setReceiverId] = useState("");
+  const queryClient = useQueryClient();
+  const { linkIds, getStableKey } = useStableMessageKeys();
+  const [receiverId, setReceiverId] = useState(chatPartnerId);
   const [isTyping, setIsTyping] = useState(false);
   const socketRef = useRef<ReturnType<typeof io> | null>(null);
   const typingTimeoutRef = useRef<NodeJS.Timeout | null>(null);
@@ -98,10 +113,10 @@ function TicketChat({ params }: ITicketChatProps) {
   }, [username, request]);
 
   useEffect(() => {
-    setReceiverId(userTwoDetail?._id || "");
-  }, [user, userTwoDetail]);
+    setReceiverId(userTwoDetail?._id || chatPartnerId);
+  }, [user, userTwoDetail, chatPartnerId]);
 
-  const handleImageSelection = (e: React.ChangeEvent<HTMLInputElement>) => {
+  const handleFileSelection = (e: React.ChangeEvent<HTMLInputElement>) => {
     const picked = Array.from(e.target.files || []);
     if (!picked.length) return;
     const MAX_SIZE = 200 * 1024 * 1024;
@@ -113,8 +128,27 @@ function TicketChat({ params }: ITicketChatProps) {
       return true;
     });
     if (!valid.length) return;
-    setPendingImages((prev) => [...prev, ...valid].slice(0, 10));
-    setShowMultiModal(true);
+
+    const videos = valid.filter((f) => f.type.startsWith("video/"));
+    const images = valid.filter((f) => f.type.startsWith("image/"));
+    const others = valid.filter(
+      (f) => !f.type.startsWith("video/") && !f.type.startsWith("image/")
+    );
+
+    if (videos.length === 1 && images.length === 0 && others.length === 0) {
+      void processSendMessage(videos[0], "video");
+      return;
+    }
+
+    if (others.length === 1 && images.length === 0 && videos.length === 0) {
+      void processSendMessage(others[0], "file");
+      return;
+    }
+
+    if (images.length) {
+      setPendingImages((prev) => [...prev, ...images].slice(0, 10));
+      setShowMultiModal(true);
+    }
   };
 
   const handleVoiceUpload = (blob: Blob) => {
@@ -183,15 +217,26 @@ function TicketChat({ params }: ITicketChatProps) {
     const tempId = `temp-${Date.now()}-${Math.random()}`;
     const replyPayload = buildReplyPayload(replySource);
 
+    const currentUserId = normalizeThreadId(user?._id ?? getStoredUserId());
+    const targetReceiverId = normalizeThreadId(
+      userTwoDetail?._id ?? receiverId ?? chatPartnerId
+    );
+
+    const applyViewOnce =
+      viewOnceMedia && fileType && isViewOnceMediaType(fileType);
+
     const optimisticMsg: ChatMessage = {
       _id: tempId,
       content: textContent,
-      senderId: user?._id || "",
-      createdAt: formatBubbleTime(new Date().toISOString()),
+      senderId: currentUserId,
+      receiverId: targetReceiverId,
+      createdAt: new Date().toISOString(),
+      expiresAt: buildExpiresAtIso(selfDestructSeconds),
       status: "pending",
       file: fileToUpload ? URL.createObjectURL(fileToUpload) : "",
       fileType: fileType,
       replyTo: replyPayload,
+      viewOnce: applyViewOnce || undefined,
     };
 
     setPendingMessages((prev) => [...prev, optimisticMsg]);
@@ -210,8 +255,8 @@ function TicketChat({ params }: ITicketChatProps) {
 
     const formData = new FormData();
     formData.append("content", textContent);
-    formData.append("receiverId", userTwoDetail?._id || "");
-    formData.append("senderId", user?._id || "");
+    formData.append("receiverId", targetReceiverId);
+    formData.append("senderId", currentUserId);
     if (replySource?._id && !replySource._id.startsWith("temp")) {
       formData.append("replyToId", replySource._id);
     }
@@ -219,6 +264,12 @@ function TicketChat({ params }: ITicketChatProps) {
       formData.append("file", fileForUpload);
       if (fileType) formData.append("fileType", fileType);
     }
+    if (selfDestructSeconds) {
+      formData.append("selfDestructSeconds", String(selfDestructSeconds));
+    }
+    if (applyViewOnce) {
+      formData.append("viewOnce", "true");
+    }
 
     try {
       const endpoint =
@@ -232,20 +283,26 @@ function TicketChat({ params }: ITicketChatProps) {
       );
 
       const serverMsg = normalizeMessage(response as ChatMessage);
-      setPendingMessages((prev) =>
-        prev.map((m) =>
-          m._id === tempId
-            ? {
-                ...serverMsg,
-                status: "sent",
-                replyTo: serverMsg.replyTo ?? replyPayload,
-              }
-            : m
-        )
-      );
+      const sentMsg: ChatMessage = {
+        ...serverMsg,
+        status: "sent",
+        replyTo: serverMsg.replyTo ?? replyPayload,
+      };
+
+      if (currentUserId && chatPartnerId) {
+        linkIds(tempId, sentMsg._id);
+        queryClient.setQueryData(
+          chatThreadQueryKey(currentUserId, chatPartnerId),
+          (oldData) => appendMessageToThreadCache(oldData, sentMsg)
+        );
+      }
+
+      setPendingMessages((prev) => prev.filter((m) => m._id !== tempId));
 
       setReplyingTo(null);
       activeReplyRef.current = null;
+      setSelfDestructSeconds(null);
+      if (applyViewOnce) setViewOnceMedia(false);
     } catch (error) {
       console.error("Error sending message:", error);
       setPendingMessages((prev) => prev.filter((m) => m._id !== tempId));
@@ -253,6 +310,10 @@ function TicketChat({ params }: ITicketChatProps) {
     }
   };
 
+  const handleExpirePending = useCallback((ids: string[]) => {
+    setPendingMessages((prev) => prev.filter((m) => !ids.includes(m._id)));
+  }, []);
+
   const openActionFor = (msg: ChatMessage) => {
     setSelectedMessage(msg);
     setActionMode(true);
@@ -263,11 +324,15 @@ function TicketChat({ params }: ITicketChatProps) {
     setSelectedMessage(null);
   };
 
+  const startReplyFor = useCallback((msg: ChatMessage) => {
+    setReplyingTo(msg);
+    activeReplyRef.current = msg;
+    closeActionMode();
+  }, []);
+
   const startReply = () => {
     if (!selectedMessage) return;
-    setReplyingTo(selectedMessage);
-    activeReplyRef.current = selectedMessage;
-    closeActionMode();
+    startReplyFor(selectedMessage);
   };
 
   const startForward = () => {
@@ -276,23 +341,89 @@ function TicketChat({ params }: ITicketChatProps) {
     closeActionMode();
   };
 
-  const handleBlockChange = () => {
+  const handleBlockChange = (blocked?: boolean) => {
+    if (typeof blocked === "boolean") {
+      setUserTwoDetail((prev) =>
+        prev ? { ...prev, is_blocked: blocked } : prev
+      );
+    }
     void request<{ user: User }>(
       "GET",
       `/users/get/web?user_name=${username}&_t=${Date.now()}`
-    ).then((res) => setUserTwoDetail(res?.user));
+    ).then((res) => {
+      if (res?.user) setUserTwoDetail(res.user);
+    });
+  };
+
+  const startDeleteMode = () => {
+    closeActionMode();
+    setSearchQuery("");
+    setDeleteMode(true);
+    setSelectedDeleteIds([]);
+  };
+
+  const cancelDeleteMode = () => {
+    setDeleteMode(false);
+    setSelectedDeleteIds([]);
+  };
+
+  const toggleDeleteSelect = (msg: ChatMessage) => {
+    setSelectedDeleteIds((prev) =>
+      prev.includes(msg._id)
+        ? prev.filter((id) => id !== msg._id)
+        : [...prev, msg._id]
+    );
+  };
+
+  const confirmDeleteMessages = async () => {
+    if (!selectedDeleteIds.length || !user?._id) return;
+    setDeleteLoading(true);
+    try {
+      const response = await request<{ deletedIds: string[]; message?: string }>(
+        "DELETE",
+        "/chat",
+        { messageIds: selectedDeleteIds }
+      );
+      const deleted = new Set(response?.deletedIds || []);
+      setPendingMessages((prev) => prev.filter((m) => !deleted.has(m._id)));
+      queryClient.setQueryData(
+        chatThreadQueryKey(
+          normalizeThreadId(user._id),
+          normalizeThreadId(chatPartnerId)
+        ),
+        (oldData: { pages: { messages: ChatMessage[] }[] } | undefined) => {
+          if (!oldData) return oldData;
+          return {
+            ...oldData,
+            pages: oldData.pages.map((page) => ({
+              ...page,
+              messages: page.messages.filter((m) => !deleted.has(m._id)),
+            })),
+          };
+        }
+      );
+      toast.success(response?.message || "پیام‌ها حذف شدند");
+      cancelDeleteMode();
+    } catch {
+      toast.error("حذف پیام‌ها ناموفق بود");
+    } finally {
+      setDeleteLoading(false);
+    }
   };
 
   return (
     <Container className="chat-page-bg flex h-[100dvh] max-h-[100dvh] flex-col overflow-hidden !px-0">
-      <div className="flex min-h-0 flex-1 flex-col px-2 sm:px-4">
-        <ChatHeader
-          user={userTwoDetail}
-          searchQuery={searchQuery}
-          onSearchChange={setSearchQuery}
-          onBlockChange={handleBlockChange}
-        />
-        <ChatMessageList
+      <ChatHeader
+        user={userTwoDetail}
+        searchQuery={searchQuery}
+        onSearchChange={setSearchQuery}
+        onBlockChange={handleBlockChange}
+        onStartDeleteMode={startDeleteMode}
+        deleteMode={deleteMode}
+      />
+      <ChatMessageList
+          chatPartnerId={chatPartnerId}
+          getStableKey={getStableKey}
           pendingMessages={pendingMessages}
           userDetail={user as User}
           userTwoDetail={userTwoDetail}
@@ -301,11 +432,30 @@ function TicketChat({ params }: ITicketChatProps) {
           searchQuery={searchQuery}
           selectedMessageId={selectedMessage?._id}
           onBubbleClick={openActionFor}
-        />
-      </div>
+          onSwipeReply={startReplyFor}
+          actionMode={actionMode}
+          onDismissAction={closeActionMode}
+          deleteMode={deleteMode}
+          selectedDeleteIds={selectedDeleteIds}
+          onToggleDeleteSelect={toggleDeleteSelect}
+          onExpirePending={handleExpirePending}
+          extraBottomRem={
+            (replyingTo ? 2.75 : 0) +
+            (selfDestructSeconds != null ? 2 : 0) +
+            (viewOnceMedia ? 2 : 0)
+          }
+      />
 
       <AnimatePresence mode="wait">
-        {actionMode ? (
+        {deleteMode ? (
+          <ChatDeleteBar
+            key="delete"
+            selectedCount={selectedDeleteIds.length}
+            onDelete={confirmDeleteMessages}
+            onCancel={cancelDeleteMode}
+            loading={deleteLoading}
+          />
+        ) : actionMode ? (
           <ChatActionBar
             key="actions"
             onReply={startReply}
@@ -318,7 +468,7 @@ function TicketChat({ params }: ITicketChatProps) {
             newMessage={newMessage}
             setNewMessage={setNewMessage}
             sendMessage={sendMessage}
-            handleFileSelection={handleImageSelection}
+            handleFileSelection={handleFileSelection}
             handleVoiceUpload={handleVoiceUpload}
             onLocationShare={handleLocationShare}
             onTyping={handleTyping}
@@ -334,6 +484,10 @@ function TicketChat({ params }: ITicketChatProps) {
                 ? replyingTo.content?.slice(0, 80) || "پیام"
                 : undefined
             }
+            selfDestructSeconds={selfDestructSeconds}
+            onSelfDestructChange={setSelfDestructSeconds}
+            viewOnceMedia={viewOnceMedia}
+            onViewOnceChange={setViewOnceMedia}
           />
         )}
       </AnimatePresence>
@@ -353,6 +507,8 @@ function TicketChat({ params }: ITicketChatProps) {
           setShowMultiModal(false);
         }}
         onConfirm={sendAllImages}
+        viewOnceMedia={viewOnceMedia}
+        onViewOnceChange={setViewOnceMedia}
       />
       {forwardMessage && user?._id && (
         <ForwardMessageModal
diff --git a/src/app/settings/chats/page.tsx b/src/app/settings/chats/page.tsx
index 96efd3a..46916f3 100644
--- a/src/app/settings/chats/page.tsx
+++ b/src/app/settings/chats/page.tsx
@@ -3,6 +3,7 @@
 import Container from "@/components/elements/Container";
 import RoundedInput from "@/components/elements/RoundedInput";
 import { IMAGE_BASE_URL, SOCKET_URL, buildStorageUrl } from "@/components/main/BaseUrl";
+import VerificationBadge from "@/components/main/VerificationBadge";
 import PageTitle from "@/components/settings/PageTitle";
 import UserDetails from "@/components/settings/UserDetails";
 import useInfiniteScroll from "@/hooks/useInfiniteScroll";
@@ -126,15 +127,10 @@ function Chats() {
                             {item.first_name} {item.last_name}
                           </span>
                           <div className="mt-1 flex items-center gap-1 text-neutral-500">
-                            @{item?.user_name}
-                            {item?.is_verified === "verified" && (
-                              <Image
-                                width={18}
-                                height={18}
-                                alt="تایید"
-                                src="/images/icons/verify.svg"
-                              />
-                            )}
+                            <span className="inline-flex items-center gap-1">
+                              @{item?.user_name}
+                              <VerificationBadge isVerified={item?.is_verified} />
+                            </span>
                           </div>
                         </div>
                       </div>
diff --git a/src/app/settings/edit/Authentication/page.tsx b/src/app/settings/edit/Authentication/page.tsx
index c88ffcb..cfc4005 100644
--- a/src/app/settings/edit/Authentication/page.tsx
+++ b/src/app/settings/edit/Authentication/page.tsx
@@ -71,7 +71,7 @@ function NationalCart() {
   return (
     <Container>
       <div className="p-4 flex flex-col items-center h-screen justify-center address-page">
-        <span className="text-xl font-bold">احراز هویت</span>
+        <span className="text-xl font-bold text-foreground">احراز هویت</span>
         <div className="mt-5">
           <AuthUserDetails />
         </div>
@@ -149,9 +149,9 @@ function NationalCart() {
         <AuthNextButton
           onClick={uploadImage}
           className="mt-20"
-          disabled={loading}
+          loading={loading} disabled={loading}
         >
-          {loading ? "در حال ارسال..." : "ثبت و ادامه"}
+          ثبت و ادامه
         </AuthNextButton>
 
         <button
diff --git a/src/app/settings/edit/License/page.tsx b/src/app/settings/edit/License/page.tsx
index 229951a..78a64b8 100644
--- a/src/app/settings/edit/License/page.tsx
+++ b/src/app/settings/edit/License/page.tsx
@@ -6,6 +6,7 @@ import React, { useState, useEffect } from "react";
 
 import AuthNextButton from "@/components/auth/AuthNextButton";
 import Image from "next/image";
+import ProfileAvatar from "@/components/main/ProfileAvatar";
 import { useUser } from "@/hooks/useUser";
 import { BASE_URL, IMAGE_BASE_URL, buildStorageUrl } from "@/components/main/BaseUrl";
 import useAxios from "@/hooks/useAxios";
@@ -178,17 +179,13 @@ function LicensePage() {
         <span className="text-xl mb-9 font-bold">بارگذاری مجوز</span>
 
         <div className="flex flex-col justify-center items-center">
-          <Image
-            className="rounded-2xl object-cover"
-            width={130}
-            height={130}
+          <ProfileAvatar
+            src={user?.profile_image}
             alt={user?.user_name || "user profile"}
-            src={
-              user?.profile_image
-                ? buildStorageUrl(user.profile_image)
-                : "/images/placeholder.png"
-            }
-            unoptimized={true}
+            size="md"
+            rounded="2xl"
+            className="h-[130px] w-[130px]"
+            fallback="/images/placeholder.png"
           />
           <div className="flex flex-col justify-center items-center gap-1 mt-1">
             <span>
@@ -286,7 +283,7 @@ function LicensePage() {
             </svg>
           </div>
         </div>
-        <AuthNextButton onClick={upload} className="mt-20">
+        <AuthNextButton onClick={upload} className="mt-20" loading={loadingUpload} disabled={loadingUpload}>
           ثبت و ادامه
         </AuthNextButton>
         <small className="font-bold mt-10 mb-1 text-center">
diff --git a/src/app/settings/edit/avatar/page.tsx b/src/app/settings/edit/avatar/page.tsx
index 1e72cb7..ca2135d 100644
--- a/src/app/settings/edit/avatar/page.tsx
+++ b/src/app/settings/edit/avatar/page.tsx
@@ -58,7 +58,6 @@ function AvatarPage() {
               "Content-Type": "multipart/form-data",
             },
           });
-          setLoadingUpload(false);
           router.push("/settings/edit");
         } else {
           setLoadingUpload(false);
@@ -80,13 +79,9 @@ function AvatarPage() {
   return (
     <Container>
       <div className="p-4 flex flex-col items-center h-screen justify-center">
-        {loading || loadingUpload ? (
-          <p>Loading...</p>
-        ) : (
-          <>
-            <div className="flex flex-col items-center mb-4">
-              <span className="text-xl font-bold">تصویر پروفایل</span>
-              <div className="relative w-[250px] h-[250px] flex items-center justify-center text-white rounded-3xl border border-[#676767] overflow-hidden mt-10">
+        <div className="flex flex-col items-center mb-4">
+          <span className="text-xl font-bold text-foreground">تصویر پروفایل</span>
+          <div className="relative aspect-square w-[250px] flex items-center justify-center text-white rounded-3xl border border-[#676767] overflow-hidden mt-10">
                 {avatar ? (
                   <>
                     <img
@@ -96,7 +91,7 @@ function AvatarPage() {
                           : IMAGE_BASE_URL + avatar
                       }
                       alt="Avatar"
-                      className="w-full h-full object-cover"
+                      className="w-full h-full aspect-square object-cover"
                     />
                     <button
                       onClick={removeImage}
@@ -141,15 +136,14 @@ function AvatarPage() {
               </label>
             </AuthNextButton>
 
-            <AuthNextButton
-              onClick={uploadImage}
-              className="mt-20"
-              disabled={loading}
-            >
-              ویرایش
-            </AuthNextButton>
-          </>
-        )}
+        <AuthNextButton
+          onClick={uploadImage}
+          className="mt-20"
+          loading={loadingUpload}
+          disabled={loadingUpload || loading}
+        >
+          ویرایش
+        </AuthNextButton>
       </div>
     </Container>
   );
diff --git a/src/app/settings/edit/bio/page.tsx b/src/app/settings/edit/bio/page.tsx
index 8032c10..7532d5e 100644
--- a/src/app/settings/edit/bio/page.tsx
+++ b/src/app/settings/edit/bio/page.tsx
@@ -50,7 +50,7 @@ function PublicRelations() {
   return (
     <Container>
       <div className="p-4 flex flex-col items-center h-screen justify-center">
-        <span className="text-xl font-bold">بیو</span>
+        <span className="text-xl font-bold text-foreground">بیو</span>
         <div className="mt-5"></div>
         <form
           onSubmit={formik.handleSubmit}
@@ -75,8 +75,8 @@ function PublicRelations() {
             </small>
           )}
 
-          <AuthNextButton type="submit" className="mt-20" disabled={loading}>
-            {loading ? "در حال ارسال..." : "ویرایش"}
+          <AuthNextButton type="submit" className="mt-20" loading={loading} disabled={loading}>
+            ویرایش
           </AuthNextButton>
         </form>
       </div>
diff --git a/src/app/settings/edit/colors/page.tsx b/src/app/settings/edit/colors/page.tsx
index 27b0a86..9964c10 100644
--- a/src/app/settings/edit/colors/page.tsx
+++ b/src/app/settings/edit/colors/page.tsx
@@ -84,7 +84,7 @@ function Colors() {
   return (
     <Container>
       <div className="p-4 flex flex-col items-center h-screen justify-center">
-        <span className="text-xl font-bold">سایز</span>
+        <span className="text-xl font-bold text-foreground">سایز</span>
 
         <p className="mt-8 text-center text-sm font-bold">مشخصات ظاهری</p>
 
@@ -159,9 +159,9 @@ function Colors() {
           type="button"
           onClick={handleCheck}
           className="mt-10"
-          disabled={loading}
+          loading={loading} disabled={loading}
         >
-          {loading ? "در حال ارسال..." : "ویرایش"}
+          ویرایش
         </AuthNextButton>
       </div>
     </Container>
diff --git a/src/app/settings/edit/cooperation-type/page.tsx b/src/app/settings/edit/cooperation-type/page.tsx
index aa418ad..1035ff3 100644
--- a/src/app/settings/edit/cooperation-type/page.tsx
+++ b/src/app/settings/edit/cooperation-type/page.tsx
@@ -48,7 +48,7 @@ function CooperationType() {
   return (
     <Container>
       <div className="p-4 flex flex-col items-center h-screen justify-center">
-        <span className="text-xl font-bold">نوع همکاری</span>
+        <span className="text-xl font-bold text-foreground">نوع همکاری</span>
 
         <p className="my-10 text-sm font-bold">
           آیا مایل به همکاری خارج از محل سکونت خود هستید؟
@@ -89,8 +89,8 @@ function CooperationType() {
             </div>
           )}
 
-          <AuthNextButton type="submit" className="mt-20" disabled={loading}>
-            {loading ? "در حال ارسال..." : "ویرایش"}
+          <AuthNextButton type="submit" className="mt-20" loading={loading} disabled={loading}>
+            ویرایش
           </AuthNextButton>
         </form>
       </div>
diff --git a/src/app/settings/edit/expertise/page.tsx b/src/app/settings/edit/expertise/page.tsx
index a93e860..933d87b 100644
--- a/src/app/settings/edit/expertise/page.tsx
+++ b/src/app/settings/edit/expertise/page.tsx
@@ -96,7 +96,7 @@ function Expertise() {
   return (
     <Container>
       <div className="p-4 flex flex-col items-center h-screen justify-center">
-        <span className="text-xl font-bold">تخصص</span>
+        <span className="text-xl font-bold text-foreground">تخصص</span>
 
         <p className="mt-8 text-center">در چه زمینه ای تخصص دارید؟</p>
 
@@ -134,9 +134,9 @@ function Expertise() {
           type="button"
           onClick={handleCheck}
           className="mt-20"
-          disabled={loading}
+          loading={loading} disabled={loading}
         >
-          {loading ? "در حال ارسال..." : "ویرایش"}
+          ویرایش
         </AuthNextButton>
       </div>
     </Container>
diff --git a/src/app/settings/edit/location/page.tsx b/src/app/settings/edit/location/page.tsx
index 7268578..ac9879d 100644
--- a/src/app/settings/edit/location/page.tsx
+++ b/src/app/settings/edit/location/page.tsx
@@ -89,8 +89,8 @@ function LocationPage() {
           address: values.address,
           province_id: values.stateId,
           city_id: values.cityId,
-          lat: values.markerCoordinate[0],
-          lng: values.markerCoordinate[1],
+          lat: values.markerCoordinate[1],
+          lng: values.markerCoordinate[0],
           show_location: isCheckedOne,
         });
         router.push("/settings/edit");
@@ -121,7 +121,9 @@ function LocationPage() {
     if (user) {
       formik.setValues({
         markerCoordinate:
-          user.lat && user.lng ? [Number(user.lat), Number(user.lng)] : [],
+          user.lat && user.lng
+            ? [Number(user.lng), Number(user.lat)]
+            : [],
         address: user.address || "",
         cityId: user?.city?.id ? String(user.city.id) : "",
         stateId: user?.province?.id ? String(user.province.id) : "",
@@ -129,8 +131,8 @@ function LocationPage() {
 
       if (user.lat && user.lng) {
         setSelectedLocation({
-          lat: Number(user?.lng),
-          lng: Number(user?.lat),
+          lat: Number(user.lat),
+          lng: Number(user.lng),
         });
       }
 
@@ -146,7 +148,7 @@ function LocationPage() {
   return (
     <Container>
       <div className="p-4 flex flex-col items-center  justify-center address-page ">
-        <span className="text-xl font-bold">لوکیشن</span>
+        <span className="text-xl font-bold text-foreground">لوکیشن</span>
         <div className="mt-5"></div>
 
         <small className="font-bold mt-10 mb-4">
@@ -224,8 +226,8 @@ function LocationPage() {
           <Map
             style={{ height: "calc(100vh - 260px)" }}
             initialViewState={{
-              longitude: Number(user?.lat) || 51.375433528216654,
-              latitude: Number(user?.lng) || 35.73356434056531,
+              longitude: Number(user?.lng) || 51.375433528216654,
+              latitude: Number(user?.lat) || 35.73356434056531,
               zoom: 11,
             }}
             mapboxAccessToken="pk.eyJ1IjoiYWxkZjkyIiwiYSI6ImNscHh5ZG56dTByMXAycnJ2cDNmdDQ5M3YifQ.a_sUt1rLFMfA0jHrETcM7A"
@@ -259,8 +261,8 @@ function LocationPage() {
               اطلاعات لوکیشن شما برای همه قابل نمایش باشد
             </span>
           </label>
-          <AuthNextButton type="submit" className="mt-20" disabled={loading}>
-            {loading ? "در حال ارسال..." : "ویرایش"}
+          <AuthNextButton type="submit" className="mt-20" loading={loading} disabled={loading}>
+            ویرایش
           </AuthNextButton>
         </form>
       </div>
diff --git a/src/app/settings/edit/password/page.tsx b/src/app/settings/edit/password/page.tsx
index 28e1411..83a4802 100644
--- a/src/app/settings/edit/password/page.tsx
+++ b/src/app/settings/edit/password/page.tsx
@@ -2,7 +2,7 @@
 "use client";
 
 import AuthHead from "@/components/auth/AuthHead";
-import AuthInput from "@/components/auth/AuthInput";
+import AuthPasswordInput from "@/components/auth/AuthPasswordInput";
 import Container from "@/components/elements/Container";
 import React from "react";
 import useAxios from "@/hooks/useAxios";
@@ -64,11 +64,11 @@ function PasswordPage() {
           onSubmit={formik.handleSubmit}
           className="w-full max-w-sm flex flex-col items-center"
         >
-          <AuthInput
+          <AuthPasswordInput
             name="password"
-            type="password"
             placeholder="کلمه عبور"
-            className={`border mt-4 ${
+            wrapperClassName="mt-4"
+            className={`border ${
               formik.touched.password && formik.errors.password
                 ? "border-red-500 dark:border-red-500"
                 : "border-gray-300"
@@ -83,11 +83,11 @@ function PasswordPage() {
             </small>
           )}
 
-          <AuthInput
+          <AuthPasswordInput
             name="confirmPassword"
-            type="password"
             placeholder="تکرار کلمه عبور"
-            className={`border mt-4 ${
+            wrapperClassName="mt-4"
+            className={`border ${
               formik.touched.confirmPassword && formik.errors.confirmPassword
                 ? "border-red-500 dark:border-red-500"
                 : "border-gray-300"
@@ -102,8 +102,8 @@ function PasswordPage() {
             </small>
           )}
 
-          <AuthNextButton type="submit" className="mt-20" disabled={loading}>
-            {loading ? "در حال ارسال..." : "تایید کلمه عبور"}
+          <AuthNextButton type="submit" className="mt-20" loading={loading} disabled={loading}>
+            تایید کلمه عبور
           </AuthNextButton>
         </form>
       </div>
diff --git a/src/app/settings/edit/public-relations/page.tsx b/src/app/settings/edit/public-relations/page.tsx
index 67cdb26..4827204 100644
--- a/src/app/settings/edit/public-relations/page.tsx
+++ b/src/app/settings/edit/public-relations/page.tsx
@@ -53,7 +53,7 @@ function PublicRelations() {
   return (
     <Container>
       <div className="p-4 flex flex-col items-center h-screen justify-center">
-        <span className="text-xl font-bold">روابط عمومی</span>
+        <span className="text-xl font-bold text-foreground">روابط عمومی</span>
         <div className="mt-5"></div>
 
         {/* <p className="my-10 text-sm font-bold">
@@ -123,8 +123,8 @@ function PublicRelations() {
             </small>
           )}
 
-          <AuthNextButton type="submit" className="mt-20" disabled={loading}>
-            {loading ? "در حال ارسال..." : "ویرایش"}
+          <AuthNextButton type="submit" className="mt-20" loading={loading} disabled={loading}>
+            ویرایش
           </AuthNextButton>
         </form>
       </div>
diff --git a/src/app/settings/edit/services/page.tsx b/src/app/settings/edit/services/page.tsx
index dac39a0..06bacc3 100644
--- a/src/app/settings/edit/services/page.tsx
+++ b/src/app/settings/edit/services/page.tsx
@@ -4,6 +4,7 @@ import React, { useEffect, useState } from "react";
 import { Service, User } from "@/types/types";
 import ServiceItem from "@/components/main/Services/ServiceItem";
 import AddServiceModal from "@/components/main/Services/AddServiceModal";
+import AuthUserDetails from "@/components/auth/AuthUserDetails";
 import Container from "@/components/elements/Container";
 import AuthNextButton from "@/components/auth/AuthNextButton";
 import useAxios from "@/hooks/useAxios";
@@ -91,7 +92,11 @@ const ServicesPage: React.FC = () => {
   return (
     <Container>
       <div className="p-4 flex flex-col items-center h-screen justify-center">
-        <span className="text-xl font-bold">خدمات</span>
+        <span className="text-xl font-bold text-foreground">خدمات</span>
+
+        <div className="mt-5 w-full max-w-md">
+          <AuthUserDetails />
+        </div>
 
         <div className="gap-4 min-h-96">
           {services.map((service) => (
@@ -107,10 +112,10 @@ const ServicesPage: React.FC = () => {
         <div className="flex gap-4">
           <AuthNextButton
             onClick={handleSubmit}
-            disabled={loading}
+            loading={loading} disabled={loading}
             className="mb-4 w-32"
           >
-            {loading ? "در حال ارسال..." : "ویرایش"}
+            ویرایش
           </AuthNextButton>
           <AuthNextButton
             onClick={() => setModalOpen(true)}
diff --git a/src/app/settings/edit/shaba/page.tsx b/src/app/settings/edit/shaba/page.tsx
index 7b6afc2..c7d2c57 100644
--- a/src/app/settings/edit/shaba/page.tsx
+++ b/src/app/settings/edit/shaba/page.tsx
@@ -53,7 +53,7 @@ function AuthPage() {
   return (
     <Container>
       <div className="p-4 flex flex-col items-center h-screen justify-center auth-page">
-        <span className="text-xl font-bold">شماره شبا</span>
+        <span className="text-xl font-bold text-foreground">شماره شبا</span>
         <div className="mt-5"></div>
 
         <form
@@ -87,8 +87,8 @@ function AuthPage() {
           <small className="font-bold mt-10">
             شماره شبا باید به نام خود شخص باشد
           </small>
-          <AuthNextButton type="submit" className="mt-20" disabled={loading}>
-            {loading ? "در حال ارسال..." : "ویرایش"}
+          <AuthNextButton type="submit" className="mt-20" loading={loading} disabled={loading}>
+            ویرایش
           </AuthNextButton>
         </form>
       </div>
diff --git a/src/app/settings/edit/sizes/page.tsx b/src/app/settings/edit/sizes/page.tsx
index dcc3eec..3473966 100644
--- a/src/app/settings/edit/sizes/page.tsx
+++ b/src/app/settings/edit/sizes/page.tsx
@@ -75,7 +75,7 @@ function Sizes() {
   return (
     <Container>
       <div className="p-4 flex flex-col items-center h-screen justify-center">
-        <span className="text-xl font-bold">سایز</span>
+        <span className="text-xl font-bold text-foreground">سایز</span>
         <p className="mt-8 text-center text-sm font-bold mb-4">مشخصات ظاهری</p>
         {/* Buttons for categories */}
         <div className="flex gap-2 mt-4 w-full max-w-[320px]">
@@ -175,9 +175,9 @@ function Sizes() {
           type="button"
           onClick={handleCheck}
           className="mt-10"
-          disabled={loading}
+          loading={loading} disabled={loading}
         >
-          {loading ? "در حال ارسال..." : "ویرایش"}
+          ویرایش
         </AuthNextButton>
       </div>
     </Container>
diff --git a/src/app/settings/edit/username/page.tsx b/src/app/settings/edit/username/page.tsx
index fc6cf4b..4f2126a 100644
--- a/src/app/settings/edit/username/page.tsx
+++ b/src/app/settings/edit/username/page.tsx
@@ -1,8 +1,7 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 "use client";
-import React, { useEffect } from "react";
+import React, { useState } from "react";
 import { useFormik } from "formik";
-import * as yup from "yup";
 import { useRouter } from "next/navigation";
 import useAxios from "@/hooks/useAxios";
 import { useUser } from "@/hooks/useUser";
@@ -10,41 +9,57 @@ import AuthHead from "@/components/auth/AuthHead";
 import AuthInput from "@/components/auth/AuthInput";
 import AuthNextButton from "@/components/auth/AuthNextButton";
 import Container from "@/components/elements/Container";
-
-// Validation schema using Yup
-const schema = yup.object().shape({
-  username: yup.string().required("نام کاربری الزامی است"),
-});
+import UsernameSuggestions from "@/components/auth/UsernameSuggestions";
+import { usernameFormSchema } from "@/lib/validation/usernameSchema";
+import { sanitizeUsernameInput, USERNAME_MIN_LENGTH } from "@/lib/validation/username";
 
 function UsernamePage() {
   const router = useRouter();
   const user = useUser();
   const { request, loading } = useAxios();
+  const [isDuplicate, setIsDuplicate] = useState(false);
+  const [suggestions, setSuggestions] = useState<string[]>([]);
 
   const formik = useFormik({
     initialValues: {
       username: user?.user_name || "",
     },
-    validationSchema: schema,
+    validationSchema: usernameFormSchema,
+    enableReinitialize: true,
     onSubmit: async (values) => {
+      setIsDuplicate(false);
+      setSuggestions([]);
+
       try {
         await request("PATCH", "/register/username", {
-          user_name: values.username,
+          user_name: values.username.trim().toLowerCase(),
         });
-        localStorage.setItem("username", values.username);
+        localStorage.setItem("username", values.username.trim().toLowerCase());
         router.push("/settings/edit");
       } catch (err: any) {
-        console.log("Unhandled error:", err?.message);
+        const data = err?.response?.data;
+        if (data?.message?.includes("تکراری")) {
+          setIsDuplicate(true);
+          setSuggestions(Array.isArray(data.suggestions) ? data.suggestions : []);
+        } else if (data?.message) {
+          formik.setFieldError("username", data.message);
+        }
       }
     },
   });
 
-  // آپدیت مقدار username در صورتی که user.user_name مقدار داشته باشد
-  useEffect(() => {
-    if (user?.user_name) {
-      formik.setValues({ username: user.user_name });
-    }
-  }, [user?.user_name]);
+  const handleUsernameChange = (value: string) => {
+    setIsDuplicate(false);
+    setSuggestions([]);
+    formik.setFieldValue("username", sanitizeUsernameInput(value));
+  };
+
+  const handleSuggestionSelect = (username: string) => {
+    formik.setFieldValue("username", username);
+    formik.setFieldTouched("username", true, false);
+    setIsDuplicate(false);
+    setSuggestions([]);
+  };
 
   return (
     <Container>
@@ -57,23 +72,43 @@ function UsernamePage() {
           <AuthInput
             name="username"
             type="text"
-            placeholder="نام کاربری خود را وارد کنید"
+            placeholder="نام کاربری"
+            dir="ltr"
+            autoComplete="username"
+            spellCheck={false}
             className={`border ${
-              formik.touched.username && formik.errors.username
+              (formik.touched.username && formik.errors.username) || isDuplicate
                 ? "border-red-500 dark:border-red-500"
                 : "border-gray-300"
             }`}
             value={formik.values.username}
-            onChange={formik.handleChange}
+            onChange={(e) => handleUsernameChange(e.target.value)}
             onBlur={formik.handleBlur}
           />
-          {formik.touched.username && formik.errors.username && (
-            <small className="text-red-500 mt-2 block">
+
+          {isDuplicate && (
+            <small className="text-red-500 mt-2 block text-center font-medium">
+              نام کاربری تکراری است
+            </small>
+          )}
+
+          {formik.touched.username && formik.errors.username && !isDuplicate && (
+            <small className="text-red-500 mt-2 block text-center">
               {formik.errors.username}
             </small>
           )}
-          <AuthNextButton type="submit" className="mt-20" disabled={loading}>
-            {loading ? "در حال ارسال..." : "ویرایش"}
+
+          <UsernameSuggestions
+            suggestions={suggestions}
+            onSelect={handleSuggestionSelect}
+          />
+
+          <AuthNextButton
+            type="submit"
+            className="mt-20"
+            loading={loading} disabled={loading || formik.values.username.length < USERNAME_MIN_LENGTH}
+          >
+            ویرایش
           </AuthNextButton>
         </form>
       </div>
diff --git a/src/app/settings/layout.tsx b/src/app/settings/layout.tsx
index 461c55b..95fb5f0 100644
--- a/src/app/settings/layout.tsx
+++ b/src/app/settings/layout.tsx
@@ -1,4 +1,12 @@
 import SettingsShell from "@/components/settings/SettingsShell";
+import type { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: {
+    default: "تنظیمات",
+    template: "%s | مدستاگرام",
+  },
+};
 
 export default function Layout({ children }: { children: React.ReactNode }) {
   return <SettingsShell>{children}</SettingsShell>;
diff --git a/src/app/settings/notifications/page.tsx b/src/app/settings/notifications/page.tsx
index f75acc3..6bc2ad6 100644
--- a/src/app/settings/notifications/page.tsx
+++ b/src/app/settings/notifications/page.tsx
@@ -57,6 +57,15 @@ function Notifications() {
         item?.title?.split("/").pop() || ""
       )}/${item?.project_post_id}`,
       new_offer: "/settings/offers",
+      post_like: `/posts/${item?.project_post_id}`,
+      academy_like: `/academy/${item?.project_post_id}/course`,
+      billboard_like: `/settings/my-billboards/${item?.project_post_id}/b`,
+      post_comment: `/posts/${item?.project_post_id}`,
+      profile_comment: "/settings/profile",
+      user_comment: "/settings/profile",
+      academy_comment: `/academy/${item?.project_post_id}/course`,
+      billboard_comment: `/settings/my-billboards/${item?.project_post_id}/b`,
+      billboard_rating: `/settings/my-billboards/${item?.project_post_id}/b`,
       "reject-user": `/tickets/new/${
         item?.project_post_id
       }/${encodeURIComponent(item?.title?.split("/").pop() || "")}`,
diff --git a/src/app/settings/profile/page.tsx b/src/app/settings/profile/page.tsx
index 187cad1..0084824 100644
--- a/src/app/settings/profile/page.tsx
+++ b/src/app/settings/profile/page.tsx
@@ -15,19 +15,9 @@ function Profile() {
   const [user, setUser] = useState<User | null>(null);
   const { request, loading } = useAxios();
 
-  // گرفتن userId از localStorage فقط در مرورگر
-  const getUserId = () =>
-    typeof window !== "undefined" ? localStorage.getItem("id") : null;
-
   const fetchUser = async () => {
-    const userId = getUserId();
-    if (!userId) return;
-
     try {
-      const response = await request<{ user: User }>(
-        "GET",
-        `/users/get/web?user_id=${userId}`
-      );
+      const response = await request<{ user: User }>("GET", "/profile");
       setUser(response?.user ?? null);
     } catch (err) {
       console.error("خطا در دریافت اطلاعات کاربر:", err);
diff --git a/src/app/users/[username]/page.tsx b/src/app/users/[username]/page.tsx
index a6069e7..27841f2 100644
--- a/src/app/users/[username]/page.tsx
+++ b/src/app/users/[username]/page.tsx
@@ -13,9 +13,13 @@ interface IUserProps {
 
 export async function generateMetadata({ params }: IUserProps): Promise<Metadata> {
   const { username } = await params;
+  const token = (await cookies()).get("token")?.value || "";
 
   try {
-    const res = await fetch(`${BASE_URL}/users/get/web?user_name=${username}`, { cache: 'no-store' });
+    const res = await fetch(`${BASE_URL}/users/get/web?user_name=${username}`, {
+      cache: "no-store",
+      headers: { Authorization: token ? `Bearer ${token}` : "" },
+    });
     const data = await res.json();
     const user = data?.user as User;
 
@@ -23,6 +27,13 @@ export async function generateMetadata({ params }: IUserProps): Promise<Metadata
       return { title: `${username} | مدستاگرام`, robots: "noindex" };
     }
 
+    if (user.blocked_you) {
+      return {
+        title: "پروفایل در دسترس نیست | مدستاگرام",
+        robots: "noindex, nofollow",
+      };
+    }
+
     const fullName = `${user.first_name || ""} ${user.last_name || ""}`.trim();
     const city = user.city?.name || "ایران";
     const expertise = user.expertise || "متخصص";
@@ -97,6 +108,22 @@ async function UserPage({ params }: IUserProps) {
     );
   }
 
+  if (user.blocked_you) {
+    return (
+      <Container>
+        <div className="flex min-h-[50vh] flex-col items-center justify-center px-6 py-20 text-center">
+          <div className="mb-4 flex h-20 w-20 items-center justify-center rounded-full bg-neutral-200 dark:bg-neutral-800">
+            <span className="text-3xl text-neutral-400">🚫</span>
+          </div>
+          <h2 className="text-lg font-bold text-foreground">این پروفایل در دسترس نیست</h2>
+          <p className="mt-2 max-w-sm text-sm text-neutral-500 dark:text-neutral-400">
+            شما توسط این کاربر مسدود شده‌اید و امکان مشاهده پروفایل و پست‌های او وجود ندارد.
+          </p>
+        </div>
+      </Container>
+    );
+  }
+
   const fullName = `${user.first_name || ""} ${user.last_name || ""}`.trim();
 
   // داده ساختاریافته (Schema) برای درک بهتر گوگل از ماهیت پروفایل
diff --git a/src/components/BackgroundPrefetch.tsx b/src/components/BackgroundPrefetch.tsx
index 59e0d12..cda2ed0 100644
--- a/src/components/BackgroundPrefetch.tsx
+++ b/src/components/BackgroundPrefetch.tsx
@@ -2,16 +2,23 @@
 
 import { useEffect } from "react";
 import { useRouter } from "next/navigation";
+import { isAuthenticated } from "@/lib/auth/session";
 
-const ROUTES = ["/academy", "/billboards", "/settings", "/explore"];
+const PUBLIC_ROUTES = ["/academy", "/billboards", "/explore"];
 
 export default function BackgroundPrefetch() {
   const router = useRouter();
 
   useEffect(() => {
     const t = window.setTimeout(() => {
-      ROUTES.forEach((route) => router.prefetch(route));
+      PUBLIC_ROUTES.forEach((route) => router.prefetch(route));
+
+      // settings فقط وقتی لاگین است prefetch شود
+      if (isAuthenticated()) {
+        router.prefetch("/settings");
+      }
     }, 2000);
+
     return () => window.clearTimeout(t);
   }, [router]);
 
diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index 954f09d..b2c0759 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -4,6 +4,7 @@ import { ThemeProvider } from "@/contexts/ThemeContext";
 import { ReactQueryProvider } from "@/providers/ReactQueryProvider";
 import { Toaster } from "react-hot-toast";
 import BackgroundPrefetch from "@/components/BackgroundPrefetch";
+import TitleGuardian from "@/components/TitleGuardian";
 
 interface ILayoutProps {
   children: React.ReactNode;
@@ -12,6 +13,7 @@ function Layout({ children }: ILayoutProps) {
   return (
     <ThemeProvider>
       <ReactQueryProvider>
+        <TitleGuardian />
         <Toaster />
         <BackgroundPrefetch />
         {children}
diff --git a/src/components/TabNavigation.tsx b/src/components/TabNavigation.tsx
index 54d29d7..6b06801 100644
--- a/src/components/TabNavigation.tsx
+++ b/src/components/TabNavigation.tsx
@@ -3,68 +3,16 @@
 import Link from "next/link";
 import { useEffect, useState } from "react";
 import toast from "react-hot-toast";
+import BoldIcon from "@/components/ui/BoldIcon";
 import { cn } from "@/lib/utils";
 
 const tabs = [
-  {
-    href: "/",
-    icon: (color: string) => (
-      <svg width="28" height="28" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
-        <path
-          d="M27.5 13.125C27.5 11.6125 26.4875 9.67496 25.25 8.81246L17.525 3.39996C15.775 2.17496 12.9625 2.23746 11.275 3.54996L4.5375 8.79996C3.4125 9.67496 2.5 11.5375 2.5 12.95V22.2125C2.5 25.1125 4.8625 27.4875 7.7625 27.4875H22.2375C25.1375 27.4875 27.5 25.1125 27.5 22.225V18.35"
-          stroke={color}
-          strokeWidth="1.5"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-      </svg>
-    ),
-    label: "خانه",
-  },
-  {
-    href: "/academy",
-    icon: (color: string) => (
-      <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg">
-        <path stroke={color} d="M5.99953 5.17031L4.02953 6.46031C2.09953 7.72031 2.09953 10.5403 4.02953 11.8003L10.0495 15.7303C11.1295 16.4403 12.9095 16.4403 13.9895 15.7303L19.9795 11.8003C21.8995 10.5403 21.8995 7.73031 19.9795 6.47031L13.9895 2.54031C12.9095 1.83031 11.1295 1.83031 10.0495 2.54031" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
-        <path stroke={color} d="M5.63012 13.0801L5.62012 17.7701C5.62012 19.0401 6.60012 20.4001 7.80012 20.8001L10.9901 21.8601C11.5401 22.0401 12.4501 22.0401 13.0101 21.8601L16.2001 20.8001C17.4001 20.4001 18.3801 19.0401 18.3801 17.7701V13.1301" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
-        <path stroke={color} d="M21.4004 15V9" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
-      </svg>
-    ),
-    label: "آموزشگاه",
-  },
-  {
-    href: "/new-post",
-    icon: (color: string) => (
-      <svg width="28" height="28" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
-        <path d="M18.7375 15H20" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
-        <path d="M10 15H14.7625" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
-        <path d="M15 20V10" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
-        <path d="M2.5 16.3V18.75C2.5 25 5 27.5 11.25 27.5H18.75C25 27.5 27.5 25 27.5 18.75V11.25C27.5 5 25 2.5 18.75 2.5H11.25C5 2.5 2.5 5 2.5 11.25" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
-      </svg>
-    ),
-    label: "پست ها",
-  },
-  {
-    href: "/billboards",
-    icon: (color: string) => (
-      <svg width="28" height="28" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
-        <path d="M10.85 15.9001H13.025V20.9626C13.025 21.7126 13.95 22.0626 14.45 21.5001L19.775 15.4501C20.2375 14.9251 19.8625 14.1001 19.1625 14.1001H16.9875V9.0376C16.9875 8.2876 16.0625 7.9376 15.5625 8.5001L10.2375 14.5501C9.775 15.0751 10.15 15.9001 10.85 15.9001Z" stroke={color} strokeWidth="1.5" strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round" />
-        <path d="M5 7.5C3.4375 9.5875 2.5 12.1875 2.5 15C2.5 21.9 8.1 27.5 15 27.5C21.9 27.5 27.5 21.9 27.5 15C27.5 8.1 21.9 2.5 15 2.5C13.2125 2.5 11.5 2.875 9.9625 3.5625" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
-      </svg>
-    ),
-    label: "بیلبورد",
-  },
-  {
-    href: "/settings",
-    icon: (color: string) => (
-      <svg width="28" height="28" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
-        <path d="M3.75 16.35V18.6C3.75 21.25 3.75 21.25 6.25 22.9375L13.125 26.9125C14.1625 27.5125 15.85 27.5125 16.875 26.9125L23.75 22.9375C26.25 21.25 26.25 21.25 26.25 18.6125V11.3875C26.25 8.74995 26.25 8.74995 23.75 7.06245L16.875 3.08745C15.85 2.48745 14.1625 2.48745 13.125 3.08745L6.25 7.06245C3.75 8.74995 3.75 8.74995 3.75 11.3875" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
-        <path d="M18.75 15C18.75 12.925 17.075 11.25 15 11.25C12.925 11.25 11.25 12.925 11.25 15C11.25 17.075 12.925 18.75 15 18.75C15.5125 18.75 16.0125 18.65 16.4625 18.45" stroke={color} strokeWidth="1.5" strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round" />
-      </svg>
-    ),
-    label: "تنظیمات",
-  },
-];
+  { href: "/", icon: "home-2", label: "خانه" },
+  { href: "/academy", icon: "teacher", label: "آموزشگاه" },
+  { href: "/new-post", icon: "add-square", label: "پست ها" },
+  { href: "/billboards", icon: "flash-circle", label: "بیلبورد" },
+  { href: "/settings", icon: "setting", label: "تنظیمات" },
+] as const;
 
 type TabNavigationProps = {
   currentPage: string;
@@ -108,9 +56,6 @@ export default function TabNavigation({ currentPage }: TabNavigationProps) {
 
   if (!mounted) return null;
 
-  const defaultColor = isDark ? "#a1a1aa" : "#52525b";
-  const activeColor = "#ff107d";
-
   return (
     <nav className="fixed bottom-2 left-1/2 z-50 w-full max-w-xl -translate-x-1/2 px-4 pb-2">
       <div className="glass-panel gentle-transition flex justify-evenly rounded-full border border-white/40 p-2.5 shadow-lg dark:border-white/10">
@@ -119,7 +64,6 @@ export default function TabNavigation({ currentPage }: TabNavigationProps) {
           const isActive =
             currentPage === href ||
             (href === "/settings" && currentPage.startsWith("/settings"));
-          const color = isActive ? activeColor : defaultColor;
 
           return (
             <Link
@@ -137,7 +81,18 @@ export default function TabNavigation({ currentPage }: TabNavigationProps) {
                 }
               }}
             >
-              {tab.icon(color)}
+              <BoldIcon
+                name={tab.icon}
+                size={28}
+                tinted
+                className={cn(
+                  isActive
+                    ? "text-[#ff107d]"
+                    : isDark
+                      ? "text-zinc-400"
+                      : "text-zinc-600"
+                )}
+              />
               <span
                 className={cn(
                   "text-[10px] font-semibold gentle-transition",
diff --git a/src/components/TitleGuardian.tsx b/src/components/TitleGuardian.tsx
index 2306776..e144c2a 100644
--- a/src/components/TitleGuardian.tsx
+++ b/src/components/TitleGuardian.tsx
@@ -1,29 +1,41 @@
 "use client";
 
-import { useEffect } from "react";
+import { useEffect, useRef } from "react";
 import { usePathname } from "next/navigation";
+import { defaultSEOConfig } from "@/config/seoConfig";
+
+const DEFAULT_TITLE =
+  typeof defaultSEOConfig.title === "string"
+    ? defaultSEOConfig.title
+    : "مدستاگرام";
 
 export default function TitleGuardian() {
   const pathname = usePathname();
+  const lastValidTitle = useRef(DEFAULT_TITLE);
 
   useEffect(() => {
-    // جلوگیری از تغییرات ناگهانی توسط اسکریپت‌های چت و اینماد
-    const observer = new MutationObserver((mutations) => {
-      mutations.forEach((mutation) => {
-        if (mutation.type === "childList" || mutation.type === "characterData") {
-          const newTitle = document.title;
-          // اگر تایتل خالی شد یا به localhost تغییر کرد یا حاوی کلمات سیستمی بود، دخالت نکن
-          // اما اگر اسکریپت خارجی مثل "گفتینو" تایتل را عوض کرد، اینجا می‌توانید منطق بازگشت بنویسید
-        }
-      });
+    if (document.title.trim()) {
+      lastValidTitle.current = document.title;
+    }
+
+    const observer = new MutationObserver(() => {
+      const currentTitle = document.title.trim();
+      if (currentTitle) {
+        lastValidTitle.current = currentTitle;
+        return;
+      }
+
+      if (lastValidTitle.current.trim()) {
+        document.title = lastValidTitle.current;
+      }
     });
 
     const titleElement = document.querySelector("title");
     if (titleElement) {
       observer.observe(titleElement, {
-        childList: true, 
-        characterData: true, 
-        subtree: true 
+        childList: true,
+        characterData: true,
+        subtree: true,
       });
     }
 
@@ -31,4 +43,4 @@ export default function TitleGuardian() {
   }, [pathname]);
 
   return null;
-}
\ No newline at end of file
+}
diff --git a/src/components/academy/AcademyFilter.tsx b/src/components/academy/AcademyFilter.tsx
index e38116b..396206e 100644
--- a/src/components/academy/AcademyFilter.tsx
+++ b/src/components/academy/AcademyFilter.tsx
@@ -3,7 +3,8 @@
 import React, { useState, useEffect } from "react";
 import { useRouter, useSearchParams } from "next/navigation";
 import { motion } from "framer-motion";
-import { Search, Filter, X } from "lucide-react";
+import { Filter, X } from "lucide-react";
+import Image from "next/image";
 import useAxios from "@/hooks/useAxios";
 
 interface AcademyFilterProps {
@@ -222,7 +223,13 @@ export default function AcademyFilter({ onFilterChange }: AcademyFilterProps) {
                 placeholder="جستجوی دوره، مدرس، ..."
                 className="w-full px-4 py-2 pr-10 border border-gray-300 dark:border-gray-600 rounded-xl bg-gray-50 dark:bg-gray-800 focus:outline-none focus:ring-2 focus:ring-pink-500 focus:border-transparent"
               />
-              <Search className="absolute left-3 top-2.5 w-5 h-5 text-gray-400" />
+              <Image
+                src="/images/icons/search-normal.svg"
+                alt=""
+                width={20}
+                height={20}
+                className="absolute left-3 top-2.5 opacity-60 dark:invert"
+              />
             </div>
           </form>
 
diff --git a/src/components/academy/CommentsModal.tsx b/src/components/academy/CommentsModal.tsx
index 1c0ba0a..f4bdf61 100644
--- a/src/components/academy/CommentsModal.tsx
+++ b/src/components/academy/CommentsModal.tsx
@@ -1,7 +1,8 @@
 import React, { useState, useRef, useCallback, useEffect } from "react";
 import Modal from "../elements/Modal";
 import Image from "next/image";
-import { IMAGE_BASE_URL, buildStorageUrl } from "@/components/main/BaseUrl";
+import VerificationBadge from "@/components/main/VerificationBadge";
+import ProfileAvatar from "@/components/main/ProfileAvatar";
 import RoundedInput from "@/components/elements/RoundedInput";
 import useAxios from "@/hooks/useAxios";
 import toast from "react-hot-toast";
@@ -362,39 +363,24 @@ function CommentsModal({
               >
                 <div className="flex gap-3">
                   {/* آواتار کاربر */}
-                  <div className="flex-shrink-0">
-                    <Image
-                      className="rounded-full object-cover"
-                      width={40}
-                      height={40}
+                  <div className="shrink-0">
+                    <ProfileAvatar
+                      src={item?.user_id?.profile_image}
                       alt={item?.user_id?.user_name || "کاربر"}
-                      src={
-                        item?.user_id?.profile_image
-                          ? buildStorageUrl(item.user_id.profile_image)
-                          : "/images/default-avatar.png"
-                      }
-                      priority={true}
-                      unoptimized={true}
+                      size="chat"
+                      rounded="full"
+                      fallback="/images/default-avatar.png"
                     />
                   </div>
                   
                   <div className="flex-1">
                     {/* اطلاعات کاربر و امتیاز */}
                     <div className="flex items-center gap-2 flex-wrap mb-2">
-                      <span className="font-semibold text-sm dark:text-white">
+                      <span className="font-semibold text-sm dark:text-white inline-flex items-center gap-1">
                         {item?.user_id?.user_name || "کاربر ناشناس"}
+                        <VerificationBadge isVerified={item?.user_id?.is_verified} />
                       </span>
 
-                      {item?.user_id?.is_verified === "verified" && (
-                        <Image
-                          width={16}
-                          height={16}
-                          alt="verify"
-                          src="/images/icons/verify.svg"
-                          className="inline"
-                        />
-                      )}
-
                       {item?.rate > 0 && (
                         <div className="mr-2">
                           {renderStars(item.rate)}
diff --git a/src/components/academy/MainModelCard.tsx b/src/components/academy/MainModelCard.tsx
index 9893016..e055672 100644
--- a/src/components/academy/MainModelCard.tsx
+++ b/src/components/academy/MainModelCard.tsx
@@ -13,6 +13,7 @@ import Image from "next/image";
 import MainModelCardActions from "./MainModelCardActions";
 import Link from "next/link";
 import { IMAGE_BASE_URL, buildStorageUrl } from "@/components/main/BaseUrl";
+import VerificationBadge from "@/components/main/VerificationBadge";
 import { useUserById } from "@/hooks/getUserById";
 import "slick-carousel/slick/slick.css";
 import "slick-carousel/slick/slick-theme.css";
@@ -425,31 +426,10 @@ function MainModelCard({ postData }: { postData: Course }) {
               </span>
             </div>
             <div className="flex items-center gap-1 mt-1">
-              <h2 className="max-sm:text-xs">{cuorse_name}</h2>
-              {is_verified === "verified" ? (
-                <Image
-                  width={22}
-                  height={22}
-                  alt={"verify icon"}
-                  src={`/images/icons/verify.svg`}
-                />
-              ) : is_verified === "pending" ? (
-                <Image
-                  width={25}
-                  height={25}
-                  alt={"not-verify icon"}
-                  src={`/images/icons/not-verify.svg`}
-                />
-              ) : is_verified === "true" ? (
-                <Image
-                  width={22}
-                  height={22}
-                  alt="verify icon"
-                  src="/images/icons/verify2.svg"
-                />
-              ) : (
-                ""
-              )}
+              <h2 className="max-sm:text-xs inline-flex items-center gap-1">
+                {cuorse_name}
+                <VerificationBadge isVerified={is_verified} />
+              </h2>
               <div className="flex items-center gap-0.5 justify-center">
                 <span className="mr-2">{newScore || 0}</span>
                 <Image
diff --git a/src/components/academy/ModelHead.tsx b/src/components/academy/ModelHead.tsx
index 3247c86..a2d109f 100644
--- a/src/components/academy/ModelHead.tsx
+++ b/src/components/academy/ModelHead.tsx
@@ -1,7 +1,5 @@
-"use client"
-import { IMAGE_BASE_URL, buildStorageUrl } from "@/components/main/BaseUrl";
+import ProfileAvatar from "@/components/main/ProfileAvatar";
 import { User } from "@/types/types";
-import Image from "next/image";
 import React, { useState } from "react";
 import ModelHeadRowTwo from "../models/ModelPage/ModelHeadRowTwo";
 import ModelHeadRowThree from "../models/ModelPage/ModelHeadRowThree";
@@ -31,7 +29,8 @@ function ModelHead({ user, item2 }: ModelHeadProps) {
     user_level,
     bio,
     user_type,
-    _id
+    _id,
+    is_Register,
   } = user;
   
 
@@ -108,30 +107,19 @@ function ModelHead({ user, item2 }: ModelHeadProps) {
             </div>
           </div>
         </div>
-        {profile_image ? (
-          <Image
-            className="rounded-xl object-cover h-[72px] w-[72px] md:h-[120px] md:w-[120px]"
-            width={120}
-            height={120}
-            alt={user_name}
-            src={buildStorageUrl(profile_image)}
-            unoptimized={true}
-          />
-        ) : (
-          <Image
-            className="rounded-xl object-cover h-[72px] w-[72px] md:h-[120px] md:w-[120px]"
-            width={120}
-            height={120}
-            alt={user_name}
-            src={`/images/fake-avatar.png`}
-            unoptimized={true}
-          />
-        )}
+        <ProfileAvatar
+          src={profile_image}
+          alt={user_name}
+          size="md"
+          rounded="xl"
+          className="md:h-[120px] md:w-[120px]"
+        />
       </div>
       <ModelHeadRowTwo
         first_name={first_name}
         last_name={last_name}
         is_verified={is_verified}
+        is_Register={is_Register}
         user_name={user_name}
         user_score={user_score}
         rate={rate}
diff --git a/src/components/auth/AuthButton.tsx b/src/components/auth/AuthButton.tsx
index 58006d0..c18043c 100644
--- a/src/components/auth/AuthButton.tsx
+++ b/src/components/auth/AuthButton.tsx
@@ -1,13 +1,42 @@
 import React, { ComponentProps } from "react";
-type TButton = ComponentProps<"button"> & {};
-function AuthButton({ children, style, className, ...rest }: TButton) {
+import { cn } from "@/lib/utils";
+
+type TButton = ComponentProps<"button"> & {
+  loading?: boolean;
+  loadingText?: string;
+};
+
+function AuthButton({
+  children,
+  style,
+  className,
+  loading = false,
+  loadingText = "در حال ارسال...",
+  disabled,
+  ...rest
+}: TButton) {
   return (
     <button
-      className={`w-full dir-ltr max-w-[290px] p-3 text-center text-white rounded-2xl bg-[#FC8EAC] hover:bg-[#f85e87] font-bold duration-300 ${className}`}
-      style={{ ...style }}
+      className={cn(
+        "w-full dir-ltr max-w-[290px] p-3 text-center text-white rounded-2xl bg-[#FC8EAC] hover:bg-[#f85e87] font-bold duration-300",
+        loading && "cursor-wait opacity-80",
+        className
+      )}
+      style={style}
+      disabled={disabled || loading}
       {...rest}
     >
-      {children}
+      {loading ? (
+        <span className="inline-flex items-center justify-center gap-2">
+          <span
+            className="h-4 w-4 animate-spin rounded-full border-2 border-white border-t-transparent"
+            aria-hidden
+          />
+          <span>{loadingText}</span>
+        </span>
+      ) : (
+        children
+      )}
     </button>
   );
 }
diff --git a/src/components/auth/AuthHead.tsx b/src/components/auth/AuthHead.tsx
index fe3dd39..c3e9f7a 100644
--- a/src/components/auth/AuthHead.tsx
+++ b/src/components/auth/AuthHead.tsx
@@ -1,18 +1,25 @@
+"use client";
+
 import Image from "next/image";
 import React from "react";
+import { usePageTitle } from "@/hooks/usePageTitle";
 
 interface IAuthHeadProps {
   title: string;
 }
 
 function AuthHead({ title }: IAuthHeadProps) {
+  usePageTitle(title);
+
   return (
     <div className="flex flex-col items-center">
-      <span className="text-2xl font-bold">{title}</span>
+      {title ? (
+        <span className="text-2xl font-bold text-foreground">{title}</span>
+      ) : null}
       <Image
         width={0}
         height={0}
-        className="w-auto my-20 min-w-[300px]"
+        className="my-20 w-auto min-w-[300px]"
         src={"/images/icons/logo.svg"}
         alt="logo"
       />
diff --git a/src/components/auth/AuthInput.tsx b/src/components/auth/AuthInput.tsx
index 9fc32f3..26f88d2 100644
--- a/src/components/auth/AuthInput.tsx
+++ b/src/components/auth/AuthInput.tsx
@@ -1,9 +1,26 @@
 import React, { ComponentProps } from "react";
-type TInput = ComponentProps<"input"> & {};
-function AuthInput({ style, className, ...rest }: TInput) {
+import { cn } from "@/lib/utils";
+
+type TInput = ComponentProps<"input"> & {
+  error?: boolean;
+  success?: boolean;
+};
+
+function AuthInput({ style, className, error, success, ...rest }: TInput) {
   return (
     <input
-      className={`w-full dir-ltr max-w-[290px] p-3 text-center rounded-2xl border border-border-secondary-light dark:border-border-secondary-dark bg-secondary-light dark:bg-secondary-dark font-medium ${className}`}
+      className={cn(
+        "w-full max-w-[290px] p-3.5 text-center text-lg font-semibold rounded-2xl",
+        "border-2 bg-white text-gray-900 placeholder:text-gray-400",
+        "dark:bg-white dark:text-gray-900 dark:placeholder:text-gray-500",
+        "shadow-sm transition-[border-color,box-shadow] duration-200",
+        success
+          ? "border-green-500 ring-2 ring-green-500/30 focus:border-green-500 focus:ring-green-500/30"
+          : error
+            ? "border-red-500 ring-2 ring-red-500/20 focus:border-red-500 focus:ring-red-500/30"
+            : "border-gray-200 dark:border-gray-300 focus:outline-none focus:border-[#387E65] focus:ring-2 focus:ring-[#387E65]/30",
+        className
+      )}
       style={{ ...style }}
       {...rest}
     />
diff --git a/src/components/auth/AuthNextButton.tsx b/src/components/auth/AuthNextButton.tsx
index 7e9f8a6..b44212e 100644
--- a/src/components/auth/AuthNextButton.tsx
+++ b/src/components/auth/AuthNextButton.tsx
@@ -1,13 +1,42 @@
 import React, { ComponentProps } from "react";
-type TButton = ComponentProps<"button"> & {};
-function AuthNextButton({ children, style, className, ...rest }: TButton) {
+import { cn } from "@/lib/utils";
+
+type TButton = ComponentProps<"button"> & {
+  loading?: boolean;
+  loadingText?: string;
+};
+
+function AuthNextButton({
+  children,
+  style,
+  className,
+  loading = false,
+  loadingText = "در حال ارسال...",
+  disabled,
+  ...rest
+}: TButton) {
   return (
     <button
-      className={`border dir-ltr p-7 py-2 text-center text-border-secondary-light dark:text-border-secondary-dark border-border-secondary-light dark:border-border-secondary-dark rounded-3xl bg-tertiary-light dark:bg-tertiary-dark font-medium duration-300 hover:opacity-70 text-sm ${className}`}
-      style={{ ...style }}
+      className={cn(
+        "border dir-ltr p-7 py-2 text-center text-border-secondary-light dark:text-border-secondary-dark border-border-secondary-light dark:border-border-secondary-dark rounded-3xl bg-tertiary-light dark:bg-tertiary-dark font-medium duration-300 hover:opacity-70 text-sm",
+        loading && "cursor-wait opacity-70",
+        className
+      )}
+      style={style}
+      disabled={disabled || loading}
       {...rest}
     >
-      {children}
+      {loading ? (
+        <span className="inline-flex items-center justify-center gap-2">
+          <span
+            className="h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent"
+            aria-hidden
+          />
+          <span>{loadingText}</span>
+        </span>
+      ) : (
+        children
+      )}
     </button>
   );
 }
diff --git a/src/components/auth/AuthOtpInput.tsx b/src/components/auth/AuthOtpInput.tsx
new file mode 100644
index 0000000..a276768
--- /dev/null
+++ b/src/components/auth/AuthOtpInput.tsx
@@ -0,0 +1,89 @@
+"use client";
+
+import OtpInput from "react-otp-input";
+import { motion } from "framer-motion";
+import { cn } from "@/lib/utils";
+
+interface AuthOtpInputProps {
+  value: string;
+  onChange: (otp: string) => void;
+  onComplete?: (otp: string) => void;
+  numInputs?: number;
+  error?: boolean;
+  success?: boolean;
+  disabled?: boolean;
+  className?: string;
+}
+
+const cellBase =
+  "w-11 h-14 sm:w-12 sm:h-14 min-w-[44px] text-center text-2xl font-bold tabular-nums rounded-2xl border-[2.5px] bg-white text-gray-900 shadow-md outline-none caret-[#387E65] selection:bg-sky-200 dark:bg-white dark:text-gray-900 dark:caret-[#387E65]";
+
+export default function AuthOtpInput({
+  value,
+  onChange,
+  onComplete,
+  numInputs = 6,
+  error = false,
+  success = false,
+  disabled = false,
+  className,
+}: AuthOtpInputProps) {
+  return (
+    <div className={cn("w-full flex justify-center", className)}>
+      <OtpInput
+        value={value}
+        onChange={(otp) => {
+          onChange(otp);
+          if (otp.length === numInputs) {
+            onComplete?.(otp);
+          }
+        }}
+        numInputs={numInputs}
+        inputType="tel"
+        shouldAutoFocus
+        skipDefaultStyles
+        containerStyle={{
+          display: "flex",
+          direction: "ltr",
+          gap: "0.5rem",
+          justifyContent: "center",
+          width: "100%",
+        }}
+        renderInput={(inputProps, index) => {
+          const filled = Boolean(inputProps.value);
+
+          return (
+            <motion.input
+              {...inputProps}
+              disabled={disabled}
+              animate={
+                filled
+                  ? { scale: [0.88, 1.1, 1], y: [6, -2, 0], opacity: 1 }
+                  : { scale: 1, y: 0, opacity: 1 }
+              }
+              transition={{ duration: 0.28, ease: [0.22, 1, 0.36, 1] }}
+              className={cn(
+                cellBase,
+                success
+                  ? "border-green-500 shadow-lg ring-2 ring-green-500/35"
+                  : error
+                    ? "border-red-500 ring-red-500/30"
+                    : filled
+                      ? "border-[#387E65] shadow-lg ring-2 ring-[#387E65]/25"
+                      : "border-gray-500 dark:border-gray-400 shadow-md",
+                !success &&
+                  !error &&
+                  "focus:border-[#387E65] focus:ring-2 focus:ring-[#387E65]/40 focus:shadow-lg",
+                disabled && "opacity-50 cursor-not-allowed"
+              )}
+              inputMode="numeric"
+              pattern="[0-9]*"
+              autoComplete={index === 0 ? "one-time-code" : "off"}
+              aria-label={`رقم ${index + 1} از ${numInputs}`}
+            />
+          );
+        }}
+      />
+    </div>
+  );
+}
diff --git a/src/components/auth/AuthOtpStatus.tsx b/src/components/auth/AuthOtpStatus.tsx
new file mode 100644
index 0000000..3ab4a5b
--- /dev/null
+++ b/src/components/auth/AuthOtpStatus.tsx
@@ -0,0 +1,87 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import {
+  formatOtpCountdown,
+  getOtpRemainingSeconds,
+  markOtpSent,
+  OTP_VALID_SECONDS,
+} from "@/lib/auth/otpTimer";
+import { cn } from "@/lib/utils";
+
+interface AuthOtpStatusProps {
+  mobile: string | null;
+  onResend: () => Promise<void>;
+  resendLoading?: boolean;
+  className?: string;
+  onExpiredChange?: (expired: boolean) => void;
+}
+
+export default function AuthOtpStatus({
+  mobile,
+  onResend,
+  resendLoading = false,
+  className,
+  onExpiredChange,
+}: AuthOtpStatusProps) {
+  const [remaining, setRemaining] = useState(OTP_VALID_SECONDS);
+  const expired = remaining <= 0;
+
+  useEffect(() => {
+    setRemaining(getOtpRemainingSeconds());
+    const interval = window.setInterval(() => {
+      setRemaining(getOtpRemainingSeconds());
+    }, 1000);
+    return () => window.clearInterval(interval);
+  }, []);
+
+  useEffect(() => {
+    onExpiredChange?.(expired);
+  }, [expired, onExpiredChange]);
+
+  const handleResend = async () => {
+    await onResend();
+    markOtpSent();
+    setRemaining(OTP_VALID_SECONDS);
+  };
+
+  if (!mobile) return null;
+
+  return (
+    <div className={cn("w-full max-w-sm text-center mb-6 space-y-2", className)}>
+      <p className="text-sm sm:text-base font-medium text-gray-800 dark:text-gray-100 leading-relaxed">
+        کد ۶ رقمی به شماره{" "}
+        <span dir="ltr" className="font-bold text-[#387E65] inline-block">
+          {mobile}
+        </span>{" "}
+        ارسال شد
+      </p>
+
+      {!expired ? (
+        <p className="text-sm text-gray-600 dark:text-gray-300">
+          اعتبار کد:{" "}
+          <span
+            dir="ltr"
+            className="font-bold tabular-nums text-[#FF5C00] text-base"
+          >
+            {formatOtpCountdown(remaining)}
+          </span>
+        </p>
+      ) : (
+        <div className="space-y-2">
+          <p className="text-sm font-medium text-red-600 dark:text-red-400">
+            کد منقضی شده است. لطفاً دوباره درخواست ارسال کد دهید.
+          </p>
+          <button
+            type="button"
+            onClick={handleResend}
+            disabled={resendLoading}
+            className="text-sm font-bold text-[#667AC1] hover:text-[#0033EA] disabled:opacity-50"
+          >
+            {resendLoading ? "در حال ارسال..." : "ارسال مجدد کد"}
+          </button>
+        </div>
+      )}
+    </div>
+  );
+}
diff --git a/src/components/auth/AuthPageLayout.tsx b/src/components/auth/AuthPageLayout.tsx
new file mode 100644
index 0000000..ea764ad
--- /dev/null
+++ b/src/components/auth/AuthPageLayout.tsx
@@ -0,0 +1,79 @@
+import React from "react";
+import Container from "@/components/elements/Container";
+import { cn } from "@/lib/utils";
+
+type AuthPageLayoutProps = {
+  children: React.ReactNode;
+  className?: string;
+};
+
+export function AuthPageContent({
+  children,
+  className,
+}: {
+  children: React.ReactNode;
+  className?: string;
+}) {
+  return (
+    <div
+      className={cn(
+        "flex w-full flex-1 flex-col items-center justify-center",
+        className
+      )}
+    >
+      {children}
+    </div>
+  );
+}
+
+type AuthFormFooterProps = {
+  children: React.ReactNode;
+  onSkip?: () => void;
+  skipDisabled?: boolean;
+  className?: string;
+};
+
+export function AuthFormFooter({
+  children,
+  onSkip,
+  skipDisabled,
+  className,
+}: AuthFormFooterProps) {
+  return (
+    <div
+      className={cn(
+        "mt-auto flex w-full flex-col items-center gap-3 pt-6 pb-[max(2rem,env(safe-area-inset-bottom))]",
+        className
+      )}
+    >
+      {children}
+      {onSkip && (
+        <button
+          type="button"
+          onClick={onSkip}
+          disabled={skipDisabled}
+          className="text-sm text-gray-500 disabled:opacity-50"
+        >
+          رد کن
+        </button>
+      )}
+    </div>
+  );
+}
+
+function AuthPageLayout({ children, className }: AuthPageLayoutProps) {
+  return (
+    <Container>
+      <div
+        className={cn(
+          "flex min-h-screen flex-col items-center p-4",
+          className
+        )}
+      >
+        {children}
+      </div>
+    </Container>
+  );
+}
+
+export default AuthPageLayout;
diff --git a/src/components/auth/AuthPasswordInput.tsx b/src/components/auth/AuthPasswordInput.tsx
new file mode 100644
index 0000000..547ace9
--- /dev/null
+++ b/src/components/auth/AuthPasswordInput.tsx
@@ -0,0 +1,62 @@
+"use client";
+
+import React, { ComponentProps, useState } from "react";
+import { cn } from "@/lib/utils";
+
+type AuthPasswordInputProps = Omit<ComponentProps<"input">, "type"> & {
+  wrapperClassName?: string;
+  error?: boolean;
+  success?: boolean;
+};
+
+function AuthPasswordInput({
+  style,
+  className,
+  wrapperClassName,
+  error,
+  success,
+  ...rest
+}: AuthPasswordInputProps) {
+  const [visible, setVisible] = useState(false);
+
+  return (
+    <div className={cn("relative w-full max-w-[290px]", wrapperClassName)}>
+      <input
+        type={visible ? "text" : "password"}
+        className={cn(
+          "w-full dir-ltr p-3.5 px-12 text-center text-lg font-semibold rounded-2xl",
+          "border-2 bg-white text-gray-900 placeholder:text-gray-400",
+          "dark:bg-white dark:text-gray-900 dark:placeholder:text-gray-500",
+          "shadow-sm transition-[border-color,box-shadow] duration-200",
+          success
+            ? "border-green-500 ring-2 ring-green-500/30 focus:border-green-500 focus:ring-green-500/30"
+            : error
+              ? "border-red-500 ring-2 ring-red-500/20 focus:border-red-500 focus:ring-red-500/30"
+              : "border-gray-200 dark:border-gray-300 focus:outline-none focus:border-[#387E65] focus:ring-2 focus:ring-[#387E65]/30",
+          className
+        )}
+        style={{ ...style }}
+        {...rest}
+      />
+      <button
+        type="button"
+        onClick={() => setVisible((prev) => !prev)}
+        className="absolute right-3 top-1/2 -translate-y-1/2 m-0 flex size-[22px] items-center justify-center rounded p-0 hover:opacity-70 transition-opacity"
+        aria-label={visible ? "مخفی کردن کلمه عبور" : "نمایش کلمه عبور"}
+        tabIndex={-1}
+      >
+        {/* eslint-disable-next-line @next/next/no-img-element */}
+        <img
+          src={visible ? "/images/icons/eye-slash.svg" : "/images/icons/eye-open.svg"}
+          alt=""
+          width={22}
+          height={22}
+          className="block size-[22px] object-contain object-center opacity-80 dark:invert"
+          draggable={false}
+        />
+      </button>
+    </div>
+  );
+}
+
+export default AuthPasswordInput;
diff --git a/src/components/auth/AuthUserDetails.tsx b/src/components/auth/AuthUserDetails.tsx
index 8d61ecb..82b6dc6 100644
--- a/src/components/auth/AuthUserDetails.tsx
+++ b/src/components/auth/AuthUserDetails.tsx
@@ -1,4 +1,5 @@
 "use client";
+import ProfileAvatar from "@/components/main/ProfileAvatar";
 import useAxios from "@/hooks/useAxios";
 import { IProfileData } from "@/types/types";
 import React, { useEffect, useState } from "react";
@@ -6,7 +7,7 @@ import React, { useEffect, useState } from "react";
 function AuthUserDetails() {
   const [userDetail, setUserDetail] = useState<IProfileData | null>(null);
   const { request } = useAxios();
-  // Fetch user data
+
   const fetchData = async () => {
     try {
       const response = await request<{ user: IProfileData }>("GET", "/profile");
@@ -15,17 +16,25 @@ function AuthUserDetails() {
       console.log(err);
     }
   };
+
   useEffect(() => {
     fetchData();
   }, []);
 
   return (
-    <>
+    <div className="mt-5 flex w-full max-w-md flex-col items-center text-center">
+      <ProfileAvatar
+        src={userDetail?.profile_image}
+        alt={userDetail?.user_name || "profile"}
+        size="md"
+        rounded="xl"
+        className="mb-3"
+      />
       <span className="text-lg font-bold">
         {userDetail?.first_name} {userDetail?.last_name}
       </span>
       <p className="text-sm text-gray-500">{userDetail?.user_name}</p>
-    </>
+    </div>
   );
 }
 
diff --git a/src/components/auth/UsernameSuggestions.tsx b/src/components/auth/UsernameSuggestions.tsx
new file mode 100644
index 0000000..70be598
--- /dev/null
+++ b/src/components/auth/UsernameSuggestions.tsx
@@ -0,0 +1,30 @@
+"use client";
+
+import React from "react";
+
+interface UsernameSuggestionsProps {
+  suggestions: string[];
+  onSelect: (username: string) => void;
+}
+
+export default function UsernameSuggestions({
+  suggestions,
+  onSelect,
+}: UsernameSuggestionsProps) {
+  if (!suggestions.length) return null;
+
+  return (
+    <div className="flex flex-wrap justify-center gap-2 mt-3 w-full max-w-[290px]">
+      {suggestions.map((username) => (
+        <button
+          key={username}
+          type="button"
+          onClick={() => onSelect(username)}
+          className="px-3 py-1.5 text-sm font-medium rounded-full border border-[#387E65] text-[#387E65] bg-white hover:bg-[#387E65]/10 transition-colors dir-ltr"
+        >
+          {username}
+        </button>
+      ))}
+    </div>
+  );
+}
diff --git a/src/components/billboards/MainBillboardCard/BillboardCommentsModal.tsx b/src/components/billboards/MainBillboardCard/BillboardCommentsModal.tsx
index 13507cb..db37c3e 100644
--- a/src/components/billboards/MainBillboardCard/BillboardCommentsModal.tsx
+++ b/src/components/billboards/MainBillboardCard/BillboardCommentsModal.tsx
@@ -2,7 +2,8 @@ import React, { useState } from "react";
 import Modal from "../../elements/Modal";
 import Image from "next/image";
 import useInfiniteScroll from "@/hooks/useInfiniteScroll";
-import { IMAGE_BASE_URL, buildStorageUrl } from "@/components/main/BaseUrl";
+import VerificationBadge from "@/components/main/VerificationBadge";
+import ProfileAvatar from "@/components/main/ProfileAvatar";
 import RoundedInput from "@/components/elements/RoundedInput";
 import useAxios from "@/hooks/useAxios";
 
@@ -76,35 +77,19 @@ function BillboardCommentsModal({
                 {page?.comments?.map((item: Comments) => (
                   <div key={item?._id} className="mb-4">
                     <div className="flex">
-                      <Image
-                        className="rounded-full ml-2"
-                        width={50}
-                        height={50}
-                        alt={item?.userId?.user_name}
-                        src={buildStorageUrl(item?.userId?.profile_image)}
-                        priority={true}
-                        unoptimized={true}
+                      <ProfileAvatar
+                        src={item?.userId?.profile_image}
+                        alt={item?.userId?.user_name || "کاربر"}
+                        size="chat"
+                        rounded="full"
+                        className="ml-2"
                       />
                       <div className="text-sm">
                         <div className="flex items-center gap-1 mt-1 font-semibold">
-                          <span>{item?.userId?.user_name}</span>
-                          {item?.userId?.is_verified === "verified" ? (
-                            <Image
-                              width={22}
-                              height={22}
-                              alt={"verify icon"}
-                              src={`/images/icons/verify.svg`}
-                            />
-                          ) : item?.userId?.is_verified === "pending" ? (
-                            <Image
-                              width={25}
-                              height={25}
-                              alt={"not-verify icon"}
-                              src={`/images/icons/not-verify.svg`}
-                            />
-                          ) : (
-                            ""
-                          )}
+                          <span className="inline-flex items-center gap-1">
+                            {item?.userId?.user_name}
+                            <VerificationBadge isVerified={item?.userId?.is_verified} />
+                          </span>
                         </div>
                         <p>{item.text}</p>
                       </div>
diff --git a/src/components/billboards/MainBillboardCard/MainBillboardCard.tsx b/src/components/billboards/MainBillboardCard/MainBillboardCard.tsx
index d4dc95a..77a1c78 100644
--- a/src/components/billboards/MainBillboardCard/MainBillboardCard.tsx
+++ b/src/components/billboards/MainBillboardCard/MainBillboardCard.tsx
@@ -5,7 +5,6 @@ import Image from "next/image";
 import Link from "next/link";
 import React from "react";
 import MainBillboardCardActions from "./MainBillboardCardActions";
-import SEO from "@/config/SEO";
 
 function MainBillboardCard({
   billboard,
@@ -30,8 +29,6 @@ function MainBillboardCard({
         : "bg-tertiary-light dark:bg-tertiary-dark border-border-secondary-dark dark:border-border-secondary-dark hover:shadow-md transition-shadow"}
     `}
     >
-      <SEO type="billboardSingle" data={billboard} />
-
       {/* نوع تبلیغ */}
       {billboard?.type === "special" && (
         <RoundedDiv className="bg-[#FFBDBD] dark:bg-[#794a4a] !border-[#FFBDBD] h-7 w-28 absolute right-4 -top-3">
diff --git a/src/components/billboards/Profile/AdProfileHead.tsx b/src/components/billboards/Profile/AdProfileHead.tsx
index 59fc2c0..fcfa3dc 100644
--- a/src/components/billboards/Profile/AdProfileHead.tsx
+++ b/src/components/billboards/Profile/AdProfileHead.tsx
@@ -1,5 +1,6 @@
-"use client"
-import { IMAGE_BASE_URL, buildStorageUrl } from "@/components/main/BaseUrl";
+"use client";
+
+import ProfileAvatar from "@/components/main/ProfileAvatar";
 import { IAdvertisingProfile } from "@/types/types";
 import Image from "next/image";
 import React, { useState } from "react";
@@ -40,13 +41,12 @@ function AdProfileHead({ profile, id }: AdProfileHeadProps) {
           </div>
         </div>
         {profile_image ? (
-          <Image
-            className="rounded-xl object-cover h-[72px] w-[72px] md:h-[120px] md:w-[120px]"
-            width={120}
-            height={120}
+          <ProfileAvatar
+            src={profile_image}
             alt={profile?.vitrine_name || "Name"}
-            src={buildStorageUrl(profile_image)}
-            unoptimized={true}
+            size="md"
+            rounded="xl"
+            className="md:h-[120px] md:w-[120px]"
           />
         ) : (
           <div className="border dark:border-border-primary-dark rounded-3xl p-2">
@@ -92,13 +92,12 @@ function AdProfileHead({ profile, id }: AdProfileHeadProps) {
           </div>
         </div>
         {profile_image ? (
-          <Image
-            className="rounded-xl object-cover h-[72px] w-[72px] md:h-[120px] md:w-[120px]"
-            width={120}
-            height={120}
+          <ProfileAvatar
+            src={profile_image}
             alt={profile?.vitrine_name || "Name"}
-            src={buildStorageUrl(profile_image)}
-            unoptimized={true}
+            size="md"
+            rounded="xl"
+            className="md:h-[120px] md:w-[120px]"
           />
         ) : (
           <div className="border dark:border-border-primary-dark rounded-3xl p-2">
diff --git a/src/components/chat/AttachmentMenu.tsx b/src/components/chat/AttachmentMenu.tsx
index 3eb832e..1888e1a 100644
--- a/src/components/chat/AttachmentMenu.tsx
+++ b/src/components/chat/AttachmentMenu.tsx
@@ -2,13 +2,7 @@
 
 import { useEffect, useRef } from "react";
 import { motion, AnimatePresence } from "framer-motion";
-import {
-  FiCamera,
-  FiFile,
-  FiImage,
-  FiMapPin,
-  FiVideo,
-} from "react-icons/fi";
+import ChatBoldIcon, { type ChatBoldIconName } from "./ChatBoldIcon";
 
 export type AttachmentType = "image" | "video" | "file" | "location" | "camera";
 
@@ -19,12 +13,17 @@ interface AttachmentMenuProps {
   anchorRef?: React.RefObject<HTMLElement | null>;
 }
 
-const items: { type: AttachmentType; label: string; icon: React.ReactNode; color: string }[] = [
-  { type: "camera", label: "دوربین", icon: <FiCamera size={22} />, color: "bg-red-500" },
-  { type: "image", label: "گالری", icon: <FiImage size={22} />, color: "bg-purple-500" },
-  { type: "video", label: "ویدیو", icon: <FiVideo size={22} />, color: "bg-blue-500" },
-  { type: "file", label: "فایل", icon: <FiFile size={22} />, color: "bg-orange-500" },
-  { type: "location", label: "موقعیت", icon: <FiMapPin size={22} />, color: "bg-green-500" },
+const items: {
+  type: AttachmentType;
+  label: string;
+  icon: ChatBoldIconName;
+  color: string;
+}[] = [
+  { type: "camera", label: "دوربین", icon: "camera", color: "bg-red-500" },
+  { type: "image", label: "گالری", icon: "gallery", color: "bg-purple-500" },
+  { type: "video", label: "ویدیو", icon: "video", color: "bg-blue-500" },
+  { type: "file", label: "فایل", icon: "file", color: "bg-orange-500" },
+  { type: "location", label: "موقعیت", icon: "location", color: "bg-green-500" },
 ];
 
 export default function AttachmentMenu({
@@ -78,7 +77,7 @@ export default function AttachmentMenu({
               <span
                 className={`flex h-10 w-10 items-center justify-center rounded-full text-white ${item.color}`}
               >
-                {item.icon}
+                <ChatBoldIcon name={item.icon} size={22} className="text-white" />
               </span>
               <span className="text-sm font-medium">{item.label}</span>
             </motion.button>
diff --git a/src/components/chat/ChatActionBar.tsx b/src/components/chat/ChatActionBar.tsx
index 1a43fed..33c6b83 100644
--- a/src/components/chat/ChatActionBar.tsx
+++ b/src/components/chat/ChatActionBar.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { motion } from "framer-motion";
-import { FiCornerUpLeft, FiShare2 } from "react-icons/fi";
+import BoldIcon from "@/components/ui/BoldIcon";
 
 interface ChatActionBarProps {
   onReply: () => void;
@@ -35,15 +35,15 @@ export default function ChatActionBar({
           onClick={onReply}
           className="chat-action-btn gentle-transition flex flex-1 items-center justify-center gap-2 rounded-full py-3 text-sm font-semibold text-white active:scale-[0.98]"
         >
-          <FiCornerUpLeft size={18} />
+          <BoldIcon name="direct-right" size={18} tinted className="text-white" />
           پاسخ
         </button>
         <button
           type="button"
           onClick={onForward}
-          className="ig-dm-send-btn gentle-transition flex flex-1 items-center justify-center gap-2 rounded-full py-3 text-sm font-semibold text-white active:scale-[0.98]"
+          className="chat-forward-btn gentle-transition flex flex-1 items-center justify-center gap-2 rounded-full py-3 text-sm font-semibold text-white active:scale-[0.98]"
         >
-          <FiShare2 size={18} />
+          <BoldIcon name="share" size={18} tinted className="text-white" />
           فوروارد
         </button>
       </div>
diff --git a/src/components/chat/ChatBoldIcon.tsx b/src/components/chat/ChatBoldIcon.tsx
new file mode 100644
index 0000000..f730413
--- /dev/null
+++ b/src/components/chat/ChatBoldIcon.tsx
@@ -0,0 +1,87 @@
+"use client";
+
+import { cn } from "@/lib/utils";
+import BoldIcon from "@/components/ui/BoldIcon";
+
+export type ChatBoldIconName =
+  | "timer"
+  | "eye"
+  | "attachment"
+  | "microphone"
+  | "camera"
+  | "gallery"
+  | "video"
+  | "file"
+  | "location"
+  | "send"
+  | "search"
+  | "delete"
+  | "back";
+
+/** Chat-specific SVG assets (custom uploads) */
+const CHAT_ICON_SRC: Partial<Record<ChatBoldIconName, string>> = {
+  timer: "/images/icons/chat/timer.svg",
+  search: "/images/icons/chat/search-normal.svg",
+  back: "/images/icons/chat/back.svg",
+};
+
+const ICON_NAME: Record<ChatBoldIconName, string> = {
+  timer: "timer",
+  eye: "eye",
+  attachment: "link",
+  microphone: "microphone-2",
+  camera: "camera",
+  gallery: "gallery",
+  video: "video",
+  file: "folder-2",
+  location: "location",
+  send: "send-2",
+  search: "search-normal",
+  delete: "trash",
+  back: "arrow-circle-right",
+};
+
+interface ChatBoldIconProps {
+  name: ChatBoldIconName;
+  size?: number;
+  className?: string;
+}
+
+export default function ChatBoldIcon({
+  name,
+  size = 20,
+  className,
+}: ChatBoldIconProps) {
+  const customSrc = CHAT_ICON_SRC[name];
+
+  if (customSrc) {
+    return (
+      <span
+        role="img"
+        aria-hidden
+        className={cn("inline-block shrink-0 bg-current", className)}
+        style={{
+          width: size,
+          height: size,
+          WebkitMaskImage: `url(${customSrc})`,
+          maskImage: `url(${customSrc})`,
+          WebkitMaskRepeat: "no-repeat",
+          maskRepeat: "no-repeat",
+          WebkitMaskPosition: "center",
+          maskPosition: "center",
+          WebkitMaskSize: "contain",
+          maskSize: "contain",
+        }}
+      />
+    );
+  }
+
+  return (
+    <BoldIcon
+      name={ICON_NAME[name]}
+      size={size}
+      className={className}
+      tinted
+    />
+  );
+}
diff --git a/src/components/chat/ChatDateSeparator.tsx b/src/components/chat/ChatDateSeparator.tsx
index 22f66c4..c58e875 100644
--- a/src/components/chat/ChatDateSeparator.tsx
+++ b/src/components/chat/ChatDateSeparator.tsx
@@ -3,8 +3,8 @@
 /** Telegram-style centered date capsule */
 export default function ChatDateSeparator({ label }: { label: string }) {
   return (
-    <div className="my-3 flex w-full justify-center">
-      <span className="glass-panel rounded-full px-3 py-1 text-[11px] font-medium text-neutral-600 dark:text-neutral-300">
+    <div className="pointer-events-none my-2 flex w-full justify-center">
+      <span className="rounded-full bg-black/35 px-3 py-1 text-[12px] font-medium text-white/95 shadow-sm backdrop-blur-sm dark:bg-black/45 dark:text-white/90">
         {label}
       </span>
     </div>
diff --git a/src/components/chat/ChatDeleteBar.tsx b/src/components/chat/ChatDeleteBar.tsx
new file mode 100644
index 0000000..90d7ed3
--- /dev/null
+++ b/src/components/chat/ChatDeleteBar.tsx
@@ -0,0 +1,48 @@
+"use client";
+
+import { motion } from "framer-motion";
+import BoldIcon from "@/components/ui/BoldIcon";
+
+interface ChatDeleteBarProps {
+  selectedCount: number;
+  onDelete: () => void;
+  onCancel: () => void;
+  loading?: boolean;
+}
+
+export default function ChatDeleteBar({
+  selectedCount,
+  onDelete,
+  onCancel,
+  loading = false,
+}: ChatDeleteBarProps) {
+  return (
+    <motion.div
+      initial={{ y: 24, opacity: 0 }}
+      animate={{ y: 0, opacity: 1 }}
+      exit={{ y: 24, opacity: 0 }}
+      transition={{ duration: 0.28, ease: [0.25, 0.46, 0.45, 0.94] }}
+      className="pointer-events-none fixed bottom-0 left-0 right-0 z-[60] flex justify-center px-3 chat-input-area--thread"
+    >
+      <div className="pointer-events-auto mb-2 flex w-full max-w-lg gap-2">
+        <button
+          type="button"
+          onClick={onCancel}
+          disabled={loading}
+          className="glass-panel gentle-transition flex-1 rounded-full py-3 text-sm font-medium active:scale-[0.98] disabled:opacity-50"
+        >
+          انصراف
+        </button>
+        <button
+          type="button"
+          onClick={onDelete}
+          disabled={loading || selectedCount === 0}
+          className="gentle-transition flex flex-[2] items-center justify-center gap-2 rounded-full bg-red-500 py-3 text-sm font-semibold text-white active:scale-[0.98] disabled:opacity-50"
+        >
+          <BoldIcon name="trash" size={18} tinted className="text-white" />
+          {selectedCount > 0 ? `حذف (${selectedCount})` : "حذف"}
+        </button>
+      </div>
+    </motion.div>
+  );
+}
diff --git a/src/components/chat/ChatHeader.tsx b/src/components/chat/ChatHeader.tsx
index 33cb5fb..a500cf2 100644
--- a/src/components/chat/ChatHeader.tsx
+++ b/src/components/chat/ChatHeader.tsx
@@ -1,69 +1,103 @@
 "use client";
 
 import { User } from "@/types/types";
-import Image from "next/image";
 import Link from "next/link";
 import { useState } from "react";
-import { FiChevronRight } from "react-icons/fi";
-import { IMAGE_BASE_URL, buildStorageUrl } from "../main/BaseUrl";
+import ChatBoldIcon from "./ChatBoldIcon";
+import ProfileAvatar from "../main/ProfileAvatar";
 import { useRouter } from "next/navigation";
 import ChatHeaderMenu from "./ChatHeaderMenu";
+import { AnimatePresence, motion } from "framer-motion";
+import { cn } from "@/lib/utils";
+
+export const chatHeaderCircleBtn = cn(
+  "chat-header-glass gentle-transition flex h-11 w-11 shrink-0 items-center justify-center rounded-full",
+  "text-neutral-800 active:scale-90",
+  "dark:text-neutral-100"
+);
+
+export const chatHeaderInfoPill = cn(
+  "chat-header-glass gentle-transition flex h-11 min-w-0 flex-1 items-center gap-2 rounded-full py-[5px] pr-[5px] pl-3",
+  "active:scale-[0.98]"
+);
 
 function ChatHeader({
   user,
   searchQuery = "",
   onSearchChange,
   onBlockChange,
+  onStartDeleteMode,
+  deleteMode = false,
 }: {
   user: User | undefined;
   searchQuery?: string;
   onSearchChange?: (q: string) => void;
-  onBlockChange?: () => void;
+  onBlockChange?: (blocked: boolean) => void;
+  onStartDeleteMode?: () => void;
+  deleteMode?: boolean;
 }) {
   const router = useRouter();
   const [searchOpen, setSearchOpen] = useState(false);
 
   const isOnline = user?.last_online === "آنلاین";
+  const displayName =
+    [user?.first_name, user?.last_name].filter(Boolean).join(" ").trim() ||
+    user?.user_name ||
+    "";
 
   return (
-    <header className="glass-panel gentle-transition sticky top-0 z-40 shrink-0 border-b border-white/20 px-2 py-2 sm:px-3 dark:border-white/5">
-      <div className="flex items-center gap-2">
+    <header className="pointer-events-none fixed left-0 right-0 top-0 z-[100] bg-transparent px-2 pb-2 pt-[max(0.5rem,env(safe-area-inset-top))] sm:px-3">
+      <div
+        dir="rtl"
+        className="pointer-events-auto mx-auto flex max-w-lg items-center gap-2"
+      >
         <button
           type="button"
           onClick={() => router.back()}
-          className="gentle-transition flex h-9 w-9 shrink-0 items-center justify-center rounded-full text-[#0095f6] active:scale-90"
+          className={chatHeaderCircleBtn}
           aria-label="بازگشت"
         >
-          <FiChevronRight size={24} />
+          <ChatBoldIcon name="back" size={22} className="text-current" />
         </button>
 
         <Link
           href={`/users/${user?.user_name}`}
-          className="gentle-transition flex min-w-0 flex-1 items-center gap-2 active:opacity-80"
+          dir="ltr"
+          className={chatHeaderInfoPill}
         >
-          {user?.profile_image && !user?.blocked_you ? (
-            <Image
-              width={40}
-              height={40}
-              alt=""
-              src={buildStorageUrl(user.profile_image)}
-              className="h-10 w-10 shrink-0 rounded-full object-cover"
-            />
-          ) : (
-            <div className="h-10 w-10 shrink-0 rounded-full bg-neutral-200 dark:bg-neutral-700" />
-          )}
-          <div className="min-w-0 flex-1 text-right">
-            <span className="block truncate text-[15px] font-semibold">
-              {user?.first_name} {user?.last_name}
+          <span
+            className={cn(
+              "chat-header-status-dot shrink-0",
+              isOnline
+                ? "chat-header-status-dot--online"
+                : "chat-header-status-dot--offline"
+            )}
+            title={isOnline ? "آنلاین" : "آفلاین"}
+            aria-hidden
+          />
+          <div dir="rtl" className="min-w-0 flex-1 text-right">
+            <span className="block truncate text-[15px] font-semibold leading-tight text-neutral-900 dark:text-neutral-50">
+              {displayName}
             </span>
-            <span className="truncate text-xs text-neutral-500">
+            <span className="block truncate text-xs leading-tight text-neutral-500 dark:text-neutral-400">
               {isOnline ? (
-                <span className="text-[#0095f6]">آنلاین</span>
+                <span className="text-[#22c55e]">آنلاین</span>
               ) : (
-                user?.last_online || user?.user_name
+                user?.last_online || user?.user_name || "آفلاین"
               )}
             </span>
           </div>
+          {user?.profile_image && !user?.blocked_you ? (
+            <ProfileAvatar
+              src={user.profile_image}
+              alt={user.user_name || ""}
+              size="xs"
+              rounded="full"
+              className="h-[34px] w-[34px] shrink-0"
+            />
+          ) : (
+            <div className="h-[34px] w-[34px] shrink-0 rounded-full bg-neutral-200 dark:bg-neutral-600" />
+          )}
         </Link>
 
         <ChatHeaderMenu
@@ -71,16 +105,24 @@ function ChatHeader({
           searchOpen={searchOpen}
           onSearchToggle={setSearchOpen}
           onBlockChange={onBlockChange}
+          onStartDeleteMode={onStartDeleteMode}
+          buttonClassName={chatHeaderCircleBtn}
         />
       </div>
 
+      {deleteMode && (
+        <p className="pointer-events-auto mx-auto mt-2 max-w-lg text-center text-xs font-medium text-neutral-500 dark:text-neutral-400">
+          پیام‌های خود را برای حذف انتخاب کنید
+        </p>
+      )}
+
       <AnimatePresence>
         {searchOpen && (
           <motion.div
             initial={{ height: 0, opacity: 0 }}
             animate={{ height: "auto", opacity: 1 }}
             exit={{ height: 0, opacity: 0 }}
-            className="overflow-hidden"
+            className="pointer-events-auto mx-auto max-w-lg overflow-hidden"
           >
             <input
               type="search"
@@ -96,7 +138,4 @@ function ChatHeader({
   );
 }
 
-// framer-motion for search expand
-import { AnimatePresence, motion } from "framer-motion";
-
 export default ChatHeader;
diff --git a/src/components/chat/ChatHeaderMenu.tsx b/src/components/chat/ChatHeaderMenu.tsx
index e90a698..7388c34 100644
--- a/src/components/chat/ChatHeaderMenu.tsx
+++ b/src/components/chat/ChatHeaderMenu.tsx
@@ -1,16 +1,20 @@
 "use client";
 
-import { useState } from "react";
-import { FiMoreVertical, FiSearch } from "react-icons/fi";
+import { useState, useEffect } from "react";
+import { FiMoreVertical } from "react-icons/fi";
+import ChatBoldIcon from "./ChatBoldIcon";
 import { motion, AnimatePresence } from "framer-motion";
 import { User } from "@/types/types";
 import useAxios from "@/hooks/useAxios";
+import { cn } from "@/lib/utils";
 
 interface ChatHeaderMenuProps {
   user: User | undefined;
   onSearchToggle: (open: boolean) => void;
   searchOpen: boolean;
   onBlockChange?: (blocked: boolean) => void;
+  buttonClassName?: string;
+  onStartDeleteMode?: () => void;
 }
 
 export default function ChatHeaderMenu({
@@ -18,11 +22,17 @@ export default function ChatHeaderMenu({
   onSearchToggle,
   searchOpen,
   onBlockChange,
+  buttonClassName,
+  onStartDeleteMode,
 }: ChatHeaderMenuProps) {
   const [open, setOpen] = useState(false);
-  const [isBlocked, setIsBlocked] = useState(user?.is_blocked);
+  const [isBlocked, setIsBlocked] = useState(Boolean(user?.is_blocked));
   const { request } = useAxios();
 
+  useEffect(() => {
+    setIsBlocked(Boolean(user?.is_blocked));
+  }, [user?.is_blocked, user?._id]);
+
   const block = async () => {
     await request("POST", "/users/block", { user_to_block: user?._id });
     setIsBlocked(true);
@@ -38,24 +48,28 @@ export default function ChatHeaderMenu({
   };
 
   return (
-    <div className="relative shrink-0">
+    <div className={cn("relative shrink-0", open && "z-[110]")}>
       <button
         type="button"
         onClick={() => setOpen((o) => !o)}
-        className="gentle-transition flex h-9 w-9 items-center justify-center rounded-full text-neutral-600 active:scale-90 dark:text-neutral-300"
+        className={cn(buttonClassName, "relative")}
         aria-label="منو"
       >
-        <FiMoreVertical size={20} />
+        <FiMoreVertical size={20} strokeWidth={2.5} />
       </button>
       <AnimatePresence>
         {open && (
           <>
-            <div className="fixed inset-0 z-30" onClick={() => setOpen(false)} />
+            <div
+              className="fixed inset-0 z-[105]"
+              onClick={() => setOpen(false)}
+              aria-hidden
+            />
             <motion.div
               initial={{ opacity: 0, scale: 0.95, y: -4 }}
               animate={{ opacity: 1, scale: 1, y: 0 }}
               exit={{ opacity: 0, scale: 0.95 }}
-              className="glass-panel absolute left-0 top-full z-40 mt-1 min-w-[160px] overflow-hidden rounded-xl py-1 shadow-xl"
+              className="glass-panel absolute left-0 top-full z-[110] mt-1 min-w-[160px] overflow-hidden rounded-2xl py-1 shadow-xl"
             >
               <button
                 type="button"
@@ -65,9 +79,20 @@ export default function ChatHeaderMenu({
                   setOpen(false);
                 }}
               >
-                <FiSearch size={16} />
+                <ChatBoldIcon name="search" size={16} />
                 جستجو در چت
               </button>
+              <button
+                type="button"
+                className="flex w-full items-center gap-2 px-4 py-2.5 text-right text-sm text-red-500 hover:bg-black/5 dark:hover:bg-white/10"
+                onClick={() => {
+                  onStartDeleteMode?.();
+                  setOpen(false);
+                }}
+              >
+                <ChatBoldIcon name="delete" size={16} className="text-red-500" />
+                حذف
+              </button>
               {isBlocked ? (
                 <button
                   type="button"
diff --git a/src/components/chat/ChatMessageCard.tsx b/src/components/chat/ChatMessageCard.tsx
index 392a82b..9916b59 100644
--- a/src/components/chat/ChatMessageCard.tsx
+++ b/src/components/chat/ChatMessageCard.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import Image from "next/image";
-import { useState } from "react";
+import { useState, useEffect, useCallback } from "react";
 import { motion, AnimatePresence } from "framer-motion";
 import Link from "next/link";
 import { User } from "@/types/types";
@@ -15,6 +15,57 @@ import LocationMessageBubble, {
 } from "./LocationMessageBubble";
 import { detectChatFileType } from "@/lib/chat/detectFileType";
 import { formatBubbleTime } from "@/lib/chat/formatMessageTime";
+import { useLongPress } from "@/hooks/useLongPress";
+import { useSwipeToReply } from "@/hooks/useSwipeToReply";
+import BoldIcon from "@/components/ui/BoldIcon";
+import ChatBoldIcon from "./ChatBoldIcon";
+import { cn } from "@/lib/utils";
+import {
+  formatCountdown,
+  getRemainingSeconds,
+} from "@/lib/chat/timedMessages";
+import { useViewOnceMedia } from "@/hooks/useViewOnceMedia";
+import ViewOnceMediaBubble from "./ViewOnceMediaBubble";
+import { isViewOnceMediaType } from "@/lib/chat/viewOnce";
+import toast from "react-hot-toast";
+import {
+  type BubbleGroupPosition,
+  getBubbleRadius,
+  getMessageRowSpacing,
+} from "@/lib/chat/messageGrouping";
+
+function ViewOnceBadge() {
+  return (
+    <span className="absolute left-2 top-2 z-[2] flex h-5 min-w-[20px] items-center justify-center rounded-full bg-[#ff9500] px-1.5 text-[10px] font-bold text-white shadow">
+      ۱
+    </span>
+  );
+}
+
+function TimedBadge({ expiresAt }: { expiresAt: string }) {
+  const [remaining, setRemaining] = useState(() =>
+    getRemainingSeconds(expiresAt)
+  );
+
+  useEffect(() => {
+    const tick = () => setRemaining(getRemainingSeconds(expiresAt));
+    tick();
+    const id = setInterval(tick, 1000);
+    return () => clearInterval(id);
+  }, [expiresAt]);
+
+  if (remaining == null || remaining <= 0) return null;
+
+  return (
+    <span
+      className="chat-timer-badge-glass mr-1"
+      title="پیام زماندار"
+    >
+      <ChatBoldIcon name="timer" size={10} className="inline-block align-middle" />
+      {formatCountdown(remaining)}
+    </span>
+  );
+}
 
 export interface ChatMessage {
   _id: string;
@@ -22,6 +73,11 @@ export interface ChatMessage {
   senderId: string;
   receiverId?: string;
   createdAt: string;
+  createdAtIso?: string;
+  expiresAt?: string;
+  viewOnce?: boolean;
+  viewOnceLocked?: boolean;
+  viewOnceExpired?: boolean;
   file?: string;
   fileType?: "image" | "video" | "file" | "voice" | "location";
   status?: "pending" | "sent" | "seen";
@@ -40,10 +96,24 @@ export interface ChatMessage {
 interface ChatMessageCardProps {
   message: ChatMessage;
   userDetail: User | undefined;
+  groupPosition?: BubbleGroupPosition;
+  isGroupedWithPrev?: boolean;
+  showAvatar?: boolean;
+  partnerAvatar?: string;
+  isNew?: boolean;
   selected?: boolean;
   onBubbleClick?: (message: ChatMessage) => void;
+  onSwipeReply?: (message: ChatMessage) => void;
+  deleteMode?: boolean;
+  selectedForDelete?: boolean;
+  onToggleDeleteSelect?: (message: ChatMessage) => void;
+  onScrollToReply?: (messageId: string) => void;
+  highlighted?: boolean;
+  registerRef?: (id: string, el: HTMLDivElement | null) => void;
 }
 
+const LONG_PRESS_MS = 2000;
+
 function parseForwarded(content: string): ChatMessage["forwardedFrom"] | null {
   try {
     const line = content.split("\n")[0];
@@ -54,21 +124,103 @@ function parseForwarded(content: string): ChatMessage["forwardedFrom"] | null {
   }
 }
 
+function isEmojiOnly(text: string): boolean {
+  const stripped = text.trim();
+  if (!stripped) return false;
+  return !/[\p{L}\p{N}]/u.test(stripped);
+}
+
 const ChatMessageCard = ({
   message,
   userDetail,
+  groupPosition = "single",
+  isGroupedWithPrev = false,
+  showAvatar = false,
+  partnerAvatar,
+  isNew = false,
   selected = false,
   onBubbleClick,
+  onSwipeReply,
+  deleteMode = false,
+  selectedForDelete = false,
+  onToggleDeleteSelect,
+  onScrollToReply,
+  highlighted = false,
+  registerRef,
 }: ChatMessageCardProps) => {
-  const isSender = !!(userDetail && message.senderId === userDetail._id);
+  const currentUserId = String(userDetail?._id ?? "");
+  const isSender =
+    !!currentUserId && String(message.senderId) === currentUserId;
   const [preview, setPreview] = useState<string | null>(null);
+  const [viewOncePreview, setViewOncePreview] = useState<{
+    url: string;
+    type: "image" | "video";
+  } | null>(null);
+  const [viewOnceVoiceUrl, setViewOnceVoiceUrl] = useState<string | null>(null);
+  const { openViewOnce, completeViewOnce } = useViewOnceMedia();
+  const canSelectForDelete = deleteMode && isSender && !message._id.startsWith("temp-");
+  const swipeEnabled = !deleteMode && !!onSwipeReply;
+
+  const handleOpenActions = useCallback(() => {
+    onBubbleClick?.(message);
+  }, [message, onBubbleClick]);
+
+  const handleSwipeReply = useCallback(() => {
+    onSwipeReply?.(message);
+  }, [message, onSwipeReply]);
+
+  const { pressing, shouldBlockClick, cancelPress, handlers: longPressHandlers } =
+    useLongPress(handleOpenActions, { delay: LONG_PRESS_MS });
+
+  const { dragProps, replyOpacity, replyScale } = useSwipeToReply(
+    handleSwipeReply,
+    swipeEnabled
+  );
+
+  const swipeDragStart =
+    swipeEnabled && "onDragStart" in dragProps ? dragProps.onDragStart : undefined;
+  const restDragProps = swipeEnabled
+    ? (() => {
+        const { onDragStart: _, ...rest } = dragProps;
+        return rest;
+      })()
+    : {};
+
+  const toggleDeleteSelection = () => {
+    if (canSelectForDelete) onToggleDeleteSelect?.(message);
+  };
+
+  const openPreview = (url: string) => {
+    if (deleteMode) {
+      toggleDeleteSelection();
+      return;
+    }
+    if (shouldBlockClick()) return;
+    setPreview(url);
+  };
+
+  const bubbleHandlers = deleteMode
+    ? { onClick: toggleDeleteSelection }
+    : longPressHandlers;
+
+  const handleDragStart = () => {
+    cancelPress();
+    swipeDragStart?.();
+  };
 
   const forwarded =
     message.forwardedFrom || parseForwarded(message.content || "");
   const locationData = parseLocationContent(message.content);
   const hasLocation = message.fileType === "location" || !!locationData;
 
-  if (!message.content && !message.file && !hasLocation) return null;
+  if (
+    !message.content &&
+    !message.file &&
+    !hasLocation &&
+    !(message.viewOnce && isViewOnceMediaType(message.fileType))
+  ) {
+    return null;
+  }
 
   const fileUrl = message.file?.startsWith("blob:")
     ? message.file
@@ -93,14 +245,51 @@ const ChatMessageCard = ({
     fileType !== "location" &&
     (!message.file || (fileType === "image" && textContent));
 
-  const tailClass = isSender ? "bubble-tail-out" : "bubble-tail-in";
+  const emojiOnly = showTextBubble && !message.file && isEmojiOnly(textContent);
+  const borderRadius = getBubbleRadius(isSender, groupPosition);
+  const rowSpacing = getMessageRowSpacing(groupPosition, isGroupedWithPrev);
   const timeLabel = formatBubbleTime(message.createdAt);
+  const isPending = message.status === "pending";
+
+  const isViewOnce =
+    Boolean(message.viewOnce) && isViewOnceMediaType(fileType);
+  const showViewOnceLocked =
+    isViewOnce &&
+    !isSender &&
+    (message.viewOnceLocked || message.viewOnceExpired) &&
+    !viewOnceVoiceUrl;
+
+  const finishViewOnce = useCallback(async () => {
+    setViewOncePreview(null);
+    setViewOnceVoiceUrl(null);
+    if (message._id.startsWith("temp")) return;
+    try {
+      await completeViewOnce(message._id);
+    } catch {
+      toast.error("حذف پیام یک‌بارمصرف ناموفق بود");
+    }
+  }, [completeViewOnce, message._id]);
+
+  const handleViewOnceOpen = useCallback(async () => {
+    if (message._id.startsWith("temp")) return;
+    try {
+      const { url, fileType: openedType } = await openViewOnce(message._id);
+      if (openedType === "voice") {
+        setViewOnceVoiceUrl(url);
+      } else if (openedType === "video") {
+        setViewOncePreview({ url, type: "video" });
+      } else {
+        setViewOncePreview({ url, type: "image" });
+      }
+    } catch {
+      toast.error("باز کردن پیام یک‌بارمصرف ممکن نیست");
+    }
+  }, [message._id, openViewOnce]);
 
   const TimeInline = () => (
-    <span
-      className={`message-time-inline ${isSender ? "text-white/70" : "text-neutral-400"}`}
-    >
+    <span className="message-time-inline">
       {timeLabel}
+      {message.expiresAt && <TimedBadge expiresAt={message.expiresAt} />}
       {isSender && (
         <span className="mr-1 inline-flex align-middle">
           <ReadReceipt status={message.status} />
@@ -111,9 +300,13 @@ const ChatMessageCard = ({
 
   const TimeBelow = () => (
     <span
-      className={`message-time-below mt-0.5 block text-[10px] tabular-nums text-neutral-400 ${isSender ? "text-left" : "text-right"}`}
+      className={cn(
+        "message-time-below mt-0.5 block text-[10px] tabular-nums",
+        isSender ? "text-left" : "text-right"
+      )}
     >
       {timeLabel}
+      {message.expiresAt && <TimedBadge expiresAt={message.expiresAt} />}
       {isSender && (
         <span className="mr-1 inline-flex">
           <ReadReceipt status={message.status} />
@@ -122,22 +315,63 @@ const ChatMessageCard = ({
     </span>
   );
 
-  const handleBubbleClick = (e: React.MouseEvent) => {
-    e.stopPropagation();
-    onBubbleClick?.(message);
+  const bubbleStyle = {
+    borderRadius,
+    ...(isSender
+      ? {}
+      : {}),
   };
 
   return (
     <>
       <motion.div
-        layout
-        initial={{ opacity: 0, y: 8 }}
-        animate={{ opacity: 1, y: 0 }}
-        className={`message-enter relative my-0.5 flex w-full ${isSender ? "justify-end" : "justify-start"}`}
+        ref={(el) => registerRef?.(message._id, el)}
+        data-message-id={message._id}
+        initial={
+          isNew
+            ? { opacity: 0, y: 8, scale: 0.98 }
+            : false
+        }
+        animate={{
+          opacity: isPending ? 0.82 : 1,
+          y: 0,
+          scale: 1,
+        }}
+        transition={{
+          duration: 0.24,
+          ease: [0.25, 0.46, 0.45, 0.94],
+        }}
+        className={cn(
+          "relative flex w-full gap-2",
+          isSender ? "justify-end pl-10" : "justify-start pr-10",
+          rowSpacing,
+          deleteMode && !isSender && "opacity-60",
+          selected && "relative z-[2]",
+          highlighted && "chat-message-highlight relative z-[2]"
+        )}
         dir="rtl"
       >
+        {canSelectForDelete && (
+          <button
+            type="button"
+            onClick={toggleDeleteSelection}
+            className={cn(
+              "gentle-transition order-first flex h-6 w-6 shrink-0 items-center justify-center self-end rounded-full border-2",
+              selectedForDelete
+                ? "border-[#0095f6] bg-[#0095f6] text-white"
+                : "border-neutral-400 bg-transparent"
+            )}
+            aria-label={selectedForDelete ? "لغو انتخاب" : "انتخاب پیام"}
+          >
+            {selectedForDelete && <BoldIcon name="tick-circle" size={14} tinted className="text-white" />}
+          </button>
+        )}
+
         <div
-          className={`relative flex w-full max-w-[min(88%,340px)] flex-col sm:max-w-[85%] ${isSender ? "items-end" : "items-start"}`}
+          className={cn(
+            "relative flex max-w-[min(78%,280px)] flex-col sm:max-w-[min(75%,320px)]",
+            isSender ? "items-end" : "items-start"
+          )}
         >
           {forwarded && (
             <Link
@@ -150,56 +384,157 @@ const ChatMessageCard = ({
           )}
 
           {message.replyTo && (
-            <div className="mb-1 max-w-full rounded-lg border-r-2 border-[#0095f6] bg-black/5 px-2 py-1 text-[11px] opacity-90 dark:bg-white/10">
+            <button
+              type="button"
+              onClick={() => {
+                if (message.replyTo?._id) onScrollToReply?.(message.replyTo._id);
+              }}
+              className="gentle-transition mb-1 max-w-full cursor-pointer rounded-lg border-r-2 border-[#0095f6] bg-black/5 px-2 py-1 text-right text-[11px] opacity-90 hover:bg-[#0095f6]/10 active:scale-[0.98] dark:bg-white/10"
+            >
               <span className="font-semibold text-[#0095f6]">
                 {message.replyTo.senderName}
               </span>
               <p className="truncate">{message.replyTo.content}</p>
-            </div>
+            </button>
           )}
 
-          <button
-            type="button"
-            onClick={handleBubbleClick}
-            className={`gentle-transition relative text-right outline-none ${tailClass} ${
-              selected ? "ring-2 ring-[#0095f6]/50 rounded-2xl" : ""
-            }`}
-          >
-            {fileType === "image" && fileUrl && (
-              <div
-                className="block overflow-hidden rounded-2xl"
-                onClick={(e) => {
-                  e.stopPropagation();
-                  setPreview(fileUrl);
-                }}
+          <div className="relative w-full overflow-hidden">
+            {swipeEnabled && (
+              <motion.div
+                aria-hidden
+                className={cn(
+                  "pointer-events-none absolute inset-y-0 flex w-11 items-center justify-center text-[#0095f6]",
+                  isSender ? "right-0" : "right-0"
+                )}
+                style={{ opacity: replyOpacity, scale: replyScale }}
               >
-                <div className="relative aspect-[3/4] w-44 sm:w-52">
-                  <Image fill src={fileUrl} alt="" className="object-cover" sizes="208px" />
+                <BoldIcon name="direct-right" size={20} tinted className="text-current" />
+              </motion.div>
+            )}
+
+            <motion.div
+              {...(swipeEnabled ? restDragProps : {})}
+              onDragStart={swipeEnabled ? handleDragStart : undefined}
+              className="relative z-[1] w-full"
+            >
+              <div
+                data-chat-bubble
+                {...bubbleHandlers}
+                className={cn(
+                  "relative select-none text-right outline-none touch-manipulation",
+                  canSelectForDelete && "cursor-pointer",
+                  (selected || selectedForDelete) &&
+                    "rounded-2xl ring-2 ring-[#0095f6]/50",
+                  !deleteMode && pressing && "scale-[0.98] opacity-90"
+                )}
+              >
+            {fileType === "image" &&
+              (fileUrl || (isViewOnce && !isSender)) &&
+              (showViewOnceLocked ? (
+                <div style={{ borderRadius }}>
+                  <ViewOnceMediaBubble
+                    fileType="image"
+                    isOutgoing={isSender}
+                    expired={Boolean(message.viewOnceExpired)}
+                    borderRadius={borderRadius}
+                    onOpen={handleViewOnceOpen}
+                  />
+                  <TimeBelow />
                 </div>
-                <TimeBelow />
-              </div>
-            )}
+              ) : fileUrl ? (
+                <div
+                  className="relative block overflow-hidden"
+                  style={{ borderRadius }}
+                  onClick={(e) => {
+                    e.stopPropagation();
+                    openPreview(fileUrl);
+                  }}
+                >
+                  {isViewOnce && isSender && <ViewOnceBadge />}
+                  <div className="relative aspect-[3/4] w-44 sm:w-52">
+                    <Image
+                      fill
+                      src={fileUrl}
+                      alt=""
+                      className="object-cover"
+                      sizes="208px"
+                    />
+                  </div>
+                  <TimeBelow />
+                </div>
+              ) : null)}
 
-            {fileType === "video" && fileUrl && (
-              <div>
-                <VideoMessageBubble
-                  src={fileUrl}
-                  isOutgoing={isSender}
-                  onOpen={() => setPreview(fileUrl)}
-                />
-                <TimeBelow />
-              </div>
-            )}
+            {fileType === "video" &&
+              (fileUrl || (isViewOnce && !isSender)) &&
+              (showViewOnceLocked ? (
+                <div style={{ borderRadius }}>
+                  <ViewOnceMediaBubble
+                    fileType="video"
+                    isOutgoing={isSender}
+                    expired={Boolean(message.viewOnceExpired)}
+                    borderRadius={borderRadius}
+                    onOpen={handleViewOnceOpen}
+                  />
+                  <TimeBelow />
+                </div>
+              ) : fileUrl ? (
+                <div
+                  className="relative cursor-pointer overflow-hidden"
+                  style={{ borderRadius }}
+                  onClick={(e) => {
+                    e.stopPropagation();
+                    openPreview(fileUrl);
+                  }}
+                >
+                  {isViewOnce && isSender && <ViewOnceBadge />}
+                  <VideoMessageBubble src={fileUrl} isOutgoing={isSender} />
+                  <TimeBelow />
+                </div>
+              ) : null)}
 
-            {fileType === "voice" && fileUrl && (
-              <div className={isSender ? "chat-bubble-out rounded-2xl p-1" : "chat-bubble-in rounded-2xl p-1"}>
-                <VoiceMessagePlayer src={fileUrl} isOutgoing={isSender} />
-                <TimeBelow />
-              </div>
-            )}
+            {fileType === "voice" &&
+              (fileUrl || viewOnceVoiceUrl || (isViewOnce && !isSender)) &&
+              (showViewOnceLocked ? (
+                <div style={bubbleStyle}>
+                  <ViewOnceMediaBubble
+                    fileType="voice"
+                    isOutgoing={isSender}
+                    expired={Boolean(message.viewOnceExpired)}
+                    borderRadius={borderRadius}
+                    onOpen={handleViewOnceOpen}
+                  />
+                  <TimeBelow />
+                </div>
+              ) : viewOnceVoiceUrl ? (
+                <div
+                  className={isSender ? "chat-bubble-out p-1" : "chat-bubble-in p-1"}
+                  style={bubbleStyle}
+                >
+                  <VoiceMessagePlayer
+                    src={viewOnceVoiceUrl}
+                    isOutgoing={isSender}
+                    autoPlay
+                    singlePlay
+                    onPlaybackComplete={finishViewOnce}
+                  />
+                  <TimeBelow />
+                </div>
+              ) : fileUrl ? (
+                <div
+                  className={cn(
+                    isSender ? "chat-bubble-out p-1" : "chat-bubble-in p-1",
+                    isViewOnce && isSender && "relative"
+                  )}
+                  style={bubbleStyle}
+                >
+                  {isViewOnce && isSender && <ViewOnceBadge />}
+                  <VoiceMessagePlayer src={fileUrl} isOutgoing={isSender} />
+                  <TimeBelow />
+                </div>
+              ) : null)}
 
             {fileType === "file" && fileUrl && (
-              <div>
+              <div style={bubbleStyle} className="overflow-hidden">
                 <FileMessageBubble
                   url={fileUrl}
                   fileName={textContent || "فایل"}
@@ -210,25 +545,85 @@ const ChatMessageCard = ({
             )}
 
             {fileType === "location" && locationData && (
-              <div>
+              <div style={bubbleStyle} className="overflow-hidden">
                 <LocationMessageBubble location={locationData} isOutgoing={isSender} />
                 <TimeBelow />
               </div>
             )}
 
-            {showTextBubble && !message.file && (
+            {showTextBubble && !message.file && emojiOnly && (
+              <p className="px-1 py-0.5 text-[2.5rem] leading-none">{textContent}</p>
+            )}
+
+            {showTextBubble && !message.file && !emojiOnly && (
               <div
-                className={`chat-text-bubble ${isSender ? "chat-bubble-out" : "chat-bubble-in"} px-3 py-2 text-[15px]`}
+                className={cn(
+                  "chat-text-bubble px-3 py-2 text-[15px] leading-snug",
+                  isSender ? "chat-bubble-out" : "chat-bubble-in"
+                )}
+                style={bubbleStyle}
               >
                 <p className="chat-message-text">{textContent}</p>
                 <TimeInline />
               </div>
             )}
-          </button>
+              </div>
+            </motion.div>
+          </div>
         </div>
+
+        {!isSender && (
+          <div className="flex w-7 shrink-0 items-end self-end">
+            {showAvatar && partnerAvatar ? (
+              <div className="relative h-7 w-7 overflow-hidden rounded-full bg-neutral-700">
+                <Image
+                  src={buildStorageUrl(partnerAvatar)}
+                  alt=""
+                  fill
+                  className="object-cover"
+                  sizes="28px"
+                />
+              </div>
+            ) : (
+              <div className="h-7 w-7" aria-hidden />
+            )}
+          </div>
+        )}
       </motion.div>
 
       <AnimatePresence>
+        {viewOncePreview && (
+          <motion.div
+            initial={{ opacity: 0 }}
+            animate={{ opacity: 1 }}
+            exit={{ opacity: 0 }}
+            className="fixed inset-0 z-[9999] flex items-center justify-center bg-black/95"
+            onClick={() => void finishViewOnce()}
+          >
+            <motion.div
+              initial={{ scale: 0.9 }}
+              animate={{ scale: 1 }}
+              className="max-h-[92vh] max-w-[95vw] p-4"
+              onClick={(e) => e.stopPropagation()}
+            >
+              {viewOncePreview.type === "video" ? (
+                <video
+                  src={viewOncePreview.url}
+                  controls
+                  autoPlay
+                  className="max-h-[88vh] rounded-lg"
+                />
+              ) : (
+                // eslint-disable-next-line @next/next/no-img-element
+                <img
+                  src={viewOncePreview.url}
+                  alt=""
+                  className="max-h-[88vh] object-contain"
+                />
+              )}
+            </motion.div>
+          </motion.div>
+        )}
         {preview && (
           <motion.div
             initial={{ opacity: 0 }}
diff --git a/src/components/chat/ChatMessageList.tsx b/src/components/chat/ChatMessageList.tsx
index 68b9946..8a26b60 100644
--- a/src/components/chat/ChatMessageList.tsx
+++ b/src/components/chat/ChatMessageList.tsx
@@ -1,20 +1,32 @@
 "use client";
 
-import React, { useEffect, useState, useRef, useMemo } from "react";
-import { BASE_URL, SOCKET_URL } from "../main/BaseUrl";
-import axios from "axios";
+import React, { useEffect, useState, useRef, useMemo, useCallback } from "react";
+import { SOCKET_URL } from "../main/BaseUrl";
+import { apiClient } from "@/hooks/useAxios";
+import { chatThreadQueryKey } from "@/lib/chat/queryKeys";
+import {
+  appendMessageToThreadCache,
+  normalizeThreadId,
+} from "@/lib/chat/threadCache";
 import ChatMessageCard, { ChatMessage } from "./ChatMessageCard";
 import ChatDateSeparator from "./ChatDateSeparator";
 import { groupMessagesByDate } from "@/lib/chat/groupMessagesByDate";
 import { dedupeChatMessages } from "@/lib/chat/dedupeMessages";
-import { formatBubbleTime } from "@/lib/chat/formatMessageTime";
 import { io } from "socket.io-client";
 import { useInfiniteQuery, useQueryClient } from "@tanstack/react-query";
 import { User } from "@/types/types";
 import { ChatMessagesSkeleton } from "@/components/ui/ChatSkeletons";
 import TypingIndicator from "./TypingIndicator";
 import IOSSpinner from "@/components/ui/IOSSpinner";
-import { AnimatePresence } from "framer-motion";
+import { AnimatePresence, motion } from "framer-motion";
+import { getStoredUserId } from "@/lib/auth/session";
+import { useTimedMessageExpiry } from "@/hooks/useTimedMessageExpiry";
+import {
+  getBubbleGroupPosition,
+  sameVisualGroup,
+} from "@/lib/chat/messageGrouping";
+import { cn } from "@/lib/utils";
+import toast from "react-hot-toast";
 
 function belongsToThread(
   msg: ChatMessage,
@@ -31,77 +43,118 @@ function belongsToThread(
 interface ChatMessageListProps {
   userDetail: User | undefined;
   userTwoDetail: User | undefined;
+  chatPartnerId: string;
   pendingMessages: ChatMessage[];
   isTyping?: boolean;
   onTypingChange?: (typing: boolean) => void;
   searchQuery?: string;
   selectedMessageId?: string;
   onBubbleClick?: (message: ChatMessage) => void;
+  onSwipeReply?: (message: ChatMessage) => void;
+  actionMode?: boolean;
+  onDismissAction?: () => void;
+  deleteMode?: boolean;
+  selectedDeleteIds?: string[];
+  onToggleDeleteSelect?: (message: ChatMessage) => void;
+  getStableKey?: (id: string) => string;
+  onExpirePending?: (ids: string[]) => void;
+  /** فضای اضافه وقتی بنر پاسخ/زماندار بالای input است */
+  extraBottomRem?: number;
 }
 
 const ChatMessageList = ({
   userDetail,
   userTwoDetail,
+  chatPartnerId,
   pendingMessages,
   isTyping = false,
   onTypingChange,
   searchQuery = "",
   selectedMessageId,
   onBubbleClick,
+  onSwipeReply,
+  actionMode = false,
+  onDismissAction,
+  deleteMode = false,
+  selectedDeleteIds = [],
+  onToggleDeleteSelect,
+  getStableKey = (id) => id,
+  onExpirePending,
+  extraBottomRem = 0,
 }: ChatMessageListProps) => {
-  const [receiverId, setReceiverId] = useState("");
   const scrollRef = useRef<HTMLDivElement | null>(null);
   const prevScrollHeight = useRef(0);
+  const prevPendingCountRef = useRef(0);
   const [toEnd, setToEnd] = useState(true);
   const queryClient = useQueryClient();
+  const hasInitializedRef = useRef(false);
+  const seenMessageKeysRef = useRef(new Set<string>());
+  const prevMessageCountRef = useRef(0);
+  const messageRefs = useRef(new Map<string, HTMLDivElement>());
+  const highlightTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);
+  const [highlightedMessageId, setHighlightedMessageId] = useState<string | null>(
+    null
+  );
 
-  useEffect(() => {
-    setReceiverId(userTwoDetail?._id || "");
-  }, [userDetail, userTwoDetail]);
+  const senderId = normalizeThreadId(userDetail?._id ?? getStoredUserId());
+  const receiverId = normalizeThreadId(chatPartnerId);
+  const threadReady = Boolean(senderId && receiverId);
+  const queryKey = chatThreadQueryKey(senderId, receiverId);
 
-  const fetchMessages = async ({ pageParam = 1 }) => {
-    if (!userDetail?._id || !receiverId)
-      return { messages: [], nextPage: undefined };
+  const {
+    data,
+    fetchNextPage,
+    hasNextPage,
+    isFetchingNextPage,
+    isLoading,
+    isError,
+    refetch,
+  } = useInfiniteQuery({
+      queryKey,
+      queryFn: async ({ pageParam = 1, queryKey: key }) => {
+        const [, sid, rid] = key as ReturnType<typeof chatThreadQueryKey>;
+        if (!sid || !rid) {
+          return { messages: [], nextPage: undefined };
+        }
 
-    try {
-      const response = await axios.get(
-        `${BASE_URL}/chat?senderId=${userDetail?._id}&receiverId=${receiverId}&page=${pageParam}&limit=50&_t=${Date.now()}`
-      );
-      const msgs = (response.data.messages || []).map((m: ChatMessage) => ({
-        ...m,
-        createdAt: formatBubbleTime(m.createdAt),
-      }));
-      return {
-        messages: msgs,
-        nextPage:
-          pageParam < response.data.totalPages ? pageParam + 1 : undefined,
-      };
-    } catch (error) {
-      console.error("Error fetching messages:", error);
-      return { messages: [], nextPage: undefined };
-    }
-  };
-
-  const { data, fetchNextPage, hasNextPage, isFetchingNextPage, isLoading } =
-    useInfiniteQuery({
-      queryKey: ["messages", userDetail?._id, receiverId],
-      queryFn: fetchMessages,
+        try {
+          const response = await apiClient.get(
+            `/chat?senderId=${sid}&receiverId=${rid}&page=${pageParam}&limit=50`
+          );
+          const msgs = (response.data.messages || []) as ChatMessage[];
+          return {
+            messages: msgs,
+            nextPage:
+              pageParam < response.data.totalPages ? pageParam + 1 : undefined,
+          };
+        } catch (error) {
+          console.error("Error fetching messages:", error);
+          throw error;
+        }
+      },
+      enabled: threadReady,
       initialPageParam: 1,
       getNextPageParam: (lastPage) => lastPage.nextPage,
-      staleTime: 0,
-      gcTime: 0,
+      staleTime: 60_000,
+      gcTime: 10 * 60 * 1000,
+      refetchOnMount: true,
     });
 
-  useEffect(() => {
-    if (toEnd && scrollRef.current) {
-      setTimeout(() => {
-        scrollRef.current?.scrollTo({
-          top: scrollRef.current.scrollHeight,
-          behavior: "smooth",
-        });
-      }, 100);
-    }
-  }, [data, toEnd, pendingMessages, isTyping]);
+  const hasCachedMessages = Boolean(
+    data?.pages?.some((page) => page.messages.length > 0)
+  );
+  const showSkeleton =
+    !threadReady ||
+    (isLoading && !hasCachedMessages && pendingMessages.length === 0);
+
+  const scrollToBottom = useCallback((behavior: ScrollBehavior = "auto") => {
+    const el = scrollRef.current;
+    if (!el) return;
+    const run = () => {
+      el.scrollTo({ top: el.scrollHeight, behavior });
+    };
+    requestAnimationFrame(() => requestAnimationFrame(run));
+  }, []);
 
   const handleScroll = (e: React.UIEvent<HTMLDivElement>) => {
     if (!scrollRef.current) return;
@@ -127,39 +180,22 @@ const ChatMessageList = ({
   };
 
   useEffect(() => {
-    if (!userDetail?._id || !receiverId) return;
+    if (!threadReady) return;
     const socket = io(SOCKET_URL);
 
-    socket.emit("joinChat", { userId: userDetail._id, receiverId });
+    socket.emit("joinChat", { userId: senderId, receiverId });
 
     const belongs = (msg: ChatMessage) =>
-      belongsToThread(msg, userDetail._id, receiverId) ||
-      (msg.senderId === userDetail._id && msg.receiverId === receiverId) ||
-      (msg.senderId === receiverId && msg.receiverId === userDetail._id);
+      belongsToThread(msg, senderId, receiverId) ||
+      (msg.senderId === senderId && msg.receiverId === receiverId) ||
+      (msg.senderId === receiverId && msg.receiverId === senderId);
 
     socket.on("newMessage", (message: ChatMessage) => {
       if (!belongs(message)) return;
 
-      const formatted = {
-        ...message,
-        createdAt: formatBubbleTime(message.createdAt),
-      };
-
       queryClient.setQueryData(
-        ["messages", userDetail._id, receiverId],
-        (oldData: { pages: { messages: ChatMessage[] }[] } | undefined) => {
-          if (!oldData?.pages?.length) return oldData;
-          const exists = oldData.pages.some((p) =>
-            p.messages.some((m) => m._id === formatted._id)
-          );
-          if (exists) return oldData;
-          const newPages = [...oldData.pages];
-          newPages[0] = {
-            ...newPages[0],
-            messages: [formatted, ...newPages[0].messages],
-          };
-          return { ...oldData, pages: newPages };
-        }
+        chatThreadQueryKey(senderId, receiverId),
+        (oldData) => appendMessageToThreadCache(oldData, message)
       );
       setToEnd(true);
 
@@ -167,7 +203,7 @@ const ChatMessageList = ({
         socket.emit("messageSeen", {
           messageId: message._id,
           senderId: message.senderId,
-          receiverId: userDetail._id,
+          receiverId: senderId,
         });
       }
     });
@@ -176,7 +212,7 @@ const ChatMessageList = ({
       "messageStatusUpdate",
       ({ messageId, status }: { messageId: string; status: ChatMessage["status"] }) => {
         queryClient.setQueryData(
-          ["messages", userDetail._id, receiverId],
+          chatThreadQueryKey(senderId, receiverId),
           (oldData: { pages: { messages: ChatMessage[] }[] } | undefined) => {
             if (!oldData) return oldData;
             return {
@@ -200,17 +236,39 @@ const ChatMessageList = ({
       }
     });
 
+    socket.on(
+      "messagesDeleted",
+      ({ messageIds }: { messageIds: string[] }) => {
+        if (!messageIds?.length) return;
+        const idSet = new Set(messageIds);
+        queryClient.setQueryData(
+          chatThreadQueryKey(senderId, receiverId),
+          (oldData: { pages: { messages: ChatMessage[] }[] } | undefined) => {
+            if (!oldData) return oldData;
+            return {
+              ...oldData,
+              pages: oldData.pages.map((page) => ({
+                ...page,
+                messages: page.messages.filter((m) => !idSet.has(m._id)),
+              })),
+            };
+          }
+        );
+      }
+    );
+
     return () => {
       socket.off("newMessage");
       socket.off("messageStatusUpdate");
+      socket.off("messagesDeleted");
       socket.off("userTyping");
       socket.disconnect();
     };
-  }, [userDetail, receiverId, queryClient, onTypingChange]);
+  }, [threadReady, senderId, receiverId, queryClient, onTypingChange]);
 
   const allMessages = useMemo(() => {
     const server =
-      data?.pages.flatMap((page) => page.messages).reverse() || [];
+      data?.pages.flatMap((page) => page.messages) || [];
     const serverIds = new Set(server.map((m) => m._id));
     const pendingOnly = pendingMessages.filter((p) => !serverIds.has(p._id));
     const merged = dedupeChatMessages([...server, ...pendingOnly]);
@@ -226,41 +284,251 @@ const ChatMessageList = ({
     [allMessages]
   );
 
+  useEffect(() => {
+    if (!toEnd) return;
+    scrollToBottom("auto");
+  }, [
+    data,
+    toEnd,
+    pendingMessages,
+    isTyping,
+    allMessages.length,
+    extraBottomRem,
+    scrollToBottom,
+  ]);
+
+  useEffect(() => {
+    if (pendingMessages.length > prevPendingCountRef.current) {
+      setToEnd(true);
+      scrollToBottom("smooth");
+      const retry = setTimeout(() => scrollToBottom("auto"), 180);
+      prevPendingCountRef.current = pendingMessages.length;
+      return () => clearTimeout(retry);
+    }
+    prevPendingCountRef.current = pendingMessages.length;
+  }, [pendingMessages, scrollToBottom]);
+
+  useTimedMessageExpiry(allMessages, queryKey, onExpirePending);
+
+  useEffect(() => {
+    if (allMessages.length === 0) return;
+    if (!hasInitializedRef.current) {
+      allMessages.forEach((m) =>
+        seenMessageKeysRef.current.add(getStableKey(m._id))
+      );
+      hasInitializedRef.current = true;
+      prevMessageCountRef.current = allMessages.length;
+    }
+  }, [allMessages, getStableKey]);
+
+  const messageIndexMap = useMemo(() => {
+    const map = new Map<string, number>();
+    allMessages.forEach((m, i) => map.set(m._id, i));
+    return map;
+  }, [allMessages]);
+
+  const registerMessageRef = useCallback(
+    (id: string, el: HTMLDivElement | null) => {
+      if (el) messageRefs.current.set(id, el);
+      else messageRefs.current.delete(id);
+    },
+    []
+  );
+
+  const scrollToMessage = useCallback(
+    async (targetId: string) => {
+      if (!targetId) return;
+      setToEnd(false);
+
+      const scrollToTarget = (): boolean => {
+        const container = scrollRef.current;
+        const el = messageRefs.current.get(targetId);
+        if (!container || !el) return false;
+
+        const containerRect = container.getBoundingClientRect();
+        const elRect = el.getBoundingClientRect();
+        const offset =
+          elRect.top -
+          containerRect.top -
+          container.clientHeight / 2 +
+          elRect.height / 2;
+
+        container.scrollTo({
+          top: container.scrollTop + offset,
+          behavior: "smooth",
+        });
+        return true;
+      };
+
+      const flashHighlight = () => {
+        setHighlightedMessageId(targetId);
+        if (highlightTimerRef.current) clearTimeout(highlightTimerRef.current);
+        highlightTimerRef.current = setTimeout(
+          () => setHighlightedMessageId(null),
+          1800
+        );
+      };
+
+      const waitForPaint = () =>
+        new Promise<void>((resolve) => {
+          requestAnimationFrame(() => requestAnimationFrame(() => resolve()));
+        });
+
+      if (scrollToTarget()) {
+        flashHighlight();
+        return;
+      }
+
+      const isLoaded = (id: string) => allMessages.some((m) => m._id === id);
+
+      if (isLoaded(targetId)) {
+        await waitForPaint();
+        if (scrollToTarget()) {
+          flashHighlight();
+          return;
+        }
+      }
+
+      let pagesLoaded = 0;
+      let hasMore = hasNextPage;
+      while (hasMore && pagesLoaded < 15 && !isLoaded(targetId)) {
+        const result = await fetchNextPage();
+        pagesLoaded += 1;
+        hasMore = result.hasNextPage ?? false;
+        await waitForPaint();
+      }
+
+      await waitForPaint();
+      if (scrollToTarget()) {
+        flashHighlight();
+        return;
+      }
+
+      toast.error("پیام اصلی یافت نشد");
+    },
+    [allMessages, fetchNextPage, hasNextPage]
+  );
+
+  useEffect(() => {
+    return () => {
+      if (highlightTimerRef.current) clearTimeout(highlightTimerRef.current);
+    };
+  }, []);
+
   return (
     <div
       dir="rtl"
-      className="custom-scrollbar chat-page-bg flex min-h-0 flex-1 flex-col overflow-y-auto px-2 pb-[calc(5.5rem+env(safe-area-inset-bottom))] pt-2 sm:px-3"
+      className={cn(
+        "chat-thread-messages custom-scrollbar relative flex min-h-0 flex-1 flex-col overflow-y-auto bg-transparent px-2 pt-[calc(3.75rem+env(safe-area-inset-top))] sm:px-3"
+      )}
+      style={{
+        paddingBottom: `calc(${5.5 + extraBottomRem}rem + env(safe-area-inset-bottom, 0px))`,
+      }}
       onScroll={handleScroll}
+      onClick={(e) => {
+        if (!actionMode) return;
+        if (!(e.target as Element).closest("[data-chat-bubble]")) {
+          onDismissAction?.();
+        }
+      }}
       ref={scrollRef}
     >
+      <AnimatePresence>
+        {actionMode && (
+          <motion.div
+            key="action-dim"
+            initial={{ opacity: 0 }}
+            animate={{ opacity: 1 }}
+            exit={{ opacity: 0 }}
+            transition={{ duration: 0.18 }}
+            className="pointer-events-none absolute inset-0 z-[5] bg-black/15 dark:bg-black/35"
+            aria-hidden
+          />
+        )}
+      </AnimatePresence>
       {isFetchingNextPage && (
         <div className="flex justify-center py-2">
           <IOSSpinner size={18} color="#8e8e93" />
         </div>
       )}
 
-      {isLoading ? (
+      {showSkeleton ? (
         <ChatMessagesSkeleton />
+      ) : isError ? (
+        <div className="flex flex-1 flex-col items-center justify-center gap-3 py-12 text-center">
+          <p className="text-sm text-neutral-500">بارگذاری پیام‌ها ناموفق بود.</p>
+          <button
+            type="button"
+            onClick={() => void refetch()}
+            className="rounded-full bg-[#2aabee] px-4 py-2 text-sm text-white"
+          >
+            تلاش مجدد
+          </button>
+        </div>
+      ) : grouped.length === 0 ? (
+        <p className="py-12 text-center text-sm text-neutral-500">
+          هنوز پیامی رد و بدل نشده است.
+        </p>
       ) : (
-        <div className="flex flex-col">
-          {grouped.map((item, index) =>
-            item.type === "date" ? (
-              <ChatDateSeparator key={`date-${item.label}-${index}`} label={item.label} />
-            ) : (
+        <div className="flex flex-col pb-1">
+          {grouped.map((item, index) => {
+            if (item.type === "date") {
+              return (
+                <ChatDateSeparator
+                  key={`date-${item.label}-${index}`}
+                  label={item.label}
+                />
+              );
+            }
+
+            const msg = item.message;
+            const msgIndex = messageIndexMap.get(msg._id) ?? 0;
+            const groupPosition = getBubbleGroupPosition(allMessages, msgIndex);
+            const prevMsg = allMessages[msgIndex - 1];
+            const isGroupedWithPrev =
+              !!prevMsg && sameVisualGroup(prevMsg, msg);
+            const isIncoming =
+              String(msg.senderId) !==
+              String(userDetail?._id ?? getStoredUserId());
+            const stableKey = getStableKey(msg._id);
+            const isNew =
+              hasInitializedRef.current &&
+              !seenMessageKeysRef.current.has(stableKey);
+
+            if (isNew) {
+              seenMessageKeysRef.current.add(stableKey);
+            }
+
+            return (
               <ChatMessageCard
-                key={item.message._id || `msg-${index}`}
-                message={item.message}
+                key={stableKey}
+                message={msg}
                 userDetail={userDetail}
-                selected={selectedMessageId === item.message._id}
-                onBubbleClick={onBubbleClick}
+                groupPosition={groupPosition}
+                isGroupedWithPrev={isGroupedWithPrev}
+                showAvatar={
+                  isIncoming &&
+                  (groupPosition === "last" || groupPosition === "single")
+                }
+                partnerAvatar={userTwoDetail?.profile_image ?? undefined}
+                isNew={isNew}
+                selected={selectedMessageId === msg._id}
+                onBubbleClick={deleteMode ? undefined : onBubbleClick}
+                onSwipeReply={deleteMode ? undefined : onSwipeReply}
+                deleteMode={deleteMode}
+                selectedForDelete={selectedDeleteIds.includes(msg._id)}
+                onToggleDeleteSelect={onToggleDeleteSelect}
+                onScrollToReply={scrollToMessage}
+                highlighted={highlightedMessageId === msg._id}
+                registerRef={registerMessageRef}
               />
-            )
-          )}
+            );
+          })}
         </div>
       )}
 
       <AnimatePresence>
-        {isTyping && !isLoading && (
+        {isTyping && !showSkeleton && (
           <TypingIndicator userName={userTwoDetail?.first_name} />
         )}
       </AnimatePresence>
diff --git a/src/components/chat/FileMessageBubble.tsx b/src/components/chat/FileMessageBubble.tsx
index 2ace020..6056c3a 100644
--- a/src/components/chat/FileMessageBubble.tsx
+++ b/src/components/chat/FileMessageBubble.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { useState } from "react";
-import { FiDownload, FiFile } from "react-icons/fi";
+import BoldIcon from "@/components/ui/BoldIcon";
 import IOSSpinner from "@/components/ui/IOSSpinner";
 import { cn } from "@/lib/utils";
 
@@ -73,7 +73,7 @@ export default function FileMessageBubble({
         {isPending || downloading ? (
           <IOSSpinner size={22} color={isOutgoing ? "#2aabee" : "#007aff"} />
         ) : (
-          <FiFile size={22} />
+          <BoldIcon name="document" size={22} tinted className="text-current" />
         )}
       </div>
       <div className="min-w-0 flex-1">
@@ -97,7 +97,7 @@ export default function FileMessageBubble({
           className="gentle-transition rounded-full p-2 text-neutral-500 hover:bg-neutral-200/80 active:scale-90 dark:hover:bg-neutral-700"
           aria-label="دانلود"
         >
-          <FiDownload size={20} />
+          <BoldIcon name="document-download" size={20} tinted className="text-current" />
         </button>
       )}
     </div>
diff --git a/src/components/chat/LocationMessageBubble.tsx b/src/components/chat/LocationMessageBubble.tsx
index 0bf7a6e..247d04c 100644
--- a/src/components/chat/LocationMessageBubble.tsx
+++ b/src/components/chat/LocationMessageBubble.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { FiMapPin, FiNavigation } from "react-icons/fi";
+import BoldIcon from "@/components/ui/BoldIcon";
 
 export interface LocationData {
   lat: number;
@@ -46,7 +46,7 @@ export default function LocationMessageBubble({
           loading="lazy"
         />
         <div className="absolute inset-0 flex items-center justify-center">
-          <FiMapPin className="text-3xl text-red-500 drop-shadow-md" />
+          <BoldIcon name="location" size={30} tinted className="text-red-500 drop-shadow-md" />
         </div>
       </div>
       <div className="flex items-center justify-between gap-2 bg-white/90 px-3 py-2 dark:bg-neutral-900/90">
@@ -59,7 +59,7 @@ export default function LocationMessageBubble({
           rel="noopener noreferrer"
           className="gentle-transition flex items-center gap-1 rounded-full bg-[#2aabee] px-2.5 py-1 text-[10px] text-white active:scale-95"
         >
-          <FiNavigation size={12} />
+          <BoldIcon name="routing" size={12} tinted className="text-white" />
           مسیریابی
         </a>
       </div>
diff --git a/src/components/chat/MessageCard.tsx b/src/components/chat/MessageCard.tsx
index 058820c..1574c88 100644
--- a/src/components/chat/MessageCard.tsx
+++ b/src/components/chat/MessageCard.tsx
@@ -1,7 +1,7 @@
 import Image from "next/image";
 import { User } from "@/types/types";
-import { IMAGE_BASE_URL, buildStorageUrl } from "@/components/main/BaseUrl";
-import { FiCheck, FiCheckCircle } from "react-icons/fi"; // اضافه کردن آیکون‌ها
+import { IMAGE_BASE_URL } from "@/components/main/BaseUrl";
+import BoldIcon from "@/components/ui/BoldIcon";
 
 interface Message {
   _id: string;
@@ -9,7 +9,7 @@ interface Message {
   senderId: string;
   createdAt: string;
   file: string;
-  status: 'sent' | 'delivered' | 'seen'; // اضافه شده برای مدیریت وضعیت
+  status: 'sent' | 'delivered' | 'seen';
 }
 
 interface MessageCardProps {
@@ -20,25 +20,24 @@ interface MessageCardProps {
 const MessageCard = ({ message, userDetail }: MessageCardProps) => {
   const isSender = userDetail && message.senderId === userDetail._id;
 
-  // تابع تعیین آیکون بر اساس وضعیت
   const renderStatus = () => {
-    if (!isSender) return null; // وضعیت فقط برای پیام‌های ارسالی نمایش داده شود
+    if (!isSender) return null;
 
     switch (message.status) {
       case 'sent':
-        return <FiCheck className="text-gray-400" size={14} />;
+        return <BoldIcon name="tick-circle" size={14} tinted className="text-gray-400" />;
       case 'delivered':
         return (
           <div className="flex -space-x-2">
-            <FiCheck className="text-gray-400" size={14} />
-            <FiCheck className="text-gray-400" size={14} />
+            <BoldIcon name="tick-circle" size={14} tinted className="text-gray-400" />
+            <BoldIcon name="tick-circle" size={14} tinted className="text-gray-400" />
           </div>
         );
       case 'seen':
         return (
           <div className="flex -space-x-2 text-[#2196EB]">
-            <FiCheck size={14} />
-            <FiCheck size={14} />
+            <BoldIcon name="tick-circle" size={14} tinted className="text-[#2196EB]" />
+            <BoldIcon name="tick-circle" size={14} tinted className="text-[#2196EB]" />
           </div>
         );
       default:
@@ -61,7 +60,6 @@ const MessageCard = ({ message, userDetail }: MessageCardProps) => {
           </div>
         )}
         
-        {/* نمایش وضعیت تیک‌ها */}
         <div className="px-1">{renderStatus()}</div>
       </div>
     </div>
diff --git a/src/components/chat/MessageInput.tsx b/src/components/chat/MessageInput.tsx
index 96ca469..9c1a13b 100644
--- a/src/components/chat/MessageInput.tsx
+++ b/src/components/chat/MessageInput.tsx
@@ -2,8 +2,13 @@
 
 import { useState, useRef, useEffect, useCallback } from "react";
 import { motion, AnimatePresence } from "framer-motion";
-import { FiMic, FiPaperclip, FiSend, FiSquare } from "react-icons/fi";
+import BoldIcon from "@/components/ui/BoldIcon";
 import AttachmentMenu, { AttachmentType } from "./AttachmentMenu";
+import TimedMessagePicker from "./TimedMessagePicker";
+import ViewOnceToggle from "./ViewOnceToggle";
+import ChatBoldIcon from "./ChatBoldIcon";
+import { formatTimedLabel } from "@/lib/chat/timedMessages";
+import { viewOnceLabel } from "@/lib/chat/viewOnce";
 
 interface MessageInputProps {
   newMessage: string;
@@ -19,6 +24,10 @@ interface MessageInputProps {
   replyingTo?: unknown;
   onCancelReply?: () => void;
   replyLabel?: string;
+  selfDestructSeconds?: number | null;
+  onSelfDestructChange?: (seconds: number | null) => void;
+  viewOnceMedia?: boolean;
+  onViewOnceChange?: (value: boolean) => void;
 }
 
 const formatTime = (seconds: number) => {
@@ -39,6 +48,10 @@ const MessageInput = ({
   blocked_you,
   onCancelReply,
   replyLabel,
+  selfDestructSeconds = null,
+  onSelfDestructChange,
+  viewOnceMedia = false,
+  onViewOnceChange,
 }: MessageInputProps) => {
   const [isRecording, setIsRecording] = useState(false);
   const [recordingTime, setRecordingTime] = useState(0);
@@ -155,38 +168,75 @@ const MessageInput = ({
 
   return (
     <div
-      className={`pointer-events-none fixed left-0 right-0 z-50 flex flex-col items-center px-3 sm:px-4 ${
+      className={`pointer-events-none fixed left-0 right-0 z-50 flex flex-col items-center bg-transparent px-3 sm:px-4 ${
         isChatThread ? "bottom-0 chat-input-area--thread" : "bottom-[5.5rem] chat-input-area"
       }`}
     >
-      {replyLabel && (
-        <div className="pointer-events-auto mb-2 flex w-full max-w-lg items-center gap-2 rounded-2xl border-r-2 border-[#0095f6] bg-white/80 px-3 py-2 text-xs backdrop-blur-md dark:bg-neutral-900/80">
-          <span className="flex-1 truncate text-neutral-600 dark:text-neutral-300">
-            {replyLabel}
-          </span>
-          <button
-            type="button"
-            onClick={onCancelReply}
-            className="shrink-0 text-[#0095f6]"
-          >
-            ×
-          </button>
+      {(replyLabel ||
+        (selfDestructSeconds != null && isChatThread) ||
+        (viewOnceMedia && isChatThread)) && (
+        <div className="pointer-events-auto relative z-[2] mb-2 flex w-full max-w-lg flex-col gap-2">
+          {replyLabel && (
+            <div className="glass-panel flex items-center gap-2 rounded-2xl px-3 py-2.5 text-xs shadow-lg">
+              <span className="flex-1 truncate text-neutral-700 dark:text-neutral-200">
+                {replyLabel}
+              </span>
+              <button
+                type="button"
+                onClick={onCancelReply}
+                className="shrink-0 text-[#0095f6]"
+              >
+                ×
+              </button>
+            </div>
+          )}
+          {selfDestructSeconds != null && isChatThread && (
+            <div className="chat-timer-glass chat-timer-glass--active flex items-center gap-2 rounded-2xl px-3 py-1.5 text-[11px]">
+              <ChatBoldIcon name="timer" size={14} className="shrink-0" />
+              <span>
+                پیام زماندار — حذف خودکار بعد از{" "}
+                {formatTimedLabel(selfDestructSeconds)}
+              </span>
+            </div>
+          )}
+          {viewOnceMedia && isChatThread && (
+            <div className="chat-timer-glass chat-timer-glass--active flex items-center gap-2 rounded-2xl px-3 py-1.5 text-[11px] text-[#ff9500]">
+              <span className="font-semibold">۱</span>
+              <span>
+                {viewOnceLabel("image")} — گیرنده فقط یک‌بار می‌تواند ببیند
+              </span>
+            </div>
+          )}
         </div>
       )}
       <div
         dir="ltr"
-        className="pointer-events-auto relative flex w-full max-w-lg items-end gap-2 sm:gap-3"
+        className="pointer-events-auto relative z-[1] flex w-full max-w-lg items-end gap-2 sm:gap-2.5"
       >
-        <div className="relative mb-1">
+        <div className="relative flex shrink-0 items-center gap-1.5">
+          {isChatThread && onSelfDestructChange && (
+            <TimedMessagePicker
+              value={selfDestructSeconds}
+              onChange={onSelfDestructChange}
+              disabled={blocked_you || isRecording}
+            />
+          )}
+          {isChatThread && onViewOnceChange && (
+            <ViewOnceToggle
+              value={viewOnceMedia}
+              onChange={onViewOnceChange}
+              disabled={blocked_you}
+            />
+          )}
           <button
             ref={attachBtnRef}
             type="button"
             disabled={blocked_you || isRecording}
             onClick={() => setMenuOpen((o) => !o)}
-            className="chat-action-btn gentle-transition flex h-10 w-10 shrink-0 items-center justify-center rounded-full active:scale-90 disabled:opacity-40 sm:h-11 sm:w-11"
+            className="chat-action-btn gentle-transition flex h-11 w-11 shrink-0 items-center justify-center rounded-full active:scale-90 disabled:opacity-40"
             aria-label="پیوست"
           >
-            <FiPaperclip size={22} className="rotate-[-45deg]" />
+            <ChatBoldIcon name="attachment" size={22} />
           </button>
           <AttachmentMenu
             open={menuOpen}
@@ -197,7 +247,7 @@ const MessageInput = ({
         </div>
 
         {/* Glass input box */}
-        <div className="glass-chat-input gentle-transition flex min-h-[44px] flex-1 items-center rounded-[22px] px-4 py-2">
+        <div className="glass-chat-input gentle-transition flex min-h-11 flex-1 items-center rounded-[22px] px-4 py-2">
           <input
             ref={imageInputRef}
             type="file"
@@ -239,7 +289,7 @@ const MessageInput = ({
                 onClick={() => stopRecording(false)}
                 className="rounded-full p-1"
               >
-                <FiSquare size={18} />
+                <BoldIcon name="stop" size={18} tinted className="text-current" />
               </button>
             </div>
           ) : (
@@ -277,10 +327,10 @@ const MessageInput = ({
               type="button"
               disabled={blocked_you}
               onClick={sendMessage}
-              className="ig-dm-send-btn gentle-transition mb-1 flex h-10 w-10 shrink-0 items-center justify-center rounded-full text-white shadow-lg active:scale-90 sm:h-11 sm:w-11"
+              className="ig-dm-send-btn gentle-transition flex h-11 w-11 shrink-0 items-center justify-center rounded-full text-white shadow-lg active:scale-90"
               aria-label="ارسال"
             >
-              <FiSend size={20} className="-mr-0.5" />
+              <ChatBoldIcon name="send" size={20} className="text-white -mr-0.5" />
             </motion.button>
           ) : (
             <motion.button
@@ -294,14 +344,14 @@ const MessageInput = ({
               onPointerDown={handleMicPointerDown}
               onPointerUp={handleMicPointerUp}
               onPointerLeave={() => isRecording && stopRecording(true)}
-              className={`gentle-transition mb-1 flex h-10 w-10 shrink-0 items-center justify-center rounded-full sm:h-11 sm:w-11 ${
+              className={`gentle-transition flex h-11 w-11 shrink-0 items-center justify-center rounded-full ${
                 isRecording
                   ? "scale-110 bg-red-500 text-white shadow-inner"
                   : "ig-dm-send-btn text-white shadow-lg"
               } active:scale-90`}
               aria-label="ضبط ویس"
             >
-              {isRecording ? <FiSquare size={20} /> : <FiMic size={22} />}
+              {isRecording ? <BoldIcon name="stop" size={20} tinted className="text-white" /> : <ChatBoldIcon name="microphone" size={22} className="text-white" />}
             </motion.button>
           )}
         </AnimatePresence>
diff --git a/src/components/chat/MultiImageModal.tsx b/src/components/chat/MultiImageModal.tsx
index 5ee9d21..c191410 100644
--- a/src/components/chat/MultiImageModal.tsx
+++ b/src/components/chat/MultiImageModal.tsx
@@ -4,12 +4,16 @@ import Image from "next/image";
 import { motion } from "framer-motion";
 import Modal from "../elements/Modal";
 
+import ViewOnceToggle from "./ViewOnceToggle";
+
 interface MultiImageModalProps {
   isOpen: boolean;
   files: File[];
   onRemove: (index: number) => void;
   onCancel: () => void;
   onConfirm: () => void;
+  viewOnceMedia?: boolean;
+  onViewOnceChange?: (value: boolean) => void;
 }
 
 export default function MultiImageModal({
@@ -18,6 +22,8 @@ export default function MultiImageModal({
   onRemove,
   onCancel,
   onConfirm,
+  viewOnceMedia = false,
+  onViewOnceChange,
 }: MultiImageModalProps) {
   if (!isOpen || files.length === 0) return null;
 
@@ -51,7 +57,17 @@ export default function MultiImageModal({
             </motion.div>
           ))}
         </div>
-        <div className="mt-4 flex justify-center gap-4">
+        <div className="mt-4 flex flex-col items-center gap-3">
+          {onViewOnceChange && (
+            <div className="flex items-center gap-2 text-xs text-neutral-600 dark:text-neutral-300">
+              <ViewOnceToggle
+                value={viewOnceMedia}
+                onChange={onViewOnceChange}
+              />
+              <span>ارسال به‌صورت یک‌بار مصرف</span>
+            </div>
+          )}
+          <div className="flex justify-center gap-4">
           <button
             type="button"
             onClick={onConfirm}
@@ -66,6 +82,7 @@ export default function MultiImageModal({
           >
             لغو
           </button>
+          </div>
         </div>
       </div>
     </Modal>
diff --git a/src/components/chat/TimedMessagePicker.tsx b/src/components/chat/TimedMessagePicker.tsx
new file mode 100644
index 0000000..66bc338
--- /dev/null
+++ b/src/components/chat/TimedMessagePicker.tsx
@@ -0,0 +1,95 @@
+"use client";
+
+import { useEffect, useRef, useState } from "react";
+import ChatBoldIcon from "./ChatBoldIcon";
+import { AnimatePresence, motion } from "framer-motion";
+import { cn } from "@/lib/utils";
+import {
+  TIMED_MESSAGE_OPTIONS,
+  formatTimedLabel,
+} from "@/lib/chat/timedMessages";
+
+interface TimedMessagePickerProps {
+  value: number | null;
+  onChange: (seconds: number | null) => void;
+  disabled?: boolean;
+}
+
+export default function TimedMessagePicker({
+  value,
+  onChange,
+  disabled,
+}: TimedMessagePickerProps) {
+  const [open, setOpen] = useState(false);
+  const ref = useRef<HTMLDivElement>(null);
+
+  useEffect(() => {
+    if (!open) return;
+    const close = (e: MouseEvent) => {
+      if (ref.current && !ref.current.contains(e.target as Node)) {
+        setOpen(false);
+      }
+    };
+    document.addEventListener("mousedown", close);
+    return () => document.removeEventListener("mousedown", close);
+  }, [open]);
+
+  const active = value != null;
+
+  return (
+    <div ref={ref} className="relative shrink-0">
+      <button
+        type="button"
+        disabled={disabled}
+        onClick={() => setOpen((o) => !o)}
+        className={cn(
+          "chat-timer-glass gentle-transition flex h-11 w-11 items-center justify-center rounded-full",
+          active && "chat-timer-glass--active",
+          !active && "text-neutral-500 dark:text-neutral-400",
+          disabled && "opacity-40"
+        )}
+        aria-label="پیام زماندار"
+        title={active ? formatTimedLabel(value) : "پیام زماندار"}
+      >
+        <ChatBoldIcon name="timer" size={20} />
+      </button>
+
+      <AnimatePresence>
+        {open && (
+          <motion.div
+            initial={{ opacity: 0, y: 8, scale: 0.96 }}
+            animate={{ opacity: 1, y: 0, scale: 1 }}
+            exit={{ opacity: 0, y: 8, scale: 0.96 }}
+            transition={{ duration: 0.18 }}
+            className="glass-panel chat-timer-glass absolute bottom-full left-0 z-50 mb-2 min-w-[148px] overflow-hidden rounded-2xl p-1.5 shadow-xl"
+          >
+            <p className="px-2.5 py-1.5 text-[11px] font-medium text-neutral-500 dark:text-neutral-400">
+              حذف خودکار بعد از
+            </p>
+            {TIMED_MESSAGE_OPTIONS.map((opt) => (
+              <button
+                key={opt.label}
+                type="button"
+                onClick={() => {
+                  onChange(opt.value);
+                  setOpen(false);
+                }}
+                className={cn(
+                  "flex w-full items-center justify-between rounded-xl px-2.5 py-2 text-right text-sm transition-colors",
+                  value === opt.value
+                    ? "bg-[#2aabee]/12 font-semibold text-[#248cc8] dark:text-[#2aabee]"
+                    : "text-foreground hover:bg-black/5 dark:hover:bg-white/8"
+                )}
+              >
+                {opt.label}
+                {value === opt.value && (
+                  <span className="text-[#2aabee]">✓</span>
+                )}
+              </button>
+            ))}
+          </motion.div>
+        )}
+      </AnimatePresence>
+    </div>
+  );
+}
diff --git a/src/components/chat/VideoMessageBubble.tsx b/src/components/chat/VideoMessageBubble.tsx
index 73341e9..1021847 100644
--- a/src/components/chat/VideoMessageBubble.tsx
+++ b/src/components/chat/VideoMessageBubble.tsx
@@ -1,39 +1,35 @@
-"use client";
-
-import { FiPlay } from "react-icons/fi";
-
-interface VideoMessageBubbleProps {
-  src: string;
-  isOutgoing?: boolean;
-  onOpen: () => void;
-}
-
-/** Full video preview — not compressed file card */
-export default function VideoMessageBubble({
-  src,
-  isOutgoing,
-  onOpen,
-}: VideoMessageBubbleProps) {
-  return (
-    <button
-      type="button"
-      onClick={onOpen}
-      className={`gentle-transition relative max-w-[min(280px,85vw)] overflow-hidden rounded-2xl active:scale-[0.98] ${
-        isOutgoing ? "ring-1 ring-white/20" : "shadow-md"
-      }`}
-    >
-      <video
-        src={src}
-        className="max-h-72 w-full min-w-[200px] object-contain bg-black/90"
-        muted
-        playsInline
-        preload="metadata"
-      />
-      <div className="absolute inset-0 flex items-center justify-center bg-black/30">
-        <span className="flex h-12 w-12 items-center justify-center rounded-full bg-white/25 backdrop-blur-sm">
-          <FiPlay className="ml-0.5 text-2xl text-white" />
-        </span>
-      </div>
-    </button>
-  );
-}
+"use client";

+

+import BoldIcon from "@/components/ui/BoldIcon";

+

+interface VideoMessageBubbleProps {

+  src: string;

+  isOutgoing?: boolean;

+}

+

+/** Full video preview — not compressed file card */

+export default function VideoMessageBubble({

+  src,

+  isOutgoing,

+}: VideoMessageBubbleProps) {

+  return (

+    <div

+      className={`relative max-w-[min(280px,85vw)] overflow-hidden rounded-2xl ${

+        isOutgoing ? "ring-1 ring-white/20" : "shadow-md"

+      }`}

+    >

+      <video

+        src={src}

+        className="max-h-72 w-full min-w-[200px] object-contain bg-black/90"

+        muted

+        playsInline

+        preload="metadata"

+      />

+      <div className="absolute inset-0 flex items-center justify-center bg-black/30">

+        <span className="flex h-12 w-12 items-center justify-center rounded-full bg-white/25 backdrop-blur-sm">

+          <BoldIcon name="play" size={24} tinted className="ml-0.5 text-white" />

+        </span>

+      </div>

+    </div>

+  );

+}

diff --git a/src/components/chat/ViewOnceMediaBubble.tsx b/src/components/chat/ViewOnceMediaBubble.tsx
new file mode 100644
index 0000000..3079b0c
--- /dev/null
+++ b/src/components/chat/ViewOnceMediaBubble.tsx
@@ -0,0 +1,68 @@
+"use client";
+
+import { cn } from "@/lib/utils";
+import BoldIcon from "@/components/ui/BoldIcon";
+import { viewOnceLabel } from "@/lib/chat/viewOnce";
+import ChatBoldIcon from "./ChatBoldIcon";
+
+interface ViewOnceMediaBubbleProps {
+  fileType: "image" | "video" | "voice";
+  isOutgoing?: boolean;
+  expired?: boolean;
+  onOpen?: () => void;
+  borderRadius?: string;
+}
+
+export default function ViewOnceMediaBubble({
+  fileType,
+  isOutgoing = false,
+  expired = false,
+  onOpen,
+  borderRadius = "18px",
+}: ViewOnceMediaBubbleProps) {
+  const mediaIcon =
+    fileType === "voice" ? (
+      <ChatBoldIcon name="microphone" size={28} className="text-[#ff9500]" />
+    ) : fileType === "video" ? (
+      <BoldIcon name="video" size={28} tinted className="text-current" />
+    ) : (
+      <BoldIcon name="gallery" size={28} tinted className="text-current" />
+    );
+
+  return (
+    <button
+      type="button"
+      disabled={expired}
+      onClick={(e) => {
+        e.stopPropagation();
+        if (!expired) onOpen?.();
+      }}
+      className={cn(
+        "gentle-transition flex w-44 flex-col items-center justify-center gap-2 px-4 py-6 sm:w-52",
+        isOutgoing ? "chat-bubble-out" : "chat-bubble-in",
+        expired ? "cursor-default opacity-60" : "cursor-pointer active:scale-[0.98]"
+      )}
+      style={{ borderRadius }}
+    >
+      <div
+        className={cn(
+          "flex h-14 w-14 items-center justify-center rounded-full",
+          expired
+            ? "bg-neutral-300/40 dark:bg-neutral-600/40"
+            : "bg-[#ff9500]/15 text-[#ff9500]"
+        )}
+      >
+        {mediaIcon}
+      </div>
+      <span className="text-center text-xs font-medium leading-snug">
+        {expired ? "پیام منقضی شد" : viewOnceLabel(fileType)}
+      </span>
+      {!expired && (
+        <span className="flex items-center gap-1 text-[10px] text-[#ff9500]">
+          <ChatBoldIcon name="eye" size={12} className="text-[#ff9500]" />
+          برای مشاهده بزنید
+        </span>
+      )}
+    </button>
+  );
+}
diff --git a/src/components/chat/ViewOnceToggle.tsx b/src/components/chat/ViewOnceToggle.tsx
new file mode 100644
index 0000000..9fcf52a
--- /dev/null
+++ b/src/components/chat/ViewOnceToggle.tsx
@@ -0,0 +1,45 @@
+"use client";
+
+import { cn } from "@/lib/utils";
+import ChatBoldIcon from "./ChatBoldIcon";
+
+interface ViewOnceToggleProps {
+  value: boolean;
+  onChange: (value: boolean) => void;
+  disabled?: boolean;
+}
+
+export default function ViewOnceToggle({
+  value,
+  onChange,
+  disabled,
+}: ViewOnceToggleProps) {
+  return (
+    <button
+      type="button"
+      disabled={disabled}
+      onClick={() => onChange(!value)}
+      className={cn(
+        "chat-timer-glass gentle-transition flex h-11 w-11 shrink-0 items-center justify-center rounded-full",
+        value && "chat-timer-glass--active bg-[#ff9500]/20 text-[#ff9500]",
+        !value && "text-neutral-500 dark:text-neutral-400",
+        disabled && "opacity-40"
+      )}
+      aria-label="یک‌بار مصرف"
+      title={value ? "یک‌بار مصرف فعال" : "یک‌بار مصرف"}
+    >
+      <span className="relative flex items-center justify-center">
+        <ChatBoldIcon
+          name="eye"
+          size={20}
+          className={value ? "text-[#ff9500]" : undefined}
+        />
+        {value && (
+          <span className="absolute -right-1 -top-1 flex h-3.5 w-3.5 items-center justify-center rounded-full bg-[#ff9500] text-[8px] font-bold text-white">
+            ۱
+          </span>
+        )}
+      </span>
+    </button>
+  );
+}
diff --git a/src/components/chat/VoiceMessagePlayer.tsx b/src/components/chat/VoiceMessagePlayer.tsx
index 6fb7e80..f5e0e6a 100644
--- a/src/components/chat/VoiceMessagePlayer.tsx
+++ b/src/components/chat/VoiceMessagePlayer.tsx
@@ -1,13 +1,16 @@
 "use client";
 
 import { useCallback, useEffect, useRef, useState } from "react";
-import { FiDownload, FiPause, FiPlay } from "react-icons/fi";
+import BoldIcon from "@/components/ui/BoldIcon";
 import IOSSpinner from "@/components/ui/IOSSpinner";
 import { cn } from "@/lib/utils";
 
 interface VoiceMessagePlayerProps {
   src: string;
   isOutgoing?: boolean;
+  autoPlay?: boolean;
+  singlePlay?: boolean;
+  onPlaybackComplete?: () => void;
 }
 
 function formatDuration(sec: number) {
@@ -20,6 +23,9 @@ function formatDuration(sec: number) {
 export default function VoiceMessagePlayer({
   src,
   isOutgoing = false,
+  autoPlay = false,
+  singlePlay = false,
+  onPlaybackComplete,
 }: VoiceMessagePlayerProps) {
   const audioRef = useRef<HTMLAudioElement | null>(null);
   const [downloaded, setDownloaded] = useState(false);
@@ -28,8 +34,13 @@ export default function VoiceMessagePlayer({
   const [duration, setDuration] = useState(0);
   const [currentTime, setCurrentTime] = useState(0);
   const [waveform, setWaveform] = useState<number[]>([]);
+  const [playedOnce, setPlayedOnce] = useState(false);
   const isBlob = src.startsWith("blob:");
 
+  useEffect(() => {
+    setPlayedOnce(false);
+  }, [src]);
+
   useEffect(() => {
     if (isBlob) {
       setDownloaded(true);
@@ -87,6 +98,8 @@ export default function VoiceMessagePlayer({
     const onEnd = () => {
       setIsPlaying(false);
       setCurrentTime(0);
+      setPlayedOnce(true);
+      onPlaybackComplete?.();
     };
 
     audio.addEventListener("loadedmetadata", onMeta);
@@ -97,11 +110,18 @@ export default function VoiceMessagePlayer({
       audio.removeEventListener("timeupdate", onTime);
       audio.removeEventListener("ended", onEnd);
     };
-  }, [downloaded]);
+  }, [downloaded, onPlaybackComplete]);
+
+  useEffect(() => {
+    const audio = audioRef.current;
+    if (!audio || !downloaded || !autoPlay || playedOnce) return;
+    audio.play().then(() => setIsPlaying(true)).catch(() => {});
+  }, [autoPlay, downloaded, playedOnce, src]);
 
   const togglePlay = () => {
     const audio = audioRef.current;
     if (!audio) return;
+    if (singlePlay && playedOnce) return;
     if (isPlaying) {
       audio.pause();
       setIsPlaying(false);
@@ -143,7 +163,7 @@ export default function VoiceMessagePlayer({
           {downloadProgress > 0 && downloadProgress < 100 ? (
             <IOSSpinner size={18} color="#fff" />
           ) : (
-            <FiDownload size={18} />
+            <BoldIcon name="document-download" size={18} tinted className="text-current" />
           )}
         </button>
         <div className="flex-1">
@@ -172,10 +192,14 @@ export default function VoiceMessagePlayer({
       <button
         type="button"
         onClick={togglePlay}
-        className="gentle-transition flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-[#2aabee] text-white active:scale-95"
+        disabled={singlePlay && playedOnce}
+        className={cn(
+          "gentle-transition flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-[#2aabee] text-white active:scale-95",
+          singlePlay && playedOnce && "cursor-not-allowed opacity-50"
+        )}
         aria-label={isPlaying ? "توقف" : "پخش"}
       >
-        {isPlaying ? <FiPause size={18} /> : <FiPlay size={18} className="mr-[-2px]" />}
+        {isPlaying ? <BoldIcon name="pause" size={18} tinted className="text-current mr-[-2px]" /> : <BoldIcon name="play" size={18} tinted className="text-current mr-[-2px]" />}
       </button>
       <div className="flex min-w-0 flex-1 flex-col gap-0.5">
         <div
diff --git a/src/components/main/BaseUrl.ts b/src/components/main/BaseUrl.ts
index e678633..f7a7bd8 100644
--- a/src/components/main/BaseUrl.ts
+++ b/src/components/main/BaseUrl.ts
@@ -1,10 +1,15 @@
+// لوکال: NEXT_PUBLIC_BASE_URL=http://localhost:3002/api/v1
 // export const SOCKET_URL = "http://localhost:8000";
 // export const BASE_URL = "http://localhost:8000/api/v1";
 // export const IMAGE_BASE_URL = "http://localhost:8000/storage";
 
-export const SOCKET_URL = "https://api.modstagram.com";
-export const BASE_URL = "https://api.modstagram.com/api/v1";
-export const IMAGE_BASE_URL = "https://api.modstagram.com/storage";
+/** app.modstagram.ir — SSL معتبر برای fetch سمت سرور Next.js */
+export const SOCKET_URL =
+  process.env.NEXT_PUBLIC_SOCKET_URL ?? "https://app.modstagram.ir";
+export const BASE_URL =
+  process.env.NEXT_PUBLIC_BASE_URL ?? "https://app.modstagram.ir/api/v1";
+export const IMAGE_BASE_URL =
+  process.env.NEXT_PUBLIC_IMAGE_BASE_URL ?? "https://app.modstagram.ir/storage";
 
 /** ساخت URL کامل فایل storage — مسیرهای DB را یکسان می‌کند */
 export function buildStorageUrl(path: string | null | undefined): string {
diff --git a/src/components/main/Header.tsx b/src/components/main/Header.tsx
index 5cde310..97e9d12 100644
--- a/src/components/main/Header.tsx
+++ b/src/components/main/Header.tsx
@@ -74,10 +74,10 @@ function Header() {
     ) : null;
 
   const headerBarClass = cn(
-    "gentle-transition mx-auto flex max-w-lg items-center justify-center px-4",
+    "gentle-transition mx-auto flex items-center",
     compact
-      ? "glass-panel safari-header-pill gap-3 rounded-full px-4 py-2 shadow-lg"
-      : "glass-panel w-full max-w-none rounded-none border-b border-white/30 py-1 dark:border-white/5",
+      ? "glass-panel safari-header-pill w-full max-w-lg justify-between rounded-full px-2 py-2 shadow-lg"
+      : "glass-panel w-full max-w-none justify-center rounded-none border-b border-white/30 px-4 py-1 dark:border-white/5",
     isOffline && "header-offline",
     isSyncing && "header-syncing"
   );
@@ -94,11 +94,11 @@ function Header() {
       >
         <Image
           alt="مادستاگرام"
-          width={compact ? 72 : 130}
-          height={compact ? 24 : 36}
+          width={compact ? 124 : 130}
+          height={compact ? 34 : 36}
           className={cn(
-            "h-auto w-auto dark:invert",
-            compact ? "h-6 max-w-[72px]" : "h-8 max-w-[130px]"
+            "h-auto w-auto dark:invert gentle-transition",
+            compact ? "h-[30px] max-w-[124px]" : "h-8 max-w-[130px]"
           )}
           src="/images/icons/logo.svg"
           priority
@@ -127,7 +127,11 @@ function Header() {
       <div className={headerBarClass}>
         {compact ? (
           <>
-            <Link href="/settings/chats" className={iconBtn} aria-label="پیام‌ها">
+            <Link
+              href="/settings/chats"
+              className={cn(iconBtn, "-mr-0.5")}
+              aria-label="پیام‌ها"
+            >
               {badge(unreadMessages)}
               <Image
                 alt=""
@@ -140,7 +144,7 @@ function Header() {
             <LogoBlock />
             <Link
               href="/settings/notifications"
-              className={iconBtn}
+              className={cn(iconBtn, "-ml-0.5")}
               aria-label="اعلان‌ها"
             >
               {badge(unreadNotification)}
diff --git a/src/components/main/ProfileAvatar.tsx b/src/components/main/ProfileAvatar.tsx
new file mode 100644
index 0000000..be1dae6
--- /dev/null
+++ b/src/components/main/ProfileAvatar.tsx
@@ -0,0 +1,57 @@
+import Image from "next/image";
+import { cn } from "@/lib/utils";
+import { buildStorageUrl } from "./BaseUrl";
+
+const sizeMap = {
+  xs: "h-8 w-8",
+  sm: "h-10 w-10",
+  chat: "h-14 w-14",
+  md: "h-[72px] w-[72px]",
+  lg: "h-[120px] w-[120px]",
+  xl: "h-[280px] w-[280px]",
+};
+
+type ProfileAvatarProps = {
+  src?: string | null;
+  alt?: string;
+  size?: keyof typeof sizeMap;
+  rounded?: "2xl" | "xl" | "full";
+  className?: string;
+  fallback?: string;
+};
+
+function ProfileAvatar({
+  src,
+  alt = "",
+  size = "md",
+  rounded = "2xl",
+  className,
+  fallback = "/images/fake-avatar.png",
+}: ProfileAvatarProps) {
+  const roundedClass =
+    rounded === "full"
+      ? "rounded-full"
+      : rounded === "xl"
+        ? "rounded-xl"
+        : "rounded-2xl";
+
+  const imageSrc = src ? buildStorageUrl(src) : fallback;
+
+  return (
+    <Image
+      src={imageSrc}
+      alt={alt}
+      width={280}
+      height={280}
+      unoptimized
+      className={cn(
+        "profile-avatar aspect-square object-cover shrink-0",
+        sizeMap[size],
+        roundedClass,
+        className
+      )}
+    />
+  );
+}
+
+export default ProfileAvatar;
diff --git a/src/components/main/SharePostModal.tsx b/src/components/main/SharePostModal.tsx
index 0bfad22..c11420c 100644
--- a/src/components/main/SharePostModal.tsx
+++ b/src/components/main/SharePostModal.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { motion, AnimatePresence } from "framer-motion";
-import { FiCopy, FiShare2, FiX } from "react-icons/fi";
+import BoldIcon from "@/components/ui/BoldIcon";
 import toast from "react-hot-toast";
 
 interface SharePostModalProps {
@@ -59,7 +59,7 @@ export default function SharePostModal({
             <div className="mb-4 flex items-center justify-between">
               <h3 className="font-bold">اشتراک‌گذاری</h3>
               <button type="button" onClick={onClose} className="rounded-full p-2">
-                <FiX size={20} />
+                <BoldIcon name="close-circle" size={20} tinted className="text-current" />
               </button>
             </div>
             <div className="glass-chat-input mb-4 flex items-center gap-2 rounded-2xl px-3 py-2.5">
@@ -72,7 +72,7 @@ export default function SharePostModal({
                 className="chat-action-btn gentle-transition flex h-9 w-9 shrink-0 items-center justify-center rounded-full active:scale-90"
                 aria-label="کپی"
               >
-                <FiCopy size={16} />
+                <BoldIcon name="copy" size={16} tinted className="text-white" />
               </button>
             </div>
             <button
@@ -80,7 +80,7 @@ export default function SharePostModal({
               onClick={nativeShare}
               className="ig-dm-send-btn gentle-transition flex w-full items-center justify-center gap-2 rounded-full py-3 text-sm font-semibold text-white active:scale-[0.98]"
             >
-              <FiShare2 size={18} />
+              <BoldIcon name="share" size={18} tinted className="text-white" />
               اشتراک‌گذاری سیستمی
             </button>
           </motion.div>
diff --git a/src/components/main/ShowMap.tsx b/src/components/main/ShowMap.tsx
index 09e5208..0ad6f13 100644
--- a/src/components/main/ShowMap.tsx
+++ b/src/components/main/ShowMap.tsx
@@ -17,8 +17,8 @@ function ShowMap({
     <Map
       style={{ height: height }}
       initialViewState={{
-        longitude: Number(lat),
-        latitude: Number(lng),
+        longitude: Number(lng),
+        latitude: Number(lat),
         zoom: 12,
       }}
       mapboxAccessToken="pk.eyJ1IjoiYWxkZjkyIiwiYSI6ImNscHh5ZG56dTByMXAycnJ2cDNmdDQ5M3YifQ.a_sUt1rLFMfA0jHrETcM7A"
@@ -26,7 +26,7 @@ function ShowMap({
     >
       <GeolocateControl />
       {lat && lng && (
-        <Marker latitude={Number(lng)} longitude={Number(lat)}>
+        <Marker latitude={Number(lat)} longitude={Number(lng)}>
           <Image
             alt="location icon"
             className="-mt-5"
diff --git a/src/components/main/UserInfo.tsx b/src/components/main/UserInfo.tsx
index 1b8b046..d18e5d8 100644
--- a/src/components/main/UserInfo.tsx
+++ b/src/components/main/UserInfo.tsx
@@ -1,7 +1,8 @@
 import Image from "next/image";
 import React from "react";
-import { IMAGE_BASE_URL, buildStorageUrl } from "./BaseUrl";
 import Link from "next/link";
+import ProfileAvatar from "./ProfileAvatar";
+import VerificationBadge from "./VerificationBadge";
 
 interface IUserInfoProps {
   profile_image: string | null | undefined;
@@ -22,50 +23,22 @@ function UserInfo({
   is_verified,
   noLink,
 }: IUserInfoProps) {
+  const avatar = (
+    <ProfileAvatar
+      src={profile_image}
+      alt={user_name || ""}
+      size="md"
+      rounded="2xl"
+      className="ml-3"
+    />
+  );
+
   return (
     <div className="flex items-center text-xs max-sm:text-[10px] md:text-sm font-semibold">
       {noLink ? (
-        profile_image ? (
-          <Image
-            className="rounded-2xl object-cover h-[72px] w-[72px] ml-3"
-            width={75}
-            height={75}
-            alt={user_name || ""}
-            src={buildStorageUrl(profile_image)}
-            unoptimized={true}
-          />
-        ) : (
-          <Image
-            className="rounded-2xl object-cover h-[72px] w-[72px] ml-3"
-            width={75}
-            height={75}
-            alt={user_name || ""}
-            src={`/images/fake-avatar.png`}
-            unoptimized={true}
-          />
-        )
+        avatar
       ) : (
-        <Link href={`/users/${user_name}`}>
-          {profile_image ? (
-            <Image
-              className="rounded-2xl object-cover h-[72px] w-[72px] ml-3"
-              width={75}
-              height={75}
-              alt={user_name || ""}
-              src={buildStorageUrl(profile_image)}
-              unoptimized={true}
-            />
-          ) : (
-            <Image
-              className="rounded-2xl object-cover h-[72px] w-[72px] ml-3"
-              width={75}
-              height={75}
-              alt={user_name || ""}
-              src={`/images/fake-avatar.png`}
-              unoptimized={true}
-            />
-          )}
-        </Link>
+        <Link href={`/users/${user_name}`}>{avatar}</Link>
       )}
       <div className="flex flex-col gap-1">
         <span className="text-[#387E65]">
@@ -73,29 +46,10 @@ function UserInfo({
         </span>
         <h1>{first_name && first_name + " " + last_name}</h1>
         <h2 className="flex items-center gap-1 mt-1">
-          {user_name}
-          {is_verified === "verified" ? (
-            <Image
-              width={22}
-              height={22}
-              alt={"verify icon"}
-              src={`/images/icons/verify.svg`}
-            />
-          ) : is_verified === "pending" ? (
-            <Image
-              width={25}
-              height={25}
-              alt={"not-verify icon"}
-              src={`/images/icons/not-verify.svg`}
-            />
-          ) :is_verified === "true" ? (
-            <Image
-              width={22}
-              height={22}
-              alt="verify icon"
-              src="/images/icons/verify2.svg"
-            />
-          ): ("")}
+          <span className="inline-flex items-center gap-1">
+            {user_name}
+            <VerificationBadge isVerified={is_verified} />
+          </span>
         </h2>
       </div>
     </div>
diff --git a/src/components/main/VerificationBadge.tsx b/src/components/main/VerificationBadge.tsx
new file mode 100644
index 0000000..4db16b8
--- /dev/null
+++ b/src/components/main/VerificationBadge.tsx
@@ -0,0 +1,101 @@
+import { cn } from "@/lib/utils";
+
+/** Optional fixed px size; default follows parent text (1em). */
+export const VERIFICATION_BADGE_SIZE = 14;
+
+export const VERIFICATION_COLORS = {
+  verified: "#2196EB",
+  license: "#EAB308",
+  pending: "#9CA3AF",
+} as const;
+
+type VerificationBadgeProps = {
+  isVerified?: string | null;
+  isRegister?: string | boolean | null;
+  className?: string;
+  size?: number;
+};
+
+export function resolveVerificationStatus(
+  isVerified?: string | null,
+  isRegister?: string | boolean | null
+): string | null {
+  if (isVerified && isVerified !== "none") {
+    return isVerified;
+  }
+
+  if (isRegister === true || isRegister === "true") {
+    return "pending";
+  }
+
+  return null;
+}
+
+export function getVerificationIcon(
+  isVerified?: string | null,
+  isRegister?: string | boolean | null
+): { src: string; alt: string; color: string } | null {
+  const status = resolveVerificationStatus(isVerified, isRegister);
+  if (!status) return null;
+
+  if (status === "true") {
+    return {
+      src: "/images/icons/verify2.svg",
+      alt: "تیک مجوز",
+      color: VERIFICATION_COLORS.license,
+    };
+  }
+  if (status === "verified") {
+    return {
+      src: "/images/icons/verify.svg",
+      alt: "تیک تایید",
+      color: VERIFICATION_COLORS.verified,
+    };
+  }
+  if (status === "pending") {
+    return {
+      src: "/images/icons/not-verify.svg",
+      alt: "در انتظار تایید",
+      color: VERIFICATION_COLORS.pending,
+    };
+  }
+
+  return null;
+}
+
+function VerificationBadge({
+  isVerified,
+  isRegister,
+  className,
+  size,
+}: VerificationBadgeProps) {
+  const icon = getVerificationIcon(isVerified, isRegister);
+  if (!icon) return null;
+
+  return (
+    <span
+      role="img"
+      aria-label={icon.alt}
+      title={icon.alt}
+      className={cn(
+        "inline-block shrink-0 bg-current align-middle",
+        size == null && "h-[1em] w-[1em]",
+        className
+      )}
+      style={{
+        ...(size != null ? { width: size, height: size } : undefined),
+        color: icon.color,
+        WebkitMaskImage: `url(${icon.src})`,
+        maskImage: `url(${icon.src})`,
+        WebkitMaskRepeat: "no-repeat",
+        maskRepeat: "no-repeat",
+        WebkitMaskPosition: "center",
+        maskPosition: "center",
+        WebkitMaskSize: "contain",
+        maskSize: "contain",
+      }}
+    />
+  );
+}
+
+export default VerificationBadge;
diff --git a/src/components/models/MainModelCard/CommentsModal.tsx b/src/components/models/MainModelCard/CommentsModal.tsx
index 0921aac..8449e10 100644
--- a/src/components/models/MainModelCard/CommentsModal.tsx
+++ b/src/components/models/MainModelCard/CommentsModal.tsx
@@ -1,15 +1,13 @@
 import React, { useState, useEffect } from "react";
 import Modal from "../../elements/Modal";
-import Image from "next/image";
 import useInfiniteScroll from "@/hooks/useInfiniteScroll";
-import { IMAGE_BASE_URL, buildStorageUrl } from "@/components/main/BaseUrl";
 import RoundedInput from "@/components/elements/RoundedInput";
 import useAxios from "@/hooks/useAxios";
 import toast from "react-hot-toast";
 import Rate from "rc-rate";
 import "rc-rate/assets/index.css";
-import { FiSend } from "react-icons/fi";
-import Cookies from "js-cookie";
+import BoldIcon from "@/components/ui/BoldIcon";
+import ProfileAvatar from "@/components/main/ProfileAvatar";
 
 export interface Comments {
   _id: string;
@@ -37,10 +35,6 @@ type CommentsModalProps = {
   postId?: string;
 };
 
-function ratingStorageKey(profileUserId: string) {
-  return `profile_star_rating_${profileUserId}`;
-}
-
 function CommentsModal({ isOpen, onClose, userId, postId }: CommentsModalProps) {
   const [hasRatedProfile, setHasRatedProfile] = useState(false);
   const [newMessage, setNewMessage] = useState("");
@@ -56,9 +50,11 @@ function CommentsModal({ isOpen, onClose, userId, postId }: CommentsModalProps)
   });
 
   useEffect(() => {
-    if (typeof window === "undefined") return;
-    setHasRatedProfile(!!localStorage.getItem(ratingStorageKey(userId)));
-  }, [userId, isOpen]);
+    const hasRated = data?.pages?.[0]?.has_rated;
+    if (typeof hasRated === "boolean") {
+      setHasRatedProfile(hasRated);
+    }
+  }, [data, isOpen, userId]);
 
   const allComments =
     data?.pages?.flatMap((page) => page?.comments || []) || [];
@@ -93,7 +89,6 @@ function CommentsModal({ isOpen, onClose, userId, postId }: CommentsModalProps)
 
       await request("POST", "/users/comments", body);
       if (!hasRatedProfile && rating) {
-        localStorage.setItem(ratingStorageKey(userId), String(rating));
         setHasRatedProfile(true);
       }
       setNewMessage("");
@@ -119,17 +114,16 @@ function CommentsModal({ isOpen, onClose, userId, postId }: CommentsModalProps)
                 key={item?._id}
                 className="mb-4 flex flex-row border-b border-neutral-100 pb-2 dark:border-neutral-800"
               >
-                <Image
-                  className="ml-2 min-h-16 max-h-16 min-w-16 max-w-16 rounded-xl"
-                  width={50}
-                  height={50}
-                  alt={item?.user?.user_name}
-                  src={buildStorageUrl(item?.user?.profile_image)}
-                  unoptimized
+                <ProfileAvatar
+                  src={item?.user?.profile_image}
+                  alt={item?.user?.user_name || "کاربر"}
+                  size="chat"
+                  rounded="full"
+                  className="ml-2"
                 />
                 <div className="text-sm">
                   <div className="font-semibold">{item?.user?.user_name}</div>
-                  {item?.rating != null && (
+                  {item?.rating != null && item.rating > 0 && (
                     <span className="text-amber-500">★ {item.rating}</span>
                   )}
                   <p className="mt-1">{item.comment}</p>
@@ -155,7 +149,7 @@ function CommentsModal({ isOpen, onClose, userId, postId }: CommentsModalProps)
               onClick={sendMessageHandler}
               className="ig-dm-send-btn gentle-transition flex h-10 w-10 shrink-0 items-center justify-center rounded-full text-white active:scale-90"
             >
-              <FiSend size={18} />
+              <BoldIcon name="send-2" size={18} tinted className="text-current" />
             </button>
             <RoundedInput
               value={newMessage}
diff --git a/src/components/models/MainModelCard/MainModelCard.tsx b/src/components/models/MainModelCard/MainModelCard.tsx
index a538050..3046040 100644
--- a/src/components/models/MainModelCard/MainModelCard.tsx
+++ b/src/components/models/MainModelCard/MainModelCard.tsx
@@ -12,10 +12,11 @@ import Image from "next/image";
 import MainModelCardActions from "./MainModelCardActions";
 import Link from "next/link";
 import { IMAGE_BASE_URL, buildStorageUrl } from "@/components/main/BaseUrl";
+import VerificationBadge from "@/components/main/VerificationBadge";
 import { useUserById } from "@/hooks/getUserById";
 import "slick-carousel/slick/slick.css";
 import "slick-carousel/slick/slick-theme.css";
-import { GoMute, GoUnmute } from "react-icons/go";
+import BoldIcon from "@/components/ui/BoldIcon";
 import SwipeImageSlider from "./SwipeImageSlider";
 
 // ایجاد Context برای به اشتراک گذاشتن وضعیت muted بین همه کارت‌ها
@@ -175,38 +176,17 @@ function MainModelCard({ postData }: { postData: Post }) {
               }
               alt={user_name}
               fill
-              className="rounded-xl object-cover"
+              className="rounded-xl object-cover aspect-square"
               priority
               unoptimized
             />
           </div>
           <div className="font-semibold flex gap-2 flex-col-reverse ml-2 w-full">
             <div className="flex items-center gap-1 mt-1">
-              <h2 className="max-sm:text-xs">{user_name}</h2>
-              {is_verified === "verified" ? (
-                <Image
-                  width={22}
-                  height={22}
-                  alt={"verify icon"}
-                  src={`/images/icons/verify.svg`}
-                />
-              ) : is_verified === "pending" ? (
-                <Image
-                  width={25}
-                  height={25}
-                  alt={"not-verify icon"}
-                  src={`/images/icons/not-verify.svg`}
-                />
-              ) : is_verified === "true" ? (
-                <Image
-                  width={22}
-                  height={22}
-                  alt="verify icon"
-                  src="/images/icons/verify2.svg"
-                />
-              ) : (
-                ""
-              )}
+              <h2 className="max-sm:text-xs inline-flex items-center gap-1">
+                {user_name}
+                <VerificationBadge isVerified={is_verified} />
+              </h2>
               <div className="flex items-center gap-0.5 justify-center">
                 <span className="mr-2">{user_score || 0}</span>
                 <Image
@@ -401,9 +381,9 @@ function MainModelCard({ postData }: { postData: Post }) {
             )}
             <div className="pointer-events-none absolute left-3 top-3 z-50 rounded-full bg-black/50 p-2 backdrop-blur-md">
               {videoMuted ? (
-                <GoMute className="text-xl text-white" aria-label="بی‌صدا" />
+                <BoldIcon name="volume-slash" size={20} tinted className="text-white" aria-label="بی‌صدا" />
               ) : (
-                <GoUnmute className="text-xl text-white" aria-label="با صدا" />
+                <BoldIcon name="volume-high" size={20} tinted className="text-white" aria-label="با صدا" />
               )}
             </div>
           </div>
diff --git a/src/components/models/MainModelCard/SwipeImageSlider.tsx b/src/components/models/MainModelCard/SwipeImageSlider.tsx
index a2dd01f..032d27d 100644
--- a/src/components/models/MainModelCard/SwipeImageSlider.tsx
+++ b/src/components/models/MainModelCard/SwipeImageSlider.tsx
@@ -2,7 +2,7 @@
 
 import React, { useState, useRef, useEffect } from "react";
 import Image from "next/image";
-import { FiChevronLeft, FiChevronRight } from "react-icons/fi";
+import BoldIcon from "@/components/ui/BoldIcon";
 
 interface MediaFile {
   src: string;
@@ -129,14 +129,14 @@ const SwipeImageSlider: React.FC<SwipeImageSliderProps> = ({
             className="absolute left-4 top-1/2 -translate-y-1/2 w-10 h-10 bg-black/40 hover:bg-black/60 text-white rounded-full flex items-center justify-center opacity-0 group-hover:opacity-100 transition-all duration-300 backdrop-blur-sm"
             aria-label="تصویر قبلی"
           >
-            <FiChevronLeft className="text-xl" />
+            <BoldIcon name="arrow-left-2" size={20} tinted className="text-white" />
           </button>
           <button
             onClick={goToNext}
             className="absolute right-4 top-1/2 -translate-y-1/2 w-10 h-10 bg-black/40 hover:bg-black/60 text-white rounded-full flex items-center justify-center opacity-0 group-hover:opacity-100 transition-all duration-300 backdrop-blur-sm"
             aria-label="تصویر بعدی"
           >
-            <FiChevronRight className="text-xl" />
+            <BoldIcon name="arrow-right-2" size={20} tinted className="text-white" />
           </button>
         </>
       )}
diff --git a/src/components/models/ModelPage/LocationModal.tsx b/src/components/models/ModelPage/LocationModal.tsx
index 89376c9..cc3cc34 100644
--- a/src/components/models/ModelPage/LocationModal.tsx
+++ b/src/components/models/ModelPage/LocationModal.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import React, { useEffect, useState } from "react";
-import { FaMapMarkerAlt } from "react-icons/fa";
+import BoldIcon from "@/components/ui/BoldIcon";
 
 interface LocationModalProps {
   isOpen: boolean;
@@ -49,7 +49,7 @@ export default function LocationModal({
       <div className="bg-white dark:bg-neutral-800 rounded-2xl p-6 max-w-md w-full mx-4 shadow-2xl transform transition-all duration-300 scale-95 animate-fadeIn overflow-y-auto max-h-[80vh]">
         {/* Header */}
         <div className="flex items-center gap-2 mb-4">
-          <FaMapMarkerAlt className="text-blue-500 text-xl" />
+          <BoldIcon name="location" size={20} tinted className="text-blue-500" />
           <h2 className="text-lg font-semibold dark:text-neutral-100 text-gray-800">لوکیشن کاربر</h2>
         </div>
 
diff --git a/src/components/models/ModelPage/MainModelCardPost.tsx b/src/components/models/ModelPage/MainModelCardPost.tsx
index 8049e81..ef4cb32 100644
--- a/src/components/models/ModelPage/MainModelCardPost.tsx
+++ b/src/components/models/ModelPage/MainModelCardPost.tsx
@@ -6,6 +6,7 @@ import Image from "next/image";
 import MainModelCardActions from "../MainModelCard/MainModelCardActions";
 import Link from "next/link";
 import { IMAGE_BASE_URL, buildStorageUrl } from "@/components/main/BaseUrl";
+import VerificationBadge from "@/components/main/VerificationBadge";
 import { useUserById } from "@/hooks/getUserById";
 import Slider from "react-slick";
 import "slick-carousel/slick/slick.css";
@@ -174,21 +175,16 @@ function MainModelCard({ postData }: { postData: Post }) {
               }
               alt={user_name}
               fill
-              className="rounded-xl object-cover"
+              className="rounded-xl object-cover aspect-square"
               priority
             />
           </div>
           <div className="font-semibold flex gap-2 flex-col-reverse ml-2 w-full">
             <div className="flex items-center gap-1 mt-1">
-              <span className="max-sm:text-xs">{user_name}</span>
-              {is_verified === "verified" && (
-                <Image
-                  width={22}
-                  height={22}
-                  alt="verify icon"
-                  src="/images/icons/verify.svg"
-                />
-              )}
+              <span className="max-sm:text-xs inline-flex items-center gap-1">
+                {user_name}
+                <VerificationBadge isVerified={is_verified} />
+              </span>
               <div className="flex items-center gap-0.5 justify-center">
                 <span className="mr-2">{user_score || 0}</span>
                 <Image
diff --git a/src/components/models/ModelPage/ModelContentPosts.tsx b/src/components/models/ModelPage/ModelContentPosts.tsx
index ca9d44e..8637873 100644
--- a/src/components/models/ModelPage/ModelContentPosts.tsx
+++ b/src/components/models/ModelPage/ModelContentPosts.tsx
@@ -8,7 +8,7 @@ import { Post, User } from "@/types/types";
 import axios from "axios";
 import { BASE_URL, IMAGE_BASE_URL, buildStorageUrl } from "@/components/main/BaseUrl";
 import Image from "next/image";
-import { FaPlay } from "react-icons/fa";
+import BoldIcon from "@/components/ui/BoldIcon";
 import { ChatListSkeleton } from "@/components/ui/ChatSkeletons";
 import PageLoader from "@/components/ui/PageLoader";
 
@@ -126,7 +126,7 @@ function ModelContentPosts({ filters, token, _id }: InfinitePostsProps) {
               {post.type === "video" && (
                 <div className="pointer-events-none absolute inset-0 flex items-center justify-center">
                   <div className="rounded-full bg-black/40 p-2">
-                    <FaPlay className="text-lg text-white" />
+                    <BoldIcon name="play" size={18} tinted className="text-white" />
                   </div>
                 </div>
               )}
diff --git a/src/components/models/ModelPage/ModelHead.tsx b/src/components/models/ModelPage/ModelHead.tsx
index 6b4d329..63bd483 100644
--- a/src/components/models/ModelPage/ModelHead.tsx
+++ b/src/components/models/ModelPage/ModelHead.tsx
@@ -1,7 +1,7 @@
-"use client"
-import { IMAGE_BASE_URL, buildStorageUrl } from "@/components/main/BaseUrl";
+"use client";
+
+import ProfileAvatar from "@/components/main/ProfileAvatar";
 import { User } from "@/types/types";
-import Image from "next/image";
 import React, { useState } from "react";
 import ModelHeadRowTwo from "./ModelHeadRowTwo";
 import ModelHeadRowThree from "./ModelHeadRowThree";
@@ -31,7 +31,8 @@ function ModelHead({ user, item2 }: ModelHeadProps) {
     user_level,
     bio,
     user_type,
-    _id
+    _id,
+    is_Register,
   } = user;
   
 
@@ -108,30 +109,19 @@ function ModelHead({ user, item2 }: ModelHeadProps) {
             </div>
           </div>
         </div>
-        {profile_image ? (
-          <Image
-            className="rounded-xl object-cover h-[72px] w-[72px] md:h-[120px] md:w-[120px]"
-            width={120}
-            height={120}
-            alt={user_name}
-            src={buildStorageUrl(profile_image)}
-            unoptimized={true}
-          />
-        ) : (
-          <Image
-            className="rounded-xl object-cover h-[72px] w-[72px] md:h-[120px] md:w-[120px]"
-            width={120}
-            height={120}
-            alt={user_name}
-            src={`/images/fake-avatar.png`}
-            unoptimized={true}
-          />
-        )}
+        <ProfileAvatar
+          src={profile_image}
+          alt={user_name}
+          size="md"
+          rounded="xl"
+          className="md:h-[120px] md:w-[120px]"
+        />
       </div>
       <ModelHeadRowTwo
         first_name={first_name}
         last_name={last_name}
         is_verified={is_verified}
+        is_Register={is_Register}
         user_name={user_name}
         user_score={user_score}
         rate={rate}
diff --git a/src/components/models/ModelPage/ModelHeadRowTwo.tsx b/src/components/models/ModelPage/ModelHeadRowTwo.tsx
index 5e69b92..96be958 100644
--- a/src/components/models/ModelPage/ModelHeadRowTwo.tsx
+++ b/src/components/models/ModelPage/ModelHeadRowTwo.tsx
@@ -1,4 +1,5 @@
 import { useUserById } from "@/hooks/getUserById";
+import VerificationBadge from "@/components/main/VerificationBadge";
 import Image from "next/image";
 import React from "react";
 
@@ -6,10 +7,11 @@ interface ProfileHeadRowTwoProps {
   first_name: string;
   last_name: string;
   is_verified: string;
+  is_Register?: string | boolean | null;
   user_name: string;
   user_score?: string;
   rate?: string;
-  user_id:string
+  user_id: string;
 }
 
 function ModelHeadRowTwo({
@@ -18,12 +20,13 @@ function ModelHeadRowTwo({
   user_name,
   user_score,
   rate,
-  user_id
+  user_id,
+  is_verified: isVerifiedProp,
+  is_Register: isRegisterProp,
 }: ProfileHeadRowTwoProps) {
-
-
-  const user = useUserById( user_id);
-  const is_verified = user?.is_verified;
+  const user = useUserById(user_id);
+  const is_verified = isVerifiedProp ?? user?.is_verified;
+  const is_Register = isRegisterProp ?? user?.is_Register;
   return (
     <div className="px-4 py-2 grid w-full grid-cols-3 items-end text-xs md:text-sm font-semibold">
       <div className="flex items-center">
@@ -54,33 +57,12 @@ function ModelHeadRowTwo({
         </h3>
         <div className="flex items-center gap-1">
         
-          <h3 className="flex gap-1 flex-row-reverse">
+          <h3 className="flex items-center gap-1 flex-row-reverse">
             {user_name}
-       
-             {is_verified === "verified" ? (
-                          <Image
-                            width={22}
-                            height={22}
-                            alt={"verify icon"}
-                            src={`/images/icons/verify.svg`}
-                          />
-                        ) : is_verified === "pending" ? (
-                          <Image
-                            width={25}
-                            height={25}
-                            alt={"not-verify icon"}
-                            src={`/images/icons/not-verify.svg`}
-                          />
-                        ) : is_verified === "true" ? (
-                          <Image
-                            width={22}
-                            height={22}
-                            alt="verify icon"
-                            src="/images/icons/verify2.svg"
-                          />
-                        ) : (
-                          ""
-                        )}
+            <VerificationBadge
+              isVerified={is_verified}
+              isRegister={is_Register}
+            />
           </h3>
         </div>
       </div>
diff --git a/src/components/models/ModelsFilter.tsx b/src/components/models/ModelsFilter.tsx
index 28c86fa..cd760ea 100644
--- a/src/components/models/ModelsFilter.tsx
+++ b/src/components/models/ModelsFilter.tsx
@@ -108,18 +108,30 @@ function ModelsFilter({ expertise }: ModelsFilterProps) {
               className="dark:invert"
             />
           </button>
+          <button
+            type="button"
+            onClick={() => router.push("/search?type=user")}
+            aria-label="جستجوی کاربر"
+          >
+            <Image
+              width={25}
+              height={25}
+              alt="جستجوی کاربر"
+              src="/images/icons/search-normal.svg"
+            />
+          </button>
           <button
             type="button"
             onClick={() => router.push("/explore")}
-            className="gentle-transition flex h-9 w-9 items-center justify-center rounded-full border border-[#e1306c]/40 bg-gradient-to-br from-[#5b51d8]/10 to-[#e1306c]/10 active:scale-90"
             aria-label="اکسپلور"
           >
-            <svg width="22" height="22" viewBox="0 0 24 24" fill="none" aria-hidden>
-              <rect x="3" y="3" width="7" height="7" rx="2" stroke="#e1306c" strokeWidth="1.8" />
-              <rect x="14" y="3" width="7" height="7" rx="2" stroke="#c13584" strokeWidth="1.8" />
-              <rect x="3" y="14" width="7" height="7" rx="2" stroke="#5b51d8" strokeWidth="1.8" />
-              <rect x="14" y="14" width="7" height="7" rx="2" stroke="#e1306c" strokeWidth="1.8" />
-            </svg>
+            <Image
+              width={25}
+              height={25}
+              alt="اکسپلور"
+              src="/images/icons/grid-3.svg"
+              className="dark:invert"
+            />
           </button>
         </div>
       </div>
diff --git a/src/components/posts/PostFeedView.tsx b/src/components/posts/PostFeedView.tsx
index 6d94211..594c445 100644
--- a/src/components/posts/PostFeedView.tsx
+++ b/src/components/posts/PostFeedView.tsx
@@ -11,7 +11,7 @@ import { MutedProvider } from "@/components/models/ModelPage/MainModelCardPost";
 import PageLoader from "@/components/ui/PageLoader";
 import { Skeleton } from "@/components/ui/skeleton";
 import Cookies from "js-cookie";
-import { FiX } from "react-icons/fi";
+import BoldIcon from "@/components/ui/BoldIcon";
 
 interface PostFeedViewProps {
   initialPostId: string;
@@ -109,7 +109,7 @@ export default function PostFeedView({
             className="gentle-transition fixed left-4 top-[calc(1rem+env(safe-area-inset-top))] z-[100] flex h-10 w-10 items-center justify-center rounded-full bg-black/40 text-white backdrop-blur-md active:scale-90"
             aria-label="بستن"
           >
-            <FiX size={22} />
+            <BoldIcon name="close-circle" size={22} tinted className="text-white" />
           </button>
         )}
         <div
diff --git a/src/components/posts/TagUsersPicker.tsx b/src/components/posts/TagUsersPicker.tsx
index 1b4b221..66c1ac8 100644
--- a/src/components/posts/TagUsersPicker.tsx
+++ b/src/components/posts/TagUsersPicker.tsx
@@ -4,7 +4,7 @@ import { useEffect, useState } from "react";
 import Image from "next/image";
 import useAxios from "@/hooks/useAxios";
 import { IMAGE_BASE_URL, buildStorageUrl } from "@/components/main/BaseUrl";
-import { FiUserPlus, FiX } from "react-icons/fi";
+import BoldIcon from "@/components/ui/BoldIcon";
 import toast from "react-hot-toast";
 
 export interface TaggedUser {
@@ -73,7 +73,7 @@ export default function TagUsersPicker({
         onClick={() => setOpen((o) => !o)}
         className="glass-chat-input gentle-transition flex w-full items-center justify-center gap-2 rounded-full py-2.5 text-sm font-medium active:scale-[0.98]"
       >
-        <FiUserPlus />
+        <BoldIcon name="user-add" size={20} tinted className="text-current" />
         تگ کردن افراد ({selected.length}/{max})
       </button>
 
@@ -86,7 +86,7 @@ export default function TagUsersPicker({
             >
               @{u.user_name}
               <button type="button" onClick={() => removeUser(u._id)}>
-                <FiX size={14} />
+                <BoldIcon name="close-circle" size={14} tinted className="text-current" />
               </button>
             </span>
           ))}
diff --git a/src/components/projects/ProjectPage/ProjectCreator.tsx b/src/components/projects/ProjectPage/ProjectCreator.tsx
index b2967ba..d6b23e1 100644
--- a/src/components/projects/ProjectPage/ProjectCreator.tsx
+++ b/src/components/projects/ProjectPage/ProjectCreator.tsx
@@ -1,7 +1,6 @@
 import { IProjectCreator } from "@/types/types";
 import React from "react";
-import Image from "next/image";
-import { IMAGE_BASE_URL, buildStorageUrl } from "@/components/main/BaseUrl";
+import ProfileAvatar from "@/components/main/ProfileAvatar";import VerificationBadge from "@/components/main/VerificationBadge";
 import Link from "next/link";
 
 function ProjectCreator({ creator }: { creator: IProjectCreator }) {
@@ -11,13 +10,12 @@ function ProjectCreator({ creator }: { creator: IProjectCreator }) {
       className="w-full flex items-center my-3"
     >
       {creator?.profile_image && (
-        <Image
-          className="rounded-2xl object-cover h-[72px] w-[72px] md:h-[120px] md:w-[120px] ml-2"
-          width={120}
-          height={120}
+        <ProfileAvatar
+          src={creator.profile_image}
           alt={creator?.user_name}
-          src={buildStorageUrl(creator?.profile_image)}
-          unoptimized={true}
+          size="md"
+          rounded="2xl"
+          className="ml-2 md:h-[120px] md:w-[120px]"
         />
       )}
       <div className="flex flex-col gap-1">
@@ -31,24 +29,10 @@ function ProjectCreator({ creator }: { creator: IProjectCreator }) {
             creator?.first_name + " " + creator?.last_name}
         </span>
         <div className="flex items-center gap-1 mt-1">
-          {creator?.user_name}
-          {creator?.is_verified === "verified" ? (
-            <Image
-              width={22}
-              height={22}
-              alt={"verify icon"}
-              src={`/images/icons/verify.svg`}
-            />
-          ) : creator?.is_verified === "pending" ? (
-            <Image
-              width={25}
-              height={25}
-              alt={"not-verify icon"}
-              src={`/images/icons/not-verify.svg`}
-            />
-          ) : (
-            ""
-          )}
+          <span className="inline-flex items-center gap-1">
+            {creator?.user_name}
+            <VerificationBadge isVerified={creator?.is_verified} />
+          </span>
         </div>
       </div>
     </Link>
diff --git a/src/components/projects/Workroom/ProjectWorkroomRate.tsx b/src/components/projects/Workroom/ProjectWorkroomRate.tsx
index 9acd904..e5edafa 100644
--- a/src/components/projects/Workroom/ProjectWorkroomRate.tsx
+++ b/src/components/projects/Workroom/ProjectWorkroomRate.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import React, { useState } from "react";
+import React, { useState, useEffect } from "react";
 import Rate from "rc-rate";
 import "rc-rate/assets/index.css";
 import useAxios from "@/hooks/useAxios";
@@ -20,48 +20,77 @@ function ProjectWorkroomRate({
   const router = useRouter();
   const [rating, setRating] = useState<number>(0);
   const [commentText, setCommentText] = useState<string>("");
+  const [hasRatedUser, setHasRatedUser] = useState(false);
+
+  const targetUserId =
+    typeof selected_user === "string" ? selected_user : selected_user?._id;
+
+  useEffect(() => {
+    if (!targetUserId) return;
+
+    const fetchRatingStatus = async () => {
+      try {
+        const response = (await request(
+          "GET",
+          `/users/comments?user_id=${targetUserId}&limit=1`
+        )) as { has_rated?: boolean };
+        setHasRatedUser(!!response?.has_rated);
+      } catch {
+        setHasRatedUser(false);
+      }
+    };
+
+    fetchRatingStatus();
+  }, [targetUserId, request]);
+
   const doneHandler = async () => {
     if (!commentText) {
       toast.error("ثبت نظر الزامی است.");
       return;
     }
-    if (!rating) {
+    if (!hasRatedUser && !rating) {
       toast.error("ثبت امتیاز الزامی است.");
       return;
     }
     try {
-      await request("POST", "/projects/done/web", {
+      const body: Record<string, unknown> = {
         project_id: projectId,
         comment: commentText,
-        rate: rating,
-        user_id: selected_user,
-      });
+        user_id: targetUserId,
+      };
+      if (!hasRatedUser && rating) body.rate = rating;
+
+      await request("POST", "/projects/done/web", body);
       router.push("/settings/workroom");
     } catch (error: unknown) {
       console.log(error);
     }
   };
+
   const cancleHandler = async () => {
     if (!commentText) {
       toast.error("ثبت نظر الزامی است.");
       return;
     }
-    if (!rating) {
+    if (!hasRatedUser && !rating) {
       toast.error("ثبت امتیاز الزامی است.");
       return;
     }
     try {
-      await request("POST", "/projects/cancle", {
+      const body: Record<string, unknown> = {
         project_id: projectId,
         comment: commentText,
-        rate: rating,
-        user_id: selected_user,
-      });
+        user_id: targetUserId,
+      };
+      if (!hasRatedUser && rating) body.rate = rating;
+
+      await request("POST", "/projects/cancle", body);
       router.push("/settings/workroom");
     } catch (error: unknown) {
       console.log(error);
     }
   };
+
   return (
     <div className="flex flex-col items-center gap-3 w-full my-7">
       <textarea
@@ -70,12 +99,14 @@ function ProjectWorkroomRate({
         onChange={(e) => setCommentText(e.target.value)}
         className={`w-full p-4 h-20 rounded-3xl border border-border-secondary-light dark:border-border-secondary-dark bg-secondary-light dark:bg-secondary-dark font-medium `}
       />
-      <Rate
-        value={rating}
-        onChange={(value) => setRating(value)}
-        count={5}
-        style={{ fontSize: "28px" }}
-      />
+      {!hasRatedUser && (
+        <Rate
+          value={rating}
+          onChange={(value) => setRating(value)}
+          count={5}
+          style={{ fontSize: "28px" }}
+        />
+      )}
       <div className="grid grid-cols-2 w-full max-w-sm gap-4 text-sm">
         <RoundedButton
           onClick={doneHandler}
diff --git a/src/components/settings/PageTitle.tsx b/src/components/settings/PageTitle.tsx
index a6102e0..e810663 100644
--- a/src/components/settings/PageTitle.tsx
+++ b/src/components/settings/PageTitle.tsx
@@ -1,13 +1,19 @@
+"use client";
+
+import { usePageTitle } from "@/hooks/usePageTitle";
+
 type PageTitleProps = {
   children: React.ReactNode;
 };
 
 const PageTitle: React.FC<PageTitleProps> = ({ children }) => {
+  const titleText = typeof children === "string" ? children : null;
+  usePageTitle(titleText);
 
   return (
-    <h6 className="text-title-light dark:text-text-title-dark font-bold text-center text-2xl my-7">
+    <h1 className="my-7 text-center text-2xl font-bold text-foreground">
       {children}
-    </h6>
+    </h1>
   );
 };
 
diff --git a/src/components/settings/UserDetails.tsx b/src/components/settings/UserDetails.tsx
index 3eae01e..ab0ec82 100644
--- a/src/components/settings/UserDetails.tsx
+++ b/src/components/settings/UserDetails.tsx
@@ -1,8 +1,8 @@
 "use client";
 
-import Image from "next/image";
 import React, { useEffect, useState } from "react";
-import { IMAGE_BASE_URL, buildStorageUrl } from "../main/BaseUrl";
+import ProfileAvatar from "../main/ProfileAvatar";
+import VerificationBadge from "../main/VerificationBadge";
 import CompleteRegister from "./settings/CompleteRegister";
 import Link from "next/link";
 import { useUser } from "@/hooks/useUser";
@@ -10,27 +10,23 @@ import { useUser } from "@/hooks/useUser";
 function UserDetails() {
   const [isRegister, setIsRegister] = useState<string | undefined>("false");
   const user = useUser();
+
   useEffect(() => {
     setIsRegister(user?.is_Register);
   }, [user]);
-  
 
-
-  
-  
   return (
     <div>
       <Link
         href={"/settings/profile"}
         className="flex items-center text-xs md:text-sm font-semibold"
       >
-        <Image
-          className="rounded-2xl object-cover h-[72px] w-[72px] md:h-[120px] md:w-[120px] ml-3"
-          width={120}
-          height={120}
+        <ProfileAvatar
+          src={user?.profile_image}
           alt={user?.user_name || "user profile"}
-          src={buildStorageUrl(user?.profile_image)}
-          unoptimized={true}
+          size="md"
+          rounded="2xl"
+          className="ml-3 md:h-[120px] md:w-[120px]"
         />
         <div className="flex flex-col gap-1">
           <span className="text-[#387E65]">
@@ -41,31 +37,13 @@ function UserDetails() {
             {user?.first_name && user?.first_name + " " + user?.last_name}
           </span>
           <div className="flex items-center gap-1 mt-1">
-            {user?.user_name}
-            {isRegister === "verified" ? (
-                          <Image
-                            width={22}
-                            height={22}
-                            alt={"verify icon"}
-                            src={`/images/icons/verify.svg`}
-                          />
-                        ) : isRegister === "pending" ? (
-                          <Image
-                            width={25}
-                            height={25}
-                            alt={"not-verify icon"}
-                            src={`/images/icons/not-verify.svg`}
-                          />
-                        ) : isRegister === "true" ? (
-                          <Image
-                            width={22}
-                            height={22}
-                            alt="verify icon"
-                            src="/images/icons/verify2.svg"
-                          />
-                        ) : (
-                          ""
-                        )}
+            <span className="inline-flex items-center gap-1">
+              {user?.user_name}
+              <VerificationBadge
+                isVerified={user?.is_verified}
+                isRegister={user?.is_Register}
+              />
+            </span>
             <span className="mr-4">{user?.mobile}</span>
           </div>
         </div>
diff --git a/src/components/settings/offers/CommentModal.tsx b/src/components/settings/offers/CommentModal.tsx
index 027939f..94a324b 100644
--- a/src/components/settings/offers/CommentModal.tsx
+++ b/src/components/settings/offers/CommentModal.tsx
@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import React, { useState, useEffect } from "react";
 import Rate from "rc-rate";
 import "rc-rate/assets/index.css";
 import Modal from "@/components/elements/Modal";
@@ -17,36 +17,64 @@ function CommentModal({ isOpen, onClose, item }: CommentModalProps) {
   const { request } = useAxios();
   const [rating, setRating] = useState<number>(0);
   const [commentText, setCommentText] = useState<string>("");
+  const [hasRatedUser, setHasRatedUser] = useState(false);
+
+  const receiverId = item?.receiver?._id;
+
+  useEffect(() => {
+    if (!isOpen || !receiverId) return;
+
+    const fetchRatingStatus = async () => {
+      try {
+        const response = (await request(
+          "GET",
+          `/users/comments?user_id=${receiverId}&limit=1`
+        )) as { has_rated?: boolean };
+        setHasRatedUser(!!response?.has_rated);
+      } catch {
+        setHasRatedUser(false);
+      }
+    };
+
+    fetchRatingStatus();
+  }, [isOpen, receiverId, request]);
+
   const submitComment = async () => {
     if (!commentText) {
       toast.error("متن نظر الزامی است.");
       return;
     }
-    if (!rating) {
+    if (!hasRatedUser && !rating) {
       toast.error("امتیاز الزامی است.");
       return;
     }
     try {
-      await request("POST", "/offers/comment", {
+      const body: Record<string, unknown> = {
         offerId: item ? item?._id : "",
         comment: commentText,
-        rate: rating,
-        user_id: item ? item?.receiver?._id : "",
-      });
+        user_id: receiverId,
+      };
+      if (!hasRatedUser && rating) body.rate = rating;
+
+      await request("POST", "/offers/comment", body);
+      onClose();
     } catch (error: unknown) {
       console.log(error);
     }
   };
+
   return (
     <Modal height="440px" isOpen={isOpen} onClose={onClose}>
       <div className="flex flex-col items-center gap-6 mt-5">
         <span>ثبت نظر</span>
-        <Rate
-          value={rating}
-          onChange={(value) => setRating(value)}
-          count={5}
-          style={{ fontSize: "28px" }}
-        />
+        {!hasRatedUser && (
+          <Rate
+            value={rating}
+            onChange={(value) => setRating(value)}
+            count={5}
+            style={{ fontSize: "28px" }}
+          />
+        )}
         <textarea
           value={commentText}
           onChange={(e) => setCommentText(e.target.value)}
diff --git a/src/components/settings/settings/Logout.tsx b/src/components/settings/settings/Logout.tsx
index 0f3fefe..d6dfec1 100644
--- a/src/components/settings/settings/Logout.tsx
+++ b/src/components/settings/settings/Logout.tsx
@@ -1,26 +1,18 @@
 "use client";
-import Cookies from "js-cookie";
 import Image from "next/image";
 import { useRouter } from "next/navigation";
 import React, { useState } from "react";
 import Modal from "../../elements/Modal";
 import RoundedButton from "../../elements/RoundedButton";
+import { clearAuthSession } from "@/lib/auth/session";
 
 function Logout() {
   const [showModal, setShowModal] = useState<boolean>(false);
   const router = useRouter();
-  const logoutHandler = () => {
-    localStorage.removeItem("id");
-    localStorage.removeItem("mobile");
-    localStorage.removeItem("otp");
-    localStorage.removeItem("token");
-    localStorage.removeItem("usertype");
-    localStorage.removeItem("first_name");
-    localStorage.removeItem("last_name");
-    localStorage.removeItem("username");
-    localStorage.removeItem("step");
-    Cookies.remove("token");
+  const logoutHandler = async () => {
+    await clearAuthSession();
     router.push("/login");
+    router.refresh();
   };
   return (
     <>
diff --git a/src/components/site-header.tsx b/src/components/site-header.tsx
index 3dda36e..58c76e0 100644
--- a/src/components/site-header.tsx
+++ b/src/components/site-header.tsx
@@ -60,7 +60,9 @@ export function SiteHeader() {
             orientation="vertical"
             className="mx-2 data-[orientation=vertical]:h-4"
           />
-          <h1 className="text-base font-medium">{academy?.academy_name}</h1>
+          <h1 className="text-base font-medium text-foreground">
+            {academy?.academy_name || "پنل آکادمی"}
+          </h1>
         </div>
       </div>
     </header>
diff --git a/src/components/ui/BoldIcon.tsx b/src/components/ui/BoldIcon.tsx
new file mode 100644
index 0000000..f900832
--- /dev/null
+++ b/src/components/ui/BoldIcon.tsx
@@ -0,0 +1,65 @@
+"use client";
+
+import { cn } from "@/lib/utils";
+
+const BOLD_BASE = "/images/icons/vuesax/bold";
+
+export type BoldIconName = string;
+
+interface BoldIconProps {
+  /** Vuesax bold icon file name without path, e.g. "search-normal" or "search-normal.svg" */
+  name: BoldIconName;
+  size?: number;
+  className?: string;
+  /** When true, icon uses currentColor (for tinted buttons). Default uses dark fill + optional invert in parent. */
+  tinted?: boolean;
+}
+
+export function boldIconUrl(name: string): string {
+  const file = name.endsWith(".svg") ? name : `${name}.svg`;
+  return `${BOLD_BASE}/${file}`;
+}
+
+export default function BoldIcon({
+  name,
+  size = 20,
+  className,
+  tinted = false,
+}: BoldIconProps) {
+  const url = boldIconUrl(name);
+
+  if (tinted) {
+    return (
+      <span
+        role="img"
+        aria-hidden
+        className={cn("inline-block shrink-0 bg-current", className)}
+        style={{
+          width: size,
+          height: size,
+          WebkitMaskImage: `url(${url})`,
+          maskImage: `url(${url})`,
+          WebkitMaskRepeat: "no-repeat",
+          maskRepeat: "no-repeat",
+          WebkitMaskPosition: "center",
+          maskPosition: "center",
+          WebkitMaskSize: "contain",
+          maskSize: "contain",
+        }}
+      />
+    );
+  }
+
+  return (
+    // eslint-disable-next-line @next/next/no-img-element
+    <img
+      src={url}
+      alt=""
+      aria-hidden
+      width={size}
+      height={size}
+      className={cn("inline-block shrink-0 dark:invert", className)}
+      style={{ width: size, height: size }}
+    />
+  );
+}
diff --git a/src/components/ui/CategoryBox.tsx b/src/components/ui/CategoryBox.tsx
index 46bc565..230eab5 100644
--- a/src/components/ui/CategoryBox.tsx
+++ b/src/components/ui/CategoryBox.tsx
@@ -4,8 +4,7 @@ import { useTranslation } from "react-i18next";
 import { Card, CardContent } from "@/components/ui/card";
 import { Badge } from "@/components/ui/badge";
 import { cn } from "@/lib/utils";
-import { FiLayers } from "react-icons/fi";
-import { FiPackage } from "react-icons/fi";
+import BoldIcon from "@/components/ui/BoldIcon";
 
 interface CategoryBox {
   src: string;
@@ -37,7 +36,7 @@ export default function CategoryBox(props: CategoryBox) {
         </div>
         {/* Badge with icon */}
         <Badge className="absolute -top-2 -right-2 flex items-center gap-1 px-2 py-1 dark:bg-neutral-800 bg-cyan-500 text-white shadow-md rounded-full">
-          <FiPackage className="w-3 h-3" />
+          <BoldIcon name="box" size={12} tinted className="text-white w-3 h-3" />
           {props.product}
         </Badge>
       </div>
@@ -54,11 +53,11 @@ export default function CategoryBox(props: CategoryBox) {
               props.ClassificationView === true ? "" : "hidden"
             } flex items-center gap-2`}
           >
-            <FiLayers className="w-4 h-4" />
+            <BoldIcon name="layer" size={16} tinted className="text-current w-4 h-4" />
             <span>{t("home.Classification")}:</span> {props.Classification}
           </p>
           <p className="flex items-center gap-2">
-            <FiPackage className="w-4 h-4" />
+            <BoldIcon name="box" size={16} tinted className="text-current w-4 h-4" />
             <span>{t("home.product")}:</span> {props.product}
           </p>
         </div>
diff --git a/src/components/ui/ImageCarousel.tsx b/src/components/ui/ImageCarousel.tsx
index 06cb2bd..6c9b435 100644
--- a/src/components/ui/ImageCarousel.tsx
+++ b/src/components/ui/ImageCarousel.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import React, { useState } from "react";
-import { FaHeart, FaShareAlt } from "react-icons/fa";
+import BoldIcon from "@/components/ui/BoldIcon";
 
 interface ProductGalleryProps {
   images: string[];
@@ -13,14 +13,12 @@ export default function ImageCarousel({ images }: ProductGalleryProps) {
 
   return (
     <div className="flex flex-col items-center gap-4">
-      {/* عکس بزرگ */}
       <div className="relative border rounded-md">
         <img
           src={selectedImage}
           alt="Selected"
           className="w-[650px] h-[600px] max-xl:h-[500px] max-xl:w-[450px] max-lg:h-[400px] max-lg:w-[350px] max-sm:h-[300px] max-sm:w-[300px] object-cover rounded-lg shadow-lg"
         />
-        {/* دکمه‌های لایک و شیر */}
         <div className="md:hidden absolute top-2 right-2 flex flex-col gap-2">
           <button
             onClick={() => setLiked(!liked)}
@@ -28,18 +26,17 @@ export default function ImageCarousel({ images }: ProductGalleryProps) {
               liked ? "bg-red-500 text-white" : "bg-white text-gray-800"
             }`}
           >
-            <FaHeart />
+            <BoldIcon name="heart" size={20} tinted className={liked ? "text-white" : "text-gray-800"} />
           </button>
           <button
             onClick={() => navigator.share?.({ title: "Check this out", url: window.location.href })}
             className="p-2 rounded-full bg-white text-gray-800 shadow-lg"
           >
-            <FaShareAlt />
+            <BoldIcon name="share" size={20} tinted className="text-gray-800" />
           </button>
         </div>
       </div>
 
-      {/* تصاویر کوچک */}
       <div className="flex gap-2 overflow-x-auto no-scrollbar">
         {images.map((img, idx) => (
           <img
diff --git a/src/components/ui/LanguageSwitcher.tsx b/src/components/ui/LanguageSwitcher.tsx
index 90c0ca2..f3c17f7 100644
--- a/src/components/ui/LanguageSwitcher.tsx
+++ b/src/components/ui/LanguageSwitcher.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { useState } from "react";
-import { FaGlobe } from "react-icons/fa";
+import BoldIcon from "@/components/ui/BoldIcon";
 import { useTranslation } from "react-i18next";
 import { useRouter, usePathname } from "next/navigation";
 
@@ -61,7 +61,7 @@ export default function LanguageSwitcher() {
         onClick={toggleDropdown}
         className="inline-flex max-Wide-mobile-s:text-xs rtl:flex-row-reverse items-center px-4 py-2 dark:border-white dark:text-white font-medium border rounded-xl shadow transition-all"
       >
-        <FaGlobe className="mr-2" />
+        <BoldIcon name="global" size={18} tinted className="mr-2 text-current" />
         {current.flag} {current.label}
       </button>
 
diff --git a/src/components/ui/ProductCart.tsx b/src/components/ui/ProductCart.tsx
index f1ea296..5a9b098 100644
--- a/src/components/ui/ProductCart.tsx
+++ b/src/components/ui/ProductCart.tsx
@@ -2,8 +2,7 @@
 
 import React from "react";
 import { useTranslation } from "react-i18next";
-import { FaStar, FaHeart } from "react-icons/fa";
-import { IoMdShare } from "react-icons/io";
+import BoldIcon from "@/components/ui/BoldIcon";
 import {
   Card,
   CardContent,
@@ -63,14 +62,14 @@ export default function ProductCart(props: Cart) {
             variant="secondary"
             className="rounded-full bg-white/80 dark:bg-neutral-800/80 backdrop-blur hover:bg-red-500 hover:text-white"
           >
-            <FaHeart className="h-4 w-4 text-red-500 dark:text-red-400" />
+            <BoldIcon name="heart" size={16} tinted className="text-red-500 dark:text-red-400" />
           </Button>
           <Button
             size="icon"
             variant="secondary"
             className="rounded-full bg-white/80 dark:bg-neutral-800/80 backdrop-blur hover:bg-cyan-500 hover:text-white"
           >
-            <IoMdShare className="h-4 w-4 text-cyan-500 dark:text-cyan-400" />
+            <BoldIcon name="share" size={16} tinted className="text-cyan-500 dark:text-cyan-400" />
           </Button>
         </div>
       </CardHeader>
@@ -105,7 +104,7 @@ export default function ProductCart(props: Cart) {
 
           {/* Rating */}
           <div className="flex items-center gap-1 text-yellow-500 text-sm font-medium">
-            <FaStar className="h-4 w-4" />
+            <BoldIcon name="star" size={16} tinted className="text-yellow-500" />
             <span className="ml-1 text-sm text-neutral-600 dark:text-neutral-400">
               {props.score.toFixed(1)}
             </span>
diff --git a/src/components/ui/SearchInp.tsx b/src/components/ui/SearchInp.tsx
index 7e86f36..639c440 100644
--- a/src/components/ui/SearchInp.tsx
+++ b/src/components/ui/SearchInp.tsx
@@ -1,6 +1,5 @@
 import React from "react";
-import { Search } from "lucide-react";
-import { HiChevronRight } from "react-icons/hi2";
+import BoldIcon from "@/components/ui/BoldIcon";
 
 interface SearchInpValue {
     Placeholder: string;
@@ -19,9 +18,9 @@ interface SearchInpValue {
           className="w-full max-tablet-l:h-9  max-desktop-s:text-sm h-16  max-desktop-s:h-12 flex justify-center items-center ltr:pl-12  ltr:pr-4 rtl:pr-12 rtl:pl-4 py-2 rounded-full shadow-md border border-gray-300 dark:border-gray-600 bg-white dark:bg-neutral-800 text-gray-800 dark:text-white placeholder-gray-500 dark:placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-blue-500 transition-all duration-300"
         />
         <div className="absolute ltr:right-1 rtl:left-1 rtl:rotate-180 cursor-pointer top-1/2 transform rounded-full bg-cyan-500 dark:bg-neutral-500 size-14 max-desktop-s:size-10 max-tablet-l:size-8 flex justify-center items-center  -translate-y-1/2 text-white dark:text-gray-300 ">
-          <HiChevronRight />
+          <BoldIcon name="arrow-right-2" size={24} tinted className="text-white" />
         </div>
-        <Search className="absolute max-desktop-s:size-5 ltr:left-4 rtl:right-4  top-1/2 transform -translate-y-1/2 text-gray-400 dark:text-gray-300" />
+        <BoldIcon name="search-normal" size={20} className="absolute max-desktop-s:!size-5 ltr:left-4 rtl:right-4 top-1/2 -translate-y-1/2 opacity-60 dark:invert" />
       </div>
     );
   }
diff --git a/src/components/ui/SearchProductCart.tsx b/src/components/ui/SearchProductCart.tsx
index 34c19d4..f95b68d 100644
--- a/src/components/ui/SearchProductCart.tsx
+++ b/src/components/ui/SearchProductCart.tsx
@@ -1,9 +1,7 @@
 "use client";
 import React from "react";
 import { useTranslation } from "react-i18next";
-import { FaStar } from "react-icons/fa";
-import { FaHeart } from "react-icons/fa";
-import { IoMdShare } from "react-icons/io";
+import BoldIcon from "@/components/ui/BoldIcon";
 
 interface Cart {
   image: string;
@@ -72,15 +70,15 @@ export default function ProductCart(props: Cart) {
             <div className="flex max-laptop-xl:text-[15px] ltr:flex-row-reverse gap-1 text-yellow-400 flex-row items-center">
               <span className="">{props.score}</span>
               <span className="">
-                <FaStar />
+                <BoldIcon name="star" size={20} tinted className="text-yellow-400" />
               </span>
             </div>
             <div className="flex ltr:flex-row-reverse flex-row-reverse gap-3 items-center">
               <div className={`2 ${props.heartStyle}`}>
-                <FaHeart />
+                <BoldIcon name="heart" size={20} tinted className="text-current" />
               </div>
               <div className="dark:text-black">
-                <IoMdShare />
+                <BoldIcon name="share" size={20} tinted className="text-current" />
               </div>
             </div>
           </div>
@@ -134,15 +132,15 @@ export default function ProductCart(props: Cart) {
           <div className="flex max-laptop-xl:text-[15px] ltr:flex-row-reverse gap-1 text-yellow-400 flex-row items-center">
             <span className="">{props.score}</span>
             <span className="">
-              <FaStar />
+              <BoldIcon name="star" size={20} tinted className="text-yellow-400" />
             </span>
           </div>
           <div className="flex ltr:flex-row-reverse flex-row-reverse gap-3 items-center">
             <div className={`2 ${props.heartStyle}`}>
-              <FaHeart />
+              <BoldIcon name="heart" size={20} tinted className="text-current" />
             </div>
             <div className="dark:text-black">
-              <IoMdShare />
+              <BoldIcon name="share" size={20} tinted className="text-current" />
             </div>
           </div>
         </div>
diff --git a/src/components/ui/SellersCart.tsx b/src/components/ui/SellersCart.tsx
index 90c5d22..97920cd 100644
--- a/src/components/ui/SellersCart.tsx
+++ b/src/components/ui/SellersCart.tsx
@@ -1,8 +1,7 @@
 "use client";
 import React from "react";
 import { useTranslation } from "react-i18next";
-import { IoMdStar } from "react-icons/io";
-import { IoStorefrontSharp } from "react-icons/io5";
+import BoldIcon from "@/components/ui/BoldIcon";
 import IdeaComponent from "./IdeaComponent";
 
 interface SampleSellerCart {
@@ -58,7 +57,7 @@ export default function SellersCart(props: SampleSellerCart) {
       <div className="flex flex-row items-center justify-between w-full">
         <span>{t("home.sellerCartPoints")}:</span>
         <span className="flex ltr:flex-row-reverse text-amber-400 dark:text-amber-300 justify-center items-center gap-1">
-          {props.point} <IoMdStar className="text-xl" />
+          {props.point} <BoldIcon name="star" size={20} tinted className="text-amber-400 dark:text-amber-300" />
         </span>
       </div>
   
@@ -86,7 +85,7 @@ export default function SellersCart(props: SampleSellerCart) {
       }`}
     >
       {t("home.sellerCartStoreViewTheStore")}
-      <IoStorefrontSharp />
+      <BoldIcon name="shop" size={20} tinted className="text-white" />
     </button>
   
     <div className="w-full flex flex-col">
diff --git a/src/constants/index.ts b/src/constants/index.ts
index 9e640a6..cd27c2a 100644
--- a/src/constants/index.ts
+++ b/src/constants/index.ts
@@ -51,7 +51,7 @@ export const editUserNavLinks = [
   {
     title: "نام کاربری",
     href: "/username",
-    icon: "edit.svg",
+    icon: "profile-2user.svg",
   },
   {
     title: "رمز عبور",
@@ -66,7 +66,7 @@ export const editUserNavLinks = [
   {
     title: "احراز هویت",
     href: "/Authentication",
-    icon: "user-tick.svg",
+    icon: "user-square.svg",
   },
   {
     title: "تخصص",
@@ -96,7 +96,7 @@ export const editUserNavLinks = [
   {
     title: "نوع همکاری",
     href: "/cooperation-type",
-    icon: "celo-(celo).svg",
+    icon: "link-square.svg",
   },
   {
     title: "روابط عمومی",
@@ -119,7 +119,7 @@ export const editEmployerNavLinks = [
   {
     title: "نام کاربری",
     href: "/username",
-    icon: "edit.svg",
+    icon: "profile-2user.svg",
   },
   {
     title: "رمز عبور",
diff --git a/src/hooks/useAxios.tsx b/src/hooks/useAxios.tsx
index 16c5dc0..4e42564 100644
--- a/src/hooks/useAxios.tsx
+++ b/src/hooks/useAxios.tsx
@@ -11,6 +11,7 @@ import axios, {
 import toast from "react-hot-toast";
 import { BASE_URL as base } from "@/components/main/BaseUrl";
 import Cookies from "js-cookie";
+import { clearAuthSession } from "@/lib/auth/session";
 
 const BASE_URL = base;
 const axiosInstance = axios.create({
@@ -56,6 +57,10 @@ axiosInstance.interceptors.response.use(
 
       if (status === 401 && !noToast) {
         handleUnauthorized();
+      } else if (status === 403 && (data as { type?: string })?.type === "block") {
+        if (!noToast && (data as { message?: string })?.message) {
+          toast.error((data as { message: string }).message);
+        }
       } else if (status === 422) {
         const errors = (data as { [key: string]: string[] }).errors || {};
         if (!noToast) {
@@ -72,6 +77,13 @@ axiosInstance.interceptors.response.use(
             });
           }
         }
+      } else if (status === 404 && !noToast) {
+        if (
+          typeof data === "object" &&
+          (data as { message?: string }).message
+        ) {
+          toast.error((data as { message: string }).message);
+        }
       } else if ([429, 500, 503].includes(status)) {
         if (!noToast) {
           // toast.error("An unexpected error occurred. Please try again later.");
@@ -88,9 +100,14 @@ axiosInstance.interceptors.response.use(
 );
 
 const handleUnauthorized = (): void => {
-  if (typeof window !== "undefined") {
-    // toast.error("برای انجام عملیات لطفا وارد حساب کاربری خود شوید");
-  }
+  if (typeof window === "undefined") return;
+
+  const path = window.location.pathname;
+  if (path.startsWith("/login") || path.startsWith("/register")) return;
+
+  clearAuthSession().finally(() => {
+    window.location.href = "/login";
+  });
 };
 
 // تایپ اصلاح‌شده برای درخواست‌ها
@@ -147,4 +164,5 @@ const useAxios = () => {
   };
 };
 
+export { axiosInstance as apiClient };
 export default useAxios;
diff --git a/src/hooks/useLongPress.ts b/src/hooks/useLongPress.ts
new file mode 100644
index 0000000..71d5487
--- /dev/null
+++ b/src/hooks/useLongPress.ts
@@ -0,0 +1,72 @@
+"use client";
+
+import { useCallback, useRef, useState } from "react";
+
+type LongPressOptions = {
+  delay?: number;
+};
+
+export function useLongPress(
+  onLongPress: () => void,
+  { delay = 2000 }: LongPressOptions = {}
+) {
+  const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);
+  const blockClickRef = useRef(false);
+  const [pressing, setPressing] = useState(false);
+
+  const clear = useCallback(() => {
+    if (timerRef.current) {
+      clearTimeout(timerRef.current);
+      timerRef.current = null;
+    }
+  }, []);
+
+  const onPointerDown = useCallback(
+    (e: React.PointerEvent) => {
+      if (e.button !== 0) return;
+      blockClickRef.current = false;
+      setPressing(true);
+      clear();
+      timerRef.current = setTimeout(() => {
+        blockClickRef.current = true;
+        setPressing(false);
+        if (typeof navigator !== "undefined" && navigator.vibrate) {
+          navigator.vibrate(15);
+        }
+        onLongPress();
+      }, delay);
+    },
+    [clear, delay, onLongPress]
+  );
+
+  const endPress = useCallback(() => {
+    clear();
+    setPressing(false);
+  }, [clear]);
+
+  const shouldBlockClick = useCallback(() => {
+    if (blockClickRef.current) {
+      blockClickRef.current = false;
+      return true;
+    }
+    return false;
+  }, []);
+
+  const cancelPress = useCallback(() => {
+    clear();
+    setPressing(false);
+  }, [clear]);
+
+  return {
+    pressing,
+    shouldBlockClick,
+    cancelPress,
+    handlers: {
+      onPointerDown,
+      onPointerUp: endPress,
+      onPointerLeave: endPress,
+      onPointerCancel: endPress,
+      onContextMenu: (e: React.MouseEvent) => e.preventDefault(),
+    },
+  };
+}
diff --git a/src/hooks/usePageTitle.ts b/src/hooks/usePageTitle.ts
new file mode 100644
index 0000000..220b012
--- /dev/null
+++ b/src/hooks/usePageTitle.ts
@@ -0,0 +1,23 @@
+"use client";
+
+import { useEffect } from "react";
+import { defaultSEOConfig } from "@/config/seoConfig";
+
+const DEFAULT_TITLE =
+  typeof defaultSEOConfig.title === "string"
+    ? defaultSEOConfig.title
+    : "مدستاگرام";
+
+export function formatPageTitle(title: string) {
+  const trimmed = title.trim();
+  if (!trimmed) return DEFAULT_TITLE;
+  if (trimmed.includes("مدستاگرام")) return trimmed;
+  return `${trimmed} | مدستاگرام`;
+}
+
+export function usePageTitle(title?: string | null) {
+  useEffect(() => {
+    if (!title?.trim()) return;
+    document.title = formatPageTitle(title);
+  }, [title]);
+}
diff --git a/src/hooks/useStableMessageKeys.ts b/src/hooks/useStableMessageKeys.ts
new file mode 100644
index 0000000..248f71b
--- /dev/null
+++ b/src/hooks/useStableMessageKeys.ts
@@ -0,0 +1,17 @@
+import { useCallback, useRef } from "react";
+
+/** Keeps React keys stable when optimistic temp ids become server ids */
+export function useStableMessageKeys() {
+  const aliasRef = useRef(new Map<string, string>());
+
+  const linkIds = useCallback((tempId: string, realId: string) => {
+    aliasRef.current.set(realId, tempId);
+    aliasRef.current.set(tempId, tempId);
+  }, []);
+
+  const getStableKey = useCallback((id: string) => {
+    return aliasRef.current.get(id) ?? id;
+  }, []);
+
+  return { linkIds, getStableKey };
+}
diff --git a/src/hooks/useSwipeToReply.ts b/src/hooks/useSwipeToReply.ts
new file mode 100644
index 0000000..fc7ef3f
--- /dev/null
+++ b/src/hooks/useSwipeToReply.ts
@@ -0,0 +1,68 @@
+"use client";
+
+import { useCallback, useState } from "react";
+import {
+  animate,
+  useMotionValue,
+  useTransform,
+  type PanInfo,
+} from "framer-motion";
+
+const SWIPE_THRESHOLD = 52;
+const MAX_DRAG = 72;
+
+export function useSwipeToReply(onReply: () => void, enabled = true) {
+  const x = useMotionValue(0);
+  const [dragging, setDragging] = useState(false);
+  const replyOpacity = useTransform(x, [-10, -40], [0, 1]);
+  const replyScale = useTransform(x, [-10, -40], [0.6, 1]);
+
+  const resetPosition = useCallback(() => {
+    void animate(x, 0, {
+      type: "spring",
+      stiffness: 520,
+      damping: 38,
+      mass: 0.85,
+    });
+  }, [x]);
+
+  const onDragStart = useCallback(() => {
+    setDragging(true);
+  }, []);
+
+  const onDragEnd = useCallback(
+    (_: unknown, info: PanInfo) => {
+      setDragging(false);
+      if (info.offset.x <= -SWIPE_THRESHOLD) {
+        if (typeof navigator !== "undefined" && navigator.vibrate) {
+          navigator.vibrate(12);
+        }
+        onReply();
+      }
+      resetPosition();
+    },
+    [onReply, resetPosition]
+  );
+
+  const dragProps = enabled
+    ? {
+        drag: "x" as const,
+        dragConstraints: { left: -MAX_DRAG, right: 0 },
+        dragElastic: { left: 0.15, right: 0 },
+        dragMomentum: false,
+        dragSnapToOrigin: true,
+        style: { x, touchAction: "pan-y" as const },
+        onDragStart,
+        onDragEnd,
+      }
+    : {};
+
+  return {
+    dragProps,
+    dragging,
+    replyOpacity,
+    replyScale,
+    x,
+    resetPosition,
+  };
+}
diff --git a/src/hooks/useTimedMessageExpiry.ts b/src/hooks/useTimedMessageExpiry.ts
new file mode 100644
index 0000000..e9ecaf1
--- /dev/null
+++ b/src/hooks/useTimedMessageExpiry.ts
@@ -0,0 +1,52 @@
+"use client";
+
+import { useEffect } from "react";
+import type { ChatMessage } from "@/components/chat/ChatMessageCard";
+import type { QueryKey } from "@tanstack/react-query";
+import { useQueryClient } from "@tanstack/react-query";
+
+type ThreadCache = {
+  pages: { messages: ChatMessage[] }[];
+};
+
+export function useTimedMessageExpiry(
+  messages: ChatMessage[],
+  queryKey: QueryKey,
+  onExpirePending?: (ids: string[]) => void
+) {
+  const queryClient = useQueryClient();
+
+  useEffect(() => {
+    const purge = () => {
+      const now = Date.now();
+      const expired = messages.filter((m) => {
+        if (!m.expiresAt) return false;
+        const t = new Date(m.expiresAt).getTime();
+        return !Number.isNaN(t) && t <= now;
+      });
+      if (!expired.length) return;
+
+      const idSet = new Set(expired.map((m) => m._id));
+
+      queryClient.setQueryData(queryKey, (oldData: ThreadCache | undefined) => {
+        if (!oldData?.pages?.length) return oldData;
+        return {
+          ...oldData,
+          pages: oldData.pages.map((page) => ({
+            ...page,
+            messages: page.messages.filter((m) => !idSet.has(m._id)),
+          })),
+        };
+      });
+
+      const pendingIds = expired
+        .filter((m) => m._id.startsWith("temp-"))
+        .map((m) => m._id);
+      if (pendingIds.length) onExpirePending?.(pendingIds);
+    };
+
+    purge();
+    const timer = setInterval(purge, 1000);
+    return () => clearInterval(timer);
+  }, [messages, queryKey, queryClient, onExpirePending]);
+}
diff --git a/src/hooks/useUser.tsx b/src/hooks/useUser.tsx
index d721dbe..9dbb9ae 100644
--- a/src/hooks/useUser.tsx
+++ b/src/hooks/useUser.tsx
@@ -3,9 +3,16 @@
 import { useState, useEffect } from "react";
 import { User } from "@/types/types";
 import useAxios from "./useAxios";
+import { getStoredUserId } from "@/lib/auth/session";
+
+function readStoredUser(): User | undefined {
+  const id = getStoredUserId();
+  if (!id) return undefined;
+  return { _id: id } as User;
+}
 
 export const useUser = () => {
-  const [user, setUser] = useState<User>();
+  const [user, setUser] = useState<User | undefined>(readStoredUser);
   const { request } = useAxios();
   const fetchUser = async () => {
     try {
diff --git a/src/hooks/useViewOnceMedia.ts b/src/hooks/useViewOnceMedia.ts
new file mode 100644
index 0000000..95fdabc
--- /dev/null
+++ b/src/hooks/useViewOnceMedia.ts
@@ -0,0 +1,42 @@
+"use client";
+
+import { useCallback } from "react";
+import useAxios from "@/hooks/useAxios";
+import { IMAGE_BASE_URL } from "@/components/main/BaseUrl";
+
+export function useViewOnceMedia() {
+  const { request } = useAxios();
+
+  const openViewOnce = useCallback(
+    async (messageId: string) => {
+      const res = await request<{
+        file: string;
+        fileType: string;
+        messageId: string;
+      }>("POST", "/chat/view-once/open", { messageId });
+
+      const path = res?.file || "";
+      const url = path.startsWith("blob:")
+        ? path
+        : path.startsWith("http")
+          ? path
+          : IMAGE_BASE_URL + path;
+
+      return { url, fileType: res?.fileType as string };
+    },
+    [request]
+  );
+
+  const completeViewOnce = useCallback(
+    async (messageId: string) => {
+      await request<{ deletedIds: string[] }>(
+        "POST",
+        "/chat/view-once/complete",
+        { messageId }
+      );
+    },
+    [request]
+  );
+
+  return { openViewOnce, completeViewOnce };
+}
diff --git a/src/lib/auth/feedback.ts b/src/lib/auth/feedback.ts
new file mode 100644
index 0000000..6a808e6
--- /dev/null
+++ b/src/lib/auth/feedback.ts
@@ -0,0 +1,5 @@
+export const AUTH_SUCCESS_DELAY_MS = 600;
+
+export function pause(ms: number) {
+  return new Promise<void>((resolve) => setTimeout(resolve, ms));
+}
diff --git a/src/lib/auth/otpTimer.ts b/src/lib/auth/otpTimer.ts
new file mode 100644
index 0000000..5ac7d1b
--- /dev/null
+++ b/src/lib/auth/otpTimer.ts
@@ -0,0 +1,23 @@
+export const OTP_VALID_SECONDS = 3 * 60;
+const OTP_SENT_AT_KEY = "otp_sent_at";
+
+export function markOtpSent(): void {
+  if (typeof window === "undefined") return;
+  sessionStorage.setItem(OTP_SENT_AT_KEY, Date.now().toString());
+}
+
+export function getOtpRemainingSeconds(): number {
+  if (typeof window === "undefined") return OTP_VALID_SECONDS;
+
+  const sent = sessionStorage.getItem(OTP_SENT_AT_KEY);
+  if (!sent) return OTP_VALID_SECONDS;
+
+  const elapsed = Math.floor((Date.now() - Number(sent)) / 1000);
+  return Math.max(0, OTP_VALID_SECONDS - elapsed);
+}
+
+export function formatOtpCountdown(totalSeconds: number): string {
+  const minutes = Math.floor(totalSeconds / 60);
+  const seconds = totalSeconds % 60;
+  return `${minutes}:${seconds.toString().padStart(2, "0")}`;
+}
diff --git a/src/lib/auth/session.ts b/src/lib/auth/session.ts
new file mode 100644
index 0000000..306d85c
--- /dev/null
+++ b/src/lib/auth/session.ts
@@ -0,0 +1,75 @@
+import Cookies from "js-cookie";
+
+const TOKEN_KEY = "token";
+
+export type AuthUserMeta = {
+  id?: string;
+  user_type?: string;
+  step?: string;
+};
+
+const cookieOptions = (): Cookies.CookieAttributes => ({
+  path: "/",
+  expires: 365,
+  sameSite: "Lax",
+  secure: typeof window !== "undefined" && window.location.protocol === "https:",
+});
+
+/** ذخیره توکن در کوکی مرورگر + Route Handler سرور (برای middleware) */
+export async function setAuthSession(
+  token: string,
+  meta?: AuthUserMeta
+): Promise<void> {
+  if (!token) return;
+
+  Cookies.set(TOKEN_KEY, token, cookieOptions());
+
+  await fetch("/api/auth/session", {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify({ token }),
+    credentials: "same-origin",
+  });
+
+  if (meta?.id) localStorage.setItem("id", meta.id);
+  if (meta?.user_type) localStorage.setItem("usertype", meta.user_type);
+  if (meta?.step) localStorage.setItem("step", meta.step);
+}
+
+/** پاک کردن کامل session */
+export async function clearAuthSession(): Promise<void> {
+  Cookies.remove(TOKEN_KEY, { path: "/" });
+
+  try {
+    await fetch("/api/auth/session", {
+      method: "DELETE",
+      credentials: "same-origin",
+    });
+  } catch {
+    // ignore
+  }
+
+  localStorage.removeItem("id");
+  localStorage.removeItem("mobile");
+  localStorage.removeItem("otp");
+  localStorage.removeItem("token");
+  localStorage.removeItem("usertype");
+  localStorage.removeItem("first_name");
+  localStorage.removeItem("last_name");
+  localStorage.removeItem("username");
+  localStorage.removeItem("step");
+}
+
+export function getStoredUserId(): string {
+  if (typeof window === "undefined") return "";
+  return localStorage.getItem("id") ?? "";
+}
+
+export function getAuthToken(): string | undefined {
+  if (typeof window === "undefined") return undefined;
+  return Cookies.get(TOKEN_KEY);
+}
+
+export function isAuthenticated(): boolean {
+  return Boolean(getAuthToken());
+}
diff --git a/src/lib/chat/formatMessageTime.ts b/src/lib/chat/formatMessageTime.ts
index 541aa35..96c8caa 100644
--- a/src/lib/chat/formatMessageTime.ts
+++ b/src/lib/chat/formatMessageTime.ts
@@ -1,3 +1,37 @@
+/** Parse message timestamp (ISO or datetime string) for grouping */
+export function parseMessageDate(createdAt?: string | null): Date | null {
+  if (!createdAt) return null;
+  const raw = String(createdAt).trim();
+  const d = new Date(raw);
+  if (!Number.isNaN(d.getTime())) return d;
+  return null;
+}
+
+function isSameDay(a: Date, b: Date): boolean {
+  return a.toDateString() === b.toDateString();
+}
+
+/** Telegram-style date label: امروز، دیروز، or calendar date */
+export function formatChatDateLabel(createdAt?: string | null): string {
+  const d = parseMessageDate(createdAt) ?? new Date();
+  const today = new Date();
+  const yesterday = new Date();
+  yesterday.setDate(today.getDate() - 1);
+
+  if (isSameDay(d, today)) return "امروز";
+  if (isSameDay(d, yesterday)) return "دیروز";
+
+  if (d.getFullYear() === today.getFullYear()) {
+    return d.toLocaleDateString("fa-IR", { month: "long", day: "numeric" });
+  }
+
+  return d.toLocaleDateString("fa-IR", {
+    year: "numeric",
+    month: "long",
+    day: "numeric",
+  });
+}
+
 /** Bubble time: hours, minutes, seconds only (no date) */
 export function formatBubbleTime(createdAt?: string | null): string {
   if (!createdAt) {
diff --git a/src/lib/chat/groupMessagesByDate.ts b/src/lib/chat/groupMessagesByDate.ts
index cb69418..658f196 100644
--- a/src/lib/chat/groupMessagesByDate.ts
+++ b/src/lib/chat/groupMessagesByDate.ts
@@ -1,43 +1,17 @@
 import type { ChatMessage } from "@/components/chat/ChatMessageCard";
+import {
+  formatChatDateLabel,
+  parseMessageDate,
+} from "@/lib/chat/formatMessageTime";
 
 export type MessageGroup =
   | { type: "date"; label: string; key: string }
   | { type: "message"; message: ChatMessage; key: string };
 
-function normalizeDateInput(isoOrTime?: string | null): string {
-  if (isoOrTime == null || String(isoOrTime).trim() === "") {
-    return new Date().toISOString();
-  }
-  return String(isoOrTime);
-}
-
-function formatDateLabel(isoOrTime?: string | null): string {
-  const raw = normalizeDateInput(isoOrTime);
-  const d = new Date(raw);
-  if (!Number.isNaN(d.getTime())) {
-    const today = new Date();
-    const yesterday = new Date();
-    yesterday.setDate(today.getDate() - 1);
-    if (d.toDateString() === today.toDateString()) return "امروز";
-    if (d.toDateString() === yesterday.toDateString()) return "دیروز";
-    return d.toLocaleDateString("fa-IR", {
-      weekday: "long",
-      year: "numeric",
-      month: "long",
-      day: "numeric",
-    });
-  }
-  const fallback = raw.split(" ")[0];
-  return fallback || "امروز";
-}
-
-function dayKey(isoOrTime?: string | null): string {
-  const raw = normalizeDateInput(isoOrTime);
-  const d = new Date(raw);
-  if (!Number.isNaN(d.getTime())) {
-    return d.toDateString();
-  }
-  return raw.split(" ")[0] || "unknown-day";
+function dayKey(createdAt?: string | null): string {
+  const d = parseMessageDate(createdAt);
+  if (d) return d.toDateString();
+  return "unknown-day";
 }
 
 export function groupMessagesByDate(messages: ChatMessage[]): MessageGroup[] {
@@ -52,7 +26,7 @@ export function groupMessagesByDate(messages: ChatMessage[]): MessageGroup[] {
       lastDay = dk;
       groups.push({
         type: "date",
-        label: formatDateLabel(msg.createdAt),
+        label: formatChatDateLabel(msg.createdAt),
         key: `date-${dk}`,
       });
     }
diff --git a/src/lib/chat/messageGrouping.ts b/src/lib/chat/messageGrouping.ts
new file mode 100644
index 0000000..329d824
--- /dev/null
+++ b/src/lib/chat/messageGrouping.ts
@@ -0,0 +1,80 @@
+import type { ChatMessage } from "@/components/chat/ChatMessageCard";
+import { parseMessageDate } from "@/lib/chat/formatMessageTime";
+
+export type BubbleGroupPosition = "single" | "first" | "middle" | "last";
+
+function dayKey(createdAt?: string | null): string {
+  const d = parseMessageDate(createdAt);
+  if (d) return d.toDateString();
+  return "unknown-day";
+}
+
+export function sameSender(a: ChatMessage, b: ChatMessage): boolean {
+  return String(a.senderId) === String(b.senderId);
+}
+
+function sameVisualGroup(a: ChatMessage, b: ChatMessage): boolean {
+  return sameSender(a, b) && dayKey(a.createdAt) === dayKey(b.createdAt);
+}
+
+export { sameVisualGroup };
+
+export function getBubbleGroupPosition(
+  messages: ChatMessage[],
+  index: number
+): BubbleGroupPosition {
+  const current = messages[index];
+  if (!current) return "single";
+
+  const sameAsPrev =
+    index > 0 && sameVisualGroup(messages[index - 1], current);
+  const sameAsNext =
+    index < messages.length - 1 &&
+    sameVisualGroup(messages[index + 1], current);
+
+  if (!sameAsPrev && !sameAsNext) return "single";
+  if (!sameAsPrev && sameAsNext) return "first";
+  if (sameAsPrev && sameAsNext) return "middle";
+  return "last";
+}
+
+/** Instagram-style corner radii (TL TR BR BL) */
+export function getBubbleRadius(
+  isOutgoing: boolean,
+  position: BubbleGroupPosition
+): string {
+  const r = 18;
+  const s = 4;
+
+  if (isOutgoing) {
+    switch (position) {
+      case "single":
+        return `${r}px ${r}px ${r}px ${s}px`;
+      case "first":
+        return `${r}px ${r}px ${r}px ${s}px`;
+      case "middle":
+        return `${s}px ${r}px ${r}px ${s}px`;
+      case "last":
+        return `${s}px ${r}px ${r}px ${r}px`;
+    }
+  }
+
+  switch (position) {
+    case "single":
+      return `${r}px ${r}px ${s}px ${r}px`;
+    case "first":
+      return `${r}px ${r}px ${s}px ${r}px`;
+    case "middle":
+      return `${r}px ${s}px ${s}px ${r}px`;
+    case "last":
+      return `${r}px ${s}px ${r}px ${r}px`;
+  }
+}
+
+export function getMessageRowSpacing(
+  position: BubbleGroupPosition,
+  isGroupedWithPrev: boolean
+): string {
+  if (isGroupedWithPrev) return "mt-[2px]";
+  return "mt-3";
+}
diff --git a/src/lib/chat/queryKeys.ts b/src/lib/chat/queryKeys.ts
new file mode 100644
index 0000000..1892f7d
--- /dev/null
+++ b/src/lib/chat/queryKeys.ts
@@ -0,0 +1,3 @@
+export function chatThreadQueryKey(senderId: string, receiverId: string) {
+  return ["chatThread", senderId, receiverId] as const;
+}
diff --git a/src/lib/chat/threadCache.ts b/src/lib/chat/threadCache.ts
new file mode 100644
index 0000000..3ae6850
--- /dev/null
+++ b/src/lib/chat/threadCache.ts
@@ -0,0 +1,36 @@
+import type { InfiniteData } from "@tanstack/react-query";
+import type { ChatMessage } from "@/components/chat/ChatMessageCard";
+
+export type ChatThreadPage = { messages: ChatMessage[]; nextPage?: number };
+export type ChatThreadData = InfiniteData<ChatThreadPage, number>;
+
+export function normalizeThreadId(id: unknown): string {
+  if (!id) return "";
+  return String(id);
+}
+
+export function appendMessageToThreadCache(
+  oldData: ChatThreadData | undefined,
+  message: ChatMessage
+): ChatThreadData {
+  if (!oldData?.pages?.length) {
+    return {
+      pages: [{ messages: [message], nextPage: undefined }],
+      pageParams: [1],
+    };
+  }
+
+  const exists = oldData.pages.some((p) =>
+    p.messages.some((m) => m._id === message._id)
+  );
+  if (exists) return oldData;
+
+  const newPages = [...oldData.pages];
+  const firstPage = newPages[0];
+  newPages[0] = {
+    ...firstPage,
+    messages: [...firstPage.messages, message],
+  };
+
+  return { ...oldData, pages: newPages };
+}
diff --git a/src/lib/chat/timedMessages.ts b/src/lib/chat/timedMessages.ts
new file mode 100644
index 0000000..c664807
--- /dev/null
+++ b/src/lib/chat/timedMessages.ts
@@ -0,0 +1,36 @@
+export const TIMED_MESSAGE_OPTIONS = [
+  { label: "خاموش", value: null as number | null },
+  { label: "۱۰ ثانیه", value: 10 },
+  { label: "۳۰ ثانیه", value: 30 },
+  { label: "۱ دقیقه", value: 60 },
+  { label: "۵ دقیقه", value: 300 },
+  { label: "۱ ساعت", value: 3600 },
+] as const;
+
+export function formatTimedLabel(seconds: number | null): string {
+  const opt = TIMED_MESSAGE_OPTIONS.find((o) => o.value === seconds);
+  return opt?.label ?? "خاموش";
+}
+
+export function getRemainingSeconds(expiresAt?: string | null): number | null {
+  if (!expiresAt) return null;
+  const ms = new Date(expiresAt).getTime() - Date.now();
+  if (Number.isNaN(ms) || ms <= 0) return 0;
+  return Math.ceil(ms / 1000);
+}
+
+export function formatCountdown(totalSeconds: number): string {
+  if (totalSeconds >= 3600) {
+    const h = Math.floor(totalSeconds / 3600);
+    const m = Math.floor((totalSeconds % 3600) / 60);
+    return `${h}:${String(m).padStart(2, "0")}`;
+  }
+  const m = Math.floor(totalSeconds / 60);
+  const s = totalSeconds % 60;
+  return `${m}:${String(s).padStart(2, "0")}`;
+}
+
+export function buildExpiresAtIso(seconds: number | null): string | undefined {
+  if (!seconds) return undefined;
+  return new Date(Date.now() + seconds * 1000).toISOString();
+}
diff --git a/src/lib/chat/viewOnce.ts b/src/lib/chat/viewOnce.ts
new file mode 100644
index 0000000..c01d4de
--- /dev/null
+++ b/src/lib/chat/viewOnce.ts
@@ -0,0 +1,22 @@
+export const VIEW_ONCE_MEDIA_TYPES = ["image", "video", "voice"] as const;
+
+export type ViewOnceMediaType = (typeof VIEW_ONCE_MEDIA_TYPES)[number];
+
+export function isViewOnceMediaType(
+  fileType?: string | null
+): fileType is ViewOnceMediaType {
+  return VIEW_ONCE_MEDIA_TYPES.includes(fileType as ViewOnceMediaType);
+}
+
+export function viewOnceLabel(fileType?: string): string {
+  switch (fileType) {
+    case "image":
+      return "عکس یک‌بار مصرف";
+    case "video":
+      return "فیلم یک‌بار مصرف";
+    case "voice":
+      return "ویس یک‌بار مصرف";
+    default:
+      return "پیام یک‌بار مصرف";
+  }
+}
diff --git a/src/lib/userLevel.ts b/src/lib/userLevel.ts
new file mode 100644
index 0000000..21c642c
--- /dev/null
+++ b/src/lib/userLevel.ts
@@ -0,0 +1,34 @@
+export const USER_LEVELS = {
+  NEW: "تازه وارد",
+  STANDARD: "استاندارد",
+  PRO: "حرفه‌ای",
+  MASTER: "استاد",
+} as const;
+
+/** Normalize level from URL slug or query (handles ZWNJ / spacing variants). */
+export function normalizeUserLevel(raw?: string | null): string {
+  if (!raw) return "";
+
+  const text = raw.trim().replace(/\u200c/g, "").replace(/\s+/g, " ");
+
+  if (text === USER_LEVELS.NEW) return USER_LEVELS.NEW;
+  if (text === USER_LEVELS.STANDARD) return USER_LEVELS.STANDARD;
+  if (text === USER_LEVELS.MASTER) return USER_LEVELS.MASTER;
+  if (text === USER_LEVELS.PRO || text === "حرفه ای") return USER_LEVELS.PRO;
+
+  return raw.trim();
+}
+
+/** Extract user level token from Persian SEO slug text. */
+export function parseUserLevelFromSlug(fullText: string): string {
+  const text = fullText.replace(/\u200c/g, " ");
+
+  if (text.includes(USER_LEVELS.NEW)) return USER_LEVELS.NEW;
+  if (text.includes(USER_LEVELS.STANDARD)) return USER_LEVELS.STANDARD;
+  if (text.includes(USER_LEVELS.MASTER)) return USER_LEVELS.MASTER;
+  if (/حرفه[\s\u200c]*ای/.test(text) || text.includes(USER_LEVELS.PRO)) {
+    return USER_LEVELS.PRO;
+  }
+
+  return "";
+}
diff --git a/src/lib/validation/username.ts b/src/lib/validation/username.ts
new file mode 100644
index 0000000..c4087c2
--- /dev/null
+++ b/src/lib/validation/username.ts
@@ -0,0 +1,21 @@
+/** حروف انگلیسی، اعداد و . _ - — بدون فارسی و کاراکترهای غیرمعمول */
+export const USERNAME_REGEX = /^[a-zA-Z0-9][a-zA-Z0-9._-]{5,99}$/;
+
+export const USERNAME_MIN_LENGTH = 6;
+export const USERNAME_MAX_LENGTH = 100;
+
+export const USERNAME_ALLOWED_CHARS = /[^a-zA-Z0-9._-]/g;
+
+export const USERNAME_VALIDATION_MESSAGE =
+  "نام کاربری فقط می‌تواند شامل حروف انگلیسی، اعداد و کاراکترهای . _ - باشد";
+
+export const USERNAME_START_MESSAGE =
+  "نام کاربری باید با حرف یا عدد انگلیسی شروع شود";
+
+export function sanitizeUsernameInput(value: string): string {
+  return value.replace(USERNAME_ALLOWED_CHARS, "");
+}
+
+export function isValidUsername(value: string): boolean {
+  return USERNAME_REGEX.test(value);
+}
diff --git a/src/lib/validation/usernameSchema.ts b/src/lib/validation/usernameSchema.ts
new file mode 100644
index 0000000..b75591a
--- /dev/null
+++ b/src/lib/validation/usernameSchema.ts
@@ -0,0 +1,20 @@
+import * as yup from "yup";
+import {
+  USERNAME_MAX_LENGTH,
+  USERNAME_MIN_LENGTH,
+  USERNAME_REGEX,
+  USERNAME_START_MESSAGE,
+  USERNAME_VALIDATION_MESSAGE,
+} from "./username";
+
+export const usernameSchema = yup
+  .string()
+  .required("نام کاربری الزامی است")
+  .min(USERNAME_MIN_LENGTH, `نام کاربری باید حداقل ${USERNAME_MIN_LENGTH} کاراکتر باشد`)
+  .max(USERNAME_MAX_LENGTH, `نام کاربری نمی‌تواند بیشتر از ${USERNAME_MAX_LENGTH} کاراکتر باشد`)
+  .matches(/^[a-zA-Z0-9]/, USERNAME_START_MESSAGE)
+  .matches(USERNAME_REGEX, USERNAME_VALIDATION_MESSAGE);
+
+export const usernameFormSchema = yup.object({
+  username: usernameSchema,
+});
diff --git a/src/middleware.ts b/src/middleware.ts
index 0255750..72ac8bc 100644
--- a/src/middleware.ts
+++ b/src/middleware.ts
@@ -1,17 +1,27 @@
-import { NextRequest, NextResponse } from 'next/server';
+import { NextRequest, NextResponse } from "next/server";
 
 export function middleware(req: NextRequest) {
-  const token = req.cookies.get('token'); // دریافت توکن از کوکی
+  const isPrefetch =
+    req.headers.get("next-router-prefetch") === "1" ||
+    req.headers.get("purpose") === "prefetch";
 
-  // بررسی اینکه مسیر داخل settings هست
-  if (req.nextUrl.pathname.startsWith('/settings') && !token) {
-    return NextResponse.redirect(new URL('/login', req.url)); // انتقال به صفحه لاگین
+  // prefetch بدون کوکی نباید redirect به /login کش شود
+  if (isPrefetch) {
+    return NextResponse.next();
   }
 
-  return NextResponse.next(); // ادامه پردازش عادی
-}
+  const token = req.cookies.get("token")?.value?.trim();
 
-// تعیین مسیرهایی که این middleware روی آنها اعمال می‌شود
+  if (req.nextUrl.pathname.startsWith("/settings") && !token) {
+    const loginUrl = new URL("/login", req.url);
+    loginUrl.searchParams.set("redirect", req.nextUrl.pathname);
+    return NextResponse.redirect(loginUrl);
+  }
+
+  return NextResponse.next();
+}
+//
 export const config = {
-  matcher: ['/settings/:path*'], // فقط روی مسیرهای settings اعمال شود
+  matcher: ["/settings/:path*"],
 };
+ 
\ No newline at end of file
diff --git a/src/utils/generatePageMetadata.ts b/src/utils/generatePageMetadata.ts
index 072bf3a..45bdfd9 100644
--- a/src/utils/generatePageMetadata.ts
+++ b/src/utils/generatePageMetadata.ts
@@ -33,7 +33,9 @@ export function generatePageMetadata(options: PageMetadataOptions): Metadata {
     : defaultSEOConfig.openGraph?.images || []; // اگر تصویر خاصی نیست، از تصاویر پیش‌فرض استفاده کند
 
   return {
-    title: finalTitle,
+    title: {
+      absolute: finalTitle,
+    },
     description: finalDescription,
     alternates: {
       canonical: fullUrl,