feat: Add Stripe pre-setup dialog

packages/webapp/src/icons/SwitchIcon.tsx

@@ -0,0 +1,26 @@
+import React from 'react';
+
+interface SwitchIconProps extends React.SVGProps<SVGSVGElement> {
+  size?: number;
+}
+
+export const SwitchIcon: React.FC<SwitchIconProps> = ({
+  size = 16,
+  ...props
+}) => (
+  <span className={'bp4-icon bp4-icon-arrow-bottom-left'}>
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 16 16"
+      version="1.1"
+      xmlns="http://www.w3.org/2000/svg"
+      xmlnsXlink="http://www.w3.org/1999/xlink"
+      {...props}
+    >
+      <g stroke="none" strokeWidth="1" fill="currentColor" fillRule="evenodd">
+        <path d="M9.29289322,2.29289322 L10.7071068,3.70710678 L5.70795751,8.70727122 C5.89517048,9.09873251 6,9.53712413 6,10 C6,11.6568542 4.65685425,13 3,13 C1.34314575,13 0,11.6568542 0,10 C0,8.34314575 1.34314575,7 3,7 C3.46287587,7 3.90126749,7.10482952 4.29272878,7.29204249 L9.29289322,2.29289322 Z M13,7 C14.6568542,7 16,8.34314575 16,10 C16,11.6568542 14.6568542,13 13,13 C11.3431458,13 10,11.6568542 10,10 C10,8.34314575 11.3431458,7 13,7 Z M3,9 C2.44771525,9 2,9.44771525 2,10 C2,10.5522847 2.44771525,11 3,11 C3.55228475,11 4,10.5522847 4,10 C4,9.44771525 3.55228475,9 3,9 Z M13,9 C12.4477153,9 12,9.44771525 12,10 C12,10.5522847 12.4477153,11 13,11 C13.5522847,11 14,10.5522847 14,10 C14,9.44771525 13.5522847,9 13,9 Z" />
+      </g>
+    </svg>
+  </span>
+);