Load Order UI v2: UI & Styling

[Al12rs]

Outline

Implement UI and Styling for Load Order view to match figma designs:

• Load Order UI/UX design #1959
  https://www.figma.com/design/1sbIAJGr8URkY3wmisyaJg/%F0%9F%93%B1-Rules?node-id=619-8636&t=ozUYvrxkTATN0dB4-4

Details

The UI will be implemented inside a separate page (LoadOrderWIPPage) during development. The page should contain a single View and a single ViewModel of SortingSelectionView that will show the tabs to switch between the types of load order that are present for a specific game.

The contents of a particular tab should be the actual LoadOrderView.

Notes:

• Add empty state in case the load order is empty (ask Design for one)
• Groups should be ignored for now
• Trophy bar on the left of the order should point up or down depending on some variable state (e.g. bool IsWinnerTop)
• See Figma docs for further details
• Only REDmods for cyberpunk are currently supported

Links for some REDmods to test:

• https://www.nexusmods.com/cyberpunk2077/mods/10395
• https://www.nexusmods.com/cyberpunk2077/mods/9237
• https://www.nexusmods.com/cyberpunk2077/mods/6181
  Can find more by searching REDmod on cyberpunk nexus