[ENHANCEMENT]: [PHOENIX] [BE] Implement Grid View for Product Listing

[Olnuel]

Description

Implement a grid view option that will allow users to switch between a list view and a grid view for better visualization of products. This enhancement will make it easier for users to browse and select items.

Acceptance Criteria

1. API endpoints should support requests specifying the desired view format.
2. Ensure that all product details are included in the response for the grid view display.

Endpoint

GET /api/products

Links

| FIGMA LINK
https://www.figma.com/design/VEItfX6St5NSAqqNHImcxD/HNG-Boilerplate-Designs?node-id=22989-22850&t=VEj4y3G0vEn4g18k-4

Images

https://www.loom.com/share/6cf7e1e3211b469b93938211f654dc2c?sid=e2329bd2-e24b-47b2-a729-a3096cbcd7a3