app-catalog: fix and updates cards styles

[vyncent-t]

Description

This PR fixes a bug in the App-Menu plugin that caused singular cards to render squished. The issue affected the visual appearance and usability of the cards, especially when only one card was present.

Key Changes

1. Fixed Card Rendering:

   • Updated the rendering logic to ensure singular cards display correctly without being squished.
   • Improved the layout to make card sizes consistent regardless of the number of cards.

2. Improved Card Sizing:

   • Adjusted the size and spacing of cards to enhance the overall user experience.
   • Ensured that the layout remains visually appealing across various card counts and screen sizes.

Images

Before

After

---

Steps to Test

1. Navigate to the App-Menu plugin in the application.
2. Test the rendering of cards in the following scenarios:
   • Search for Headlamp and filter
3. Verify:
   • Singular cards display properly without being squished.
   • Card sizes are consistent and align correctly across different layouts.

[vyncent-t]

last push fixes the resize for md view point to show double cards before moving to single cards when on sm

[joaquimrocha]

There are some style attributes still. Should those be turned into sx?

[vyncent-t]

updated all the style tags to use sx, not noticing any differences on my end