Use the real Keenable mark for the logo

The file shipped a generic blue magnifying glass, not our brandmark. This is
the mark from our brand guidelines, same component shape as the neighbouring
logos: transparent, so it works on both themes.

Author: ilya-bogin-keenable

web/lib/opal/src/logos/keenable.tsx

@@ -3,22 +3,17 @@ const SvgKeenable = ({ size, ...props }: IconProps) => (
   <svg
     width={size}
     height={size}
-    viewBox="0 0 52 52"
+    viewBox="0 0 138 138"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
     {...props}
   >
-    <rect width={52} height={52} rx={11} fill="#3B5BFE" />
-    <circle cx={22} cy={22} r={9} stroke="#fff" strokeWidth={3.4} />
-    <line
-      x1={28.4}
-      y1={28.4}
-      x2={39}
-      y2={39}
-      stroke="#fff"
-      strokeWidth={3.4}
-      strokeLinecap="round"
-    />
+    <path d="M48.051 37.2783C52.3095 37.2783 56.2518 38.3151 59.8772 40.3867C63.5023 42.4583 66.4945 45.2488 68.8538 48.7588C71.2706 52.269 72.7391 56.1538 73.2571 60.4121H22.76C23.5081 56.0965 25.062 52.183 27.4211 48.6729C29.7804 45.1628 32.7442 42.4007 36.3118 40.3867C39.8795 38.3151 43.7927 37.2784 48.051 37.2783Z" fill="white" />
+    <circle cx={54.0184} cy={55.962} r={14.1507} fill="#2A2A2A" />
+    <path fillRule="evenodd" clipRule="evenodd" d="M44.3046 22C51.039 22 57.2421 23.3884 62.9131 26.1649C68.5841 28.9413 73.4281 32.7809 77.445 37.6839C81.462 42.587 84.4158 48.2583 86.3061 54.6973C88.1964 61.0772 88.7876 67.8414 88.0787 74.9892L52.9776 75.0142C30.2356 75.0311 23.5753 106.041 44.3046 115.395C36.1527 115.395 28.7096 113.297 21.9753 109.103C15.3001 104.909 9.95348 99.297 5.93653 92.2674C1.97879 85.1787 0 77.3515 0 68.7861C5.76273e-06 62.288 1.15213 56.2327 3.45599 50.6207C5.75979 44.95 8.92 39.988 12.9368 35.7348C17.0128 31.4225 21.7391 28.0555 27.1147 25.6335C32.4903 23.2115 38.2202 22.0001 44.3046 22ZM48.0334 37.2783C43.775 37.2783 39.862 38.3148 36.2941 40.3865C32.7263 42.4006 29.7621 45.1622 27.4027 48.6725C25.0434 52.1827 23.4903 56.096 22.7421 60.4118H73.2392C72.7212 56.1535 71.2531 52.2692 68.8363 48.759C66.4769 45.2488 63.4845 42.4581 59.8592 40.3865C56.2338 38.3148 52.2919 37.2783 48.0334 37.2783Z" fill="#005CFF" />
+    <path d="M96.6392 37.2783C100.898 37.2783 104.84 38.3151 108.465 40.3867C112.09 42.4583 115.083 45.2488 117.442 48.7588C119.859 52.269 121.327 56.1538 121.845 60.4121H71.3481C72.0962 56.0965 73.6501 52.183 76.0093 48.6729C78.3685 45.1628 81.3323 42.4007 84.8999 40.3867C88.4677 38.3151 92.3809 37.2784 96.6392 37.2783Z" fill="white" />
+    <circle cx={108.666} cy={55.962} r={14.1507} fill="#2A2A2A" />
+    <path fillRule="evenodd" clipRule="evenodd" d="M93.936 22C100.67 22 106.873 23.3884 112.544 26.1648C118.215 28.9413 123.059 32.7809 127.076 37.6839C131.093 42.587 134.047 48.2583 135.937 54.6973C137.828 61.0771 138.419 67.8414 137.71 74.9892H102.649C79.8901 74.9893 73.1997 106.015 93.936 115.395C85.784 115.395 78.3409 113.297 71.6067 109.103C64.9315 104.909 59.5848 99.297 55.5679 92.2673C51.6101 85.1787 49.6313 77.3515 49.6313 68.786C49.6314 62.288 50.7835 56.2327 53.0873 50.6207C55.3911 44.9499 58.5513 39.9879 62.5681 35.7348C66.6441 31.4225 71.3704 28.0554 76.7461 25.6334C82.1216 23.2115 87.8516 22.0001 93.936 22ZM96.6394 37.2782C92.381 37.2782 88.4679 38.3148 84.9001 40.3865C81.3324 42.4005 78.3689 45.1624 76.0096 48.6725C73.6503 52.1827 72.0962 56.096 71.3481 60.4118H121.845C121.327 56.1535 119.859 52.2692 117.442 48.759C115.083 45.2488 112.091 42.4581 108.465 40.3865C104.84 38.3148 100.898 37.2782 96.6394 37.2782Z" fill="#005CFF" />
   </svg>
 );
 export default SvgKeenable;