@learncard/react 2.10.2 → 2.10.4

package/src/components/svgs/AcuteCheckmark.tsx

@@ -0,0 +1,25 @@
+import React from 'react';
+
+type AcuteCheckmarkProps = {
+    className?: string;
+};
+
+const AcuteCheckmark: React.FC<AcuteCheckmarkProps> = ({ className = '' }) => {
+    return (
+        <svg
+            width="16"
+            height="11"
+            viewBox="0 0 16 11"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+            className={className}
+        >
+            <path
+                d="M0.5 4.26859L5.96103 10.5L15.3 0.5H10.6348L5.96103 6.3205L4.49338 4.06677L0.5 4.26859Z"
+                fill="#00BA88"
+            />
+        </svg>
+    );
+};
+
+export default AcuteCheckmark;

package/src/components/svgs/AwardDisplayIcon.tsx

@@ -0,0 +1,37 @@
+import React from 'react';
+
+export const AwardDisplayIcon: React.FC<{ className?: string }> = ({ className = '' }) => {
+    return (
+        <svg
+            width="26"
+            height="25"
+            viewBox="0 0 26 25"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+            className={className}
+        >
+            <g clip-path="url(#clip0_2799_154595)">
+                <path
+                    d="M4.66309 2.85742L25.7499 15.0319L21.9691 17.3676L21.8366 21.8098L0.749867 9.63532L4.53068 7.29957L4.66309 2.85742Z"
+                    fill="white"
+                />
+                <rect
+                    x="3.91406"
+                    y="3.04492"
+                    width="18.7299"
+                    height="18.7299"
+                    rx="9.36497"
+                    fill="white"
+                />
+                <circle cx="13.2793" cy="12.4102" r="7.5" fill="#E2E3E9" />
+            </g>
+            <defs>
+                <clipPath id="clip0_2799_154595">
+                    <rect width="25" height="25" fill="white" transform="translate(0.75)" />
+                </clipPath>
+            </defs>
+        </svg>
+    );
+};
+
+export default AwardDisplayIcon;

package/src/components/svgs/AwardRibbon.tsx

