Added image preview in petition card

[0xriyadh]

Pull Request: Add Images in the Preview of the Petition Card

Related Issue

• Closes #26

Description

This PR addresses issue #26 by adding the first image of the uploaded media as a default preview image for the "dabi" or "petition" cards. This enhancement aims to provide users with a visual context of the petition, making it easier to understand the problem being addressed.

Changes Made

• Updated the "dabi" card component to include the first image from the uploaded media as a preview.
• Ensured that the image is displayed correctly on both desktop and mobile views.

Screenshots

Existing "Dabi" Card Preview

After Changes

[omranjamal]

Nicely done bro, but the query is not the most optimized, could you work on improving the query?

[0xriyadh]

Nicely done bro, but the query is not the most optimized, could you work on improving the query?

Of course, getting back to you soon.