refactor(ui): change Button icon prop to accept component reference instead of JSX element

src/shared/components/Button.js

@@ -56,6 +56,8 @@ const Button = ({
         }
     };
 
+    const Icon = icon;
+
     return (
         <button
             type={type}
@@ -68,12 +70,12 @@ const Button = ({
                 <LoadingSpinner />
             ) : (
                 <>
-                    {icon && iconPosition === 'left' && (
-                        <span className={iconSizes[size]}>{icon}</span>
+                    {Icon && iconPosition === 'left' && (
+                        <span className={iconSizes[size]}><Icon /></span>
                     )}
                     {children}
-                    {icon && iconPosition === 'right' && (
-                        <span className={iconSizes[size]}>{icon}</span>
+                    {Icon && iconPosition === 'right' && (
+                        <span className={iconSizes[size]}><Icon /></span>
                     )}
                 </>
             )}