@@ -0,0 +1,29 @@
+import React from 'react';
+
+export const AwardRibbon: React.FC<{ className?: string }> = ({ className = '' }) => {
+    return (
+        <svg
+            width="30"
+            height="30"
+            viewBox="0 0 30 30"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+            className={className}
+        >
+            <mask id="path-1-inside-1_4627_18425" fill="white">
+                <path d="M26.0876 21.5625L22.7001 15.7125C23.3933 14.4394 23.7544 13.0121 23.7501 11.5625C23.7501 9.24186 22.8282 7.01626 21.1873 5.37532C19.5463 3.73437 17.3207 2.8125 15.0001 2.8125C12.6794 2.8125 10.4538 3.73437 8.81291 5.37532C7.17196 7.01626 6.25009 9.24186 6.25009 11.5625C6.24579 13.0121 6.60691 14.4394 7.30009 15.7125L3.91259 21.5625C3.80267 21.7529 3.7449 21.9689 3.74512 22.1887C3.74533 22.4086 3.80353 22.6245 3.91383 22.8147C4.02413 23.0048 4.18263 23.1625 4.37335 23.2719C4.56407 23.3813 4.78025 23.4384 5.00009 23.4375H8.58759L10.4126 26.5125C10.4741 26.6144 10.5499 26.707 10.6376 26.7875C10.8693 27.0109 11.1783 27.1362 11.5001 27.1375H11.6751C11.8638 27.1117 12.0441 27.0431 12.2023 26.9369C12.3604 26.8308 12.4922 26.6899 12.5876 26.525L15.0001 22.375L17.4126 26.5625C17.5094 26.725 17.6418 26.8635 17.7999 26.9674C17.9579 27.0714 18.1375 27.1381 18.3251 27.1625H18.5001C18.8263 27.1645 19.1403 27.0389 19.3751 26.8125C19.4592 26.7366 19.5309 26.648 19.5876 26.55L21.4126 23.475H25.0001C25.2204 23.4759 25.4369 23.4185 25.6279 23.3088C25.8189 23.199 25.9775 23.0408 26.0876 22.85C26.2044 22.6556 26.2661 22.4331 26.2661 22.2062C26.2661 21.9794 26.2044 21.7569 26.0876 21.5625ZM11.4876 23.475L10.3751 21.6125C10.2655 21.4277 10.1102 21.2743 9.92412 21.167C9.73801 21.0597 9.5274 21.0022 9.31259 21H7.15009L8.93759 17.9C10.1685 19.0861 11.7199 19.8857 13.4001 20.2L11.4876 23.475ZM15.0001 17.8125C13.764 17.8125 12.5556 17.4459 11.5278 16.7592C10.5 16.0724 9.69889 15.0963 9.22584 13.9543C8.7528 12.8122 8.62903 11.5556 8.87018 10.3432C9.11134 9.1308 9.7066 8.01716 10.5807 7.14308C11.4548 6.269 12.5684 5.67375 13.7808 5.43259C14.9932 5.19143 16.2498 5.31521 17.3919 5.78825C18.5339 6.2613 19.51 7.06238 20.1968 8.09019C20.8835 9.11799 21.2501 10.3264 21.2501 11.5625C21.2501 13.2201 20.5916 14.8098 19.4195 15.9819C18.2474 17.154 16.6577 17.8125 15.0001 17.8125ZM20.6876 21C20.4728 21.0022 20.2622 21.0597 20.0761 21.167C19.89 21.2743 19.7346 21.4277 19.6251 21.6125L18.5126 23.475L16.6126 20.1625C18.2869 19.8417 19.8326 19.0429 21.0626 17.8625L22.8501 20.9625L20.6876 21Z" />
+            </mask>
+            <path
+                d="M26.0876 21.5625L22.7001 15.7125C23.3933 14.4394 23.7544 13.0121 23.7501 11.5625C23.7501 9.24186 22.8282 7.01626 21.1873 5.37532C19.5463 3.73437 17.3207 2.8125 15.0001 2.8125C12.6794 2.8125 10.4538 3.73437 8.81291 5.37532C7.17196 7.01626 6.25009 9.24186 6.25009 11.5625C6.24579 13.0121 6.60691 14.4394 7.30009 15.7125L3.91259 21.5625C3.80267 21.7529 3.7449 21.9689 3.74512 22.1887C3.74533 22.4086 3.80353 22.6245 3.91383 22.8147C4.02413 23.0048 4.18263 23.1625 4.37335 23.2719C4.56407 23.3813 4.78025 23.4384 5.00009 23.4375H8.58759L10.4126 26.5125C10.4741 26.6144 10.5499 26.707 10.6376 26.7875C10.8693 27.0109 11.1783 27.1362 11.5001 27.1375H11.6751C11.8638 27.1117 12.0441 27.0431 12.2023 26.9369C12.3604 26.8308 12.4922 26.6899 12.5876 26.525L15.0001 22.375L17.4126 26.5625C17.5094 26.725 17.6418 26.8635 17.7999 26.9674C17.9579 27.0714 18.1375 27.1381 18.3251 27.1625H18.5001C18.8263 27.1645 19.1403 27.0389 19.3751 26.8125C19.4592 26.7366 19.5309 26.648 19.5876 26.55L21.4126 23.475H25.0001C25.2204 23.4759 25.4369 23.4185 25.6279 23.3088C25.8189 23.199 25.9775 23.0408 26.0876 22.85C26.2044 22.6556 26.2661 22.4331 26.2661 22.2062C26.2661 21.9794 26.2044 21.7569 26.0876 21.5625ZM11.4876 23.475L10.3751 21.6125C10.2655 21.4277 10.1102 21.2743 9.92412 21.167C9.73801 21.0597 9.5274 21.0022 9.31259 21H7.15009L8.93759 17.9C10.1685 19.0861 11.7199 19.8857 13.4001 20.2L11.4876 23.475ZM15.0001 17.8125C13.764 17.8125 12.5556 17.4459 11.5278 16.7592C10.5 16.0724 9.69889 15.0963 9.22584 13.9543C8.7528 12.8122 8.62903 11.5556 8.87018 10.3432C9.11134 9.1308 9.7066 8.01716 10.5807 7.14308C11.4548 6.269 12.5684 5.67375 13.7808 5.43259C14.9932 5.19143 16.2498 5.31521 17.3919 5.78825C18.5339 6.2613 19.51 7.06238 20.1968 8.09019C20.8835 9.11799 21.2501 10.3264 21.2501 11.5625C21.2501 13.2201 20.5916 14.8098 19.4195 15.9819C18.2474 17.154 16.6577 17.8125 15.0001 17.8125ZM20.6876 21C20.4728 21.0022 20.2622 21.0597 20.0761 21.167C19.89 21.2743 19.7346 21.4277 19.6251 21.6125L18.5126 23.475L16.6126 20.1625C18.2869 19.8417 19.8326 19.0429 21.0626 17.8625L22.8501 20.9625L20.6876 21Z"
+                fill="black"
+            />
+            <path
+                d="M22.7001 15.7125L20.0653 14.2779L19.2596 15.7577L20.1039 17.2158L22.7001 15.7125ZM23.7501 11.5625H20.7501L20.7501 11.5714L23.7501 11.5625ZM6.25009 11.5625L9.25009 11.5714V11.5625H6.25009ZM7.30009 15.7125L9.89624 17.2158L10.7406 15.7577L9.93486 14.2779L7.30009 15.7125ZM3.91259 21.5625L1.31644 20.0592L1.31453 20.0625L3.91259 21.5625ZM5.00009 23.4375V20.4375L4.98815 20.4375L5.00009 23.4375ZM8.58759 23.4375L11.1674 21.9064L10.2957 20.4375H8.58759V23.4375ZM10.4126 26.5125L7.83274 28.0436L7.83848 28.0533L7.84429 28.0629L10.4126 26.5125ZM10.6376 26.7875L12.7195 24.6275L12.693 24.602L12.6659 24.5771L10.6376 26.7875ZM11.5001 27.1375L11.4881 30.1375H11.5001V27.1375ZM11.6751 27.1375V30.1375H11.8794L12.0818 30.1098L11.6751 27.1375ZM12.5876 26.525L9.99399 25.0173L9.99084 25.0227L12.5876 26.525ZM15.0001 22.375L17.5996 20.8774L15.0118 16.3857L12.4065 20.8673L15.0001 22.375ZM17.4126 26.5625L14.8131 28.0601L14.8239 28.0788L14.835 28.0974L17.4126 26.5625ZM18.3251 27.1625L17.9375 30.1374L18.1305 30.1625H18.3251V27.1625ZM18.5001 27.1625L18.5181 24.1626L18.5091 24.1625H18.5001V27.1625ZM19.3751 26.8125L17.3647 24.5857L17.3284 24.6186L17.2931 24.6526L19.3751 26.8125ZM19.5876 26.55L17.0077 25.0189L16.9993 25.0331L16.991 25.0474L19.5876 26.55ZM21.4126 23.475V20.475H19.7045L18.8327 21.9439L21.4126 23.475ZM25.0001 23.475L25.012 20.475H25.0001V23.475ZM26.0876 22.85L23.516 21.305L23.5026 21.3274L23.4895 21.35L26.0876 22.85ZM11.4876 23.475L8.91207 25.0134L11.5168 29.3741L14.0782 24.9878L11.4876 23.475ZM10.3751 21.6125L7.79446 23.1424L7.79957 23.1509L10.3751 21.6125ZM9.31259 21L9.34321 18.0002L9.3279 18H9.31259V21ZM7.15009 21L4.55119 19.5014L1.95726 24H7.15009V21ZM8.93759 17.9L11.0192 15.7397L8.25571 13.0768L6.33869 16.4014L8.93759 17.9ZM13.4001 20.2L15.9907 21.7128L18.1388 18.0344L13.9517 17.2512L13.4001 20.2ZM21.2501 11.5625H18.2501H21.2501ZM20.6876 21L20.7182 23.9998L20.7289 23.9997L20.7396 23.9995L20.6876 21ZM19.6251 21.6125L22.2006 23.1509L22.2057 23.1423L19.6251 21.6125ZM18.5126 23.475L15.9103 24.9676L18.4601 29.4131L21.0881 25.0134L18.5126 23.475ZM16.6126 20.1625L16.0482 17.2161L11.9179 18.0073L14.0103 21.6551L16.6126 20.1625ZM21.0626 17.8625L23.6615 16.3639L21.7485 13.0463L18.9854 15.6979L21.0626 17.8625ZM22.8501 20.9625L22.9021 23.962L27.9918 23.8738L25.449 19.4639L22.8501 20.9625ZM28.6837 20.0592L25.2962 14.2092L20.1039 17.2158L23.4914 23.0658L28.6837 20.0592ZM25.3349 17.1471C26.2692 15.4311 26.7559 13.5074 26.7501 11.5536L20.7501 11.5714C20.7529 12.5168 20.5174 13.4476 20.0653 14.2779L25.3349 17.1471ZM26.7501 11.5625C26.7501 8.44621 25.5121 5.45755 23.3086 3.254L19.066 7.49664C20.1443 8.57497 20.7501 10.0375 20.7501 11.5625H26.7501ZM23.3086 3.254C21.105 1.05044 18.1164 -0.1875 15.0001 -0.1875V5.8125C16.5251 5.8125 17.9876 6.4183 19.066 7.49664L23.3086 3.254ZM15.0001 -0.1875C11.8838 -0.1875 8.89514 1.05044 6.69159 3.254L10.9342 7.49664C12.0126 6.4183 13.4751 5.8125 15.0001 5.8125V-0.1875ZM6.69159 3.254C4.48803 5.45755 3.25009 8.44621 3.25009 11.5625H9.25009C9.25009 10.0375 9.85589 8.57497 10.9342 7.49664L6.69159 3.254ZM3.2501 11.5536C3.2443 13.5074 3.73103 15.4311 4.66532 17.1471L9.93486 14.2779C9.48279 13.4476 9.24727 12.5168 9.25008 11.5714L3.2501 11.5536ZM4.70394 14.2092L1.31644 20.0592L6.50874 23.0658L9.89624 17.2158L4.70394 14.2092ZM1.31453 20.0625C0.94079 20.7098 0.744381 21.4442 0.745119 22.1917L6.74512 22.1858C6.74542 22.4936 6.66455 22.796 6.51065 23.0625L1.31453 20.0625ZM0.745119 22.1917C0.745858 22.9392 0.943716 23.6732 1.31873 24.3198L6.50892 21.3095C6.66334 21.5757 6.74481 21.878 6.74512 22.1858L0.745119 22.1917ZM1.31873 24.3198C1.69375 24.9664 2.23266 25.5026 2.8811 25.8744L5.86559 20.6694C6.1326 20.8225 6.3545 21.0433 6.50892 21.3095L1.31873 24.3198ZM2.8811 25.8744C3.52955 26.2462 4.26458 26.4405 5.01203 26.4375L4.98815 20.4375C5.29592 20.4363 5.59858 20.5163 5.86559 20.6694L2.8811 25.8744ZM5.00009 26.4375H8.58759V20.4375H5.00009V26.4375ZM6.00774 24.9686L7.83274 28.0436L12.9924 24.9814L11.1674 21.9064L6.00774 24.9686ZM7.84429 28.0629C8.05346 28.4094 8.31106 28.7243 8.60929 28.9979L12.6659 24.5771C12.7887 24.6898 12.8948 24.8194 12.9809 24.9621L7.84429 28.0629ZM8.55564 28.9475C9.3435 29.7069 10.3939 30.1331 11.4881 30.1375L11.512 24.1375C11.9626 24.1393 12.3951 24.3148 12.7195 24.6275L8.55564 28.9475ZM11.5001 30.1375H11.6751V24.1375H11.5001V30.1375ZM12.0818 30.1098C12.7235 30.022 13.3365 29.7887 13.8742 29.4278L10.5303 24.446C10.7517 24.2974 11.0042 24.2014 11.2683 24.1652L12.0818 30.1098ZM13.8742 29.4278C14.4119 29.0669 14.86 28.5878 15.1843 28.0273L9.99084 25.0227C10.1244 24.7919 10.3089 24.5946 10.5303 24.446L13.8742 29.4278ZM15.1812 28.0327L17.5937 23.8827L12.4065 20.8673L9.99399 25.0173L15.1812 28.0327ZM12.4006 23.8726L14.8131 28.0601L20.0121 25.0649L17.5996 20.8774L12.4006 23.8726ZM14.835 28.0974C15.164 28.65 15.6142 29.1207 16.1516 29.4741L19.4481 24.4608C19.6694 24.6063 19.8547 24.8001 19.9902 25.0276L14.835 28.0974ZM16.1516 29.4741C16.6891 29.8275 17.2997 30.0542 17.9375 30.1374L18.7127 24.1876C18.9753 24.2219 19.2268 24.3153 19.4481 24.4608L16.1516 29.4741ZM18.3251 30.1625H18.5001V24.1625H18.3251V30.1625ZM18.4821 30.1624C19.591 30.1691 20.6586 29.7421 21.4571 28.9724L17.2931 24.6526C17.6219 24.3356 18.0615 24.1598 18.5181 24.1626L18.4821 30.1624ZM21.3854 29.0393C21.7014 28.754 21.9709 28.4211 22.1841 28.0526L16.991 25.0474C17.0908 24.875 17.2169 24.7192 17.3647 24.5857L21.3854 29.0393ZM22.1674 28.0811L23.9924 25.0061L18.8327 21.9439L17.0077 25.0189L22.1674 28.0811ZM21.4126 26.475H25.0001V20.475H21.4126V26.475ZM24.9882 26.475C25.7371 26.478 26.4735 26.283 27.1228 25.9098L24.1331 20.7077C24.4004 20.5541 24.7036 20.4738 25.012 20.475L24.9882 26.475ZM27.1228 25.9098C27.7721 25.5367 28.3112 24.9986 28.6857 24.35L23.4895 21.35C23.6437 21.083 23.8657 20.8614 24.1331 20.7077L27.1228 25.9098ZM28.6592 24.395C29.0563 23.734 29.2661 22.9774 29.2661 22.2062H23.2661C23.2661 21.8887 23.3525 21.5772 23.516 21.305L28.6592 24.395ZM29.2661 22.2062C29.2661 21.4351 29.0563 20.6785 28.6592 20.0175L23.516 23.1075C23.3525 22.8353 23.2661 22.5238 23.2661 22.2062H29.2661ZM14.0631 21.9366L12.9506 20.0741L7.79957 23.1509L8.91207 25.0134L14.0631 21.9366ZM12.9557 20.0827C12.5833 19.4544 12.0552 18.9327 11.4224 18.5679L8.42583 23.7661C8.16527 23.6159 7.94783 23.401 7.79448 23.1423L12.9557 20.0827ZM11.4224 18.5679C10.7896 18.2032 10.0735 18.0076 9.34321 18.0002L9.28198 23.9998C8.98125 23.9968 8.68639 23.9163 8.42583 23.7661L11.4224 18.5679ZM9.31259 18H7.15009V24H9.31259V18ZM9.749 22.4986L11.5365 19.3986L6.33869 16.4014L4.55119 19.5014L9.749 22.4986ZM6.85595 20.0603C8.50889 21.653 10.5921 22.7268 12.8485 23.1488L13.9517 17.2512C12.8476 17.0446 11.8281 16.5192 11.0192 15.7397L6.85595 20.0603ZM10.8095 18.6872L8.89697 21.9622L14.0782 24.9878L15.9907 21.7128L10.8095 18.6872ZM15.0001 14.8125C14.3573 14.8125 13.7289 14.6219 13.1945 14.2648L9.86107 19.2536C11.3822 20.27 13.1706 20.8125 15.0001 20.8125V14.8125ZM13.1945 14.2648C12.66 13.9077 12.2435 13.4001 11.9975 12.8062L6.45421 15.1023C7.15432 16.7925 8.33991 18.2372 9.86107 19.2536L13.1945 14.2648ZM11.9975 12.8062C11.7515 12.2124 11.6871 11.5589 11.8125 10.9285L5.92783 9.75791C5.57091 11.5522 5.75409 13.4121 6.45421 15.1023L11.9975 12.8062ZM11.8125 10.9285C11.9379 10.298 12.2475 9.71892 12.702 9.2644L8.45935 5.02176C7.16572 6.3154 6.28474 7.96359 5.92783 9.75791L11.8125 10.9285ZM12.702 9.2644C13.1565 8.80988 13.7356 8.50035 14.366 8.37495L13.1955 2.49024C11.4012 2.84715 9.75299 3.72813 8.45935 5.02176L12.702 9.2644ZM14.366 8.37495C14.9965 8.24955 15.65 8.31391 16.2438 8.55989L18.5399 3.01661C16.8497 2.3165 14.9898 2.13332 13.1955 2.49024L14.366 8.37495ZM16.2438 8.55989C16.8377 8.80588 17.3453 9.22244 17.7024 9.7569L22.6912 6.42348C21.6748 4.90232 20.2301 3.71672 18.5399 3.01661L16.2438 8.55989ZM17.7024 9.7569C18.0595 10.2914 18.2501 10.9197 18.2501 11.5625H24.2501C24.2501 9.73302 23.7076 7.94463 22.6912 6.42348L17.7024 9.7569ZM18.2501 11.5625C18.2501 12.4245 17.9077 13.2511 17.2982 13.8606L21.5408 18.1032C23.2755 16.3685 24.2501 14.0158 24.2501 11.5625H18.2501ZM17.2982 13.8606C16.6887 14.4701 15.862 14.8125 15.0001 14.8125V20.8125C17.4533 20.8125 19.8061 19.8379 21.5408 18.1032L17.2982 13.8606ZM20.657 18.0002C19.9266 18.0076 19.2105 18.2032 18.5778 18.5679L21.5743 23.7661C21.3138 23.9163 21.0189 23.9968 20.7182 23.9998L20.657 18.0002ZM18.5778 18.5679C17.945 18.9327 17.4169 19.4544 17.0445 20.0827L22.2057 23.1423C22.0523 23.401 21.8349 23.6159 21.5743 23.7661L18.5778 18.5679ZM17.0496 20.0741L15.9371 21.9366L21.0881 25.0134L22.2006 23.1509L17.0496 20.0741ZM21.1149 21.9824L19.2149 18.6699L14.0103 21.6551L15.9103 24.9676L21.1149 21.9824ZM17.177 23.1089C19.4206 22.6791 21.4916 21.6087 23.1398 20.0271L18.9854 15.6979C18.1735 16.4771 17.1533 17.0044 16.0482 17.2161L17.177 23.1089ZM18.4637 19.3611L20.2512 22.4611L25.449 19.4639L23.6615 16.3639L18.4637 19.3611ZM22.7981 17.963L20.6356 18.0005L20.7396 23.9995L22.9021 23.962L22.7981 17.963Z"
+                fill="white"
+                mask="url(#path-1-inside-1_4627_18425)"
+            />
+        </svg>
+    );
+};
+
+export default AwardRibbon;

