be-components 3.9.7 → 3.9.9

package/lib/module/Components/Icons.js

@@ -12,7 +12,7 @@ const AlertIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "Page-1",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd",
     "stroke-linecap": "round",
@@ -21,7 +21,7 @@ const AlertIcon = ({
     id: "alert-circle",
     transform: "translate(1.000000, 1.000000)",
     stroke: color,
-    "stroke-width": "2"
+    strokeWidth: "2"
   }, /*#__PURE__*/React.createElement(Circle, {
     id: "Oval",
     cx: "10",
@@ -41,6 +41,41 @@ const AlertIcon = ({
     id: "Path"
   }))));
 };
+const LeaderboardIcon = ({
+  color,
+  size
+}) => {
+  return /*#__PURE__*/React.createElement(Svg, {
+    width: `${size ?? 34}px`,
+    height: `${size ?? 34}px`,
+    viewBox: "0 0 34 34"
+  }, /*#__PURE__*/React.createElement(G, {
+    id: "Page-1",
+    stroke: "none",
+    strokeWidth: "2",
+    fill: "none",
+    "fill-rule": "evenodd",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
+  }, /*#__PURE__*/React.createElement(G, {
+    id: "leaderboard-star-svgrepo-com",
+    transform: "translate(2.000000, 2.000000)",
+    stroke: color ?? Colors.brand.midnight,
+    strokeWidth: "2"
+  }, /*#__PURE__*/React.createElement(Path, {
+    d: "M20,30.0000042 L10,30.0000042 L10,16.0000042 C10,15.4476708 10.4477167,15.0000042 11,15.0000042 L19,15.0000042 C19.5523333,15.0000042 20,15.4476708 20,16.0000042 L20,30.0000042 Z",
+    id: "Path"
+  }), /*#__PURE__*/React.createElement(Path, {
+    d: "M29,30.0000042 L20,30.0000042 L20,25.1666708 C20,24.6143375 20.4476667,24.1666708 21,24.1666708 L29,24.1666708 C29.5523333,24.1666708 30,24.6143375 30,25.1666708 L30,29.0000042 C30,29.5523375 29.5523333,30.0000042 29,30.0000042 Z",
+    id: "Path"
+  }), /*#__PURE__*/React.createElement(Path, {
+    d: "M10,30.0000042 L10,21.8333375 C10,21.2810042 9.55228333,20.8333375 9,20.8333375 L1,20.8333375 C0.447716667,20.8333375 0,21.2810042 0,21.8333375 L0,29.0000042 C0,29.5523375 0.447716667,30.0000042 1,30.0000042 L10,30.0000042 Z",
+    id: "Path"
+  }), /*#__PURE__*/React.createElement(Path, {
+    d: "M13.0093333,3.5220875 L14.5245,0.3093375 C14.719,-0.1031125 15.281,-0.1031125 15.4755,0.3093375 L16.9906667,3.5220875 L20.3791667,4.04045417 C20.814,4.10697083 20.9871667,4.6662875 20.6725,4.98715417 L18.221,7.48617083 L18.7995,11.0166542 C18.8738333,11.4700375 18.4191667,11.8158375 18.0301667,11.6016542 L15,9.93385417 L11.9698333,11.6016542 C11.58085,11.8158375 11.1261333,11.4700375 11.2004333,11.0166542 L11.779,7.48617083 L9.32751667,4.98715417 C9.01276667,4.6662875 9.18605,4.10697083 9.6208,4.04045417 L13.0093333,3.5220875 Z",
+    id: "Path"
+  }))));
+};
 const RefreshIcon = ({
   color,
   size
@@ -55,7 +90,7 @@ const RefreshIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "Page-1",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd",
     "stroke-linecap": "round",
@@ -64,7 +99,7 @@ const RefreshIcon = ({
     id: "refresh-cw-alt-2-svgrepo-com",
     transform: "translate(2.000000, 2.000000)",
     stroke: color ?? Colors.brand.midnight,
-    "stroke-width": "3"
+    strokeWidth: "3"
   }, /*#__PURE__*/React.createElement(Path, {
     d: "M8.399958,0 L10.799946,2.39452803 L10.7289064,2.46567567 M10.799946,19.200024 L8.399958,21.4928525 L8.43559782,21.5299324 M10.7289064,2.46567567 L8.399958,4.799976 M10.7289064,2.46567567 C10.3587082,2.42229589 9.98191009,2.399988 9.599952,2.399988 C4.29804251,2.399988 0,6.69803051 0,11.99994 C0,15.0316048 1.40527697,17.7350713 3.599982,19.4943825 M15.599922,4.50553347 C17.794591,6.26486868 19.199904,8.96829916 19.199904,11.99994 C19.199904,17.3018735 14.9018855,21.599892 9.599952,21.599892 C9.20587397,21.599892 8.81719591,21.5761321 8.43559782,21.5299324 M10.799946,24 L8.43559782,21.5299324",
     id: "Shape"
@@ -81,14 +116,14 @@ const ContactsIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "Page-1",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd"
   }, /*#__PURE__*/React.createElement(G, {
     id: "contacts-svgrepo-com",
     transform: "translate(2.000000, 2.000000)",
     stroke: color ?? Colors.brand.midnight,
-    "stroke-width": "3"
+    strokeWidth: "3"
   }, /*#__PURE__*/React.createElement(Path, {
     d: "M2.66666667,5.33333333 L2.66666667,2.66666667 C2.66666667,1.19390667 3.86057333,0 5.33333333,0 L13.3333333,0 L21.3333333,0 C22.8061333,0 24,1.19390667 24,2.66666667 L24,5.33333333 L24,18.6666667 L24,21.3333333 C24,22.8061333 22.8061333,24 21.3333333,24 L13.3333333,24 L5.33333333,24 C3.86057333,24 2.66666667,22.8061333 2.66666667,21.3333333 L2.66666667,18.6666667 L2.66666667,5.33333333 Z",
     id: "Path",
@@ -139,7 +174,7 @@ const SearchIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "Page-1",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd"
   }, /*#__PURE__*/React.createElement(G, {
@@ -166,7 +201,7 @@ const EmbedIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "Page-1",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd"
   }, /*#__PURE__*/React.createElement(G, {
@@ -198,7 +233,7 @@ const PlayIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "Page-1",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd"
   }, /*#__PURE__*/React.createElement(G, {
@@ -222,7 +257,7 @@ const PauseIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "Page-1",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd"
   }, /*#__PURE__*/React.createElement(G, {
@@ -251,7 +286,7 @@ const TwitterXIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "Page-1",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd"
   }, /*#__PURE__*/React.createElement(G, {
@@ -275,7 +310,7 @@ const FacebookIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "Page-1",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd"
   }, /*#__PURE__*/React.createElement(G, {
@@ -300,7 +335,7 @@ const PodiumIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "Page-1",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd",
     "stroke-linecap": "round",
@@ -308,7 +343,7 @@ const PodiumIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "podium-svgrepo-com",
     transform: "translate(1.000000, 1.000000)",
-    "stroke-width": "2"
+    strokeWidth: "2"
   }, /*#__PURE__*/React.createElement(Polygon, {
     id: "secondary",
     stroke: secondary_color ?? Colors.incentive.gold,
@@ -330,7 +365,7 @@ const TwitterIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "ss",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd"
   }, /*#__PURE__*/React.createElement(G, {
@@ -359,7 +394,7 @@ const LinkedInIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "ss",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd"
   }, /*#__PURE__*/React.createElement(G, {
@@ -393,7 +428,7 @@ const LinkIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "ss",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd"
   }, /*#__PURE__*/React.createElement(G, {
@@ -418,14 +453,14 @@ const FlameIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "ss",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd"
   }, /*#__PURE__*/React.createElement(G, {
     id: "flame-svgrepo-com",
     transform: "translate(1.000000, 1.000000)",
     stroke: color ?? Colors.brand.midnight,
-    "stroke-width": "2"
+    strokeWidth: "2"
   }, /*#__PURE__*/React.createElement(Path, {
     d: "M15.060385,11.624539 C15.060385,15.6291895 12.5960354,17.3865482 10.6917438,17.9790802 C10.2856782,18.1054933 10.0187329,17.6320325 10.2616757,17.283008 C11.0903734,16.092014 12.048308,14.2750727 12.048308,12.5658131 C12.048308,10.7297639 10.5007593,8.56210386 9.29235166,7.22511819 C9.01608773,6.9194865 8.53424953,7.12176629 8.51918915,7.53347957 C8.4692075,8.89757394 8.25393812,10.7226102 7.32574777,12.1529703 C7.17636757,12.3832059 6.85925234,12.4022197 6.68897586,12.1869503 C6.39896932,11.8202299 6.10896279,11.3671006 5.81895625,11.009134 C5.66270475,10.8163611 5.38036019,10.8137255 5.20017209,10.9842844 C4.49764278,11.6494828 3.51408669,12.6868609 3.51408669,13.9777242 C3.51408669,14.9089266 3.95785976,16.0679174 4.41530013,16.9654222 C4.62303931,17.3729938 4.23765348,17.8510669 3.84173478,17.6218667 C2.11370621,16.6215748 0,14.5489834 0,11.624539 C0,8.66291432 4.05716417,4.56012659 5.60627537,0.68405413 C5.85067718,0.0724142449 6.60407294,-0.214984964 7.12798609,0.184152889 C10.3012092,2.60140116 15.060385,7.27406444 15.060385,11.624539 Z",
     id: "Path"
@@ -444,7 +479,7 @@ const UnbidSquare = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "Page-1",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd"
   }, /*#__PURE__*/React.createElement(G, {
@@ -489,7 +524,7 @@ const DiscoverCardIcon = ({
   }))), /*#__PURE__*/React.createElement(G, {
     id: "Page-1",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd"
   }, /*#__PURE__*/React.createElement(G, {
@@ -498,7 +533,7 @@ const DiscoverCardIcon = ({
   }, /*#__PURE__*/React.createElement(Rect, {
     id: "Rectangle",
     stroke: "#F3F3F3",
-    "stroke-width": "2",
+    strokeWidth: "2",
     fill: "#FFFFFF",
     "fill-rule": "nonzero",
     x: "0",
@@ -529,7 +564,7 @@ const VisaCardIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "Page-1",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd"
   }, /*#__PURE__*/React.createElement(G, {
@@ -538,7 +573,7 @@ const VisaCardIcon = ({
   }, /*#__PURE__*/React.createElement(Rect, {
     id: "Rectangle",
     stroke: "#F3F3F3",
-    "stroke-width": "2",
+    strokeWidth: "2",
     fill: "#FFFFFF",
     "fill-rule": "nonzero",
     x: "0",
@@ -579,7 +614,7 @@ const MasterCardIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "Page-1",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd"
   }, /*#__PURE__*/React.createElement(G, {
@@ -588,7 +623,7 @@ const MasterCardIcon = ({
   }, /*#__PURE__*/React.createElement(Rect, {
     id: "Rectangle",
     stroke: "#F3F3F3",
-    "stroke-width": "2",
+    strokeWidth: "2",
     fill: "#FFFFFF",
     "fill-rule": "nonzero",
     x: "0",
@@ -630,7 +665,7 @@ const AmexCardIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "Page-1",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd"
   }, /*#__PURE__*/React.createElement(G, {
@@ -693,7 +728,7 @@ const EyeOnIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "Page-1",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd",
     "stroke-linecap": "round",
@@ -702,7 +737,7 @@ const EyeOnIcon = ({
     id: "eye",
     transform: "translate(1.000000, 1.000000)",
     stroke: color,
-    "stroke-width": "2"
+    strokeWidth: "2"
   }, /*#__PURE__*/React.createElement(Path, {
     d: "M0,8 C0,8 4,0 11,0 C18,0 22,8 22,8 C22,8 18,16 11,16 C4,16 0,8 0,8 Z",
     id: "Path"
@@ -726,7 +761,7 @@ const PlaidIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "Page-1",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd"
   }, /*#__PURE__*/React.createElement(G, {
@@ -752,7 +787,7 @@ const GiftIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "Page-1",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd",
     "stroke-linejoin": "round"
@@ -760,7 +795,7 @@ const GiftIcon = ({
     id: "gift-svgrepo-com",
     transform: "translate(1.000000, 1.000000)",
     stroke: color ?? Colors.brand.midnight,
-    "stroke-width": "2"
+    strokeWidth: "2"
   }, /*#__PURE__*/React.createElement(Path, {
     d: "M0,7.22751235 C0,6.71122347 0,6.45309013 0.0427,6.23842347 C0.218044444,5.35689013 0.907155556,4.66777902 1.78868889,4.49243458 C2.00335556,4.44973458 2.26148889,4.44973458 2.77777778,4.44973458 L10,4.44973458 L17.2222222,4.44973458 C17.7385556,4.44973458 17.9966667,4.44973458 18.2113333,4.49243458 C19.0928889,4.66777902 19.782,5.35689013 19.9573333,6.23842347 C20,6.45309013 20,6.71122347 20,7.22751235 L20,7.22751235 L20,7.22751235 C20,7.74380124 20,8.0019568 19.9573333,8.21662347 C19.782,9.09817902 19.0928889,9.78729013 18.2113333,9.96262347 C17.9966667,10.0052901 17.7385556,10.0052901 17.2222222,10.0052901 L10,10.0052901 L2.77777778,10.0052901 C2.26148889,10.0052901 2.00335556,10.0052901 1.78868889,9.96262347 C0.907155556,9.78729013 0.218044444,9.09817902 0.0427,8.21662347 C0,8.0019568 0,7.74380124 0,7.22751235 L0,7.22751235 L0,7.22751235 Z",
     id: "Path"
@@ -809,7 +844,7 @@ const TransactionSuccessIcon = ({
   }))), /*#__PURE__*/React.createElement(G, {
     id: "Page-1",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd"
   }, /*#__PURE__*/React.createElement(G, {
@@ -818,7 +853,7 @@ const TransactionSuccessIcon = ({
   }, /*#__PURE__*/React.createElement(Circle, {
     id: "Oval",
     stroke: "url(#LinearGradient-1)",
-    "stroke-width": "30",
+    strokeWidth: "30",
     cx: "125.181818",
     cy: "125.090909",
     r: "125"
@@ -853,7 +888,7 @@ const TransactionErrorIcon = ({
   }))), /*#__PURE__*/React.createElement(G, {
     id: "Page-1",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd"
   }, /*#__PURE__*/React.createElement(G, {
@@ -867,7 +902,7 @@ const TransactionErrorIcon = ({
   }), /*#__PURE__*/React.createElement(Circle, {
     id: "Oval",
     stroke: "url(#LinearGradient-1)",
-    "stroke-width": "20",
+    strokeWidth: "20",
     cx: "125",
     cy: "125",
     r: "125"
@@ -885,7 +920,7 @@ const LogoutIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "Page-1",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd"
   }, /*#__PURE__*/React.createElement(G, {
@@ -911,7 +946,7 @@ const EyeOffIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "Page-1",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd",
     "stroke-linecap": "round",
@@ -920,7 +955,7 @@ const EyeOffIcon = ({
     id: "eye-off",
     transform: "translate(1.000000, 1.000000)",
     stroke: color,
-    "stroke-width": "2"
+    strokeWidth: "2"
   }, /*#__PURE__*/React.createElement(Path, {
     d: "M16.94,16.94 C15.23059,18.2430022 13.1491075,18.9648632 11,19 C4,19 0,11 0,11 C1.2438899,8.68189567 2.96913545,6.65660741 5.06,5.06 M8.9,3.24 C9.5883323,3.07887951 10.2930641,2.99833874 11,2.99997482 C18,2.99997482 22,11 22,11 C21.3929796,12.1356074 20.6690554,13.2047361 19.84,14.19 M13.12,13.12 C12.3721177,13.9226127 11.2457778,14.2529967 10.1828444,13.9815422 C9.1199109,13.7100876 8.28991239,12.8800891 8.01845783,11.8171556 C7.74700327,10.7542222 8.07738729,9.62788232 8.88,8.88",
     id: "Shape"
@@ -946,7 +981,7 @@ const NotificationIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "Page-1",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd",
     "stroke-linejoin": "round"
@@ -954,7 +989,7 @@ const NotificationIcon = ({
     id: "notification-bell-on-svgrepo-com-(1)",
     transform: "translate(1.887826, 1.000000)",
     stroke: color ?? Colors.brand.midnight,
-    "stroke-width": "2"
+    strokeWidth: "2"
   }, /*#__PURE__*/React.createElement(Path, {
     d: "M5.09214307,16.8717414 C4.4618511,16.8717414 2.49815976,16.8717414 1.04327967,16.8717414 C0.26810762,16.8717414 -0.235114486,16.0559958 0.111548704,15.3626694 L1.00216393,13.581439 C1.29174683,13.0022941 1.44250804,12.3643379 1.44250804,11.7167883 C1.44250804,10.9141814 1.44250804,9.72200209 1.44250804,8.52971846 C1.44250804,6.44421272 2.4852609,2.27320125 7.69902524,2.27320125 C12.9127896,2.27320125 13.9555424,6.44421272 13.9555424,8.52971846 C13.9555424,9.72200209 13.9555424,10.9141814 13.9555424,11.7167883 C13.9555424,12.3643379 14.1063245,13.0022941 14.395897,13.581439 L15.2865122,15.3626694 C15.6331233,16.0559958 15.1289522,16.8717414 14.353874,16.8717414 L10.3059074,16.8717414 M5.09214307,16.8717414 C5.09214307,18.9572471 6.13489594,20 7.69902524,20 C9.26315454,20 10.3059074,18.9572471 10.3059074,16.8717414 M5.09214307,16.8717414 C6.72102733,16.8717414 10.3059074,16.8717414 10.3059074,16.8717414",
     id: "Shape"
@@ -979,7 +1014,7 @@ const USDIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "Page-1",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd"
   }, /*#__PURE__*/React.createElement(G, {
@@ -1004,14 +1039,14 @@ const HeadphoneIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "Page-1",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd"
   }, /*#__PURE__*/React.createElement(G, {
     id: "headphones-round-sound-svgrepo-com",
     transform: "translate(1.000000, 1.000000)",
     stroke: color ?? Colors.brand.midnight,
-    "stroke-width": "2"
+    strokeWidth: "2"
   }, /*#__PURE__*/React.createElement(Path, {
     d: "M20,15 L20,10 C20,8.1786 19.513,6.47087 18.6622,5 M0,16 L0,10 C0,4.47715 4.47715,0 10,0 C11.8214,0 13.5291,0.48697 15,1.33782",
     id: "Shape",
@@ -1057,7 +1092,7 @@ const EdgeCoinIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "Page-1",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd",
     "stroke-linecap": "round",
@@ -1066,7 +1101,7 @@ const EdgeCoinIcon = ({
     id: "currency-dollar-circle-svgrepo-com",
     transform: "translate(1.000000, 1.000000)",
     stroke: color ?? Colors.brand.midnight,
-    "stroke-width": "2"
+    strokeWidth: "2"
   }, /*#__PURE__*/React.createElement(Path, {
     d: "M6.56111111,4.49999979 L6.53611111,15.4833333 M6.51666667,4.50277788 L12.95,4.50277788 M6.51666667,10.2361112 L12.95,10.2361112 M6.51666667,15.5694445 L12.95,15.5694445 M20,10 C20,13.5726557 18.0940108,16.873926 15,18.660254 C11.9059893,20.4465819 8.09401075,20.4465819 5,18.660254 C1.90598917,16.873926 4.93432455e-16,13.5726557 4.93432455e-16,10 C4.93432455e-16,4.47715237 4.47715258,0 10,0 C15.5228474,0 20,4.47715237 20,10 L20,10 Z",
     id: "Shape"
@@ -1086,7 +1121,7 @@ const ActivityIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "Page-1",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd",
     "stroke-linecap": "round",
@@ -1095,7 +1130,7 @@ const ActivityIcon = ({
     id: "activity-svgrepo-com",
     transform: "translate(2.000000, 2.000000)",
     stroke: color ?? Colors.brand.midnight,
-    "stroke-width": "3"
+    strokeWidth: "3"
   }, /*#__PURE__*/React.createElement(Path, {
     d: "M0,9.80125802 L4.71504,9.80125802 C4.97052,9.80125802 5.19735429,9.63771516 5.27814857,9.39531516 L5.27814857,9.39531516 L8.35714286,0.158400878 L8.35714286,0.158400878 C8.42787429,-0.0537934081 8.7288,-0.0518048366 8.80525714,0.158400878 L8.80525714,0.158400878 L15.2142857,17.7833152 L15.2314286,17.830458 C15.3005143,18.0205723 15.5677714,18.0246866 15.6428571,17.8369723 L15.6428571,17.8369723 L18.6584571,10.298058 L18.6584571,10.298058 C18.7784571,9.99805802 19.0690286,9.80125802 19.3923429,9.80125802 L24,9.80125802",
     id: "Path"
@@ -1115,7 +1150,7 @@ const HeadToHeadIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "Page-1",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd"
   }, /*#__PURE__*/React.createElement(G, {
@@ -1139,7 +1174,7 @@ const ChangeIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "Page-1",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd"
   }, /*#__PURE__*/React.createElement(G, {
@@ -1219,7 +1254,7 @@ const LockClosedIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "Page-1",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd",
     "stroke-linecap": "round",
@@ -1228,7 +1263,7 @@ const LockClosedIcon = ({
     id: "lock",
     transform: "translate(1.000000, 1.000000)",
     stroke: color,
-    "stroke-width": "2"
+    strokeWidth: "2"
   }, /*#__PURE__*/React.createElement(Rect, {
     id: "Rectangle",
     x: "0",
@@ -1252,7 +1287,7 @@ const PausedIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "Page-1",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd",
     "stroke-linecap": "round",
@@ -1261,7 +1296,7 @@ const PausedIcon = ({
     id: "pause-circle",
     transform: "translate(1.000000, 1.000000)",
     stroke: color,
-    "stroke-width": "2"
+    strokeWidth: "2"
   }, /*#__PURE__*/React.createElement(Circle, {
     id: "Oval",
     cx: "10",
@@ -1292,7 +1327,7 @@ const PlusCircleIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "Page-1",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd",
     "stroke-linecap": "round",
@@ -1301,7 +1336,7 @@ const PlusCircleIcon = ({
     id: "plus-circle",
     transform: "translate(1.000000, 1.000000)",
     stroke: color,
-    "stroke-width": "2"
+    strokeWidth: "2"
   }, /*#__PURE__*/React.createElement(Circle, {
     id: "Oval",
     cx: "10",
@@ -1332,7 +1367,7 @@ const TVIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "Page-1",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd",
     "stroke-linecap": "round",
@@ -1341,7 +1376,7 @@ const TVIcon = ({
     id: "tv-(1)",
     transform: "translate(1.000000, 1.000000)",
     stroke: color,
-    "stroke-width": "2"
+    strokeWidth: "2"
   }, /*#__PURE__*/React.createElement(Rect, {
     id: "Rectangle",
     x: "0",
@@ -1365,7 +1400,7 @@ const PreferencesIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "Page-1",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd"
   }, /*#__PURE__*/React.createElement(G, {
@@ -1391,7 +1426,7 @@ const AwardRibbonIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "Page-1",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd",
     "stroke-linecap": "round",
@@ -1400,7 +1435,7 @@ const AwardRibbonIcon = ({
     id: "award",
     transform: "translate(1.000000, 1.000000)",
     stroke: color ?? Colors.brand.midnight,
-    "stroke-width": "2"
+    strokeWidth: "2"
   }, /*#__PURE__*/React.createElement(Circle, {
     id: "Oval",
     cx: "7",
@@ -1422,7 +1457,7 @@ const PacerCarIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "Page-1",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd",
     "stroke-linecap": "round",
@@ -1431,7 +1466,7 @@ const PacerCarIcon = ({
     id: "car-salesman-service-svgrepo-com",
     transform: "translate(1.000000, 1.000000)",
     stroke: color ?? Colors.brand.midnight,
-    "stroke-width": "2"
+    strokeWidth: "2"
   }, /*#__PURE__*/React.createElement(Path, {
     d: "M15.1724138,35.862069 L15.1724138,38.6206897 C15.1724138,39.3834483 14.5558621,40 13.7931034,40 L11.0344828,40",
     id: "XMLID_336_"
@@ -1498,7 +1533,7 @@ const ShareSocialIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "Page-1",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd",
     "stroke-linecap": "round",
@@ -1507,7 +1542,7 @@ const ShareSocialIcon = ({
     id: "share-social-outline",
     transform: "translate(1.000000, 1.000000)",
     stroke: color,
-    "stroke-width": "2"
+    strokeWidth: "2"
   }, /*#__PURE__*/React.createElement(Circle, {
     id: "Oval",
     cx: "2.5",
@@ -1557,7 +1592,7 @@ const ChevronIcon = ({
       }, /*#__PURE__*/React.createElement(G, {
         id: "Page-1",
         stroke: "none",
-        "stroke-width": "1",
+        strokeWidth: "1",
         fill: "none",
         "fill-rule": "evenodd"
       }, /*#__PURE__*/React.createElement(G, {
@@ -1577,7 +1612,7 @@ const ChevronIcon = ({
       }, /*#__PURE__*/React.createElement(G, {
         id: "Page-1",
         stroke: "none",
-        "stroke-width": "1",
+        strokeWidth: "1",
         fill: "none",
         "fill-rule": "evenodd"
       }, /*#__PURE__*/React.createElement(G, {
@@ -1597,7 +1632,7 @@ const ChevronIcon = ({
       }, /*#__PURE__*/React.createElement(G, {
         id: "Page-1",
         stroke: "none",
-        "stroke-width": "1",
+        strokeWidth: "1",
         fill: "none",
         "fill-rule": "evenodd"
       }, /*#__PURE__*/React.createElement(G, {
@@ -1616,7 +1651,7 @@ const ChevronIcon = ({
       }, /*#__PURE__*/React.createElement(G, {
         id: "Page-1",
         stroke: "none",
-        "stroke-width": "1",
+        strokeWidth: "1",
         fill: "none",
         "fill-rule": "evenodd"
       }, /*#__PURE__*/React.createElement(G, {
@@ -1636,7 +1671,7 @@ const ChevronIcon = ({
       }, /*#__PURE__*/React.createElement(G, {
         id: "Page-1",
         stroke: "none",
-        "stroke-width": "1",
+        strokeWidth: "1",
         fill: "none",
         "fill-rule": "evenodd"
       }, /*#__PURE__*/React.createElement(G, {
@@ -1695,7 +1730,7 @@ const CreditCardIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "Images",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd",
     "stroke-linecap": "round",
@@ -1704,7 +1739,7 @@ const CreditCardIcon = ({
     id: "credit-card",
     transform: "translate(1.000000, 1.000000)",
     stroke: color,
-    "stroke-width": "2"
+    strokeWidth: "2"
   }, /*#__PURE__*/React.createElement(Rect, {
     id: "Rectangle",
     x: "0",
@@ -1731,7 +1766,7 @@ const BankIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "Images",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd",
     "stroke-linecap": "round",
@@ -1740,7 +1775,7 @@ const BankIcon = ({
     id: "bank-svgrepo-com",
     transform: "translate(2.000000, 2.000000)",
     stroke: color,
-    "stroke-width": "2.666667"
+    strokeWidth: "2.666667"
   }, /*#__PURE__*/React.createElement(Path, {
     d: "M0,29.2622951 L29,29.2622951 M1.5,24.3442623 L27.5,24.3442623 M4.75,23.5901639 L4.75,15.7213115 M11.25,23.5901639 L11.25,15.7213115 M17.75,23.5901639 L17.75,15.7213115 M24.25,23.5901639 L24.25,15.7213115 M29,11.8032787 L17.9252222,1.9561866 C16.7131833,0.878592829 16.1072444,0.339812056 15.4234889,0.135190751 C14.8209333,-0.0450635838 14.1790667,-0.0450635838 13.5765111,0.135190751 C12.8927556,0.339812056 12.2868167,0.878592829 11.0748422,1.9561866 L0,11.8032787 L29,11.8032787 Z",
     id: "Shape"
@@ -1759,7 +1794,7 @@ const BankInstantIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "Page-1",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd"
   }, /*#__PURE__*/React.createElement(G, {
@@ -1769,13 +1804,13 @@ const BankInstantIcon = ({
   }, /*#__PURE__*/React.createElement(Path, {
     d: "M0,35.8917894 L29,35.8917894 M1.5,30.9737566 L27.5,30.9737566 M4.75,30.2196582 L4.75,22.3508058 M11.25,30.2196582 L11.25,22.3508058 M17.75,30.2196582 L17.75,22.3508058 M24.25,30.2196582 L24.25,22.3508058 M29,18.432773 L17.9252222,8.58568093 C16.7131833,7.50808716 16.1072444,6.96930639 15.4234889,6.76468508 C14.8209333,6.58443075 14.1790667,6.58443075 13.5765111,6.76468508 C12.8927556,6.96930639 12.2868167,7.50808716 11.0748422,8.58568093 L0,18.432773 L29,18.432773 Z",
     id: "Shape",
-    "stroke-width": "2.666667"
+    strokeWidth: "2.666667"
   }), /*#__PURE__*/React.createElement(G, {
     id: "zap",
     transform: "translate(30.500000, 10.629494) rotate(10.000000) translate(-30.500000, -10.629494) translate(26.000000, 0.629494)",
     "stroke-linecap": "round",
     "stroke-linejoin": "round",
-    "stroke-width": "2"
+    strokeWidth: "2"
   }, /*#__PURE__*/React.createElement(Polygon, {
     id: "Path",
     points: "0 12 4.5 12 4 20 9 8 4.5 8 5 1.13686838e-13"
@@ -1793,14 +1828,14 @@ const DepositIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "Images",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd"
   }, /*#__PURE__*/React.createElement(G, {
     id: "dollar-sign-(1)",
     transform: "translate(1.000000, 1.000000)",
     stroke: color,
-    "stroke-width": "2"
+    strokeWidth: "2"
   }, /*#__PURE__*/React.createElement(Line, {
     x1: "11.5",
     y1: "6",
@@ -1847,14 +1882,14 @@ const WithdrawIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "Images",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd"
   }, /*#__PURE__*/React.createElement(G, {
     id: "dollar-sign-(1)",
     transform: "translate(1.000000, 1.000000)",
     stroke: color,
-    "stroke-width": "2"
+    strokeWidth: "2"
   }, /*#__PURE__*/React.createElement(Line, {
     x1: "12.5",
     y1: "4",
@@ -1896,7 +1931,7 @@ const SnoozeIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "Images",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd",
     "stroke-linecap": "round",
@@ -1905,7 +1940,7 @@ const SnoozeIcon = ({
     id: "sleep-svgrepo-com",
     transform: "translate(1.000000, 1.000000)",
     stroke: color,
-    "stroke-width": "2"
+    strokeWidth: "2"
   }, /*#__PURE__*/React.createElement(Path, {
     d: "M0,0 L13.518797,0 L0,16 L13.518797,16 M18.9699248,10.8108108 L29,10.8108108 L18.9699248,22.7027027 L29,22.7027027 M5.23308271,22.7027027 L13.0827068,22.7027027 L5.23308271,32 L13.0827068,32",
     id: "Shape"
@@ -1927,7 +1962,7 @@ const MoreIcon = ({
     }, /*#__PURE__*/React.createElement(G, {
       id: "Page-1",
       stroke: "none",
-      "stroke-width": "1",
+      strokeWidth: "1",
       fill: "none",
       "fill-rule": "evenodd"
     }, /*#__PURE__*/React.createElement(G, {
@@ -1948,7 +1983,7 @@ const MoreIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "Page-1",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd"
   }, /*#__PURE__*/React.createElement(G, {
@@ -1961,16 +1996,20 @@ const MoreIcon = ({
   }))));
 };
 const MenuIcon = ({
-  color
+  color,
+  size
 }) => {
+  const ratio = 0.75;
+  const width = size ?? 20;
+  const height = width * ratio;
   return /*#__PURE__*/React.createElement(Svg, {
-    width: "20px",
-    height: "15px",
+    width: `${width}px`,
+    height: `${height}px`,
     viewBox: "0 0 20 15"
   }, /*#__PURE__*/React.createElement(G, {
     id: "Page-1",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd",
     "stroke-linecap": "round",
@@ -1979,7 +2018,7 @@ const MenuIcon = ({
     id: "menu",
     transform: "translate(1.000000, 1.000000)",
     stroke: color,
-    "stroke-width": "2"
+    strokeWidth: "2"
   }, /*#__PURE__*/React.createElement(Line, {
     x1: "0",
     y1: "6.5",
@@ -2011,7 +2050,7 @@ const ImageIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "Page-1",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd",
     "stroke-linecap": "round",
@@ -2020,7 +2059,7 @@ const ImageIcon = ({
     id: "image",
     transform: "translate(1.000000, 1.000000)",
     stroke: color,
-    "stroke-width": "2"
+    strokeWidth: "2"
   }, /*#__PURE__*/React.createElement(Rect, {
     id: "Rectangle",
     x: "0",
@@ -2049,7 +2088,7 @@ const CheckIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "Page-1",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd"
   }, /*#__PURE__*/React.createElement(G, {
@@ -2079,7 +2118,7 @@ const BettorEdgeIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "Page-1",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd"
   }, /*#__PURE__*/React.createElement(G, {
@@ -2102,7 +2141,7 @@ const CheckCirlceIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "Page-1",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd",
     "stroke-linecap": "round",
@@ -2111,7 +2150,7 @@ const CheckCirlceIcon = ({
     id: "check-circle",
     transform: "translate(1.000000, 1.000000)",
     stroke: color,
-    "stroke-width": "2"
+    strokeWidth: "2"
   }, /*#__PURE__*/React.createElement(Path, {
     d: "M20.0000565,9.08623485 L20.0000565,10.0062349 C19.9975243,14.4349207 17.0823504,18.3344478 12.8354089,19.5901358 C8.58846732,20.8458238 4.02145001,19.158547 1.61101155,15.4433012 C-0.799426916,11.7280554 -0.479080094,6.86987383 2.39833065,3.503307 C5.2757414,0.136740166 10.0247691,-0.936239861 14.0700565,0.866234854",
     id: "Path"
@@ -2131,7 +2170,7 @@ const CloseIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "Page-1",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd",
     "stroke-linecap": "round",
@@ -2140,7 +2179,7 @@ const CloseIcon = ({
     id: "x",
     transform: "translate(1.000000, 1.000000)",
     stroke: color,
-    "stroke-width": "2"
+    strokeWidth: "2"
   }, /*#__PURE__*/React.createElement(Line, {
     x1: "12",
     y1: "0",
@@ -2166,7 +2205,7 @@ const InProgressIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "Page-1",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd"
   }, /*#__PURE__*/React.createElement(G, {
@@ -2195,7 +2234,7 @@ const UserIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "Page-1",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd",
     "stroke-linecap": "round",
@@ -2204,7 +2243,7 @@ const UserIcon = ({
     id: "user",
     transform: "translate(1.000000, 1.000000)",
     stroke: color,
-    "stroke-width": "2"
+    strokeWidth: "2"
   }, /*#__PURE__*/React.createElement(Path, {
     d: "M16,18 L16,16 C16,13.790861 14.209139,12 12,12 L4,12 C1.790861,12 0,13.790861 0,16 L0,18",
     id: "Path"
@@ -2229,7 +2268,7 @@ const ListIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "Page-1",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd",
     "stroke-linecap": "round",
@@ -2238,7 +2277,7 @@ const ListIcon = ({
     id: "list",
     transform: "translate(1.000000, 1.000000)",
     stroke: color,
-    "stroke-width": "2"
+    strokeWidth: "2"
   }, /*#__PURE__*/React.createElement(Line, {
     x1: "5.495",
     y1: "0.5",
@@ -2282,21 +2321,24 @@ const TrophyIcon = ({
   size
 }) => {
   return /*#__PURE__*/React.createElement(Svg, {
-    width: `${size ?? 14}px`,
-    height: `${size ?? 14}px`,
-    viewBox: "0 0 16 16"
+    width: `${size ?? 24}px`,
+    height: `${size ?? 24}px`,
+    viewBox: "0 0 34 34"
   }, /*#__PURE__*/React.createElement(G, {
     id: "Page-1",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
-    "fill-rule": "evenodd"
+    "fill-rule": "evenodd",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round"
   }, /*#__PURE__*/React.createElement(G, {
-    id: "Group",
-    transform: "translate(0.000000, 0.000000)",
-    fill: color
+    id: "trophy-svgrepo-com",
+    transform: "translate(2.000000, 2.000000)",
+    stroke: color ?? Colors.brand.midnight,
+    strokeWidth: "3"
   }, /*#__PURE__*/React.createElement(Path, {
-    d: "M15.9744,2.74451 C15.8361,1.81267 15.1711,1.06941 14.3196,0.895008 C14.0161,0.832855 13.7183,0.846759 13.4379,0.928709 L13.4379,0.690593 C13.4379,0.309201 13.1374,0 12.7666,0 L3.23337997,0 C3.05515997,0 2.88428997,0.0728345 2.75833997,0.202666 C2.63239997,0.332405 2.56177997,0.508276 2.56204997,0.691606 L2.56230997,0.928801 C2.28196997,0.846759 1.98397997,0.832763 1.68035997,0.895008 C0.828752974,1.06941 0.163774974,1.81267 0.0255696737,2.74451 C-0.0737876263,3.41457 -0.00754954628,5.1021 2.58916997,6.68521 C2.77373997,8.73812 5.37310997,10.3952 7.33303997,10.7075 L7.33303997,11.9521 L4.30004997,11.9521 C3.92928997,11.9521 3.62870997,12.2613 3.62870997,12.6427 L3.62870997,15.3094 C3.62870997,15.6908 3.92928997,16 4.30004997,16 L11.7,16 C12.0708,16 12.3714,15.6908 12.3714,15.3094 L12.3714,12.6427 C12.3714,12.2613 12.0708,11.9521 11.7,11.9521 L8.67570997,11.9521 L8.67570997,10.7075 C10.6366,10.395 13.2364,8.73545 13.4189,6.68024 C16.0075,5.0986 16.0738,3.41383 15.9744,2.74451 Z M11.0287,14.6188 L4.97137997,14.6188 L4.97137997,13.3333 L11.0287,13.3333 L11.0287,14.6188 Z M13.438,5.008 C14.6791,4.03094 14.6861,3.21522 14.6471,2.95288 C14.5856,2.53788 14.3066,2.3006 14.0575,2.24958 C13.7851,2.19397 13.5802,2.35087 13.438,2.53567 L13.438,5.008 Z M1.94262997,2.24958 C2.21652997,2.19369 2.42240997,2.3528 2.56463997,2.53908 L2.56803997,5.01269 C1.32096997,4.03352 1.31389997,3.21558 1.35292997,2.95288 C1.41450997,2.53788 1.69342997,2.3006 1.94262997,2.24958 Z M3.90569997,1.38119 L3.91231997,6.26754 C3.91231997,7.9839 6.33614997,9.37945 8.00436997,9.37945 C9.67106997,9.37945 12.0937,7.98556 12.0954,6.26745 L12.0954,1.38119 L3.90569997,1.38119 Z",
+    d: "M15,18.3333333 L15,23.3333333 M15,18.3333333 C10.9684,18.3333333 7.60548333,15.4703333 6.83336667,11.6666667 M15,18.3333333 C19.0316667,18.3333333 22.3945,15.4703333 23.1666667,11.6666667 M23.3333333,3.33333333 L27.9166667,3.33333333 C28.3038333,3.33333333 28.4975,3.33333333 28.6585,3.36535 C29.3196667,3.49686667 29.8365,4.0137 29.968,4.67485 C30,4.83585 30,5.02945 30,5.41666667 C30,6.5783 30,7.15911667 29.904,7.64211667 C29.5093333,9.62556667 27.9588333,11.1760667 25.9755,11.5706 C25.4925,11.6666667 24.9116667,11.6666667 23.75,11.6666667 L23.3333333,11.6666667 L23.1666667,11.6666667 M6.66666667,3.33333333 L2.08333333,3.33333333 C1.69611667,3.33333333 1.50251667,3.33333333 1.34151667,3.36535 C0.680366667,3.49686667 0.163533333,4.0137 0.0320166667,4.67485 C0,4.83585 0,5.02945 0,5.41666667 C0,6.5783 0,7.15911667 0.0960666667,7.64211667 C0.4906,9.62556667 2.0411,11.1760667 4.02455,11.5706 C4.50755,11.6666667 5.08836667,11.6666667 6.25,11.6666667 L6.66666667,11.6666667 L6.83336667,11.6666667 M15,23.3333333 C16.55,23.3333333 17.325,23.3333333 17.9608333,23.5036667 C19.6861667,23.966 21.034,25.3138333 21.4963333,27.0391667 C21.6666667,27.675 21.6666667,28.45 21.6666667,30 L8.33333333,30 C8.33333333,28.45 8.33333333,27.675 8.5037,27.0391667 C8.96603333,25.3138333 10.3137833,23.966 12.0391667,23.5036667 C12.675,23.3333333 13.45,23.3333333 15,23.3333333 Z M6.83336667,11.6666667 C6.72405,11.12815 6.66666667,10.5707833 6.66666667,10 L6.66666667,2.61905 C6.66666667,1.73051667 6.66666667,1.28626667 6.83171667,0.943533333 C6.99553333,0.60335 7.27001667,0.328866667 7.6102,0.16505 C7.95293333,0 8.39718333,0 9.28571667,0 L20.7143333,0 C21.6028333,0 22.047,0 22.3898333,0.16505 C22.73,0.328866667 23.0045,0.60335 23.1683333,0.943533333 C23.3333333,1.28626667 23.3333333,1.73051667 23.3333333,2.61905 L23.3333333,10 C23.3333333,10.5707833 23.276,11.12815 23.1666667,11.6666667",
     id: "Shape"
   }))));
 };
@@ -2311,7 +2353,7 @@ const EditIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "Page-1",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd",
     "stroke-linecap": "round",
@@ -2320,7 +2362,7 @@ const EditIcon = ({
     id: "edit-3-svgrepo-com",
     transform: "translate(1.000000, 1.000000)",
     stroke: color ?? Colors.brand.midnight,
-    "stroke-width": "1.5"
+    strokeWidth: "1.5"
   }, /*#__PURE__*/React.createElement(Path, {
     d: "M13.4142169,3.12168866 L6.77664984,9.75922094 C6.11567618,10.4201946 4.15360718,10.7263298 3.71527728,10.2879999 C3.27694738,9.84966997 3.57612493,7.88762184 4.23709859,7.22664818 L10.8816442,0.582137411 C11.045496,0.403368388 11.2438577,0.259665757 11.4648316,0.159684794 C11.685736,0.0597038305 11.9246606,0.00550399043 12.1671336,0.000397099207 C12.4095369,-0.0047028344 12.6505488,0.0393667147 12.8754886,0.129961852 C13.1004284,0.220556989 13.304704,0.355813073 13.475931,0.527527072 C13.6471579,0.699241071 13.7818574,0.903864601 13.8718194,1.12905485 C13.9617814,1.35425205 14.0052665,1.5953335 13.9994917,1.83777168 C13.9937169,2.08020986 13.9388213,2.31898833 13.8382837,2.53964917 C13.7376765,2.76031001 13.5934451,2.95831685 13.4142169,3.12168866 L13.4142169,3.12168866 Z",
     id: "Path"
@@ -2343,7 +2385,7 @@ const ShareIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "Page-1",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd",
     "stroke-linecap": "round",
@@ -2352,7 +2394,7 @@ const ShareIcon = ({
     id: "share",
     transform: "translate(1.000000, 1.000000)",
     stroke: color,
-    "stroke-width": "2"
+    strokeWidth: "2"
   }, /*#__PURE__*/React.createElement(Path, {
     d: "M0,10 L0,18 C0,19.1045695 0.8954305,20 2,20 L14,20 C15.1045695,20 16,19.1045695 16,18 L16,10",
     id: "Path"
@@ -2381,7 +2423,7 @@ const SettingsIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "Page-1",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd"
   }, /*#__PURE__*/React.createElement(G, {
@@ -2407,7 +2449,7 @@ const TransactionIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "Page-1",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd"
   }, /*#__PURE__*/React.createElement(G, {
@@ -2438,7 +2480,7 @@ const PhoneIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "Page-1",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd",
     "stroke-linecap": "round",
@@ -2447,7 +2489,7 @@ const PhoneIcon = ({
     id: "phone-svgrepo-com",
     transform: "translate(1.438912, 1.000000)",
     stroke: color ?? Colors.brand.midnight,
-    "stroke-width": "2"
+    strokeWidth: "2"
   }, /*#__PURE__*/React.createElement(Path, {
     d: "M14.0067027,15.5000775 L14.0067027,4.5000225 C14.069603,3.37367687 13.684301,2.26821134 12.9347973,1.42505713 C12.1852936,0.58190291 11.1326883,0.0695803479 10.0066827,0 L4.00666266,0 C2.88071703,0.0695803479 1.82805177,0.58190291 1.07858802,1.42505713 C0.329114272,2.26821134 -0.0562676553,3.37367687 0.00665265933,4.5000225 L0.00665265933,15.5000775 C-0.0562676553,16.6263831 0.329114272,17.7317887 1.07858802,18.5748929 C1.82805177,19.4180971 2.88071703,19.9303997 4.00666266,20 L10.0066827,20 C11.1326883,19.9303997 12.1852936,19.4180971 12.9347973,18.5748929 C13.684301,17.7317887 14.069603,16.6263831 14.0067027,15.5000775 L14.0067027,15.5000775 Z",
     id: "Path"
@@ -2473,7 +2515,7 @@ const EmailIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "Page-1",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd",
     "stroke-linecap": "round"
@@ -2481,7 +2523,7 @@ const EmailIcon = ({
     id: "email-svgrepo-com",
     transform: "translate(1.000000, 1.000000)",
     stroke: color ?? Colors.brand.midnight,
-    "stroke-width": "2"
+    strokeWidth: "2"
   }, /*#__PURE__*/React.createElement(Path, {
     d: "M1.11111111,2.22222222 L8,7.38888889 C9.18522222,8.27777778 10.8147778,8.27777778 12,7.38888889 L18.8888889,2.22222222",
     id: "Path",
@@ -2509,7 +2551,7 @@ const BirthdayIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "Page-1",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd"
   }, /*#__PURE__*/React.createElement(G, {
@@ -2543,7 +2585,7 @@ const IBTFLowIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "Artboard",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd"
   }, /*#__PURE__*/React.createElement(G, {
@@ -2558,7 +2600,7 @@ const IBTFLowIcon = ({
     id: "bank_icon_instant",
     transform: "translate(724.000000, 52.159450)",
     stroke: "#003566",
-    "stroke-width": "12"
+    strokeWidth: "12"
   }, /*#__PURE__*/React.createElement(Path, {
     d: "M0,196.640044 L194.877444,196.640044 M10.0798678,163.591297 L184.797577,163.591297 M31.9195814,158.523822 L31.9195814,105.645828 M75.5990086,158.523822 L75.5990086,105.645828 M119.278436,158.523822 L119.278436,105.645828 M162.957863,158.523822 L162.957863,105.645828 M194.877444,79.3169925 L120.455913,13.1454015 C112.311119,5.90406637 108.239263,2.28350708 103.644486,0.908469909 C99.5953657,-0.302823303 95.2820787,-0.302823303 91.2329581,0.908469909 C86.6381814,2.28350708 82.5663254,5.90406637 74.4219636,13.1454015 L0,79.3169925 L194.877444,79.3169925 Z",
     id: "Shape"
@@ -2646,7 +2688,7 @@ const PieIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "Page-1",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd",
     "stroke-linecap": "round",
@@ -2677,7 +2719,7 @@ const ScoreboardIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "ss",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd"
   }, /*#__PURE__*/React.createElement(G, {
@@ -2717,151 +2759,33 @@ const SquaresIcon = ({
   return /*#__PURE__*/React.createElement(Svg, {
     width: `${size ?? 14}`,
     height: `${size ?? 14}`,
-    viewBox: "0 0 50 50"
+    viewBox: "0 0 24 24"
   }, /*#__PURE__*/React.createElement(G, {
-    id: "Artboard",
+    id: "Page-1",
     stroke: "none",
     "stroke-width": "1",
     fill: "none",
     "fill-rule": "evenodd"
-  }, /*#__PURE__*/React.createElement(Rect, {
-    id: "Rectangle",
-    stroke: color ?? Colors.brand.midnight,
-    x: "6",
-    y: "6",
-    width: "8",
-    height: "8",
-    rx: "1"
-  }), /*#__PURE__*/React.createElement(Rect, {
-    id: "Rectangle",
-    stroke: color ?? Colors.brand.midnight,
-    x: "16",
-    y: "6",
-    width: "8",
-    height: "8",
-    rx: "1"
-  }), /*#__PURE__*/React.createElement(Rect, {
-    id: "Rectangle",
-    stroke: color ?? Colors.brand.midnight,
-    x: "26",
-    y: "6",
-    width: "8",
-    height: "8",
-    rx: "1"
-  }), /*#__PURE__*/React.createElement(Rect, {
-    id: "Rectangle",
-    stroke: color ?? Colors.brand.midnight,
-    x: "36",
-    y: "6",
-    width: "8",
-    height: "8",
-    rx: "1"
-  }), /*#__PURE__*/React.createElement(Rect, {
-    id: "Rectangle",
-    stroke: color ?? Colors.brand.midnight,
-    x: "6",
-    y: "16",
-    width: "8",
-    height: "8",
-    rx: "1"
-  }), /*#__PURE__*/React.createElement(Rect, {
-    id: "Rectangle",
-    stroke: color ?? Colors.brand.midnight,
-    x: "16",
-    y: "16",
-    width: "8",
-    height: "8",
-    rx: "1"
-  }), /*#__PURE__*/React.createElement(Rect, {
-    id: "Rectangle",
-    stroke: color ?? Colors.brand.midnight,
-    x: "26",
-    y: "16",
-    width: "8",
-    height: "8",
-    rx: "1"
-  }), /*#__PURE__*/React.createElement(Rect, {
-    id: "Rectangle",
-    stroke: color ?? Colors.brand.midnight,
-    x: "36",
-    y: "16",
-    width: "8",
-    height: "8",
-    rx: "1"
-  }), /*#__PURE__*/React.createElement(Rect, {
-    id: "Rectangle",
-    stroke: color ?? Colors.brand.midnight,
-    x: "6",
-    y: "26",
-    width: "8",
-    height: "8",
-    rx: "1"
-  }), /*#__PURE__*/React.createElement(Rect, {
-    id: "Rectangle",
-    stroke: color ?? Colors.brand.midnight,
-    x: "16",
-    y: "26",
-    width: "8",
-    height: "8",
-    rx: "1"
-  }), /*#__PURE__*/React.createElement(Rect, {
-    id: "Rectangle",
-    stroke: color ?? Colors.brand.midnight,
-    x: "26",
-    y: "26",
-    width: "8",
-    height: "8",
-    rx: "1"
-  }), /*#__PURE__*/React.createElement(Rect, {
-    id: "Rectangle",
-    stroke: color ?? Colors.brand.midnight,
-    x: "36",
-    y: "26",
-    width: "8",
-    height: "8",
-    rx: "1"
-  }), /*#__PURE__*/React.createElement(Rect, {
-    id: "Rectangle",
-    stroke: color ?? Colors.brand.midnight,
-    x: "6",
-    y: "36",
-    width: "8",
-    height: "8",
-    rx: "1"
-  }), /*#__PURE__*/React.createElement(Rect, {
-    id: "Rectangle",
-    stroke: color ?? Colors.brand.midnight,
-    x: "16",
-    y: "36",
-    width: "8",
-    height: "8",
-    rx: "1"
-  }), /*#__PURE__*/React.createElement(Rect, {
-    id: "Rectangle",
-    stroke: color ?? Colors.brand.midnight,
-    x: "26",
-    y: "36",
-    width: "8",
-    height: "8",
-    rx: "1"
-  }), /*#__PURE__*/React.createElement(Rect, {
-    id: "Rectangle",
-    stroke: color ?? Colors.brand.midnight,
-    x: "36",
-    y: "36",
-    width: "8",
-    height: "8",
-    rx: "1"
-  }), /*#__PURE__*/React.createElement(Rect, {
-    id: "Rectangle",
-    "fill-opacity": "0.2",
-    fill: "#D8D8D8",
-    x: "4",
-    y: "3",
-    width: "42",
-    height: "43",
-    rx: "1"
-  })));
+  }, /*#__PURE__*/React.createElement(G, {
+    id: "squares-with-rounded-edges-svgrepo-com",
+    fill: color ?? Colors.brand.midnight,
+    "fill-rule": "nonzero"
+  }, /*#__PURE__*/React.createElement(Path, {
+    d: "M2.59488603,21.9303693 L4.69870304,21.9303693 C5.07938536,21.9303693 5.3889793,21.6206156 5.3889793,21.2400931 L5.3889793,19.1365157 C5.3889793,18.7555138 5.07938536,18.4457602 4.69870304,18.4457602 L2.59488603,18.4457602 C2.21412383,18.4457602 1.90460976,18.7555937 1.90460976,19.1365157 L1.90460976,21.2400931 C1.90460976,21.6206156 2.2142037,21.9303693 2.59488603,21.9303693 Z",
+    id: "Path"
+  }), /*#__PURE__*/React.createElement(Path, {
+    d: "M13.7319608,5.41286181 L15.8359376,5.41286181 C16.2164602,5.41286181 16.5258145,5.10302825 16.5258145,4.72234592 L16.5258145,2.61876853 C16.5258145,2.23800633 16.2164602,1.92825264 15.8359376,1.92825264 L13.7319608,1.92825264 C13.350959,1.92825264 13.0416047,2.23800633 13.0416047,2.61876853 L13.0416047,4.72234592 C13.0420041,5.10302825 13.3518376,5.41286181 13.7319608,5.41286181 Z",
+    id: "Path"
+  }), /*#__PURE__*/React.createElement(Path, {
+    d: "M8.16342343,10.9186178 L10.2671606,10.9186178 C10.6479228,10.9186178 10.9574368,10.6088641 10.9574368,10.2281019 L10.9574368,8.1245245 C10.9574368,7.74376229 10.6479228,7.43400861 10.2671606,7.43400861 L8.16342343,7.43400861 C7.78266122,7.43400861 7.47306728,7.74376229 7.47306728,8.1245245 L7.47306728,10.2281019 C7.47314716,10.6088641 7.78314047,10.9186178 8.16342343,10.9186178 Z",
+    id: "Path"
+  }), /*#__PURE__*/React.createElement(Path, {
+    d: "M19.4416366,16.4245335 L21.5456933,16.4245335 C21.9266152,16.4245335 22.2359695,16.1146999 22.2359695,15.7341773 L22.2359695,13.6306 C22.2359695,13.2495981 21.9266152,12.9399243 21.5456933,12.9399243 L19.4416366,12.9399243 C19.0611141,12.9399243 18.7517597,13.249678 18.7517597,13.6306 L18.7517597,15.7341773 C18.7518396,16.1146999 19.0615933,16.4245335 19.4416366,16.4245335 Z",
+    id: "Path"
+  }), /*#__PURE__*/React.createElement(Path, {
+    d: "M0,2.11763531 L0,21.8823647 C0,23.0516489 0.94819134,24 2.11763531,24 L21.8823647,24 C23.0516489,24 24,23.0516489 24,21.8823647 L24,2.11763531 C24,0.948430963 23.0516489,0 21.8823647,0 L2.11763531,0 C0.947712092,0 0,0.94803159 0,2.11763531 Z M18.3282646,2.61876853 C18.3282646,2.00373414 18.8270815,1.50475753 19.4425153,1.50475753 L21.5460926,1.50475753 C22.1610472,1.50475753 22.659864,2.00333476 22.659864,2.61876853 L22.659864,4.72234592 C22.659864,5.33738031 22.1615264,5.83635692 21.5460926,5.83635692 L19.4425153,5.83635692 C18.8274809,5.83635692 18.3282646,5.33769981 18.3282646,4.72234592 L18.3282646,2.61876853 L18.3282646,2.61876853 Z M18.3282646,8.12460437 C18.3282646,7.50956998 18.8270815,7.01059337 19.4425153,7.01059337 L21.5460926,7.01059337 C22.1610472,7.01059337 22.659864,7.5091706 22.659864,8.12460437 L22.659864,10.2281818 C22.659864,10.8432162 22.1615264,11.3421928 21.5460926,11.3421928 L19.4425153,11.3421928 C18.8274809,11.3421928 18.3282646,10.8436155 18.3282646,10.2281818 L18.3282646,8.12460437 L18.3282646,8.12460437 Z M18.3282646,13.6306 C18.3282646,13.0151662 18.8270815,12.5164292 19.4425153,12.5164292 L21.5460926,12.5164292 C22.1610472,12.5164292 22.659864,13.0151662 22.659864,13.6306 L22.659864,15.7341773 C22.659864,16.3487325 22.1615264,16.8479487 21.5460926,16.8479487 L19.4425153,16.8479487 C18.8274809,16.8479487 18.3282646,16.3496111 18.3282646,15.7341773 L18.3282646,13.6306 L18.3282646,13.6306 Z M18.3282646,19.1365157 C18.3282646,18.5210819 18.8270815,18.022265 19.4425153,18.022265 L21.5460926,18.022265 C22.1610472,18.022265 22.659864,18.5210819 22.659864,19.1365157 L22.659864,21.2400931 C22.659864,21.8546482 22.1615264,22.3538644 21.5460926,22.3538644 L19.4425153,22.3538644 C18.8274809,22.3538644 18.3282646,21.8555268 18.3282646,21.2400931 L18.3282646,19.1365157 L18.3282646,19.1365157 Z M12.6185089,2.61876853 C12.6185089,2.00373414 13.1168466,1.50475753 13.7322803,1.50475753 L15.8358577,1.50475753 C16.4508921,1.50475753 16.9501083,2.00333476 16.9501083,2.61876853 L16.9501083,4.72234592 C16.9501083,5.33738031 16.4512915,5.83635692 15.8358577,5.83635692 L13.7318809,5.83635692 C13.1168466,5.83635692 12.6180297,5.33769981 12.6180297,4.72234592 L12.6180297,2.61876853 L12.6185089,2.61876853 Z M12.6185089,8.12460437 C12.6185089,7.50956998 13.1168466,7.01059337 13.7322803,7.01059337 L15.8358577,7.01059337 C16.4508921,7.01059337 16.9501083,7.5091706 16.9501083,8.12460437 L16.9501083,10.2281818 C16.9501083,10.8432162 16.4512915,11.3421928 15.8358577,11.3421928 L13.7318809,11.3421928 C13.1168466,11.3421928 12.6180297,10.8436155 12.6180297,10.2281818 L12.6180297,8.12460437 L12.6185089,8.12460437 Z M12.6185089,13.6306 C12.6185089,13.0151662 13.1168466,12.5164292 13.7322803,12.5164292 L15.8358577,12.5164292 C16.4508921,12.5164292 16.9501083,13.0151662 16.9501083,13.6306 L16.9501083,15.7341773 C16.9501083,16.3487325 16.4512915,16.8479487 15.8358577,16.8479487 L13.7318809,16.8479487 C13.1168466,16.8479487 12.6180297,16.3496111 12.6180297,15.7341773 L12.6180297,13.6306 L12.6185089,13.6306 Z M12.6185089,19.1365157 C12.6185089,18.5210819 13.1168466,18.022265 13.7322803,18.022265 L15.8358577,18.022265 C16.4508921,18.022265 16.9501083,18.5210819 16.9501083,19.1365157 L16.9501083,21.2400931 C16.9501083,21.8546482 16.4512915,22.3538644 15.8358577,22.3538644 L13.7318809,22.3538644 C13.1168466,22.3538644 12.6180297,21.8555268 12.6180297,21.2400931 L12.6180297,19.1365157 L12.6185089,19.1365157 Z M7.04957217,2.61876853 C7.04957217,2.00373414 7.54798966,1.50475753 8.16342343,1.50475753 L10.2671606,1.50475753 C10.8819553,1.50475753 11.3810118,2.00333476 11.3810118,2.61876853 L11.3810118,4.72234592 C11.3810118,5.33738031 10.8824346,5.83635692 10.2671606,5.83635692 L8.16342343,5.83635692 C7.54862865,5.83635692 7.04957217,5.33769981 7.04957217,4.72234592 L7.04957217,2.61876853 L7.04957217,2.61876853 Z M7.04957217,8.12460437 C7.04957217,7.50956998 7.54798966,7.01059337 8.16342343,7.01059337 L10.2671606,7.01059337 C10.8819553,7.01059337 11.3810118,7.5091706 11.3810118,8.12460437 L11.3810118,10.2281818 C11.3810118,10.8432162 10.8824346,11.3421928 10.2671606,11.3421928 L8.16342343,11.3421928 C7.54862865,11.3421928 7.04957217,10.8436155 7.04957217,10.2281818 L7.04957217,8.12460437 L7.04957217,8.12460437 Z M7.04957217,13.6306 C7.04957217,13.0151662 7.54798966,12.5164292 8.16342343,12.5164292 L10.2671606,12.5164292 C10.8819553,12.5164292 11.3810118,13.0151662 11.3810118,13.6306 L11.3810118,15.7341773 C11.3810118,16.3487325 10.8824346,16.8479487 10.2671606,16.8479487 L8.16342343,16.8479487 C7.54862865,16.8479487 7.04957217,16.3496111 7.04957217,15.7341773 L7.04957217,13.6306 L7.04957217,13.6306 Z M7.04957217,19.1365157 C7.04957217,18.5210819 7.54798966,18.022265 8.16342343,18.022265 L10.2671606,18.022265 C10.8819553,18.022265 11.3810118,18.5210819 11.3810118,19.1365157 L11.3810118,21.2400931 C11.3810118,21.8546482 10.8824346,22.3538644 10.2671606,22.3538644 L8.16342343,22.3538644 C7.54862865,22.3538644 7.04957217,21.8555268 7.04957217,21.2400931 L7.04957217,19.1365157 L7.04957217,19.1365157 Z M1.48111465,2.61876853 C1.48111465,2.00373414 1.97945226,1.50475753 2.59488603,1.50475753 L4.69870304,1.50475753 C5.31349781,1.50475753 5.81247442,2.00333476 5.81247442,2.61876853 L5.81247442,4.72234592 C5.81247442,5.33738031 5.31389718,5.83635692 4.69870304,5.83635692 L2.59488603,5.83635692 C1.97985163,5.83635692 1.48111465,5.33769981 1.48111465,4.72234592 L1.48111465,2.61876853 Z M1.48111465,8.12460437 C1.48111465,7.50956998 1.97945226,7.01059337 2.59488603,7.01059337 L4.69870304,7.01059337 C5.31349781,7.01059337 5.81247442,7.5091706 5.81247442,8.12460437 L5.81247442,10.2281818 C5.81247442,10.8432162 5.31389718,11.3421928 4.69870304,11.3421928 L2.59488603,11.3421928 C1.97985163,11.3421928 1.48111465,10.8436155 1.48111465,10.2281818 L1.48111465,8.12460437 Z M1.48111465,13.6306 C1.48111465,13.0151662 1.97945226,12.5164292 2.59488603,12.5164292 L4.69870304,12.5164292 C5.31349781,12.5164292 5.81247442,13.0151662 5.81247442,13.6306 L5.81247442,15.7341773 C5.81247442,16.3487325 5.31389718,16.8479487 4.69870304,16.8479487 L2.59488603,16.8479487 C1.97985163,16.8479487 1.48111465,16.3496111 1.48111465,15.7341773 L1.48111465,13.6306 Z M1.48111465,19.1365157 C1.48111465,18.5210819 1.97945226,18.022265 2.59488603,18.022265 L4.69870304,18.022265 C5.31349781,18.022265 5.81247442,18.5210819 5.81247442,19.1365157 L5.81247442,21.2400931 C5.81247442,21.8546482 5.31389718,22.3538644 4.69870304,22.3538644 L2.59488603,22.3538644 C1.97985163,22.3538644 1.48111465,21.8555268 1.48111465,21.2400931 L1.48111465,19.1365157 Z",
+    id: "Shape"
+  }))));
 };
 const OwnedSquareIcon = ({
   color,
@@ -2874,7 +2798,7 @@ const OwnedSquareIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "Page-1",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd",
     "stroke-linecap": "round",
@@ -2883,7 +2807,7 @@ const OwnedSquareIcon = ({
     id: "square-user-check-svgrepo-com",
     transform: "translate(1.000000, 1.000000)",
     stroke: color ?? Colors.brand.midnight,
-    "stroke-width": "2"
+    strokeWidth: "2"
   }, /*#__PURE__*/React.createElement(Path, {
     d: "M11.6470588,14.8235294 L13.7647059,16.9411765 L18,12.7058824 M7.41176471,16.9411765 L3.38823529,16.9411765 C2.20224706,16.9411765 1.60924235,16.9411765 1.15625647,16.7103529 C0.757789412,16.5073765 0.433831765,16.1833765 0.230812941,15.7849412 C0,15.3319765 0,14.7389294 0,13.5529412 L0,3.38823529 C0,2.20224706 0,1.60924235 0.230812941,1.15625647 C0.433831765,0.757789412 0.757789412,0.433831765 1.15625647,0.230812941 C1.60924235,0 2.20224706,0 3.38823529,0 L13.5529412,0 C14.7389294,0 15.3319765,0 15.7849412,0.230812941 C16.1833765,0.433831765 16.5073765,0.757789412 16.7103529,1.15625647 C16.9411765,1.60924235 16.9411765,2.20224706 16.9411765,3.38823529 L16.9411765,8.47058824 M3.17647059,16.9411765 C3.17647059,16.5785294 3.21292588,16.2244588 3.28237412,15.8823529 C3.77289529,13.4659059 5.90933647,11.6470588 8.47058824,11.6470588 M10.5882353,6.35294118 C10.5882353,7.52251765 9.64016471,8.47058824 8.47058824,8.47058824 C7.30101176,8.47058824 6.35294118,7.52251765 6.35294118,6.35294118 C6.35294118,5.18339647 7.30101176,4.23529412 8.47058824,4.23529412 C9.64016471,4.23529412 10.5882353,5.18339647 10.5882353,6.35294118 Z",
     id: "Shape"
@@ -2903,7 +2827,7 @@ const SelectorIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "Page-1",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd"
   }, /*#__PURE__*/React.createElement(G, {
@@ -2925,7 +2849,7 @@ const InstagramIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "Page-1",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd"
   }, /*#__PURE__*/React.createElement(G, {
@@ -2951,7 +2875,7 @@ const LiquidityIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "ss",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd"
   }, /*#__PURE__*/React.createElement(G, {
@@ -2978,7 +2902,7 @@ const PickEmIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "ss",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd"
   }, /*#__PURE__*/React.createElement(G, {
@@ -3005,7 +2929,7 @@ const MarketClosedIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "ss",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd"
   }, /*#__PURE__*/React.createElement(G, {
@@ -3047,7 +2971,7 @@ const ChatIcon = ({
   }, /*#__PURE__*/React.createElement(Path, {
     d: "M17 3.33782C15.5291 2.48697 13.8214 2 12 2C6.47715 2 2 6.47715 2 12C2 13.5997 2.37562 15.1116 3.04346 16.4525C3.22094 16.8088 3.28001 17.2161 3.17712 17.6006L2.58151 19.8267C2.32295 20.793 3.20701 21.677 4.17335 21.4185L6.39939 20.8229C6.78393 20.72 7.19121 20.7791 7.54753 20.9565C8.88837 21.6244 10.4003 22 12 22C17.5228 22 22 17.5228 22 12C22 10.1786 21.513 8.47087 20.6622 7",
     stroke: color ?? Colors.brand.midnight,
-    "stroke-width": "1.5",
+    strokeWidth: "1.5",
     "stroke-linecap": "round"
   }));
 };
@@ -3062,7 +2986,7 @@ const QuestionIcon = ({
   }, /*#__PURE__*/React.createElement(G, {
     id: "ss",
     stroke: "none",
-    "stroke-width": "1",
+    strokeWidth: "1",
     fill: "none",
     "fill-rule": "evenodd"
   }, /*#__PURE__*/React.createElement(G, {
@@ -3072,7 +2996,7 @@ const QuestionIcon = ({
     d: "M9.75,8.25 C9.75,7.007364 10.7574,6 12,6 C13.2426,6 14.25,7.007364 14.25,8.25 C14.25,9.07494 13.806,9.7962 13.14408,10.18788 C12.5736,10.52532 12,11.03724 12,11.7 L12,13.2",
     id: "Path",
     stroke: color ?? Colors.brand.midnight,
-    "stroke-width": "2",
+    strokeWidth: "2",
     "stroke-linecap": "round"
   }), /*#__PURE__*/React.createElement(Circle, {
     id: "Oval",
@@ -3085,7 +3009,7 @@ const QuestionIcon = ({
     d: "M6,1.605384 C7.765044,0.584364 9.81432,0 12,0 C18.62736,0 24,5.37258 24,12 C24,18.62736 18.62736,24 12,24 C5.37258,24 0,18.62736 0,12 C0,9.81432 0.584364,7.765044 1.605384,6",
     id: "Path",
     stroke: color ?? Colors.brand.midnight,
-    "stroke-width": "2",
+    strokeWidth: "2",
     "stroke-linecap": "round"
   }))));
 };
@@ -3121,6 +3045,7 @@ export default {
   SelectorIcon,
   CloseIcon,
   BettorEdgeIcon,
+  LeaderboardIcon,
   BirthdayIcon,
   CheckIcon,
   LogoutIcon,