Added Twitter and FB image uploads (AdminX)

refs. https://github.com/TryGhost/Team/issues/3351

ghost/admin-x-settings/src/components/settings/general/Facebook.tsx

@@ -1,3 +1,4 @@
+import ImageUpload from '../../../admin-x-ds/global/ImageUpload';
 import React from 'react';
 import SettingGroup from '../../../admin-x-ds/settings/SettingGroup';
 import SettingGroupContent from '../../../admin-x-ds/settings/SettingGroupContent';
@@ -26,12 +27,27 @@ const Facebook: React.FC = () => {
         updateSetting('og_description', e.target.value);
     };
 
+    const handleImageUpload = (file: File) => {
+        alert(file.name);
+    };
+
+    const handleImageDelete = () => {
+        alert('Delete Facebook image');
+    };
+
     const values = (
         <></>
     );
 
     const inputFields = (
         <SettingGroupContent>
+            <ImageUpload
+                height='200px'
+                id='twitter-image'
+                label='Upload Facebook image'
+                onDelete={handleImageDelete}
+                onUpload={handleImageUpload}
+            />
             <TextField
                 inputRef={focusRef}
                 placeholder={siteTitle}

ghost/admin-x-settings/src/components/settings/general/Twitter.tsx

@@ -32,7 +32,7 @@ const Twitter: React.FC = () => {
     };
 
     const handleImageDelete = () => {
-        alert('Delete twitter iamge');
+        alert('Delete twitter image');
     };
 
     const values = (