Profile redesign: Account featured tab (#38529)

Co-authored-by: diondiondion <mail@diondiondion.com>

app/javascript/mastodon/components/empty_state/empty_state.module.scss

@@ -10,6 +10,13 @@
 }
 
 .content {
+  svg,
+  img {
+    width: 240px;
+    max-width: 100%;
+    margin-bottom: 16px;
+  }
+
   h3 {
     font-size: 17px;
     font-weight: 500;

app/javascript/mastodon/components/empty_state/index.tsx

@@ -9,10 +9,12 @@ import classes from './empty_state.module.scss';
  */
 
 export const EmptyState: React.FC<{
-  title?: string | React.ReactElement;
-  message?: string | React.ReactElement;
+  image?: React.ReactNode;
+  title?: React.ReactNode;
+  message?: React.ReactNode;
   children?: React.ReactNode;
 }> = ({
+  image,
   title = (
     <FormattedMessage id='empty_state.no_results' defaultMessage='No results' />
   ),
@@ -21,10 +23,13 @@ export const EmptyState: React.FC<{
 }) => {
   return (
     <div className={classes.wrapper}>
-      <div className={classes.content}>
-        <h3>{title}</h3>
-        {!!message && <p>{message}</p>}
-      </div>
+      {(title || message || image) && (
+        <div className={classes.content}>
+          {image}
+          {!!title && <h3>{title}</h3>}
+          {!!message && <p>{message}</p>}
+        </div>
+      )}
 
       {children}
     </div>