@campxdev/react-blueprint 1.7.1 → 1.7.3

package/src/components/Assets/Icons/IconComponents/NoticeBoardIcon.tsx

@@ -7,18 +7,18 @@ export const NoticeBoardIcon = ({ size = 16 }) => {
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
     >
-      <g clip-path="url(#clip0_6271_26757)">
+      <g clipPath="url(#clip0_6271_26757)">
         <path
           d="M11.6641 5.62533H8.33073C7.53073 5.62533 6.03906 5.62533 6.03906 3.33366C6.03906 1.04199 7.53073 1.04199 8.33073 1.04199H11.6641C12.4641 1.04199 13.9557 1.04199 13.9557 3.33366C13.9557 4.13366 13.9557 5.62533 11.6641 5.62533ZM8.33073 2.29199C7.50573 2.29199 7.28906 2.29199 7.28906 3.33366C7.28906 4.37533 7.50573 4.37533 8.33073 4.37533H11.6641C12.7057 4.37533 12.7057 4.15866 12.7057 3.33366C12.7057 2.29199 12.4891 2.29199 11.6641 2.29199H8.33073Z"
           fill="#121212"
           stroke="#121212"
-          stroke-width="0.4"
+          strokeWidth="0.4"
         />
         <path
           d="M12.5 18.9587H7.5C2.81667 18.9587 1.875 16.8079 1.875 13.3337V8.33369C1.875 4.53369 3.25 2.90869 6.63333 2.73369C6.71544 2.72919 6.79762 2.74094 6.87517 2.76826C6.95273 2.79558 7.02413 2.83794 7.08528 2.8929C7.14644 2.94787 7.19615 3.01436 7.23157 3.08856C7.26698 3.16277 7.2874 3.24324 7.29167 3.32535C7.29592 3.40698 7.28396 3.48864 7.25645 3.56562C7.22895 3.64259 7.18646 3.71334 7.13144 3.77379C7.07642 3.83423 7.00996 3.88317 6.9359 3.91777C6.86185 3.95237 6.78167 3.97194 6.7 3.97535C4.33333 4.10869 3.125 4.81702 3.125 8.33369V13.3337C3.125 16.417 3.73333 17.7087 7.5 17.7087H12.5C16.2667 17.7087 16.875 16.417 16.875 13.3337V8.33369C16.875 4.81702 15.6667 4.10869 13.3 3.97535C13.1341 3.96651 12.9786 3.89214 12.8675 3.7686C12.7565 3.64506 12.6991 3.48248 12.7079 3.3166C12.7168 3.15073 12.7911 2.99517 12.9147 2.88413C13.0382 2.77309 13.2008 2.71568 13.3667 2.72452C16.75 2.90785 18.125 4.53285 18.125 8.32452V13.3245C18.125 16.8079 17.1833 18.9587 12.5 18.9587Z"
           fill="#121212"
           stroke="#121212"
-          stroke-width="0.4"
+          strokeWidth="0.4"
         />
       </g>
       <defs>

package/src/components/Assets/Icons/IconComponents/NotificationIcon.tsx

@@ -19,8 +19,8 @@ export const NotificationIcon = ({ size = 16 }) => {
           d="M18.958,11.384l-1.583-5.7a7.767,7.767,0,0,0-15.064.395L1.085,11.595a4.166,4.166,0,0,0,4.067,5.07H6.08a4.166,4.166,0,0,0,8.166,0h.7a4.166,4.166,0,0,0,4.015-5.281Zm-8.795,6.948a2.5,2.5,0,0,1-2.346-1.666H12.51A2.5,2.5,0,0,1,10.163,18.332Zm6.771-4.32A2.481,2.481,0,0,1,14.944,15H5.152a2.5,2.5,0,0,1-2.44-3.042L3.937,6.444a6.1,6.1,0,0,1,11.832-.31l1.583,5.7a2.481,2.481,0,0,1-.418,2.181Z"
           transform="translate(-0.95 -0.002)"
           fill="none"
-          stroke-linecap="round"
-          stroke-linejoin="round"
+          strokeLinecap="round"
+          strokeLinejoin="round"
         />
       </svg>
     </>

package/src/components/Assets/Icons/IconComponents/ObeIcon.tsx

@@ -0,0 +1,30 @@
+export const ObeIcon = ({ size = 16 }) => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width={size}
+      height={size}
+      viewBox="0 0 20 21"
+      fill="none"
+    >
+      <path
+        d="M17.4082 9.35687C17.2428 9.35577 17.0845 9.28958 16.9675 9.1726C16.8505 9.05563 16.7843 8.89729 16.7832 8.73187V6.3402L9.99989 2.9477L3.21655 6.3402V8.73187C3.21546 8.89729 3.14926 9.05563 3.03229 9.1726C2.91531 9.28958 2.75698 9.35577 2.59155 9.35687C2.42613 9.35577 2.26779 9.28958 2.15082 9.1726C2.03384 9.05563 1.96764 8.89729 1.96655 8.73187V5.95687C1.96719 5.84046 2.00029 5.72654 2.06212 5.6279C2.12395 5.52927 2.21206 5.44984 2.31655 5.39853L9.72489 1.6977C9.811 1.65251 9.9068 1.62891 10.0041 1.62891C10.1013 1.62891 10.1971 1.65251 10.2832 1.6977L17.6916 5.3977C17.7949 5.45042 17.8821 5.53019 17.9437 5.62851C18.0053 5.72682 18.0392 5.84002 18.0416 5.95603V8.73103C18.0373 8.89696 17.9689 9.05478 17.8509 9.17144C17.7328 9.28811 17.5742 9.35455 17.4082 9.35687Z"
+        fill="#121212"
+        stroke="#121212"
+        stroke-width="0.4"
+      />
+      <path
+        d="M9.99989 19.5414C9.90426 19.5411 9.81005 19.5182 9.72489 19.4747L2.31655 15.7747C2.21318 15.722 2.12604 15.6423 2.06441 15.5439C2.00277 15.4456 1.96896 15.3324 1.96655 15.2164V12.4414C1.96764 12.276 2.03384 12.1176 2.15082 12.0007C2.26779 11.8837 2.42613 11.8175 2.59155 11.8164C2.75698 11.8175 2.91531 11.8837 3.03229 12.0007C3.14926 12.1176 3.21546 12.276 3.21655 12.4414V14.8331L9.99989 18.2247L16.7832 14.8331V12.4414C16.7832 12.2756 16.8491 12.1167 16.9663 11.9995C17.0835 11.8823 17.2425 11.8164 17.4082 11.8164C17.574 11.8164 17.7329 11.8823 17.8502 11.9995C17.9674 12.1167 18.0332 12.2756 18.0332 12.4414V15.2164C18.0326 15.3328 17.9995 15.4467 17.9377 15.5454C17.8758 15.644 17.7877 15.7234 17.6832 15.7747L10.2749 19.4747C10.1897 19.5182 10.0955 19.5411 9.99989 19.5414Z"
+        fill="#121212"
+        stroke="#121212"
+        stroke-width="0.4"
+      />
+      <path
+        d="M10.0001 14.9078C9.14465 14.9078 8.30845 14.6542 7.59721 14.1789C6.88597 13.7037 6.33162 13.0282 6.00427 12.2379C5.67692 11.4476 5.59127 10.578 5.75815 9.73905C5.92504 8.90008 6.33695 8.12944 6.94181 7.52458C7.54668 6.91972 8.31732 6.5078 9.15629 6.34092C9.99525 6.17404 10.8649 6.25969 11.6552 6.58704C12.4454 6.91438 13.1209 7.46873 13.5962 8.17997C14.0714 8.89122 14.3251 9.72741 14.3251 10.5828C14.3228 11.7292 13.8665 12.828 13.0559 13.6386C12.2452 14.4492 11.1464 14.9056 10.0001 14.9078ZM10.0001 7.50781C9.39187 7.50781 8.79735 7.68816 8.29167 8.02605C7.78599 8.36393 7.39186 8.84418 7.15912 9.40606C6.92638 9.96795 6.86549 10.5862 6.98414 11.1827C7.10279 11.7792 7.39565 12.3271 7.8257 12.7572C8.25574 13.1872 8.80366 13.4801 9.40015 13.5987C9.99664 13.7174 10.6149 13.6565 11.1768 13.4237C11.7387 13.191 12.2189 12.7969 12.5568 12.2912C12.8947 11.7855 13.0751 11.191 13.0751 10.5828C13.0742 9.76754 12.7499 8.98592 12.1734 8.40944C11.5969 7.83295 10.8153 7.5087 10.0001 7.50781Z"
+        fill="#121212"
+        stroke="#121212"
+        stroke-width="0.4"
+      />
+    </svg>
+  );
+};

package/src/components/Assets/Icons/IconComponents/OnlineTransactions.tsx