package/src/components/svgs/BadgeDisplayIcon.tsx

@@ -0,0 +1,31 @@
+import React from 'react';
+
+export const BadgeDisplayIcon: React.FC<{ className?: string }> = ({ className = '' }) => {
+    return (
+        <svg
+            width="26"
+            height="25"
+            viewBox="0 0 26 25"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+            className={className}
+        >
+            <circle cx="13.2002" cy="11.0215" r="11.0215" fill="#E2E3E980" />
+            <circle cx="13.2002" cy="11.0215" r="11.0215" stroke="white" />
+            <rect
+                x="6.90234"
+                y="4.72266"
+                width="12.596"
+                height="12.596"
+                rx="6.29802"
+                fill="white"
+            />
+            <path
+                d="M13.1998 16.5758L10.0508 16.279V24.6358C10.0507 24.6992 10.065 24.7614 10.0922 24.8164C10.1195 24.8714 10.1587 24.9172 10.206 24.9493C10.2533 24.9814 10.307 24.9986 10.3619 24.9994C10.4168 25.0001 10.4709 24.9842 10.5188 24.9534L13.1998 23.2346L15.8808 24.9534C15.9287 24.9842 15.9828 25.0001 16.0377 24.9994C16.0925 24.9986 16.1463 24.9814 16.1936 24.9493C16.2409 24.9172 16.2801 24.8714 16.3074 24.8164C16.3346 24.7614 16.3489 24.6992 16.3488 24.6358V16.279C16.3486 16.0864 16.4669 16.4153 16.3488 16.279C16.3488 16.279 13.3668 16.5759 13.1998 16.5758Z"
+                fill="white"
+            />
+        </svg>
+    );
+};
+
+export default BadgeDisplayIcon;

