refactor: update EmptyStateLayout to conform to it's new props

admin/src/components/FirstExport/index.jsx

@@ -22,12 +22,9 @@ const FirstExport = () => {
         onSubmit={() => dispatch(exportAllConfig([], toggleNotification))}
       />
       <EmptyStateLayout
-        content={{
-          id: 'emptyState',
-          defaultMessage:
-          formatMessage({ id: 'config-sync.FirstExport.Message' }),
-        }}
+        content={formatMessage({ id: 'config-sync.FirstExport.Message' })}
         action={<Button onClick={() => setModalIsOpen(true)}>{formatMessage({ id: 'config-sync.FirstExport.Button' })}</Button>}
+        icon={<EmptyDocuments width={160} />}
       />
     </div>
   );

admin/src/components/NoChanges/index.jsx

@@ -1,16 +1,14 @@
 import React from 'react';
 import { EmptyStateLayout } from '@strapi/design-system';
 import { useIntl } from 'react-intl';
+import { EmptyDocuments } from '@strapi/icons';
 
 const NoChanges = () => {
   const { formatMessage } = useIntl();
   return (
     <EmptyStateLayout
-      content={{
-        id: 'emptyState',
-        defaultMessage:
-          formatMessage({ id: 'config-sync.NoChanges.Message' }),
-      }}
+      content={formatMessage({ id: 'config-sync.NoChanges.Message', defaultMessage: 'No differences between DB and sync directory. You are up-to-date!' })}
+      icon={<EmptyDocuments width={160} />}
     />
   );
 };