Add Deploy with Defender button (#321)

Author: ericglau

packages/ui/src/App.svelte

@@ -14,6 +14,7 @@
     import DownloadIcon from './icons/DownloadIcon.svelte';
     import ZipIcon from './icons/ZipIcon.svelte';
     import FileIcon from './icons/FileIcon.svelte';
+    import OzIcon from './icons/OzIcon.svelte';
     import Dropdown from './Dropdown.svelte';
     import OverflowMenu from './OverflowMenu.svelte';
     import Tooltip from './Tooltip.svelte';
@@ -174,6 +175,13 @@
     </div>
 
     <div class="action flex flex-row gap-2 shrink-0">
+      <a href="https://docs.openzeppelin.com/defender/v2/tutorial/deploy?utm_campaign=Defender%20GA_2024&utm_source=Wizard#environment_setup" target="_blank" rel="noopener noreferrer">
+        <button class="action-button min-w-[165px]">
+          <OzIcon />
+          Deploy with Defender
+        </button>
+      </a>
+
       <button class="action-button min-w-[165px]" on:click={copyHandler}>
         {#if copied}
           <CheckIcon />

packages/ui/src/icons/OzIcon.svelte

@@ -0,0 +1,12 @@
+<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" aria-hidden="true" focusable="false">
+  <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" stroke="none">
+    <path d="M260 4455 l0 -665 1906 2 1906 3 375 630 c206 347 384 645 395 663
+      l20 32 -2301 0 -2301 0 0 -665z"/>
+    <path d="M2916 3614 c-305 -55 -602 -243 -778 -494 -44 -62 -1868 -3104 -1868
+      -3115 0 -3 348 -5 773 -5 l772 1 1080 1806 c594 993 1082 1809 1083 1814 2 5
+      -212 9 -490 8 -380 -1 -511 -4 -572 -15z"/>
+    <path d="M3217 1314 c-149 -27 -304 -91 -432 -177 -80 -54 -218 -188 -270
+      -262 -30 -43 -458 -753 -522 -867 -2 -5 642 -8 1431 -8 l1436 0 0 665 0 665
+      -782 -1 c-629 -1 -798 -4 -861 -15z"/>
+  </g>
+</svg>