package/src/components/svgs/Briefcase.tsx

@@ -0,0 +1,48 @@
+import React from 'react';
+
+export const Briefcase: React.FC<{ className?: string; size?: string }> = ({
+    className = '',
+    size = '',
+}) => {
+    return (
+        <svg
+            height={size}
+            width={size}
+            viewBox="0 0 31 31"
+            fill="none"
+            className={className}
+            data-testid="job-icon"
+        >
+            <path
+                d="M25.8135 8.9375H5.18848C4.67071 8.9375 4.25098 9.35723 4.25098 9.875V24.875C4.25098 25.3928 4.67071 25.8125 5.18848 25.8125H25.8135C26.3312 25.8125 26.751 25.3928 26.751 24.875V9.875C26.751 9.35723 26.3312 8.9375 25.8135 8.9375Z"
+                stroke="currentColor"
+                strokeWidth="2"
+                strokeLinecap="round"
+                strokeLinejoin="round"
+            />
+            <path
+                d="M20.1875 8.9375V7.0625C20.1875 6.56522 19.99 6.08831 19.6383 5.73667C19.2867 5.38504 18.8098 5.1875 18.3125 5.1875H12.6875C12.1902 5.1875 11.7133 5.38504 11.3617 5.73667C11.01 6.08831 10.8125 6.56522 10.8125 7.0625V8.9375"
+                stroke="currentColor"
+                strokeWidth="2"
+                strokeLinecap="round"
+                strokeLinejoin="round"
+            />
+            <path
+                d="M26.7509 15.3018C23.3317 17.2799 19.4502 18.3186 15.5 18.3124C11.5504 18.3186 7.66951 17.2803 4.25073 15.3027"
+                stroke="currentColor"
+                strokeWidth="2"
+                strokeLinecap="round"
+                strokeLinejoin="round"
+            />
+            <path
+                d="M14.0938 14.5625H16.9062"
+                stroke="currentColor"
+                strokeWidth="2"
+                strokeLinecap="round"
+                strokeLinejoin="round"
+            />
+        </svg>
+    );
+};
+
+export default Briefcase;

package/src/components/svgs/Camera.tsx

@@ -0,0 +1,25 @@
+import React from 'react';
+
+type CameraProps = {
+    className?: string;
+};
+
+const Camera: React.FC<CameraProps> = ({ className = '' }) => {
+    return (
+        <svg
+            width="25"
+            height="24"
+            viewBox="0 0 25 24"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+            className={className}
+        >
+            <path
+                d="M20.7415 5.81958H18.6871C18.0439 5.81958 17.4439 5.49798 17.0887 4.96518L16.2295 3.67398C15.8743 3.14118 15.2743 2.81958 14.6311 2.81958L10.6855 2.81958C10.0423 2.81958 9.44231 3.14118 9.08711 3.67398L8.22791 4.96518C7.87271 5.49798 7.27271 5.81958 6.62951 5.81958H4.57991C3.51911 5.81958 2.65991 6.67878 2.65991 7.73958L2.65991 18.8996C2.65991 19.9604 3.51911 20.8196 4.57991 20.8196L20.7415 20.8196C21.8023 20.8196 22.6615 19.9604 22.6615 18.8996L22.6615 7.73958C22.6615 6.67878 21.8023 5.81958 20.7415 5.81958ZM12.7399 17.738C10.0903 17.738 7.93991 15.5876 7.93991 12.938C7.93991 10.2884 10.0903 8.13798 12.7399 8.13798C15.3895 8.13798 17.5399 10.2884 17.5399 12.938C17.5399 15.5876 15.3895 17.738 12.7399 17.738Z"
+                fill="white"
+            />
+        </svg>
+    );
+};
+
+export default Camera;

package/src/components/svgs/CertificateDisplayIcon.tsx

