feat(a11y): enhance keyboard focus order in View All menu page

[KenTandrian]

This PR fixes an accessibility issue in the "View All" menu where the keyboard focus order was unpredictable, causing the tab focus to zig-zag between rows instead of following a logical flow.

Changes

• Synchronized DOM and Visual Order: Refactored the render method in santa-cardnav.js to pre-calculate the layout position of each card based on the existing bin-packing logic.
• Sorted Rendering: The cards are now sorted by their calculated visual order before being rendered. This ensures that the DOM order matches the visual layout, guaranteeing a natural left-to-right, top-to-bottom tab sequence for keyboard users.
• Preserved Layout Logic: Maintained the existing algorithm that optimally places "wide" video cards and backs-fills gaps with standard cards, but now the accessibility tree reflects this structure.

Impacted UI components

• Card Navigation (santa-cardnav): The component responsible for rendering the "View All" grid menu.

[Jezzamonn]

Awesome!