Improve performance and cosmetics

- reduced the load time of the preview modal assets
- changed cursor to ‘pointer’ for modal buttons

src/components/browser-modal/browser-modal.css

@@ -56,6 +56,7 @@
     color: white;
     font-weight: bold;
     font-size: 0.875rem;
+    cursor: pointer;
 }
 
 .faq-link-text {

src/components/preview-modal/happy-cat.svg

@@ -1 +0,0 @@
-<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32"><defs><style>.cls-1{fill:#cf8b17;}.cls-2{fill:#d08c17;}.cls-3{fill:#d18c17;}.cls-4{fill:#d28d17;}.cls-5{fill:#d38e17;}.cls-6{fill:#d48e17;}.cls-7{fill:#d58f17;}.cls-8{fill:#d69017;}.cls-9{fill:#d79017;}.cls-10{fill:#d89117;}.cls-11{fill:#d99217;}.cls-12{fill:#da9217;}.cls-13{fill:#db9317;}.cls-14{fill:#dc9318;}.cls-15{fill:#dd9418;}.cls-16{fill:#de9518;}.cls-17{fill:#df9518;}.cls-18{fill:#e09618;}.cls-19{fill:#e19718;}.cls-20{fill:#e29718;}.cls-21{fill:#e39818;}.cls-22{fill:#e49918;}.cls-23{fill:#e59918;}.cls-24{fill:#e69a18;}.cls-25{fill:#e79b18;}.cls-26{fill:#e89c18;}.cls-27{fill:#e99d18;}.cls-28{fill:#ea9d18;}.cls-29{fill:#eb9e18;}.cls-30{fill:#ec9f18;}.cls-31{fill:#ed9f18;}.cls-32{fill:#eea018;}.cls-33{fill:#efa118;}.cls-34{fill:#f0a118;}.cls-35{fill:#f1a218;}.cls-36{fill:#f2a318;}.cls-37{fill:#f3a319;}.cls-38{fill:#f4a419;}.cls-39{fill:#f5a419;}.cls-40{fill:#f6a519;}.cls-41{fill:#f7a619;}.cls-42{fill:#f8a619;}.cls-43{fill:#f9a719;}.cls-44{fill:#faa819;}.cls-45{fill:#fba819;}.cls-46{fill:#fca919;}.cls-47{fill:#fdaa19;}.cls-48{fill:#feaa19;}.cls-49{fill:#ffab19;}.cls-50{fill:url(#linear-gradient);}.cls-51{fill:url(#linear-gradient-2);}.cls-52{fill:url(#radial-gradient);}.cls-207,.cls-208,.cls-53{fill:#414042;}.cls-208,.cls-53{stroke:#414042;}.cls-274,.cls-275,.cls-276,.cls-277,.cls-278,.cls-279,.cls-280,.cls-281,.cls-282,.cls-283,.cls-284,.cls-285,.cls-286,.cls-287,.cls-288,.cls-289,.cls-290,.cls-291,.cls-292,.cls-293,.cls-294,.cls-295,.cls-296,.cls-297,.cls-298,.cls-299,.cls-300,.cls-301,.cls-302,.cls-303,.cls-304,.cls-305,.cls-306,.cls-307,.cls-308,.cls-309,.cls-310,.cls-311,.cls-312,.cls-313,.cls-314,.cls-315,.cls-316,.cls-317,.cls-53{stroke-linecap:round;}.cls-53{stroke-linejoin:round;}.cls-208,.cls-274,.cls-296,.cls-53{stroke-width:0.5px;}.cls-54{fill:#d1d3d4;}.cls-55{fill:#d2d4d5;}.cls-56{fill:#d3d5d6;}.cls-57{fill:#d4d6d7;}.cls-58{fill:#d5d7d8;}.cls-59{fill:#d6d8d9;}.cls-60{fill:#d7d9d9;}.cls-61{fill:#d8dada;}.cls-62{fill:#d9dadb;}.cls-63{fill:#dadbdc;}.cls-64{fill:#dbdcdd;}.cls-65{fill:#dcddde;}.cls-66{fill:#dddedf;}.cls-67{fill:#dedfe0;}.cls-68{fill:#dfe0e1;}.cls-69{fill:#e0e1e2;}.cls-70{fill:#e1e2e3;}.cls-71{fill:#e2e3e4;}.cls-72{fill:#e3e4e4;}.cls-73{fill:#e4e5e5;}.cls-74{fill:#e5e6e6;}.cls-75{fill:#e6e7e7;}.cls-76{fill:#e7e8e8;}.cls-77{fill:#e8e9e9;}.cls-78{fill:#e8e9ea;}.cls-79{fill:#e9eaeb;}.cls-80{fill:#eaebec;}.cls-81{fill:#ebeced;}.cls-82{fill:#ecedee;}.cls-83{fill:#edeeef;}.cls-84{fill:#eeefef;}.cls-85{fill:#eff0f0;}.cls-86{fill:#f0f1f1;}.cls-87{fill:#f1f2f2;}.cls-88{fill:#f2f3f3;}.cls-89{fill:#f3f4f4;}.cls-90{fill:#f4f5f5;}.cls-91{fill:#f5f6f6;}.cls-92{fill:#f6f7f7;}.cls-93{fill:#f7f8f8;}.cls-94{fill:#f8f8f9;}.cls-95{fill:#f9f9fa;}.cls-96{fill:#fafafa;}.cls-97{fill:#fbfbfb;}.cls-98{fill:#fcfcfc;}.cls-99{fill:#fdfdfd;}.cls-100{fill:#fefefe;}.cls-101{fill:#fff;}.cls-102{fill:url(#linear-gradient-3);}.cls-103{opacity:0.3;}.cls-104,.cls-105,.cls-106,.cls-107,.cls-108,.cls-109,.cls-110,.cls-111,.cls-112,.cls-113,.cls-114,.cls-115,.cls-116,.cls-117,.cls-118,.cls-119,.cls-120,.cls-121,.cls-122,.cls-123,.cls-124,.cls-125,.cls-126,.cls-127,.cls-128,.cls-129,.cls-130,.cls-131,.cls-132,.cls-133,.cls-134,.cls-135,.cls-136,.cls-137,.cls-138,.cls-139,.cls-140,.cls-141,.cls-142,.cls-143,.cls-144,.cls-145,.cls-146,.cls-147,.cls-148,.cls-149,.cls-150,.cls-151,.cls-152,.cls-153,.cls-154,.cls-155,.cls-156,.cls-157,.cls-158,.cls-159,.cls-160,.cls-161,.cls-162,.cls-163,.cls-164,.cls-165,.cls-166,.cls-167,.cls-168,.cls-169,.cls-170,.cls-171,.cls-172,.cls-173,.cls-174,.cls-175,.cls-176,.cls-177,.cls-178,.cls-179,.cls-180,.cls-181,.cls-182,.cls-183,.cls-184,.cls-185,.cls-186,.cls-187,.cls-188,.cls-189,.cls-190,.cls-191,.cls-192,.cls-193,.cls-194,.cls-195,.cls-196,.cls-197,.cls-198,.cls-199,.cls-200,.cls-201,.cls-202,.cls-203,.cls-204,.cls-205{fill:#f15a29;}.cls-104,.cls-274{opacity:0;}.cls-105{opacity:0.01;}.cls-106{opacity:0.02;}.cls-107{opacity:0.03;}.cls-108{opacity:0.04;}.cls-109{opacity:0.05;}.cls-110{opacity:0.06;}.cls-111{opacity:0.07;}.cls-112{opacity:0.08;}.cls-113{opacity:0.09;}.cls-114{opacity:0.1;}.cls-115{opacity:0.11;}.cls-116{opacity:0.12;}.cls-117{opacity:0.13;}.cls-118{opacity:0.14;}.cls-119{opacity:0.15;}.cls-120{opacity:0.16;}.cls-121{opacity:0.17;}.cls-122{opacity:0.18;}.cls-123{opacity:0.19;}.cls-124{opacity:0.2;}.cls-125{opacity:0.21;}.cls-126{opacity:0.22;}.cls-127{opacity:0.23;}.cls-128{opacity:0.24;}.cls-129{opacity:0.25;}.cls-130{opacity:0.26;}.cls-131{opacity:0.27;}.cls-132{opacity:0.28;}.cls-133{opacity:0.29;}.cls-134{opacity:0.3;}.cls-135{opacity:0.31;}.cls-136{opacity:0.32;}.cls-137{opacity:0.33;}.cls-138{opacity:0.34;}.cls-139{opacity:0.35;}.cls-140{opacity:0.36;}.cls-141{opacity:0.37;}.cls-142{opacity:0.38;}.cls-143{opacity:0.39;}.cls-144{opacity:0.4;}.cls-145{opacity:0.41;}.cls-146{opacity:0.42;}.cls-147{opacity:0.43;}.cls-148{opacity:0.44;}.Line truncated

src/components/preview-modal/preview-modal.css

@@ -55,6 +55,7 @@
     background: white;
     font-weight: bold;
     font-size: .875rem;
+    cursor: pointer;
 }
 
 .button-row button.ok-button {

src/components/preview-modal/preview-modal.jsx

@@ -5,7 +5,7 @@ import Box from '../box/box.jsx';
 import {defineMessages, injectIntl, intlShape, FormattedMessage} from 'react-intl';
 
 import styles from './preview-modal.css';
-import catIcon from './happy-cat.svg';
+import catIcon from './happy-cat.png';
 
 const messages = defineMessages({
     label: {