@@ -0,0 +1,56 @@
+import React from 'react';
+
+export const CertificateDisplayIcon: React.FC<{ className?: string }> = ({ className = '' }) => {
+    return (
+        <svg
+            width="26"
+            height="25"
+            viewBox="0 0 26 25"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+            className={className}
+        >
+            <g clipPath="url(#clip0_2799_154578)">
+                <path
+                    d="M3.25036 12.1917C3.46888 12.1917 3.64693 12.0137 3.64693 11.7952C3.64693 6.50219 7.90397 2.22896 13.1565 2.22896C18.409 2.22896 22.666 6.51029 22.666 11.7952C22.666 12.0137 22.8441 12.1917 23.0626 12.1917C23.2811 12.1917 23.4592 12.0137 23.4592 11.7952C23.4592 6.07325 18.846 1.42773 13.1565 1.42773C7.46694 1.42773 2.8457 6.07325 2.8457 11.7952C2.8457 12.0137 3.02375 12.1917 3.24227 12.1917H3.25036Z"
+                    fill="white"
+                />
+                <path
+                    fillRule="evenodd"
+                    clipRule="evenodd"
+                    d="M4.00477 11.7968C4.00477 12.2126 3.66682 12.5506 3.25106 12.5506H3.24297C2.82721 12.5506 2.48926 12.2126 2.48926 11.7968C2.48926 5.8795 7.26857 1.07227 13.1572 1.07227C19.0462 1.07227 23.817 5.87987 23.817 11.7968C23.817 12.2126 23.4791 12.5506 23.0633 12.5506C22.6475 12.5506 22.3096 12.2126 22.3096 11.7968C22.3096 6.70723 18.2105 2.58778 13.1572 2.58778C8.10369 2.58778 4.00477 6.69933 4.00477 11.7968ZM3.64763 11.7968C3.64763 12.0154 3.46958 12.1934 3.25106 12.1934H3.24297C3.02445 12.1934 2.8464 12.0154 2.8464 11.7968C2.8464 6.07493 7.46764 1.42941 13.1572 1.42941C18.8467 1.42941 23.4599 6.07493 23.4599 11.7968C23.4599 12.0154 23.2818 12.1934 23.0633 12.1934C22.8448 12.1934 22.6667 12.0154 22.6667 11.7968C22.6667 6.51196 18.4097 2.23064 13.1572 2.23064C7.90467 2.23064 3.64763 6.50387 3.64763 11.7968Z"
+                    fill="white"
+                />
+                <g clipPath="url(#clip1_2799_154578)">
+                    <path
+                        d="M25.4715 17.4446C25.4715 17.4446 24.9501 17.466 24.693 17.5017C24.3358 17.5517 24.0215 17.7231 23.7287 17.9303C23.7644 17.5731 23.8001 17.2374 23.843 16.8874C23.843 16.8446 23.8787 16.8088 23.9001 16.766C24.4072 15.7517 24.2072 14.5374 23.4001 13.7303C23.1715 13.5017 23.0358 13.5231 22.9001 13.8017C22.4144 14.766 22.5787 15.9088 23.3144 16.7374C23.3501 16.7803 23.4001 16.8231 23.393 16.866C23.3715 17.166 23.3358 17.4731 23.3072 17.7731H23.2644C23.2644 17.7731 23.2287 17.7017 23.2144 17.666C22.9501 17.1231 22.543 16.7374 21.993 16.5017C21.793 16.416 21.6644 16.4874 21.6358 16.6946C21.5501 17.5446 21.8144 18.2517 22.4644 18.816C22.5787 18.916 22.7001 18.9946 22.8215 19.0803C22.6215 19.466 22.3787 19.8303 22.0715 20.1588C22.0644 20.1374 22.0572 20.1374 22.0572 20.1231V20.0374C22.1001 19.4303 21.9358 18.8803 21.5572 18.3946C21.4501 18.2588 21.2715 18.2588 21.1715 18.3946C21.0644 18.5303 20.9787 18.6803 20.9072 18.8303C20.7501 19.166 20.6787 19.516 20.6858 19.8731C20.6858 20.6231 21.0787 20.8874 20.9501 21.066C20.6215 21.2731 20.2715 21.4588 19.9001 21.5803H19.843C20.2215 21.0517 20.3787 20.4874 20.2858 19.8517C20.2501 19.616 20.1287 19.5446 19.9144 19.6303C19.1858 19.9517 18.7215 20.5017 18.5572 21.2803C18.5144 21.4588 18.5072 21.6446 18.4787 21.866C18.0501 21.8303 17.6144 21.7946 17.1787 21.7588V21.7088C17.2215 21.6946 17.2501 21.666 17.293 21.6517C17.8287 21.3874 18.2072 20.9731 18.4287 20.416C18.5001 20.2374 18.4287 20.1088 18.243 20.0874C17.6215 20.0088 17.0501 20.1446 16.543 20.5088C16.2572 20.7088 16.043 20.9731 15.8644 21.2874C15.6001 21.1517 15.3572 20.9946 15.1215 20.8231C15.0358 20.7588 14.9144 20.766 14.8358 20.8446C14.7358 20.9446 14.7572 21.1017 14.8787 21.1874C15.1144 21.3446 15.3572 21.4946 15.593 21.6303C15.6787 21.6874 15.7072 21.7374 15.7072 21.8303C15.6572 22.8374 16.2501 23.766 17.1715 24.1374C17.3501 24.2088 17.5215 24.1017 17.5358 23.9088C17.593 23.3446 17.4644 22.816 17.1501 22.3303C17.1144 22.2731 17.0787 22.2231 17.0644 22.1946C17.5287 22.216 17.9858 22.2517 18.4501 22.266C18.5572 22.266 18.6072 22.2874 18.6501 22.3874C19.1144 23.2946 20.0858 23.8017 21.0787 23.666C21.2572 23.6446 21.343 23.4803 21.2715 23.3088C21.1287 22.966 20.9215 22.6588 20.6287 22.4374C20.4287 22.2731 20.2001 22.1446 19.9858 22.0017C20.0072 21.9946 20.0501 21.9803 20.093 21.9588C20.4644 21.7803 20.8358 21.616 21.2001 21.4303C21.2858 21.3874 21.343 21.3803 21.4358 21.4374C22.3001 22.0017 23.3358 21.9731 24.1644 21.366C24.3287 21.2446 24.3358 21.0874 24.1715 20.966C23.8501 20.7088 23.4858 20.5446 23.0715 20.4874C22.8501 20.4517 22.6287 20.466 22.393 20.4517C22.4287 20.4088 22.4644 20.366 22.5001 20.316C22.7287 19.9874 22.9644 19.6588 23.1787 19.3303C23.2358 19.2446 23.2858 19.2017 23.4001 19.2088C24.4144 19.2731 25.3358 18.7017 25.7072 17.7731C25.7858 17.5803 25.7072 17.4303 25.5144 17.4231L25.4715 17.4446Z"
+                        fill="white"
+                    />
+                    <path
+                        d="M11.6499 20.8732H11.6142C11.5427 20.7946 11.4213 20.7732 11.3285 20.8375C11.0999 21.0089 10.8499 21.1517 10.5927 21.2875C10.5713 21.2446 10.5499 21.2303 10.5427 21.2089C10.007 20.3732 9.24274 20.0017 8.24989 20.0946C8.02846 20.116 7.94989 20.2517 8.04274 20.4589C8.27132 21.0089 8.64274 21.416 9.17846 21.6732C9.21417 21.6875 9.24989 21.716 9.2856 21.7303V21.7803C8.85703 21.816 8.42132 21.8446 7.9856 21.8803C7.9856 21.8017 7.9856 21.7589 7.97846 21.7089C7.91417 20.7303 7.4356 20.0303 6.54274 19.6375C6.37132 19.566 6.22132 19.6446 6.19274 19.8232C6.12132 20.3089 6.19274 20.7803 6.41417 21.216C6.47846 21.3446 6.55703 21.466 6.6356 21.5875L6.59989 21.6232C6.21417 21.4446 5.82846 21.2589 5.44274 21.0803C5.45703 21.0375 5.45703 21.0303 5.45703 21.0232C5.47132 20.9875 5.49274 20.9517 5.50703 20.916C5.92846 20.0517 5.86417 19.2232 5.32846 18.4375C5.1856 18.216 5.0356 18.216 4.87846 18.4303C4.52132 18.9089 4.37132 19.4446 4.40703 20.0375C4.40703 20.0732 4.42132 20.1089 4.42846 20.1446C4.09989 19.8446 3.87846 19.4946 3.66417 19.1232C3.55703 18.866 3.8856 18.9517 4.27846 18.5232C4.27846 18.5232 4.29274 18.5232 4.29989 18.516C4.3356 18.4803 4.35703 18.4517 4.3856 18.4089C4.40703 18.3732 4.42132 18.3446 4.44274 18.3089C4.4856 18.2446 4.52846 18.1875 4.57132 18.116H4.56417C4.79989 17.6803 4.89989 17.2017 4.8356 16.6803C4.81417 16.4875 4.67132 16.3946 4.50703 16.4875C4.26417 16.616 4.02846 16.766 3.81417 16.9303C3.5356 17.1517 3.34989 17.4517 3.19274 17.7732C3.14274 17.5089 3.12132 17.2375 3.0856 16.9803C3.07846 16.8803 3.09989 16.8089 3.17132 16.7303C3.92132 15.8803 4.07132 14.7017 3.54989 13.7446C3.46417 13.5732 3.26417 13.5517 3.12846 13.6803C2.3356 14.4303 2.0856 15.566 2.49989 16.5732C2.59989 16.8017 2.65703 17.016 2.67132 17.2589C2.6856 17.4875 2.72846 17.7017 2.75703 17.9375C2.22132 17.5517 1.64989 17.3803 0.999887 17.466C0.764173 17.5017 0.699887 17.6232 0.792745 17.8375C1.17132 18.7589 2.0856 19.316 3.09989 19.2517C3.1856 19.2517 3.26417 19.2946 3.30703 19.366C3.42132 19.566 3.54274 19.7732 3.67846 19.9589C3.80703 20.1446 3.95703 20.316 4.09274 20.5017C4.0856 20.5089 4.07846 20.516 4.07846 20.516H3.99274C3.42846 20.466 2.89989 20.616 2.42846 20.9375C2.29989 21.0232 2.1856 21.1232 2.22132 21.3017L2.36417 21.4446H2.39989C3.29989 22.0375 4.20703 22.0375 5.12132 21.4589C5.16417 21.4375 5.2356 21.4446 5.2856 21.4589C5.67132 21.6375 6.06417 21.8232 6.44989 22.0089C6.4856 22.0232 6.50703 22.0303 6.56417 22.0589C6.50703 22.0803 6.47846 22.1017 6.4356 22.116C5.8856 22.3732 5.4856 22.7803 5.24274 23.3375C5.15703 23.5446 5.22846 23.6803 5.44989 23.7089C6.44274 23.8303 7.39989 23.3303 7.85703 22.4232C7.90703 22.3232 7.96417 22.3089 8.05703 22.3017C8.4856 22.2803 8.90703 22.2375 9.3356 22.2017C9.37846 22.2017 9.41417 22.1946 9.47846 22.1875C9.07846 22.716 8.90703 23.2803 8.95703 23.9089C8.97132 24.116 9.15703 24.2303 9.35703 24.1446C10.2713 23.7589 10.8356 22.8446 10.7927 21.8517C10.7927 21.7517 10.807 21.6946 10.907 21.6517C11.1356 21.5303 11.3427 21.3946 11.5642 21.2446C11.5856 21.2303 11.607 21.2089 11.6285 21.2017C11.7427 21.1232 11.757 20.9589 11.6642 20.8589L11.6499 20.8732Z"
+                        fill="white"
+                    />
+                </g>
+                <path
+                    d="M13.2496 18.5714C16.9972 18.5714 20.0353 15.5334 20.0353 11.7857C20.0353 8.03807 16.9972 5 13.2496 5C9.50193 5 6.46387 8.03807 6.46387 11.7857C6.46387 15.5334 9.50193 18.5714 13.2496 18.5714Z"
+                    fill="#E2E3E980"
+                />
+            </g>
+            <defs>
+                <clipPath id="clip0_2799_154578">
+                    <rect width="25" height="25" fill="white" transform="translate(0.75)" />
+                </clipPath>
+                <clipPath id="clip1_2799_154578">
+                    <rect
+                        width="24.95"
+                        height="10.6143"
+                        fill="white"
+                        transform="translate(0.75 13.5723)"
+                    />
+                </clipPath>
+            </defs>
+        </svg>
+    );
+};
+
+export default CertificateDisplayIcon;