@@ -11,25 +11,25 @@ export const OnlineTransactionIcon = ({ size = 16 }) => {
         d="M14.1668 18.125H13.3335C13.1677 18.125 13.0088 18.0592 12.8916 17.942C12.7744 17.8248 12.7085 17.6658 12.7085 17.5C12.7085 17.3343 12.7744 17.1753 12.8916 17.0581C13.0088 16.9409 13.1677 16.875 13.3335 16.875H14.1668C14.6404 16.9079 15.1155 16.8388 15.5601 16.6724C16.0047 16.506 16.4084 16.2462 16.7441 15.9106C17.0797 15.5749 17.3395 15.1712 17.5059 14.7266C17.6722 14.282 17.7413 13.8069 17.7085 13.3334V6.6667C17.7413 6.19314 17.6722 5.71805 17.5059 5.27346C17.3395 4.82888 17.0797 4.42515 16.7441 4.08949C16.4084 3.75383 16.0047 3.49405 15.5601 3.32768C15.1155 3.1613 14.6404 3.0922 14.1668 3.12503H5.83351C5.35995 3.0922 4.88486 3.1613 4.44027 3.32768C3.99569 3.49405 3.59196 3.75383 3.2563 4.08949C2.92064 4.42515 2.66086 4.82888 2.49449 5.27346C2.32811 5.71805 2.25901 6.19314 2.29184 6.6667V7.50003C2.29075 7.66545 2.22455 7.82379 2.10758 7.94076C1.9906 8.05774 1.83226 8.12394 1.66684 8.12503C1.50142 8.12394 1.34308 8.05774 1.2261 7.94076C1.10913 7.82379 1.04293 7.66545 1.04184 7.50003V6.6667C1.00466 6.02772 1.10313 5.38812 1.33078 4.78992C1.55843 4.19172 1.91011 3.64847 2.3627 3.19589C2.81528 2.7433 3.35853 2.39162 3.95673 2.16397C4.55493 1.93632 5.19453 1.83785 5.83351 1.87503H14.1668C14.8058 1.83785 15.4454 1.93632 16.0436 2.16397C16.6418 2.39162 17.1851 2.7433 17.6377 3.19589C18.0902 3.64847 18.4419 4.19172 18.6696 4.78992C18.8972 5.38812 18.9957 6.02772 18.9585 6.6667V13.3334C18.9957 13.9723 18.8972 14.6119 18.6696 15.2101C18.4419 15.8083 18.0902 16.3516 17.6377 16.8042C17.1851 17.2568 16.6418 17.6084 16.0436 17.8361C15.4454 18.0637 14.8058 18.1622 14.1668 18.125Z"
         fill="#121212"
         stroke="#121212"
-        stroke-width="0.4"
+        strokeWidth="0.4"
       />
       <path
         d="M10.2427 17.55C10.092 17.5488 9.94674 17.4934 9.83351 17.3939C9.72028 17.2945 9.64663 17.1576 9.62602 17.0083C9.44042 15.3131 8.68181 13.732 7.47565 12.5264C6.26948 11.3209 4.68799 10.5631 2.99269 10.3783C2.82759 10.3573 2.67759 10.2716 2.5757 10.14C2.4738 10.0084 2.42836 9.84174 2.44935 9.67665C2.47035 9.51155 2.55607 9.36155 2.68766 9.25966C2.81925 9.15776 2.98592 9.11232 3.15102 9.13331C5.12213 9.34692 6.96107 10.2277 8.36302 11.6296C9.76497 13.0316 10.6457 14.8705 10.8594 16.8416C10.8799 17.0062 10.8345 17.1722 10.733 17.3034C10.6315 17.4346 10.4822 17.5202 10.3177 17.5416C10.2934 17.549 10.268 17.5518 10.2427 17.55Z"
         fill="#121212"
         stroke="#121212"
-        stroke-width="0.4"
+        strokeWidth="0.4"
       />
       <path
         d="M7.44177 18.4417C7.29107 18.4405 7.14583 18.3851 7.0326 18.2857C6.91937 18.1862 6.84572 18.0493 6.82511 17.9C6.69292 16.6926 6.15254 15.5664 5.29335 14.7079C4.43416 13.8493 3.30764 13.3097 2.10011 13.1784C1.93501 13.1574 1.78502 13.0716 1.68312 12.9401C1.58123 12.8085 1.53578 12.6418 1.55677 12.4767C1.57777 12.3116 1.66349 12.1616 1.79508 12.0597C1.92667 11.9578 2.09334 11.9124 2.25844 11.9334C3.7411 12.0953 5.12409 12.7584 6.17872 13.8131C7.23336 14.8677 7.89648 16.2507 8.05844 17.7334C8.07899 17.8979 8.03355 18.064 7.93205 18.1951C7.83055 18.3263 7.68124 18.412 7.51677 18.4334C7.4924 18.4402 7.46706 18.4431 7.44177 18.4417Z"
         fill="#121212"
         stroke="#121212"
-        stroke-width="0.4"
+        strokeWidth="0.4"
       />
       <path
         d="M4.27621 18.975C4.12551 18.9738 3.98027 18.9184 3.86704 18.819C3.75381 18.7195 3.68016 18.5826 3.65955 18.4333C3.6011 17.899 3.36186 17.4006 2.98146 17.0208C2.60106 16.641 2.10233 16.4026 1.56788 16.345C1.40278 16.324 1.25279 16.2383 1.15089 16.1067C1.049 15.9751 1.00355 15.8084 1.02455 15.6433C1.04554 15.4782 1.13126 15.3282 1.26285 15.2263C1.39444 15.1244 1.56112 15.079 1.72621 15.1C2.53493 15.1962 3.28779 15.5616 3.86367 16.1375C4.43956 16.7134 4.805 17.4663 4.90121 18.275C4.92176 18.4396 4.87632 18.6056 4.77482 18.7368C4.67332 18.8679 4.52402 18.9536 4.35955 18.975H4.27621Z"
         fill="#121212"
         stroke="#121212"
-        stroke-width="0.4"
+        strokeWidth="0.4"
       />
     </svg>
   );

package/src/components/Assets/Icons/IconComponents/OpenPaymentsIcon.tsx

