Enable viewing proposals in grid mode

[carolromero]

Is your feature request related to a problem? Please describe.
As a participant, I find the current proposal viewing mode lacks visual appeal and is less engaging. I desire a grid mode that combines proposal information with images for a more immersive and intuitive browsing experience.

Describe the solution you'd like
I want the ability to view proposals in a grid mode that displays each proposal as a card with accompanying images.

Mockups

Screens_Figma
Prototype_Figma

Does this issue could impact on users private data?
No, this issue does not involve private user data.

Acceptance Criteria:

• Given participants are interacting with the proposal view
  When they access the user interface
  Then there should be an option for toggling between list and grid views
• Given participants are viewing a list of proposals
  When switching between list view and grid mode
  Then proposals should be displayed as cards with accompanying images in grid mode
• Given participants are viewing proposals in grid mode
  When they explore the proposals
  Then proposals should be presented as visually appealing cards
  And each card should display relevant information along with images
  And in case there is no image attached, a placeholder should be shown
• Given participants are viewing proposals in grid mode
  When using various devices and screen sizes
  Then the grid mode should be responsive and functional
  And maintain a visually appealing layout across different devices
• Given I'm an admin enabling the "Allow Attachments" setting
  When I activate it
  Then the following text should be shown: "By enabling this option, proposals will default to grid mode, and the first image will appear on the card."

[carolromero]

@paarals we've been working with @julietapasetti on the proto and now it's all yours guys. If you have any questions or doubts about the workflow with the design, as this is a quite new pipeline, please let us know!