package/src/components/svgs/Checkmark.tsx

@@ -0,0 +1,59 @@
+import React from 'react';
+
+export const Checkmark: React.FC<{ className?: string }> = ({ className = '' }) => {
+    return (
+        <svg
+            viewBox="0 0 26 27"
+            fill="transparent"
+            className={className}
+            data-testid="checkmark-icon"
+        >
+            <g>
+                <path
+                    d="M21 7.25049L10.5 17.75L5.25 12.5005"
+                    stroke="currentColor"
+                    strokeWidth="2"
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                />
+            </g>
+            <defs>
+                <filter
+                    id="filter0_d_1165_663"
+                    x="0.25"
+                    y="6.25049"
+                    filterUnits="userSpaceOnUse"
+                    colorInterpolationFilters="sRGB"
+                >
+                    <feFlood floodOpacity="0" result="BackgroundImageFix" />
+                    <feColorMatrix
+                        in="SourceAlpha"
+                        type="matrix"
+                        values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+                        result="hardAlpha"
+                    />
+                    <feOffset dy="4" />
+                    <feGaussianBlur stdDeviation="2" />
+                    <feComposite in2="hardAlpha" operator="out" />
+                    <feColorMatrix
+                        type="matrix"
+                        values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"
+                    />
+                    <feBlend
+                        mode="normal"
+                        in2="BackgroundImageFix"
+                        result="effect1_dropShadow_1165_663"
+                    />
+                    <feBlend
+                        mode="normal"
+                        in="SourceGraphic"
+                        in2="effect1_dropShadow_1165_663"
+                        result="shape"
+                    />
+                </filter>
+            </defs>
+        </svg>
+    );
+};
+
+export default Checkmark;

package/src/components/svgs/CircleWithText.tsx

@@ -0,0 +1,36 @@
+import React from 'react';
+
+type CircleTextProps = {
+    className?: string;
+    text: string;
+};
+
+const CircleText: React.FC<CircleTextProps> = ({ className = '', text }) => {
+    let _text = text;
+
+    if (_text?.length >= 24) {
+        _text = `${text.substring(0, 24)}...`;
+    }
+
+    return (
+        <svg className={className} viewBox="0 0 100 100" fill="currentColor">
+            <defs>
+                <path
+                    id="circle"
+                    d="
+                        M 50, 50
+                        m 0, 37
+                        a 37,37 0 1,1 0,-74
+                        a 37,37 0 1,1 0,74"
+                />
+            </defs>
+            <text textAnchor="middle" dominantBaseline="middle" fontSize="12">
+                <textPath xlinkHref="#circle" startOffset="50%">
+                    {_text}
+                </textPath>
+            </text>
+        </svg>
+    );
+};
+
+export default CircleText;

package/src/components/svgs/Coins.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+
+export const Coins: React.FC<{ className?: string }> = ({ className = '' }) => {
+    return (
+        <svg viewBox="0 0 31 30" fill="none" className={className} data-testid="currency-icon">
+            <path
+                d="M5.74324 21.5007C5.74324 21.0133 5.7219 20.5247 5.75357 20.0393C5.76624 19.8405 5.69757 19.7748 5.5449 19.691C4.93921 19.3584 4.38253 18.9628 3.96552 18.4038C3.66551 18.0003 3.49884 17.5566 3.50651 17.0456C3.51951 16.3066 3.53684 15.5668 3.50384 14.8281C3.44817 13.5639 4.00019 12.6165 4.98621 11.8722C5.86691 11.2064 6.8716 10.7934 7.92363 10.4785C8.09863 10.426 8.27497 10.3763 8.45331 10.3379C8.57498 10.3116 8.62331 10.2617 8.61998 10.1305C8.60965 9.75296 8.63365 9.37472 8.61331 8.99714C8.54665 7.7461 9.10833 6.80822 10.08 6.06785C11.0004 5.3656 12.0524 4.9384 13.1578 4.62424C14.4715 4.25126 15.8152 4.06887 17.1789 4.01827C19.3693 3.93546 21.5263 4.12244 23.6157 4.82141C24.6491 5.16678 25.6191 5.63079 26.4271 6.37215C26.9858 6.88446 27.3985 7.48715 27.4855 8.2548C27.5165 8.52952 27.4882 8.81082 27.4882 9.08915C27.4882 9.78451 27.4678 10.4808 27.4938 11.1752C27.5198 11.8696 27.2418 12.4272 26.7628 12.9083C26.1245 13.5482 25.3488 13.9846 24.5114 14.3076C23.8574 14.5603 23.1787 14.7519 22.5077 14.9612C22.4077 14.9941 22.3744 15.0269 22.3764 15.1255C22.38 15.7331 22.3814 16.3414 22.3764 16.9487C22.3764 17.0502 22.4227 17.0936 22.4987 17.138C23.0954 17.487 23.6401 17.8981 24.0544 18.4557C24.4687 19.0134 24.6651 19.6328 24.6211 20.3446C24.5776 21.0938 24.5776 21.8448 24.6211 22.594C24.6681 23.4527 24.2931 24.0922 23.6734 24.6314C22.8684 25.3324 21.9133 25.7665 20.912 26.1102C19.3756 26.636 17.7872 26.9038 16.1662 26.9761C13.7541 27.0832 11.3881 26.842 9.10766 26.0139C8.2223 25.6925 7.38695 25.2762 6.68159 24.6436C6.22025 24.2298 5.85157 23.7517 5.76557 23.1234C5.72657 22.8378 5.74757 22.5444 5.74457 22.2545C5.74124 22.0031 5.74324 21.7514 5.74324 21.5007ZM18.4032 11.724C18.7839 11.6964 19.4996 11.6626 20.211 11.5896C21.4303 11.4647 22.6187 11.2002 23.7537 10.7326C24.4177 10.4588 25.0468 10.1246 25.5581 9.61001C26.2311 8.93273 26.2435 8.25151 25.5914 7.55681C25.1814 7.11942 24.6731 6.81775 24.1337 6.56603C22.829 5.95711 21.439 5.66135 20.0153 5.5138C18.4017 5.34176 16.7719 5.38453 15.1698 5.64098C14.0031 5.8296 12.8698 6.12733 11.8127 6.66166C11.2554 6.94329 10.7344 7.2765 10.357 7.78455C9.97968 8.29259 9.97002 8.81279 10.3384 9.3182C10.4419 9.46061 10.5594 9.59269 10.689 9.71254C11.2801 10.2561 11.9924 10.5975 12.7408 10.8703C14.4585 11.4973 16.2485 11.7003 18.4032 11.724ZM20.4366 15.3789L20.414 15.346C20.383 15.346 20.3516 15.3437 20.321 15.346C19.8843 15.3828 19.4483 15.4344 19.0109 15.4558C17.691 15.5233 16.3676 15.4589 15.0608 15.2635C13.7458 15.0641 12.4634 14.746 11.2517 14.1886C10.538 13.86 9.87068 13.4657 9.32667 12.8909C9.0155 12.5718 8.78903 12.1819 8.66731 11.7559C7.61929 12.049 6.60993 12.398 5.76424 13.0789C5.51156 13.2823 5.29389 13.5445 5.11455 13.815C4.88121 14.166 4.88455 14.5659 5.11055 14.9201C5.27583 15.1847 5.47943 15.4241 5.7149 15.6306C6.42425 16.2356 7.27794 16.5787 8.1613 16.8531C9.56401 17.2885 11.007 17.4751 12.4728 17.5103C14.0675 17.5478 15.6448 17.4173 17.1899 17.0088C18.1592 16.7525 19.0923 16.4084 19.9113 15.8182C20.0966 15.6842 20.2626 15.5258 20.4373 15.3789H20.4366ZM7.29461 20.4586C7.40895 20.7787 7.60295 21.0173 7.83063 21.2269C8.43064 21.7803 9.15066 22.1267 9.91002 22.4034C11.2434 22.8891 12.6291 23.1181 14.0435 23.199C15.7262 23.2949 17.3949 23.2013 19.0409 22.8266C20.018 22.6042 20.963 22.2936 21.8283 21.7813C22.2697 21.5201 22.6754 21.2158 22.9617 20.784C23.2617 20.3305 23.2767 19.8721 22.966 19.4166C22.688 19.0091 22.3034 18.7189 21.885 18.461C21.7667 18.5839 21.6613 18.7038 21.545 18.8123C20.9983 19.3229 20.3593 19.6946 19.6783 19.9976C17.9616 20.76 16.1449 21.1149 14.2781 21.2407C12.3391 21.3722 10.4177 21.2361 8.52398 20.7882C8.12163 20.6929 7.72429 20.5746 7.29461 20.4586ZM4.96121 16.881C4.89655 17.1863 4.97921 17.4396 5.17855 17.6605C5.58123 18.109 6.09558 18.4012 6.63459 18.6519C7.87596 19.2293 9.193 19.5428 10.5484 19.7146C12.6548 19.9818 14.7485 19.9167 16.8192 19.4416C17.8936 19.1951 18.9309 18.8445 19.8826 18.2812C20.226 18.0778 20.552 17.8511 20.8016 17.5323C20.9523 17.3397 20.962 17.1284 20.9296 16.8869C20.8823 16.9198 20.8503 16.9388 20.82 16.9608C20.3244 17.3134 19.7888 17.6076 19.2239 17.8376C17.7926 18.4314 16.2905 18.7298 14.7505 18.8563C12.7354 19.0223 10.7344 18.9394 8.75832 18.4883C7.41828 18.182 6.14158 17.7245 5.02255 16.9076C5.00326 16.8968 4.98294 16.8879 4.96188 16.881H4.96121ZM7.19161 22.6084C7.12494 22.9259 7.21994 23.1934 7.44361 23.408C7.62294 23.5866 7.81755 23.7497 8.0253 23.8953C8.84165 24.4444 9.75534 24.7826 10.7034 25.0271C13.489 25.7413 16.2851 25.7817 19.0916 25.1483C20.172 24.9055 21.2117 24.5443 22.1637 23.9699C22.491 23.7727 22.8014 23.5526 23.0384 23.247C23.187 23.0544 23.198 22.8444 23.1614 22.6127C21.9353 23.3685 21.5397 23.5657 20.6783 23.8496C18.8153 24.4618 16.8945 24.6712 14.9398 24.6501C13.7685 24.6438 12.6005 24.5287 11.4511 24.3064C10.3204 24.083 9.224 23.7553 8.2043 23.2147C7.85963 23.032 7.53395 22.8151 7.19227 22.6084H7.19161ZM26.0291 11.094C25.9941 11.1164 25.9661 11.1315 25.9408 11.1499C25.3891 11.5538 24.7841 11.8624 24.1487 12.1118C22.4047 12.796 20.5786 13.0648 18.7153 13.1242C17.3384 13.1742 15.9601 13.0782 14.6041 12.8377C13.3871 12.6175 12.2064 12.2827 11.1087 11.7079C10.7534 11.5212 10.4184 11.2975 10.0707 11.0888C9.99768 11.4121 10.115 11.6777 10.3404 11.9136C10.6574 12.2445 11.038 12.4894 11.4427 12.6974C12.8714 13.4308 14.4128 13.7782 15.9992 13.953C17.3296 14.1019 18.6727 14.1045 20.0036 13.9606C21.2887 13.8212 22.5427 13.5534 23.7457 13.0789C24.4491 12.8012 25.1258 12.4755 25.6948 11.9682C25.9508 11.7408 26.1228 11.4779 26.0291 11.094Z"
+                fill="currentColor"
+            />
+        </svg>
+    );
+};
+
+export default Coins;