@@ -7,24 +7,24 @@ export const OpenPaymentsIcon = ({ size = 16 }) => {
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
     >
-      <g clip-path="url(#clip0_34_1204)">
+      <g clipPath="url(#clip0_34_1204)">
         <path
           d="M10.833 8.625H5.83301C5.66758 8.62391 5.50925 8.55771 5.39227 8.44073C5.2753 8.32376 5.2091 8.16542 5.20801 8C5.2091 7.83458 5.2753 7.67624 5.39227 7.55926C5.50925 7.44229 5.66758 7.37609 5.83301 7.375H10.833C10.9984 7.37609 11.1568 7.44229 11.2737 7.55926C11.3907 7.67624 11.4569 7.83458 11.458 8C11.4569 8.16542 11.3907 8.32376 11.2737 8.44073C11.1568 8.55771 10.9984 8.62391 10.833 8.625Z"
           fill="#121212"
           stroke="#121212"
-          stroke-width="0.4"
+          strokeWidth="0.4"
         />
         <path
           d="M15.867 12.8333C15.2698 12.8434 14.6902 12.6304 14.2418 12.2359C13.7933 11.8413 13.5081 11.2937 13.442 10.7C13.4094 10.3589 13.4539 10.0147 13.5722 9.69308C13.6905 9.37143 13.8795 9.08046 14.1253 8.84168C14.3382 8.62514 14.5926 8.45375 14.8732 8.33777C15.1539 8.22179 15.455 8.1636 15.7587 8.16668H17.5003C17.8883 8.17214 18.2586 8.32982 18.5314 8.60573C18.8042 8.88164 18.9576 9.25369 18.9587 9.64168V11.3583C18.9588 11.7424 18.8092 12.1114 18.5415 12.3869C18.2738 12.6623 17.9093 12.8225 17.5253 12.8333H15.867ZM17.4753 9.41668H15.7645C15.6251 9.41431 15.4867 9.44044 15.3577 9.49346C15.2287 9.54648 15.1119 9.62527 15.0145 9.72501C14.8977 9.835 14.8076 9.97032 14.7513 10.1206C14.6949 10.2708 14.6738 10.432 14.6895 10.5917C14.7295 10.8728 14.8717 11.1294 15.089 11.3123C15.3062 11.4952 15.5831 11.5917 15.867 11.5833H17.5003C17.5574 11.5801 17.6111 11.5549 17.6499 11.5129C17.6888 11.4709 17.7098 11.4155 17.7087 11.3583V9.64168C17.7069 9.58111 17.6815 9.52364 17.6379 9.48158C17.5943 9.43952 17.5359 9.41622 17.4753 9.41668Z"
           fill="#121212"
           stroke="#121212"
-          stroke-width="0.4"
+          strokeWidth="0.4"
         />
         <path
           d="M13.3335 18.2083H5.83351C5.19453 18.2455 4.55493 18.147 3.95673 17.9194C3.35853 17.6917 2.81528 17.34 2.36269 16.8875C1.91011 16.4349 1.55843 15.8916 1.33078 15.2934C1.10313 14.6952 1.00466 14.0556 1.04184 13.4166V7.58332C0.975872 6.42559 1.35938 5.28708 2.11238 4.40522C2.86537 3.52335 3.92974 2.96621 5.08351 2.84998C5.33176 2.81236 5.58242 2.79286 5.83351 2.79165H13.3335C13.5761 2.78975 13.8185 2.80646 14.0585 2.84165C15.2191 2.94984 16.2922 3.50499 17.0511 4.3898C17.8099 5.27461 18.1951 6.41977 18.1252 7.58332V8.79165C18.1241 8.95707 18.0579 9.11541 17.9409 9.23238C17.8239 9.34936 17.6656 9.41556 17.5002 9.41665H15.7668C15.6274 9.41428 15.489 9.44041 15.36 9.49343C15.2311 9.54645 15.1143 9.62524 15.0168 9.72498L15.0085 9.73332C14.8956 9.84239 14.8086 9.97534 14.7538 10.1224C14.699 10.2695 14.6778 10.427 14.6918 10.5833C14.7318 10.864 14.8737 11.1202 15.0904 11.3031C15.307 11.4859 15.5834 11.5827 15.8668 11.575H17.5002C17.6656 11.5761 17.8239 11.6423 17.9409 11.7592C18.0579 11.8762 18.1241 12.0346 18.1252 12.2V13.4083C18.1632 14.0479 18.0653 14.6882 17.8381 15.2872C17.6108 15.8863 17.2593 16.4304 16.8067 16.8838C16.3541 17.3372 15.8106 17.6897 15.2119 17.918C14.6133 18.1463 13.9731 18.2452 13.3335 18.2083ZM5.83351 4.04165C5.63836 4.04279 5.4435 4.05671 5.25017 4.08332C4.39685 4.16282 3.60881 4.57407 3.05558 5.22861C2.50234 5.88314 2.2281 6.72867 2.29184 7.58332V13.4166C2.25901 13.8902 2.32811 14.3653 2.49449 14.8099C2.66086 15.2545 2.92064 15.6582 3.2563 15.9939C3.59195 16.3295 3.99569 16.5893 4.44027 16.7557C4.88486 16.922 5.35995 16.9911 5.83351 16.9583H13.3335C13.8071 16.9911 14.2822 16.922 14.7267 16.7557C15.1713 16.5893 15.5751 16.3295 15.9107 15.9939C16.2464 15.6582 16.5062 15.2545 16.6725 14.8099C16.8389 14.3653 16.908 13.8902 16.8752 13.4166V12.8333H15.8668C15.2696 12.8434 14.6901 12.6304 14.2416 12.2358C13.7931 11.8413 13.5079 11.2936 13.4418 10.7C13.416 10.3783 13.4569 10.0547 13.5619 9.74951C13.6668 9.44431 13.8336 9.16406 14.0519 8.92628C14.2701 8.6885 14.535 8.49831 14.8301 8.3676C15.1252 8.23689 15.4441 8.16848 15.7668 8.16665H16.8752V7.58332C16.9404 6.7221 16.6625 5.87002 16.1021 5.21283C15.5417 4.55564 14.7442 4.14664 13.8835 4.07498C13.7015 4.04802 13.5175 4.03686 13.3335 4.04165H5.83351Z"
           fill="#121212"
           stroke="#121212"
-          stroke-width="0.4"
+          strokeWidth="0.4"
         />
       </g>
       <defs>

package/src/components/Assets/Icons/IconComponents/PayxIcon.tsx

@@ -13,7 +13,7 @@ export const PayxIcon = ({ size = 16 }) => {
           d="M8.32695 19.0587L8.32695 19.059L8.33466 19.0583C8.64174 19.0305 8.93911 18.9363 9.20625 18.7823C9.47184 18.6293 9.70125 18.4207 9.87883 18.1709L16.1834 11.0075L16.1837 11.0071C16.5607 10.5745 16.723 10.1862 16.7689 9.85853C16.8148 9.53092 16.7432 9.2722 16.6662 9.10049L16.6665 9.10037L16.6628 9.09366C16.4947 8.78431 16.236 8.53377 15.9214 8.37565C15.609 8.21862 15.2563 8.16021 14.91 8.20808H13.067V2.93341C13.067 2.27314 12.922 1.82798 12.7255 1.52892C12.5288 1.22939 12.2853 1.08401 12.1022 1.01514C11.9191 0.946308 11.6411 0.895165 11.2968 0.990178C10.953 1.08503 10.5518 1.32312 10.1172 1.81738L3.80856 8.984L3.80822 8.9844C3.43117 9.41731 3.2689 9.80558 3.22301 10.1332C3.17712 10.4607 3.24872 10.7193 3.32571 10.891L3.32545 10.8911L3.32909 10.8978C3.49725 11.2073 3.75607 11.4579 4.0708 11.616C4.38338 11.7731 4.73624 11.8314 5.08262 11.7834H6.92562V17.0594C6.92562 17.7197 7.07059 18.1648 7.26705 18.4639C7.46345 18.7629 7.70636 18.9083 7.88941 18.9773C8.02845 19.033 8.17715 19.0607 8.32695 19.0587ZM8.42941 17.5569C8.37932 17.402 8.36052 17.2383 8.37459 17.0753L8.37496 17.0754V17.0667L8.37496 11.0667L8.37495 11.066C8.37354 10.8744 8.29681 10.6911 8.16136 10.5557C8.0259 10.4202 7.84259 10.3435 7.65103 10.3421H7.65029H5.07562V10.3419L5.06915 10.3423C4.93679 10.3509 4.80435 10.333 4.67946 10.2901C4.72222 10.1633 4.79576 10.0485 4.89402 9.95636L4.89434 9.9567L4.90069 9.94948L11.2087 2.78281L11.2092 2.78222C11.3168 2.65798 11.4358 2.54414 11.5645 2.44214C11.6161 2.59663 11.6343 2.76082 11.6175 2.92379L11.617 2.92373V2.93408L11.617 8.93408L11.617 8.93481C11.6184 9.12651 11.6952 9.30994 11.8308 9.44541C11.9665 9.58089 12.15 9.65753 12.3417 9.65874H12.3423H14.917V9.65896L14.9236 9.65852C15.0558 9.64978 15.1882 9.66746 15.3131 9.7102C15.2703 9.83696 15.1968 9.95168 15.0985 10.0438L15.0982 10.0435L15.0919 10.0507L8.78323 17.2173L8.78267 17.218C8.67561 17.3417 8.55734 17.4551 8.42941 17.5569Z"
           fill="#121212"
           stroke="#121212"
-          stroke-width="0.2"
+          strokeWidth="0.2"
         />
       </g>
     </svg>

package/src/components/Assets/Icons/IconComponents/PdfIcon.tsx

@@ -7,7 +7,7 @@ export const PdfIcon = ({ size = 24 }) => {
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
     >
-      <g clip-path="url(#clip0_2077_7090)">
+      <g clipPath="url(#clip0_2077_7090)">
         <path
           d="M15.8506 0.5H3.41264C3.06636 0.5 2.78564 0.780714 2.78564 1.32543V24.0714C2.78564 24.2193 3.06636 24.5 3.41264 24.5H20.5872C20.9335 24.5 21.2142 24.2193 21.2142 24.0714V6.062C21.2142 5.76371 21.1744 5.66771 21.1041 5.597L16.1172 0.610143C16.0465 0.539857 15.9505 0.5 15.8506 0.5Z"
           fill="#E9E9E0"

package/src/components/Assets/Icons/IconComponents/PeoplexIcon.tsx

@@ -13,21 +13,21 @@ export const PeoplexIcon = ({ size = 16 }) => {
           d="M7.42451 18.2545L7.4245 18.2545L7.42612 18.2556C8.17645 18.7926 9.07829 19.0765 10.0009 19.0663C10.9211 19.0777 11.8207 18.7935 12.5674 18.2555L12.5688 18.2545L16.1521 15.5791L16.1522 15.5792L16.1558 15.5762C16.6677 15.1551 17.0859 14.6317 17.3836 14.0394C17.6812 13.4472 17.8517 12.7993 17.8842 12.1372L17.8843 12.1372V12.1323V5.94099H17.8844L17.8842 5.93714C17.8578 5.25022 17.6355 4.58518 17.2438 4.02031C16.852 3.45544 16.307 3.01427 15.6729 2.74875L15.673 2.74868L15.6693 2.74733L11.5027 1.18933L11.5027 1.18922L11.4983 1.18779C10.5192 0.873081 9.46611 0.873081 8.48705 1.18779L8.48701 1.18768L8.48257 1.18935L4.3239 2.74735L4.32388 2.74728L4.32036 2.74875C3.68628 3.01427 3.14128 3.45544 2.74951 4.02031C2.35775 4.58518 2.13554 5.25022 2.10906 5.93714L2.10898 5.93714V5.94099V12.133H2.10886L2.1091 12.1379C2.14149 12.7999 2.31191 13.4478 2.60943 14.04C2.90696 14.6322 3.32502 15.1557 3.83677 15.5769L3.8367 15.577L3.84051 15.5798L7.42451 18.2545ZM3.94285 4.84443C4.16839 4.51951 4.47821 4.26222 4.83899 4.10021L8.99124 2.54636C9.64619 2.34516 10.3465 2.34516 11.0014 2.54636L15.1547 4.1001C15.514 4.26416 15.8225 4.52203 16.0477 4.84662C16.2729 5.1712 16.4064 5.55046 16.4343 5.94448V12.1288C16.4033 12.5675 16.2861 12.9957 16.0895 13.3891C15.8928 13.7824 15.6205 14.133 15.2883 14.421L11.7099 17.092C11.2027 17.4305 10.6065 17.6112 9.99665 17.6112C9.38677 17.6112 8.79058 17.4305 8.28336 17.092L4.70504 14.421C4.37275 14.133 4.10049 13.7824 3.90384 13.3891C3.70717 12.9957 3.58999 12.5675 3.55898 12.1288V5.9442C3.58462 5.54956 3.71732 5.16934 3.94285 4.84443Z"
           fill="#121212"
           stroke="#121212"
-          stroke-width="0.2"
+          strokeWidth="0.2"
         />
         <path
           id="Vector_2"
           d="M9.92841 9.82437L9.92831 9.82518H9.94107H9.96456L9.96851 9.82945L10.0071 9.8328C10.5233 9.87763 11.0364 9.71692 11.4348 9.38559C11.8331 9.05426 12.0847 8.57909 12.1347 8.06335C12.1847 7.5476 12.0292 7.03295 11.7019 6.63125C11.3746 6.22954 10.902 5.97324 10.3867 5.91803C9.87152 5.86283 9.35533 6.01319 8.95035 6.33644C8.54538 6.65969 8.28433 7.1297 8.22395 7.64434C8.16357 8.15897 8.30873 8.67664 8.62789 9.08485C8.94705 9.49306 9.41441 9.75882 9.92841 9.82437ZM10.0026 9.82517C10.0026 9.82517 10.0026 9.82517 10.0025 9.82517L10.0026 9.82517ZM9.42207 7.11236C9.56063 6.97633 9.74698 6.90004 9.94114 6.89984H9.94116C10.1337 6.8997 10.3188 6.97437 10.4574 7.1081C10.596 7.24183 10.6772 7.42417 10.6839 7.61664C10.6906 7.80911 10.6223 7.99666 10.4934 8.13972C10.3652 8.28195 10.187 8.36914 9.99618 8.38318H9.91046C9.71715 8.37498 9.53466 8.2916 9.40192 8.15076C9.26874 8.00946 9.19626 7.82158 9.20003 7.62745C9.2038 7.43331 9.28351 7.24839 9.42207 7.11236Z"
           fill="#121212"
           stroke="#121212"
-          stroke-width="0.2"
+          strokeWidth="0.2"
         />
         <path
           id="Vector_3"
           d="M7.02506 12.4053L7.02484 12.4053L7.02505 12.4119C7.03516 12.7296 7.12513 13.0396 7.28665 13.3133C7.44793 13.5866 7.67534 13.8149 7.94797 13.9773C8.56114 14.3662 9.27428 14.5683 10.0004 14.5588C10.7267 14.5679 11.44 14.3653 12.0531 13.9757C12.325 13.8109 12.5516 13.581 12.7125 13.3067C12.8737 13.0321 12.9638 12.7217 12.9749 12.4036L12.9752 12.4036L12.9749 12.3969C12.9649 12.0793 12.8751 11.7694 12.7137 11.4957C12.5523 11.2221 12.3247 10.9935 12.0518 10.831C11.4333 10.4558 10.7238 10.2574 10.0003 10.2574C9.27678 10.2574 8.5671 10.4559 7.94852 10.8312C7.67589 10.9962 7.44867 11.2265 7.28743 11.5013C7.12618 11.7761 7.03601 12.0869 7.02506 12.4053ZM8.73504 12.0402L8.73513 12.0404L8.74068 12.0373C9.1264 11.8203 9.56147 11.7064 10.004 11.7064C10.4465 11.7064 10.8816 11.8203 11.2673 12.0373L11.2673 12.0373L11.2696 12.0385C11.3403 12.0758 11.401 12.1293 11.447 12.1946C11.4902 12.2559 11.5191 12.3261 11.5318 12.3999C11.5187 12.4744 11.489 12.545 11.4447 12.6064C11.3976 12.6717 11.3354 12.7246 11.2635 12.7607L11.2634 12.7606L11.2584 12.7634C10.8757 12.984 10.4417 13.1 10 13.1C9.55828 13.1 9.12432 12.984 8.74159 12.7634L8.74162 12.7634L8.73836 12.7617C8.66775 12.7244 8.60698 12.6709 8.56103 12.6056C8.51746 12.5437 8.48839 12.4728 8.4759 12.3983C8.48569 12.3239 8.51335 12.2529 8.55659 12.1915C8.6022 12.1266 8.66363 12.0746 8.73504 12.0402Z"
           fill="#121212"
           stroke="#121212"
-          stroke-width="0.2"
+          strokeWidth="0.2"
         />
       </g>
     </svg>

package/src/components/Assets/Icons/IconComponents/PrintDesignerIcon.tsx

@@ -0,0 +1,47 @@
+export const PrintDesignerIcon = ({ size = 16 }) => {
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 117 117"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <mask
+        id="mask0_1458_2"
+        maskUnits="userSpaceOnUse"
+        x="0"
+        y="0"
+        width="117"
+        height="117"
+      >
+        <path d="M117 0H0V117H117V0Z" fill="white" />
+      </mask>
+      <g mask="url(#mask0_1458_2)">
+        <path
+          d="M94 0H23C10.2975 0 0 10.2975 0 23V94C0 106.703 10.2975 117 23 117H94C106.703 117 117 106.703 117 94V23C117 10.2975 106.703 0 94 0Z"
+          fill="#7B4B57"
+        />
+        <path d="M81 31H36.43V21H71L81 31Z" fill="#FDFAED" />
+        <path d="M81 41V31H71V41H81Z" fill="#FDFAED" />
+        <path d="M88 76H98V51H88V76Z" fill="#FDFAED" />
+        <path d="M20 76H30V51H20V76Z" fill="#FDFAED" />
+        <path d="M47 74H36V98H47V74Z" fill="#FDFAED" />
+        <path d="M81 74H71V98H81V74Z" fill="#FDFAED" />
+        <path d="M71.01 98V88H46.44V98H71.01Z" fill="#FDFAED" />
+        <path
+          d="M98 51H20C20 48.3478 20.9668 45.8043 22.6877 43.9289C24.4087 42.0536 26.7427 41 29.1765 41H88.8235C90.0286 41 91.2219 41.2587 92.3352 41.7612C93.4486 42.2638 94.4602 43.0003 95.3123 43.9289C96.1644 44.8575 96.8403 45.9599 97.3017 47.1732C97.7623 48.3864 98 49.6868 98 51Z"
+          fill="#FDFAED"
+        />
+        <path
+          d="M36 76V86H27.3226C25.335 85.8347 23.4714 84.7086 22.111 82.8508C20.7507 80.9931 19.9958 78.5433 20 76H36Z"
+          fill="#FDFAED"
+        />
+        <path
+          d="M98 76V76.53C97.8938 78.9823 97.0237 81.3029 95.5565 83.0493C94.0892 84.7958 92.1271 85.846 90.044 86H81V76H98Z"
+          fill="#FDFAED"
+        />
+      </g>
+    </svg>
+  );
+};

package/src/components/Assets/Icons/IconComponents/ProductFeaturesIcon.tsx

@@ -24,9 +24,9 @@ export const ProductFeaturesIcon = ({ size = 16 }) => {
             d="M5.667,5.933V1.4C5.667.4,5.24,0,4.18,0H1.487C.427,0,0,.4,0,1.4V5.933c0,1,.427,1.4,1.487,1.4H4.18C5.24,7.333,5.667,6.933,5.667,5.933Z"
             transform="translate(9 1.333)"
             fill="none"
-            stroke-linecap="round"
-            stroke-linejoin="round"
-            stroke-width="1.2"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            strokeWidth="1.2"
           />
           <path
             id="Vector-2"
@@ -34,9 +34,9 @@ export const ProductFeaturesIcon = ({ size = 16 }) => {
             d="M5.667,2.6V1.4C5.667.4,5.24,0,4.18,0H1.487C.427,0,0,.4,0,1.4V2.6C0,3.6.427,4,1.487,4H4.18C5.24,4,5.667,3.6,5.667,2.6Z"
             transform="translate(9 10.667)"
             fill="none"
-            stroke-linecap="round"
-            stroke-linejoin="round"
-            stroke-width="1.2"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            strokeWidth="1.2"
           />
           <path
             id="Vector-3"
@@ -44,9 +44,9 @@ export const ProductFeaturesIcon = ({ size = 16 }) => {
             d="M5.667,1.4V5.933c0,1-.427,1.4-1.487,1.4H1.487C.427,7.333,0,6.933,0,5.933V1.4C0,.4.427,0,1.487,0H4.18C5.24,0,5.667.4,5.667,1.4Z"
             transform="translate(1.333 7.333)"
             fill="none"
-            stroke-linecap="round"
-            stroke-linejoin="round"
-            stroke-width="1.2"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            strokeWidth="1.2"
           />
           <path
             id="Vector-4"
@@ -54,9 +54,9 @@ export const ProductFeaturesIcon = ({ size = 16 }) => {
             d="M5.667,1.4V2.6c0,1-.427,1.4-1.487,1.4H1.487C.427,4,0,3.6,0,2.6V1.4C0,.4.427,0,1.487,0H4.18C5.24,0,5.667.4,5.667,1.4Z"
             transform="translate(1.333 1.333)"
             fill="none"
-            stroke-linecap="round"
-            stroke-linejoin="round"
-            stroke-width="1.2"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            strokeWidth="1.2"
           />
           <path
             id="Vector-5"

package/src/components/Assets/Icons/IconComponents/QuizIcon.tsx

@@ -10,24 +10,24 @@ const QuizIcon = ({ color, size = 16 }: { color?: string; size?: number }) => {
       viewBox="0 0 20 20"
       xmlns="http://www.w3.org/2000/svg"
     >
-      <g clip-path="url(#clip0_1305_893)">
+      <g clipPath="url(#clip0_1305_893)">
         <path
           d="M12.3096 16.4603H7.7179C7.51336 16.479 7.30713 16.457 7.11116 16.3955C6.91519 16.334 6.73337 16.2342 6.57624 16.1019C6.46443 15.9727 6.38135 15.8211 6.3325 15.6574C6.28366 15.4936 6.27016 15.3213 6.2929 15.1519V14.4103C5.26513 13.736 4.41298 12.8263 3.80717 11.7567C3.20136 10.6871 2.85937 9.48848 2.80957 8.26026C2.81002 7.1756 3.05511 6.10501 3.52659 5.12818C3.99806 4.15135 4.68378 3.29344 5.53271 2.6183C6.38164 1.94316 7.37191 1.46819 8.4298 1.22873C9.4877 0.98928 10.586 0.991511 11.6429 1.23526C12.6713 1.46117 13.6368 1.91246 14.4697 2.55661C15.3027 3.20076 15.9823 4.02171 16.4596 4.96026C17.223 6.59945 17.3686 8.45929 16.8694 10.1973C16.3702 11.9353 15.2599 13.4344 13.7429 14.4186V15.0436C13.7641 15.229 13.7461 15.4168 13.6901 15.5948C13.6341 15.7728 13.5414 15.937 13.4179 16.0769C13.2675 16.2107 13.0922 16.3134 12.902 16.3791C12.7118 16.4449 12.5105 16.4725 12.3096 16.4603ZM7.53457 15.2019C7.57624 15.2019 7.63457 15.2103 7.70957 15.2103H12.3096C12.3684 15.2115 12.4271 15.2059 12.4846 15.1936V14.0578C12.4847 13.9506 12.5124 13.8453 12.5649 13.7519C12.6175 13.6585 12.6931 13.5802 12.7846 13.5244C14.1296 12.7417 15.135 11.4862 15.6048 10.0027C16.0747 8.51911 15.9754 6.91375 15.3262 5.49943C14.9332 4.72743 14.3734 4.05251 13.6873 3.52356C13.0013 2.9946 12.2061 2.62486 11.3596 2.4411C10.4778 2.24003 9.56198 2.24051 8.6804 2.44251C7.79882 2.64451 6.97418 3.04281 6.2679 3.60776C5.5715 4.16587 5.00982 4.87375 4.62461 5.67878C4.23941 6.48382 4.04058 7.36532 4.0429 8.25776C4.09807 9.33118 4.41752 10.3743 4.97286 11.2946C5.52821 12.2148 6.30226 12.9837 7.22624 13.5328C7.31821 13.588 7.39424 13.6662 7.44684 13.7597C7.49943 13.8532 7.5268 13.9588 7.52624 14.0661V15.1911C7.53457 15.1936 7.53457 15.1936 7.53457 15.2019Z"
           fill={color}
           stroke={color}
-          stroke-width="0.4"
+          strokeWidth="0.4"
         />
         <path
           d="M12.9178 18.9614C12.8586 18.9613 12.7997 18.9529 12.7428 18.9364C10.9487 18.4198 9.04522 18.4198 7.25112 18.9364C7.09092 18.9803 6.91992 18.9594 6.77496 18.8783C6.63 18.7973 6.52268 18.6625 6.47612 18.5031C6.45352 18.4238 6.44681 18.3407 6.45637 18.2588C6.46594 18.1769 6.49158 18.0976 6.53184 18.0256C6.5721 17.9536 6.62619 17.8903 6.69098 17.8392C6.75578 17.7882 6.83002 17.7504 6.90945 17.7281C8.92763 17.1531 11.0663 17.1531 13.0844 17.7281C13.2445 17.7737 13.3799 17.8809 13.4612 18.0261C13.5424 18.1714 13.5627 18.3429 13.5178 18.5031C13.4832 18.6355 13.4054 18.7525 13.2967 18.8355C13.1879 18.9186 13.0546 18.9629 12.9178 18.9614Z"
           fill={color}
           stroke={color}
-          stroke-width="0.4"
+          strokeWidth="0.4"
         />
         <path
           d="M11.774 7.21543C11.8342 7.56943 11.784 7.93337 11.6304 8.25791C11.4767 8.58245 11.2268 8.85188 10.9148 9.02959C10.4631 9.32709 10.3648 9.50959 10.344 9.57209C10.3196 9.64324 10.2737 9.705 10.2126 9.74889C10.1515 9.79279 10.0783 9.81661 10.0031 9.81705C9.96395 9.81763 9.925 9.81118 9.88813 9.79792C9.79778 9.76736 9.72325 9.70222 9.68091 9.61675C9.63857 9.53129 9.63188 9.43249 9.6623 9.34209C9.83981 8.9528 10.1402 8.63253 10.5173 8.43043C10.7126 8.33072 10.871 8.17136 10.9696 7.97552C11.0682 7.77967 11.1018 7.55751 11.0656 7.34126C11.0104 7.08191 10.8619 6.85181 10.6484 6.69459C10.4349 6.53737 10.1711 6.46395 9.90705 6.48819C9.64299 6.51243 9.39701 6.63266 9.21567 6.82612C9.03434 7.01959 8.93025 7.27283 8.92314 7.53789C8.92314 7.63337 8.88521 7.725 8.8177 7.79251C8.75019 7.86003 8.65861 7.8979 8.56313 7.8979C8.46765 7.8979 8.37608 7.86003 8.30856 7.79251C8.24105 7.725 8.20313 7.63337 8.20312 7.53789C8.20355 7.27426 8.2618 7.01394 8.37377 6.77526C8.48574 6.53658 8.6487 6.32532 8.85117 6.15647C9.05363 5.98761 9.29066 5.86527 9.54557 5.79799C9.80047 5.7307 10.067 5.72014 10.3265 5.76706C10.6858 5.8341 11.0163 6.00832 11.2747 6.26684C11.5331 6.52536 11.7071 6.85609 11.774 7.21543ZM10.4963 11.348C10.4963 11.4429 10.4682 11.5357 10.4154 11.6146C10.3627 11.6935 10.2877 11.7551 10.2 11.7914C10.1123 11.8277 10.0158 11.8373 9.92269 11.8188C9.82958 11.8003 9.74405 11.7545 9.67692 11.6873C9.60979 11.6202 9.56409 11.5347 9.54557 11.4416C9.52705 11.3485 9.53655 11.252 9.57288 11.1643C9.60921 11.0766 9.67072 11.0016 9.74965 10.9488C9.82859 10.8961 9.92139 10.8679 10.0163 10.8679C10.1436 10.8682 10.2655 10.9189 10.3555 11.0088C10.4455 11.0988 10.4961 11.2208 10.4963 11.348Z"
           fill={color}
           stroke={color}
-          stroke-width="0.8"
+          strokeWidth="0.8"
         />
       </g>
       <defs>

package/src/components/Assets/Icons/IconComponents/RedirectIcon.tsx

@@ -1,12 +1,20 @@
 import { useTheme } from '@mui/material';
-export const RedirectIcon = ({ size = 16 }) => {
+export const RedirectIcon = ({
+  size = 16,
+  color,
+  opacity = '0.5',
+}: {
+  color?: string;
+  size?: number;
+  opacity?: string;
+}) => {
   const theme = useTheme();
-  const color = theme.palette.text.secondary;
+  color = color ?? theme.palette.text.primary;
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
-      width="20"
-      height="20"
+      width={size}
+      height={size}
       viewBox="0 0 20 20"
       fill="none"
     >
@@ -15,16 +23,16 @@ export const RedirectIcon = ({ size = 16 }) => {
         maskUnits="userSpaceOnUse"
         x="0"
         y="0"
-        width="20"
-        height="20"
+        width={size}
+        height={size}
       >
         <path d="M20 0H0V20H20V0Z" fill="white" />
       </mask>
       <g mask="url(#mask0_3703_17689)">
-        <g opacity="0.5">
+        <g opacity={opacity}>
           <path
             d="M13.4416 14.6884C13.4414 15.6014 13.0786 16.4769 12.4331 17.1224C11.7875 17.768 10.9121 18.1307 9.99911 18.1309H5.18078C4.26784 18.1307 3.39236 17.768 2.74681 17.1224C2.10126 16.4769 1.7385 15.6014 1.73828 14.6884L1.73828 9.86595C1.7385 8.95301 2.10126 8.07752 2.74681 7.43198C3.39236 6.78643 4.26784 6.42367 5.18078 6.42345H5.86911C6.05167 6.42345 6.22675 6.49597 6.35584 6.62506C6.48493 6.75414 6.55745 6.92922 6.55745 7.11178C6.55745 7.29434 6.48493 7.46942 6.35584 7.59851C6.22675 7.7276 6.05167 7.80012 5.86911 7.80012H5.18078C4.63336 7.80166 4.1088 8.0198 3.72172 8.40689C3.33463 8.79397 3.11649 9.31853 3.11495 9.86595V14.6884C3.11671 15.2356 3.33483 15.7598 3.72171 16.1467C4.1086 16.5336 4.63282 16.7517 5.17995 16.7534H9.99995C10.5471 16.7517 11.0713 16.5336 11.4582 16.1467C11.8451 15.7598 12.0632 15.2356 12.0649 14.6884C12.0649 14.5059 12.1375 14.3308 12.2666 14.2017C12.3956 14.0726 12.5707 14.0001 12.7533 14.0001C12.9358 14.0001 13.1109 14.0726 13.24 14.2017C13.3691 14.3308 13.4416 14.5059 13.4416 14.6884ZM17.6624 5.65928L13.9374 1.81095C13.8752 1.74539 13.8004 1.69293 13.7175 1.65665C13.6347 1.62037 13.5454 1.601 13.455 1.59968C13.3646 1.59836 13.2748 1.61512 13.1909 1.64896C13.1071 1.68281 13.0308 1.73307 12.9666 1.79678C12.9013 1.85967 12.8491 1.9349 12.813 2.0181C12.7769 2.1013 12.7577 2.19083 12.7565 2.2815C12.7552 2.37217 12.772 2.46219 12.8058 2.54635C12.8396 2.63051 12.8897 2.70713 12.9533 2.77178L16.4883 6.41678H10.6883C9.77606 6.417 8.90121 6.77919 8.25578 7.42384C7.61035 8.06848 7.24711 8.9429 7.24578 9.85512V13.2976C7.24578 13.4802 7.3183 13.6553 7.44739 13.7843C7.57648 13.9134 7.75156 13.986 7.93411 13.986C8.11667 13.986 8.29175 13.9134 8.42084 13.7843C8.54993 13.6553 8.62245 13.4802 8.62245 13.2976V9.85512C8.62508 9.30842 8.84371 8.78493 9.23068 8.39874C9.61765 8.01255 10.1416 7.79498 10.6883 7.79345H16.4883L12.9458 11.4384C12.8502 11.5351 12.7855 11.658 12.76 11.7915C12.7344 11.9249 12.7492 12.063 12.8024 12.1881C12.8555 12.3132 12.9447 12.4196 13.0585 12.4939C13.1724 12.5682 13.3057 12.6069 13.4416 12.6051C13.6276 12.6037 13.8056 12.5295 13.9374 12.3984L17.6549 8.56512C18.0411 8.17927 18.2586 7.65613 18.2599 7.11024C18.2611 6.56436 18.046 6.04022 17.6616 5.65262L17.6624 5.65928Z"
-            fill-opacity="0.7"
+            fillOpacity="0.7"
             style={{
               fill: color,
             }}

package/src/components/Assets/Icons/IconComponents/RedoIcon.tsx

@@ -16,13 +16,13 @@ export const RedoIcon = ({ size = 16 }) => {
         d="M12.612 4.01719H5.94531C5.75303 4.01719 5.56862 4.09357 5.43266 4.22954C5.2967 4.3655 5.22031 4.54991 5.22031 4.74219C5.22031 4.93447 5.2967 5.11888 5.43266 5.25484C5.56862 5.3908 5.75303 5.46719 5.94531 5.46719H12.612C13.5248 5.46719 14.4002 5.82979 15.0456 6.47523C15.691 7.12067 16.0536 7.99607 16.0536 8.90885C16.0536 9.82164 15.691 10.697 15.0456 11.3425C14.4002 11.9879 13.5248 12.3505 12.612 12.3505H3.44531C3.25303 12.3505 3.06862 12.4269 2.93266 12.5629C2.7967 12.6988 2.72031 12.8832 2.72031 13.0755C2.72031 13.2678 2.7967 13.4522 2.93266 13.5882C3.06862 13.7241 3.25303 13.8005 3.44531 13.8005H12.612C13.9093 13.8005 15.1535 13.2851 16.0709 12.3678C16.9883 11.4504 17.5036 10.2062 17.5036 8.90885C17.5036 7.6115 16.9883 6.36729 16.0709 5.44992C15.1535 4.53256 13.9093 4.01719 12.612 4.01719Z"
         fill={color}
         stroke="#323167"
-        stroke-width="0.2"
+        strokeWidth="0.2"
       />
       <path
         d="M5.35888 10.2672C5.26348 10.2668 5.16895 10.2854 5.08082 10.3219C4.99263 10.3584 4.91261 10.4122 4.84543 10.48C4.84537 10.4801 4.84531 10.4801 4.84524 10.4802L2.71227 12.6131L2.71185 12.6136C2.57712 12.7499 2.50156 12.9339 2.50156 13.1255C2.50156 13.3172 2.57712 13.5012 2.71185 13.6375L2.71227 13.6379L4.845 15.7706C4.91172 15.8396 4.99146 15.8946 5.07961 15.9325C5.16804 15.9706 5.26317 15.9906 5.35943 15.9915C5.4557 15.9924 5.55117 15.9741 5.64029 15.9377C5.7294 15.9013 5.81038 15.8475 5.87848 15.7794C5.94659 15.7114 6.00046 15.6305 6.03695 15.5414C6.07345 15.4523 6.09184 15.3569 6.09105 15.2606C6.09026 15.1643 6.0703 15.0692 6.03235 14.9807C5.99451 14.8925 5.93953 14.8127 5.87061 14.7459L4.25024 13.1255L5.87119 11.5046L5.87161 11.5042C6.00634 11.3678 6.0819 11.1839 6.0819 10.9922C6.0819 10.8005 6.00634 10.6166 5.87161 10.4802L5.87155 10.4802C5.80445 10.4124 5.72452 10.3586 5.63643 10.3221C5.54846 10.2856 5.45412 10.2669 5.35888 10.2672ZM5.35888 10.2672C5.35902 10.2672 5.35916 10.2672 5.35931 10.2672L5.35881 10.3672L5.35846 10.2672C5.3586 10.2672 5.35874 10.2672 5.35888 10.2672Z"
         fill={color}
         stroke="#323167"
-        stroke-width="0.2"
+        strokeWidth="0.2"
       />
     </svg>
   );

package/src/components/Assets/Icons/IconComponents/RegistrationsIcon.tsx

@@ -7,24 +7,24 @@ export const RegistrationIcon = ({ size = 16 }) => {
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
     >
-      <g clip-path="url(#clip0_10_452)">
+      <g clipPath="url(#clip0_10_452)">
         <path
           d="M13.3009 17.7667C13.2188 17.767 13.1374 17.7509 13.0616 17.7194C12.9858 17.6879 12.917 17.6417 12.8592 17.5833L11.5925 16.3192C11.4821 16.2007 11.422 16.044 11.4249 15.8821C11.4278 15.7201 11.4934 15.5657 11.6079 15.4511C11.7224 15.3366 11.8769 15.271 12.0388 15.2682C12.2007 15.2653 12.3574 15.3254 12.4759 15.4358L13.3009 16.2608L15.3917 14.1675C15.5102 14.0571 15.6669 13.997 15.8288 13.9999C15.9907 14.0027 16.1452 14.0683 16.2597 14.1828C16.3742 14.2973 16.4398 14.4518 16.4427 14.6137C16.4456 14.7756 16.3854 14.9324 16.275 15.0508L13.7442 17.5842C13.6862 17.6426 13.6171 17.6888 13.541 17.7201C13.4648 17.7515 13.3832 17.7673 13.3009 17.7667Z"
           fill="#121212"
           stroke="#121212"
-          stroke-width="0.4"
+          strokeWidth="0.4"
         />
         <path
           d="M10.1335 9.68349H10.0668C10.0172 9.67514 9.9665 9.67514 9.91685 9.68349C8.78422 9.66639 7.70392 9.20375 6.90999 8.39578C6.11606 7.58781 5.67242 6.49958 5.67518 5.36682C5.67074 4.80018 5.77979 4.23839 5.9959 3.71457C6.21202 3.19074 6.53082 2.71549 6.93351 2.31682C7.53678 1.70956 8.30687 1.29525 9.14604 1.12647C9.98521 0.95769 10.8556 1.04206 11.6467 1.36887C12.4379 1.69568 13.1141 2.25019 13.5895 2.96201C14.0649 3.67382 14.318 4.51085 14.3168 5.36682C14.3226 6.48625 13.8913 7.56375 13.1147 8.36997C12.338 9.17618 11.2774 9.64746 10.1585 9.68349H10.1335ZM9.99185 2.29182C9.18638 2.28985 8.41246 2.60477 7.83721 3.16856C7.26196 3.73236 6.93154 4.49979 6.91732 5.30514C6.90309 6.11048 7.2062 6.88911 7.76118 7.47287C8.31616 8.05663 9.07848 8.39868 9.88351 8.42515C9.9722 8.41659 10.0615 8.41659 10.1502 8.42515C10.9386 8.39046 11.6829 8.05162 12.2267 7.47979C12.7706 6.90796 13.0717 6.14763 13.0668 5.35849C13.0625 4.54507 12.7368 3.76634 12.1608 3.19194C11.5849 2.61754 10.8053 2.29401 9.99185 2.29182Z"
           fill="#121212"
           stroke="#121212"
-          stroke-width="0.4"
+          strokeWidth="0.4"
         />
         <path
           d="M9.99172 18.8C8.39284 18.8317 6.81972 18.3942 5.46672 17.5417C4.94224 17.2362 4.50317 16.8035 4.19004 16.2835C3.8769 15.7636 3.69979 15.1731 3.67505 14.5667C3.70087 13.9627 3.87858 13.375 4.19175 12.8579C4.50492 12.3408 4.94343 11.911 5.46672 11.6083C6.83131 10.7904 8.39241 10.3583 9.98338 10.3583C11.5744 10.3583 13.1355 10.7904 14.5 11.6083C14.6373 11.7008 14.7327 11.8435 14.7654 12.0058C14.7982 12.168 14.7657 12.3366 14.675 12.475C14.63 12.5438 14.5717 12.6029 14.5035 12.649C14.4354 12.6951 14.3589 12.7272 14.2783 12.7434C14.1976 12.7597 14.1146 12.7598 14.034 12.7438C13.9533 12.7278 13.8766 12.6959 13.8084 12.65C12.6481 11.9706 11.3279 11.6126 9.98338 11.6126C8.63888 11.6126 7.31863 11.9706 6.15838 12.65C5.80903 12.841 5.5131 13.1165 5.29766 13.4513C5.08221 13.7861 4.9541 14.1696 4.92505 14.5667C4.95363 14.9661 5.08138 15.352 5.29674 15.6896C5.51209 16.0272 5.80824 16.3057 6.15838 16.5C7.3049 17.2119 8.6342 17.5739 9.98338 17.5417C10.1502 17.5406 10.3107 17.6058 10.4295 17.723C10.5483 17.8402 10.6156 17.9998 10.6167 18.1667C10.6178 18.3335 10.5526 18.494 10.4354 18.6128C10.3182 18.7316 10.1586 18.7989 9.99172 18.8Z"
           fill="#121212"
           stroke="#121212"
-          stroke-width="0.4"
+          strokeWidth="0.4"
         />
       </g>
       <defs>

package/src/components/Assets/Icons/IconComponents/RejectIcon.tsx

@@ -21,19 +21,19 @@ export const RejectIcon = ({
         d="M6.1137 10.886C6.04802 10.8862 5.98295 10.8734 5.92228 10.8482C5.86162 10.823 5.80658 10.786 5.76037 10.7393C5.66738 10.6452 5.61523 10.5183 5.61523 10.386C5.61523 10.2537 5.66738 10.1268 5.76037 10.0327L9.53437 6.26001C9.58014 6.21088 9.63534 6.17148 9.69668 6.14415C9.75801 6.11683 9.82422 6.10213 9.89135 6.10095C9.95849 6.09976 10.0252 6.11211 10.0874 6.13726C10.1497 6.16241 10.2062 6.19984 10.2537 6.24731C10.3012 6.29479 10.3386 6.35135 10.3638 6.41361C10.3889 6.47587 10.4013 6.54255 10.4001 6.60969C10.3989 6.67682 10.3842 6.74303 10.3569 6.80437C10.3296 6.8657 10.2902 6.9209 10.241 6.96667L6.4677 10.74C6.42175 10.7872 6.36665 10.8245 6.30578 10.8496C6.2449 10.8747 6.17954 10.8871 6.1137 10.886Z"
         fill={fill}
         stroke="#F2353C"
-        stroke-width="0.4"
+        strokeWidth="0.4"
       />
       <path
         d="M9.88702 10.886C9.82133 10.8862 9.75626 10.8734 9.6956 10.8482C9.63493 10.823 9.57989 10.786 9.53368 10.7393L5.76102 6.966C5.67586 6.87074 5.63041 6.7465 5.63398 6.61879C5.63756 6.49107 5.68989 6.36957 5.78024 6.27922C5.87058 6.18888 5.99208 6.13654 6.1198 6.13297C6.24752 6.1294 6.37176 6.17485 6.46702 6.26L10.2403 10.0333C10.3333 10.1274 10.3855 10.2544 10.3855 10.3867C10.3855 10.519 10.3333 10.6459 10.2403 10.74C10.1941 10.7866 10.139 10.8234 10.0784 10.8485C10.0177 10.8736 9.95265 10.8863 9.88702 10.886Z"
         fill={fill}
         stroke="#F2353C"
-        stroke-width="0.4"
+        strokeWidth="0.4"
       />
       <path
         d="M9.99968 15.6667H5.99968C2.37967 15.6667 0.833008 14.12 0.833008 10.5V6.5C0.833008 2.88 2.37967 1.33334 5.99968 1.33334H9.99968C13.6197 1.33334 15.1663 2.88 15.1663 6.5V10.5C15.1663 14.12 13.6197 15.6667 9.99968 15.6667ZM5.99968 2.33334C2.92634 2.33334 1.83301 3.42667 1.83301 6.5V10.5C1.83301 13.5733 2.92634 14.6667 5.99968 14.6667H9.99968C13.073 14.6667 14.1663 13.5733 14.1663 10.5V6.5C14.1663 3.42667 13.073 2.33334 9.99968 2.33334H5.99968Z"
         fill={fill}
         stroke="#F2353C"
-        stroke-width="0.4"
+        strokeWidth="0.4"
       />
     </svg>
   );

package/src/components/Assets/Icons/IconComponents/RoutesIcon.tsx

@@ -7,36 +7,36 @@ export const RouteIcon = ({ size = 16 }) => {
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
     >
-      <g clip-path="url(#clip0_0_407)">
+      <g clipPath="url(#clip0_0_407)">
         <path
           d="M4.59163 5.41667C4.37062 5.41667 4.15866 5.32887 4.00238 5.17259C3.8461 5.01631 3.7583 4.80435 3.7583 4.58333C3.7583 4.36232 3.8461 4.15036 4.00238 3.99408C4.15866 3.8378 4.37062 3.75 4.59163 3.75H4.59997C4.82098 3.75111 5.0325 3.83996 5.188 3.99702C5.3435 4.15409 5.43024 4.36649 5.42913 4.5875C5.42803 4.80851 5.33917 5.02004 5.18211 5.17554C5.02505 5.33103 4.81265 5.41777 4.59163 5.41667Z"
           fill="#121212"
           stroke="#121212"
-          stroke-width="0.4"
+          strokeWidth="0.4"
         />
         <path
           d="M15.425 16.25C15.204 16.25 14.992 16.1622 14.8358 16.0059C14.6795 15.8496 14.5917 15.6377 14.5917 15.4167C14.5917 15.1956 14.6795 14.9837 14.8358 14.8274C14.992 14.6711 15.204 14.5833 15.425 14.5833H15.4333C15.6544 14.5844 15.8659 14.6733 16.0214 14.8304C16.1769 14.9874 16.2636 15.1998 16.2625 15.4208C16.2614 15.6418 16.1725 15.8534 16.0155 16.0089C15.8584 16.1644 15.646 16.2511 15.425 16.25Z"
           fill="#121212"
           stroke="#121212"
-          stroke-width="0.4"
+          strokeWidth="0.4"
         />
         <path
           d="M4.55839 8.12501C3.85792 8.12501 3.17317 7.91729 2.59075 7.52813C2.00832 7.13896 1.55438 6.58583 1.28632 5.93868C1.01826 5.29152 0.948121 4.57941 1.08478 3.89239C1.22143 3.20538 1.55874 2.57431 2.05406 2.079C2.54937 1.58369 3.18043 1.24638 3.86745 1.10973C4.55446 0.973069 5.26657 1.04321 5.91373 1.31127C6.56088 1.57933 7.11402 2.03327 7.50318 2.6157C7.89234 3.19812 8.10006 3.88286 8.10006 4.58334C8.09808 5.52204 7.7243 6.42172 7.06054 7.08549C6.39678 7.74925 5.49709 8.12302 4.55839 8.12501ZM4.55839 2.29167C4.10514 2.29167 3.66207 2.42608 3.28521 2.67789C2.90835 2.9297 2.61462 3.28761 2.44117 3.70636C2.26772 4.1251 2.22233 4.58588 2.31076 5.03042C2.39918 5.47496 2.61744 5.8833 2.93794 6.20379C3.25843 6.52429 3.66677 6.74255 4.11131 6.83097C4.55585 6.9194 5.01663 6.87401 5.43537 6.70056C5.85412 6.52711 6.21203 6.23338 6.46384 5.85652C6.71565 5.47966 6.85006 5.03659 6.85006 4.58334C6.85028 4.28233 6.79115 3.98423 6.67606 3.7061C6.56097 3.42796 6.39218 3.17524 6.17933 2.9624C5.96649 2.74955 5.71377 2.58076 5.43563 2.46567C5.1575 2.35058 4.8594 2.29145 4.55839 2.29167Z"
           fill="#121212"
           stroke="#121212"
-          stroke-width="0.4"
+          strokeWidth="0.4"
         />
         <path
           d="M16.6416 18.9583H14.1416C13.8406 18.9586 13.5425 18.8994 13.2644 18.7843C12.9863 18.6692 12.7335 18.5005 12.5207 18.2876C12.3079 18.0748 12.1391 17.822 12.024 17.5439C11.9089 17.2658 11.8498 16.9677 11.85 16.6667V14.1667C11.8498 13.8657 11.9089 13.5676 12.024 13.2894C12.1391 13.0113 12.3079 12.7586 12.5207 12.5457C12.7335 12.3329 12.9863 12.1641 13.2644 12.049C13.5425 11.9339 13.8406 11.8748 14.1416 11.875H16.6416C16.9427 11.8748 17.2407 11.9339 17.5189 12.049C17.797 12.1641 18.0497 12.3329 18.2626 12.5457C18.4754 12.7586 18.6442 13.0113 18.7593 13.2894C18.8744 13.5676 18.9335 13.8657 18.9333 14.1667V16.6667C18.9335 16.9677 18.8744 17.2658 18.7593 17.5439C18.6442 17.822 18.4754 18.0748 18.2626 18.2876C18.0497 18.5005 17.797 18.6692 17.5189 18.7843C17.2407 18.8994 16.9427 18.9586 16.6416 18.9583ZM14.1416 13.125C13.8654 13.125 13.6004 13.2347 13.4051 13.4301C13.2097 13.6254 13.1 13.8904 13.1 14.1667V16.6667C13.1 16.9429 13.2097 17.2079 13.4051 17.4032C13.6004 17.5986 13.8654 17.7083 14.1416 17.7083H16.6416C16.9179 17.7083 17.1829 17.5986 17.3782 17.4032C17.5736 17.2079 17.6833 16.9429 17.6833 16.6667V14.1667C17.6833 13.8904 17.5736 13.6254 17.3782 13.4301C17.1829 13.2347 16.9179 13.125 16.6416 13.125H14.1416Z"
           fill="#121212"
           stroke="#121212"
-          stroke-width="0.4"
+          strokeWidth="0.4"
         />
         <path
           d="M9.99996 16.4583H7.76662C7.30057 16.4578 6.84574 16.3153 6.46276 16.0497C6.07979 15.7841 5.78686 15.4081 5.62302 14.9718C5.45917 14.5355 5.43221 14.0596 5.5457 13.6075C5.6592 13.1555 5.90777 12.7488 6.25829 12.4417L12.9166 6.61666C13.0766 6.47761 13.1903 6.29298 13.2425 6.0875C13.2946 5.88202 13.2827 5.66551 13.2084 5.46698C13.1341 5.26845 13.0008 5.09738 12.8266 4.97668C12.6523 4.85598 12.4453 4.79143 12.2333 4.79166H9.99996C9.83454 4.79057 9.6762 4.72437 9.55922 4.6074C9.44225 4.49042 9.37605 4.33209 9.37496 4.16666C9.37605 4.00124 9.44225 3.8429 9.55922 3.72593C9.6762 3.60895 9.83454 3.54276 9.99996 3.54166H12.2333C12.6996 3.53805 13.1557 3.67862 13.539 3.94415C13.9224 4.20967 14.2144 4.58717 14.375 5.025C14.542 5.46123 14.5709 5.9383 14.4576 6.39149C14.3443 6.84468 14.0943 7.25205 13.7416 7.55833L7.08329 13.3833C6.92328 13.5224 6.80958 13.707 6.75743 13.9125C6.70528 14.118 6.71717 14.3345 6.79151 14.533C6.86585 14.7315 6.99908 14.9026 7.17335 15.0233C7.34763 15.144 7.55463 15.2086 7.76662 15.2083H9.99996C10.1657 15.2083 10.3247 15.2742 10.4419 15.3914C10.5591 15.5086 10.625 15.6676 10.625 15.8333C10.625 15.9991 10.5591 16.1581 10.4419 16.2753C10.3247 16.3925 10.1657 16.4583 9.99996 16.4583Z"
           fill="#121212"
           stroke="#121212"
-          stroke-width="0.4"
+          strokeWidth="0.4"
         />
       </g>
       <defs>

package/src/components/Assets/Icons/IconComponents/SaveIcon.tsx

@@ -14,17 +14,17 @@ export const SaveIcon = ({ size = 16 }) => {
       }}
       xmlns="http://www.w3.org/2000/svg"
     >
-      <g clip-path="url(#clip0_538_3422)">
+      <g clipPath="url(#clip0_538_3422)">
         <path
           d="M4.10828 19.2083C3.76966 19.2116 3.43618 19.1254 3.14162 18.9583C2.80532 18.7323 2.53488 18.4212 2.35777 18.0567C2.18066 17.6923 2.10321 17.2874 2.13328 16.8833V5.13332C2.13505 4.11499 2.54036 3.13887 3.26043 2.4188C3.9805 1.69873 4.95662 1.29342 5.97495 1.29166L14.0166 1.29166C15.0349 1.29342 16.0111 1.69873 16.7311 2.4188C17.4512 3.13887 17.8565 4.11499 17.8583 5.13332V16.875C17.8884 17.2791 17.8109 17.6839 17.6338 18.0484C17.4567 18.4129 17.1862 18.7239 16.8499 18.95C16.4881 19.1337 16.0842 19.2188 15.679 19.1969C15.2738 19.1749 14.8815 19.0467 14.5416 18.825L10.4749 16.5667C10.3238 16.5007 10.1607 16.4667 9.99578 16.4667C9.83088 16.4667 9.66776 16.5007 9.51661 16.5667L5.44995 18.825C5.0424 19.0643 4.58075 19.1962 4.10828 19.2083ZM5.98328 2.54166C5.29661 2.54385 4.63868 2.81761 4.15313 3.30317C3.66757 3.78872 3.39381 4.44665 3.39162 5.13332V16.875C3.36688 17.0612 3.38984 17.2506 3.45835 17.4256C3.52685 17.6005 3.63866 17.7551 3.78328 17.875C3.95876 17.9424 4.14832 17.9647 4.33465 17.94C4.52098 17.9152 4.69814 17.8442 4.84995 17.7333L8.91662 15.475C9.25285 15.3064 9.6238 15.2186 9.99995 15.2186C10.3761 15.2186 10.747 15.3064 11.0833 15.475L15.1499 17.7333C15.3008 17.8461 15.4781 17.9183 15.6648 17.9431C15.8516 17.9679 16.0415 17.9445 16.2166 17.875C16.3598 17.7539 16.4706 17.5991 16.5389 17.4245C16.6073 17.25 16.6312 17.0611 16.6083 16.875V5.13332C16.6061 4.44665 16.3323 3.78872 15.8468 3.30317C15.3612 2.81761 14.7033 2.54385 14.0166 2.54166H5.98328Z"
           fill="white"
-          fill-opacity="0.5"
+          fillOpacity="0.5"
         />
         <path
           d="M4.10926 19.3083L4.11085 19.3083C4.59984 19.2958 5.07765 19.1593 5.49955 18.9118C5.4999 18.9116 5.50024 18.9114 5.50059 18.9112L9.56089 16.6565C9.69822 16.5972 9.8462 16.5667 9.99578 16.5667C10.1454 16.5667 10.2934 16.5972 10.4307 16.6565L14.49 18.9107C14.8439 19.1408 15.2521 19.2739 15.6736 19.2967C16.0964 19.3196 16.5177 19.2308 16.8952 19.0392L16.8956 19.0398L16.9057 19.033C17.2567 18.7971 17.5389 18.4724 17.7237 18.0921C17.908 17.7129 17.9889 17.2918 17.9583 16.8713V5.13332L17.9583 5.13315C17.9565 4.08836 17.5406 3.08687 16.8018 2.34809C16.0631 1.60931 15.0616 1.19347 14.0168 1.19166H14.0166L5.97495 1.19166L5.97478 1.19166C4.92998 1.19347 3.9285 1.60931 3.18972 2.34809C2.45094 3.08687 2.03509 4.08836 2.03328 5.13315V5.13332V16.8796C2.00265 17.3001 2.08355 17.7212 2.26783 18.1004C2.45265 18.4808 2.73488 18.8054 3.08583 19.0413L3.08567 19.0416L3.09229 19.0453C3.40218 19.2211 3.75301 19.3118 4.10926 19.3083ZM3.49075 16.8882L3.49162 16.8883V16.875V5.1335C3.49377 4.47328 3.75699 3.84072 4.22384 3.37388C4.69068 2.90703 5.32324 2.64381 5.98346 2.64166H14.0164C14.6767 2.64381 15.3092 2.90703 15.7761 3.37388C16.2429 3.84069 16.5061 4.47319 16.5083 5.13335C16.5083 5.13345 16.5083 5.13355 16.5083 5.13364L16.5083 16.875H16.5075L16.509 16.8872C16.5299 17.0568 16.5082 17.2289 16.4458 17.3881C16.3855 17.5421 16.289 17.6793 16.1645 17.788C16.0095 17.8465 15.8424 17.8658 15.678 17.844C15.5082 17.8214 15.347 17.7558 15.2098 17.6532L15.2104 17.6525L15.1985 17.6459L11.1318 15.3876L11.1319 15.3875L11.1281 15.3856C10.778 15.21 10.3917 15.1186 9.99995 15.1186C9.60824 15.1186 9.22194 15.21 8.87179 15.3856L8.87175 15.3855L8.86807 15.3876L4.8014 17.6459L4.80103 17.6452L4.79098 17.6526C4.65267 17.7536 4.49125 17.8183 4.32149 17.8408C4.15716 17.8626 3.99006 17.8443 3.83453 17.7874C3.70903 17.6799 3.61179 17.5431 3.55146 17.3891C3.48913 17.2299 3.46824 17.0576 3.49075 16.8882Z"
           stroke="white"
-          stroke-opacity="0.5"
-          stroke-width="0.2"
+          strokeOpacity="0.5"
+          strokeWidth="0.2"
         />
       </g>
       <defs>

package/src/components/Assets/Icons/IconComponents/SettlementsIcon.tsx

@@ -0,0 +1,53 @@
+import { useTheme } from '@mui/material';
+
+export const SettlementsIcon = ({
+  color,
+  size = 16,
+}: {
+  color?: string;
+  size?: number;
+}) => {
+  const theme = useTheme();
+  color = color ?? theme.palette.text.primary;
+
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 30 30"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M15.0006 21.7783H3.33398C3.10239 21.7768 2.88072 21.6841 2.71696 21.5203C2.55319 21.3566 2.46051 21.1349 2.45898 20.9033C2.46051 20.6717 2.55319 20.4501 2.71696 20.2863C2.88072 20.1225 3.10239 20.0298 3.33398 20.0283H15.0006C15.2327 20.0283 15.4553 20.1205 15.6194 20.2846C15.7835 20.4487 15.8756 20.6713 15.8756 20.9033C15.8756 21.1354 15.7835 21.3579 15.6194 21.522C15.4553 21.6861 15.2327 21.7783 15.0006 21.7783Z"
+        fill={color}
+        stroke={color}
+        strokeWidth="0.4"
+      />
+      <path
+        d="M12.4088 27.5417H5.93375C3.37875 27.5417 2.46875 26.6433 2.46875 24.1V19.3167C2.46875 16.7733 3.37875 15.875 5.93375 15.875H12.4088C14.9637 15.875 15.8737 16.7733 15.8737 19.3167V24.1117C15.8737 26.6433 14.9637 27.5417 12.4088 27.5417ZM5.92208 17.625C4.33542 17.625 4.20708 17.7533 4.20708 19.3167V24.1117C4.20708 25.675 4.33542 25.8033 5.92208 25.8033H12.3971C13.9838 25.8033 14.1121 25.675 14.1121 24.1117V19.3167C14.1121 17.7533 13.9838 17.625 12.3971 17.625H5.92208Z"
+        fill={color}
+        stroke={color}
+        strokeWidth="0.4"
+      />
+      <path
+        d="M18.5008 27.5416C18.3473 27.5401 18.197 27.4983 18.0648 27.4205C17.9325 27.3427 17.823 27.2316 17.7471 27.0983C17.6715 26.9623 17.6328 26.8089 17.6348 26.6534C17.6369 26.4978 17.6796 26.3455 17.7588 26.2116L18.9838 24.1699C19.1043 23.972 19.2978 23.8293 19.5226 23.7726C19.7473 23.7158 19.9853 23.7496 20.1854 23.8666C20.2845 23.9254 20.371 24.0031 20.4399 24.0954C20.5088 24.1877 20.5588 24.2927 20.587 24.4044C20.6152 24.516 20.621 24.6322 20.6042 24.7461C20.5873 24.8601 20.5481 24.9696 20.4888 25.0683L20.1738 25.5933C21.7742 25.2141 23.2002 24.3068 24.2217 23.0177C25.2432 21.7286 25.8007 20.133 25.8041 18.4883C25.8041 18.2562 25.8963 18.0337 26.0604 17.8696C26.2245 17.7055 26.447 17.6133 26.6791 17.6133C26.9112 17.6133 27.1337 17.7055 27.2978 17.8696C27.4619 18.0337 27.5541 18.2562 27.5541 18.4883C27.5479 20.8875 26.5921 23.1867 24.8956 24.8831C23.1991 26.5796 20.9 27.5355 18.5008 27.5416Z"
+        fill={color}
+        stroke={color}
+        strokeWidth="0.4"
+      />
+      <path
+        d="M3.33398 12.3747C3.10239 12.3731 2.88072 12.2805 2.71696 12.1167C2.55319 11.9529 2.46051 11.7313 2.45898 11.4997C2.46299 9.10291 3.41688 6.80545 5.11166 5.11068C6.80643 3.41591 9.10388 2.46202 11.5007 2.45801C11.6549 2.45874 11.8062 2.5001 11.9393 2.57793C12.0724 2.65576 12.1827 2.76731 12.259 2.90134C12.3346 3.0373 12.3733 3.19068 12.3712 3.34623C12.3692 3.50178 12.3265 3.65408 12.2473 3.78801L11.0223 5.82967C10.9017 6.02763 10.7083 6.17033 10.4835 6.22706C10.2588 6.28379 10.0207 6.25002 9.82065 6.13301C9.72158 6.07426 9.6351 5.99651 9.56619 5.90422C9.49727 5.81193 9.44728 5.70693 9.41909 5.59525C9.3909 5.48358 9.38507 5.36743 9.40192 5.25349C9.41878 5.13955 9.458 5.03007 9.51732 4.93134L9.83232 4.40634C8.23102 4.78463 6.80395 5.69156 5.78152 6.98071C4.75909 8.26985 4.20099 9.86597 4.19732 11.5113C4.19763 11.6248 4.17551 11.7372 4.13223 11.8421C4.08895 11.947 4.02537 12.0423 3.94514 12.1225C3.86491 12.2027 3.76962 12.2663 3.66473 12.3096C3.55985 12.3529 3.44745 12.375 3.33398 12.3747Z"
+        fill={color}
+        stroke={color}
+        strokeWidth="0.4"
+      />
+      <path
+        d="M22.584 14.708C21.3726 14.708 20.1884 14.3488 19.1811 13.6758C18.1739 13.0027 17.3888 12.0461 16.9252 10.9269C16.4616 9.80775 16.3403 8.57622 16.5767 7.38808C16.813 6.19995 17.3964 5.10858 18.253 4.25198C19.1096 3.39539 20.2009 2.81204 21.3891 2.5757C22.5772 2.33937 23.8087 2.46066 24.9279 2.92425C26.0471 3.38784 27.0037 4.17289 27.6767 5.18014C28.3498 6.18739 28.709 7.3716 28.709 8.58301C28.7071 10.2069 28.0612 11.7637 26.913 12.912C25.7647 14.0603 24.2079 14.7062 22.584 14.708ZM22.584 4.20801C21.7187 4.20801 20.8728 4.4646 20.1534 4.94533C19.4339 5.42606 18.8731 6.10934 18.542 6.90877C18.2109 7.7082 18.1242 8.58786 18.2931 9.43653C18.4619 10.2852 18.8785 11.0647 19.4904 11.6766C20.1022 12.2885 20.8818 12.7051 21.7305 12.8739C22.5791 13.0428 23.4588 12.9561 24.2582 12.625C25.0577 12.2938 25.7409 11.7331 26.2217 11.0136C26.7024 10.2942 26.959 9.4483 26.959 8.58301C26.9587 7.42278 26.4976 6.31016 25.6772 5.48976C24.8568 4.66936 23.7442 4.20832 22.584 4.20801Z"
+        fill={color}
+        stroke={color}
+        strokeWidth="0.4"
+      />
+    </svg>
+  );
+};