Refactor RecordTableCellContainer to avoid re-render between soft focus and display mode

[lucasbordeau]

Scope & Context

RecordTableCellContainer component.

Current behavior

When we switch between soft focus and display mode, the display component gets re-rendered, which can cause problems, like an avatar re-rendering and creating a flash for a broken URL for example.

Expected behavior

We would like to avoid this when switching between display and soft focus mode, the display component shouldn't be re-rendered.

See if we can merge the logic between display and soft focus component without causing too much negative impact on performance.

This PR should be linked to the refactoring work on : #5928

[greptile-apps]

To refactor RecordTableCellContainer to avoid re-render between soft focus and display mode:

1. Locate RecordTableCellContainer in src/components/RecordTableCellContainer.js.
2. Identify the state or props that trigger re-renders between soft focus and display mode.
3. Merge the logic for display and soft focus modes into a single component state to prevent unnecessary re-renders.
4. Ensure that the component only updates the necessary parts of the UI when switching modes.
5. Test the changes to confirm that the avatar and other elements do not re-render unnecessarily.

Refer to issue #5928 for related refactoring work.

References