fix: eliminate random list-mode row spacing on first render

[Copilot]

FlashList 2.0 hardcodes a 200 px default height estimate for unmeasured items. In list mode, rows are only 40–80 px tall, so the initial render positions every row 200 px apart — producing random-looking gaps that only normalise after items are measured through subsequent navigation.

Changes

• MediaBrowserScreen.tsx — switches list mode from FlashList to React Native's FlatList with getItemLayout, which supplies the exact listRowHeight for every item index at construction time. This eliminates the height-estimation phase entirely, giving a correct layout from the very first render. Grid/poster mode continues to use FlashList unchanged.

• MediaBrowserScreen.tsx — extracts a shared getItemHandlers useCallback containing the common isEditable / isShowAtRoot / isSelected / handlePress / onEditPress logic, removing duplication between the list-mode and grid-mode renderItem callbacks.

[Kallb123]

@copilot checks are failing

[Copilot]

@copilot checks are failing

Fixed in commit 9b702a7. The TypeScript error was caused by using overrideItemLayout.size which doesn't exist in FlashList 2.0's public API (only span is exposed).

The root cause of the spacing bug is that FlashList 2.0 hardcodes a 200 px default height estimate for all unmeasured items — list mode rows are only 40–80 px, so the initial render shows every row 200 px apart. After measurement the gaps normalise, which is why navigating in and out of folders fixes it.

The fix replaces FlashList with React Native's FlatList + getItemLayout for list mode. FlatList uses natural flex flow (no height estimation needed) and getItemLayout supplies the exact row height for every index, giving a correct layout from the very first render. Grid/poster mode continues to use FlashList unchanged. The duplicated render logic was also consolidated into a shared getItemHandlers useCallback.