package/src/components/svgs/CourseDisplayIcon.tsx

@@ -0,0 +1,43 @@
+import React from 'react';
+
+export const CourseDisplayIcon: React.FC<{ className?: string }> = ({ className = '' }) => {
+    return (
+        <svg
+            width="26"
+            height="25"
+            viewBox="0 0 26 25"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+            className={className}
+        >
+            <g clip-path="url(#clip0_2803_60702)">
+                <g clip-path="url(#clip1_2803_60702)">
+                    <rect x="4.32129" y="10" width="9.28571" height="7.14286" fill="#E2E3E980" />
+                    <path
+                        d="M15.3926 10.714L19.3211 9.64258L21.1069 16.0711L17.1783 17.1426L15.3926 10.714Z"
+                        fill="#E2E3E9"
+                    />
+                    <path
+                        d="M23.533 19.9114L22.5509 16.1203L19.4571 4.73726C19.3903 4.48617 19.2267 4.2718 19.0021 4.1411C18.7775 4.0104 18.5103 3.97403 18.2589 4.03994L14.458 5.02208C14.3673 4.92155 14.2568 4.84087 14.1334 4.78509C14.01 4.72932 13.8765 4.69966 13.7411 4.69797H3.91964C3.65916 4.69797 3.40935 4.80145 3.22516 4.98564C3.04098 5.16983 2.9375 5.41964 2.9375 5.68012V21.3944C2.9375 21.6549 3.04098 21.9047 3.22516 22.0889C3.40935 22.2731 3.65916 22.3765 3.91964 22.3765H13.7411C14.0016 22.3765 14.2514 22.2731 14.4356 22.0889C14.6197 21.9047 14.7232 21.6549 14.7232 21.3944V13.5373L16.8839 21.6105C16.9415 21.8247 17.0699 22.0132 17.2482 22.1452C17.4266 22.2772 17.6443 22.3449 17.8661 22.3373C17.9509 22.3469 18.0366 22.3469 18.1214 22.3373L22.8652 21.0703C22.9906 21.0368 23.1081 20.9787 23.2109 20.8995C23.3138 20.8202 23.3999 20.7214 23.4643 20.6087C23.5679 20.3914 23.5922 20.1447 23.533 19.9114ZM7.81875 20.4515H4.87232V18.4873H7.81875V20.4515ZM7.81875 16.523H4.87232V10.6301H7.81875V16.523ZM7.81875 8.66583H4.87232V6.70155H7.81875V8.66583ZM12.7295 20.4515H9.78304V18.4873H12.7295V20.4515ZM12.7295 16.523H9.78304V10.6301H12.7295V16.523ZM12.7295 8.66583H9.78304V6.70155H12.7295V8.66583ZM14.9393 6.9569L17.7875 6.19083L18.2982 8.08637L15.45 8.85244L14.9393 6.9569ZM17.483 16.4444L15.9607 10.748L18.8089 9.9819L20.3313 15.6783L17.483 16.4444ZM18.4652 20.2355L17.9545 18.3399L20.8027 17.5739L21.3134 19.4694L18.4652 20.2355Z"
+                        fill="white"
+                    />
+                </g>
+            </g>
+            <defs>
+                <clipPath id="clip0_2803_60702">
+                    <rect width="25" height="25" fill="white" transform="translate(0.75)" />
+                </clipPath>
+                <clipPath id="clip1_2803_60702">
+                    <rect
+                        width="25"
+                        height="22.5801"
+                        fill="white"
+                        transform="translate(0.75 1.42773)"
+                    />
+                </clipPath>
+            </defs>
+        </svg>
+    );
+};
+
+export default CourseDisplayIcon;

package/src/components/svgs/DownRightArrow.tsx

