feat(search): implement global certificate search results grid view

[delightonyedikachipixel]

Summary

This PR resolves #375 by implementing the Grid View UI for the Global Certificate Search Results page. The component is built according to the provided Figma designs, ensuring a clean, responsive layout for browsing through certificate records.

Changes Made

• Grid Layout: Created the GridView.tsx component using React and Tailwind CSS to display certificate records in a responsive grid format.
• Thumbnail Aspect Ratios: Configured the image elements to explicitly maintain their correct aspect ratios, preventing distortion when rendering different certificate thumbnails.
• Content Truncation: Applied Tailwind's text-truncation utilities to ensure long certificate details or titles do not break the grid card layouts.

Acceptance Criteria Met

• Grid view renders accurately according to the Figma design.
• Maintains strict aspect ratios for all image thumbnails.
• UI component is cleanly implemented at frontend/app/search/components/GridView.tsx.

Closes #375

[vercel]

@QueenColly is attempting to deploy a commit to the DaniBravo Team on Vercel.

A member of the Team first needs to authorize it.

[drips-wave]

@delightonyedikachipixel Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits