List view for cards

[qisforq]

Objective:

Implement a list view option for displaying player cards in addition to the grid view.

• Dependent on #174 and #173 .

Tasks:

• [ ] Design the layout and structure of the list view for player cards.
• [ ] Create a new component or modify the existing card component to support the list view format.
• [ ] Retrieve the necessary data for each player card, such as player image, name, position, and any other relevant information.
• [ ] Implement the list view component, displaying the player information in a vertically stacked format.
• [ ] Ensure that the list view is responsive and adjusts properly to different screen sizes.
• [ ] Optimize the performance of the list view, considering factors like lazy loading and pagination for a large number of cards.
• [ ] Provide a toggle or switch to allow users to change between the grid view and list view.
• [ ] Update the state management and data flow to support the selected view mode (grid or list).