Feat(frontend): improve the soft delete empty state (#6877)

# This PR

- Fix #6834 

## Demo


https://www.loom.com/share/235c4425f3264f429e2064a9d1604a90?sid=02a815c9-3b1a-45e6-b5ce-d5eb3b40e10e

## Notes

- There is a missing icon in Figma corresponding to the
`noDeletedRecordFound` in the dark mode, thus I used the same icon
(different background because we have the correct background image) for
both dark / light modes
<img width="625" alt="Screenshot 2024-09-03 at 15 04 57"
src="https://github.com/user-attachments/assets/cbc0c3dd-a1ee-49a5-be9a-36450e78a992">
cc: @Bonapara

---------

Co-authored-by: Lucas Bordeau <bordeau.lucas@gmail.com>

packages/twenty-front/src/testing/decorators/RecordTableDecorator.tsx

@@ -0,0 +1,39 @@
+import { Decorator } from '@storybook/react';
+import { useRecoilValue } from 'recoil';
+
+import { objectMetadataItemsState } from '@/object-metadata/states/objectMetadataItemsState';
+import { RecordTableContext } from '@/object-record/record-table/contexts/RecordTableContext';
+import { isDefined } from 'twenty-ui';
+
+export const RecordTableDecorator: Decorator = (Story) => {
+  const objectMetadataItems = useRecoilValue(objectMetadataItemsState);
+
+  const personObjectMetadataItem = objectMetadataItems.find(
+    (objectMetadataItem) => objectMetadataItem.nameSingular === 'person',
+  );
+
+  if (!isDefined(personObjectMetadataItem)) {
+    return <Story />;
+  }
+
+  return (
+    <RecordTableContext.Provider
+      value={{
+        objectNameSingular: personObjectMetadataItem?.nameSingular,
+        objectMetadataItem: personObjectMetadataItem,
+        onCellMouseEnter: () => {},
+        onCloseTableCell: () => {},
+        onOpenTableCell: () => {},
+        onContextMenu: () => {},
+        onMoveFocus: () => {},
+        onMoveSoftFocusToCell: () => {},
+        onUpsertRecord: () => {},
+        recordTableId: 'persons',
+        viewBarId: 'view-bar',
+        visibleTableColumns: [],
+      }}
+    >
+      <Story />
+    </RecordTableContext.Provider>
+  );
+};