@@ -0,0 +1,29 @@
+import React from 'react';
+
+type DownRightArrowProps = {
+    className?: string;
+};
+
+const DownRightArrow: React.FC<DownRightArrowProps> = ({ className = '' }) => {
+    return (
+        <svg
+            width="16"
+            height="14"
+            viewBox="0 0 16 14"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+            className={className}
+        >
+            <path
+                d="M11.039 13.6413C10.9781 13.616 10.9261 13.5733 10.8894 13.5185C10.8528 13.4637 10.8333 13.3993 10.8333 13.3333V11.6667H3.49992C3.32317 11.6665 3.15372 11.5962 3.02874 11.4712C2.90376 11.3462 2.83345 11.1767 2.83325 11V7.66666C2.83345 7.48991 2.90376 7.32046 3.02874 7.19548C3.15372 7.0705 3.32317 7.0002 3.49992 6.99999H10.8333V5.33333C10.8333 5.2674 10.8528 5.20296 10.8894 5.14814C10.9261 5.09333 10.9781 5.05061 11.039 5.02538C11.0999 5.00015 11.167 4.99354 11.2316 5.0064C11.2963 5.01926 11.3557 5.051 11.4023 5.09761L15.4023 9.09761C15.4648 9.16014 15.4999 9.24492 15.4999 9.33333C15.4999 9.42173 15.4648 9.50651 15.4023 9.56904L11.4023 13.569C11.3557 13.6156 11.2963 13.6474 11.2316 13.6602C11.167 13.6731 11.0999 13.6665 11.039 13.6413Z"
+                fill="#18224E"
+            />
+            <path
+                d="M0.833252 1.33325C0.833252 0.780966 1.28097 0.333252 1.83325 0.333252H4.49992C5.0522 0.333252 5.49992 0.780967 5.49992 1.33325V11.6666H1.83325C1.28097 11.6666 0.833252 11.2189 0.833252 10.6666V1.33325Z"
+                fill="#18224E"
+            />
+        </svg>
+    );
+};
+
+export default DownRightArrow;

package/src/components/svgs/ExclamationPoint.tsx

@@ -0,0 +1,25 @@
+import React from 'react';
+
+type ExclamationPointProps = {
+    className?: string;
+};
+
+const ExclamationPoint: React.FC<ExclamationPointProps> = ({ className = '' }) => {
+    return (
+        <svg
+            width="5"
+            height="11"
+            viewBox="0 0 5 11"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+            className={className}
+        >
+            <path
+                d="M1.1338 6.58451L0.5 0.5H4.30282L3.66901 6.58451H1.1338ZM2.40141 10.5C1.85681 10.5 1.4108 10.3357 1.06338 10.007C0.715963 9.66901 0.542253 9.26995 0.542253 8.80986C0.542253 8.34037 0.715963 7.94601 1.06338 7.62676C1.4108 7.30751 1.85681 7.14789 2.40141 7.14789C2.9554 7.14789 3.40141 7.30751 3.73944 7.62676C4.08685 7.94601 4.26056 8.34037 4.26056 8.80986C4.26056 9.26995 4.08685 9.66901 3.73944 10.007C3.40141 10.3357 2.9554 10.5 2.40141 10.5Z"
+                fill="#FACC15"
+            />
+        </svg>
+    );
+};
+
+export default ExclamationPoint;

package/src/components/svgs/ExperienceIcon.tsx

@@ -0,0 +1,34 @@
+import React from 'react';
+
+const ExperienceIcon: React.FC<{ className?: string; size?: string }> = ({
+    className = '',
+    size = '',
+}) => {
+    return (
+        <svg
+            width={size}
+            height={size}
+            viewBox="0 0 25 24"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+            className={className}
+        >
+            <path
+                d="M10.3756 5.4458L2.93802 18.5541H11.7685L14.7908 13.2305L10.3756 5.4458Z"
+                stroke="white"
+                strokeWidth="1.5"
+                strokeLinecap="round"
+                strokeLinejoin="round"
+            />
+            <path
+                d="M17.8132 18.5541H22.062L16.9109 9.48535L14.7908 13.2306L11.7685 18.5541H17.8132Z"
+                stroke="white"
+                strokeWidth="1.5"
+                strokeLinecap="round"
+                strokeLinejoin="round"
+            />
+        </svg>
+    );
+};
+
+export default ExperienceIcon;

package/src/components/svgs/FatArrow.tsx

@@ -0,0 +1,44 @@
+import React from 'react';
+
+type FatArrowProps = {
+    className?: string;
+    direction?: 'right' | 'left';
+};
+
+const FatArrow: React.FC<FatArrowProps> = ({ className = '', direction = 'right' }) => {
+    if (direction === 'right') {
+        return (
+            <svg
+                width="24"
+                height="24"
+                viewBox="0 0 24 24"
+                fill="none"
+                xmlns="http://www.w3.org/2000/svg"
+                className={className}
+            >
+                <path
+                    d="M12.463 21.6929C12.3259 21.6361 12.2088 21.54 12.1264 21.4166C12.044 21.2933 12 21.1483 12 21V17.25H4.5C4.10231 17.2495 3.72105 17.0913 3.43984 16.8101C3.15864 16.5289 3.00045 16.1477 3 15.75V8.24999C3.00045 7.8523 3.15864 7.47103 3.43984 7.18983C3.72105 6.90862 4.10231 6.75044 4.5 6.74998H12V2.99998C12 2.85165 12.044 2.70665 12.1264 2.58332C12.2088 2.45999 12.326 2.36387 12.463 2.3071C12.6001 2.25033 12.7509 2.23547 12.8963 2.2644C13.0418 2.29333 13.1755 2.36475 13.2804 2.46962L22.2804 11.4696C22.421 11.6103 22.5 11.8011 22.5 12C22.5 12.1989 22.421 12.3897 22.2804 12.5304L13.2804 21.5304C13.1755 21.6352 13.0418 21.7066 12.8963 21.7355C12.7508 21.7645 12.6 21.7496 12.463 21.6929V21.6929Z"
+                    fill="white"
+                />
+            </svg>
+        );
+    } else {
+        return (
+            <svg
+                width="24"
+                height="24"
+                viewBox="0 0 24 24"
+                fill="none"
+                xmlns="http://www.w3.org/2000/svg"
+                className={className}
+            >
+                <path
+                    d="M10.7196 21.5304L1.71963 12.5304C1.57903 12.3897 1.50005 12.1989 1.50005 12C1.50005 11.8011 1.57903 11.6103 1.71963 11.4696L10.7196 2.46962C10.8245 2.36475 10.9582 2.29333 11.1037 2.2644C11.2491 2.23547 11.3999 2.25033 11.537 2.3071C11.674 2.36387 11.7912 2.45999 11.8736 2.58332C11.956 2.70665 12 2.85165 12 2.99998V6.74998H19.5C19.8977 6.75044 20.279 6.90862 20.5602 7.18983C20.8414 7.47103 20.9995 7.8523 21 8.24999V15.75C20.9995 16.1477 20.8414 16.5289 20.5602 16.8101C20.279 17.0913 19.8977 17.2495 19.5 17.25H12V21C12 21.1483 11.956 21.2933 11.8736 21.4166C11.7912 21.54 11.674 21.6361 11.537 21.6929C11.3999 21.7496 11.2491 21.7645 11.1037 21.7356C10.9582 21.7066 10.8245 21.6352 10.7196 21.5304Z"
+                    fill="white"
+                />
+            </svg>
+        );
+    }
+};
+
+export default FatArrow;

package/src/components/svgs/GenericArrow.tsx

@@ -0,0 +1,29 @@
+import React from 'react';
+
+export const GenericArrow: React.FC<{
+    className?: string;
+    color?: string;
+    width?: string;
+    height?: string;
+}> = ({ className = '', color = '#18224E', width = '20', height = '19' }) => {
+    return (
+        <svg
+            width={width}
+            className={className}
+            height={height}
+            viewBox="0 0 12 19"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+        >
+            <path
+                d="M2.375 1.6875L10.1875 9.5L2.375 17.3125"
+                stroke={color}
+                strokeWidth="3"
+                strokeLinecap="round"
+                strokeLinejoin="round"
+            />
+        </svg>
+    );
+};
+
+export default GenericArrow;