feat(components/molecule/photoUploader): force synchronous update

[codemaoz90]

Category/Component

❓Ask

TASK: MMAA-42852

Description, Motivation and Context

In the PhotosPreview component, we use ReactSortable to enable drag-and-drop functionality for a list of photos. However, with the introduction of automatic batching in React 18, state updates may not reflect immediately

To fix this issue, we use flushSync from react-dom to force a synchronous state update when sortable is true and with this have the list state updated and sorted

I followed this suggestion: SortableJS/react-sortablejs#263 (comment)

Types of changes

• 🪲 Bug fix (non-breaking change which fixes an issue)
• ✨ New feature (non-breaking change which adds functionality)
• 💥 Breaking change (fix or feature that would cause existing functionality to not work as expected)
• 🧾 Documentation
• 📷 Demo
• 🧪 Test
• 🧠 Refactor
• 💄 Styles
• 🛠️ Tool

Screenshots - Animations

[github-actions]

	STATEMENTS	BRANCHES	FUNCTIONS	LINES
≍	≍ 0.07↓	≍ 0.04↓	≍ 0.13↓	≍ 0.13↓
%	75.87	64.06	65.6	77.65
ABS	3378 / 4452	2073 / 3236	658 / 1003	3197 / 4117