Add rounded corners and drop shadow to all item pictures

[Copilot]

This PR implements visual enhancements to all item pictures in the web UI by adding rounded corners and drop shadows with hover effects.

Changes

Added CSS styling to item images across the application:

• Rounded corners using border-radius: 0.5rem for a modern, polished appearance
• Subtle drop shadow with box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) to provide depth and visual separation
• Smooth hover animation using transition: box-shadow 0.3s ease for a refined user experience
• Enhanced hover effect that increases the drop shadow to box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25) when the user hovers over an item

Files Modified

• src/WebAppComponents/Catalog/CatalogListItem.razor.css - Catalog list item images
• src/WebApp/Components/Pages/Item/ItemPage.razor.css - Item detail page images (WebApp)
• src/HybridApp/Components/Pages/Item/ItemPage.razor.css - Item detail page images (HybridApp)

Visual Changes

Normal State

All item images now display with rounded corners and a subtle drop shadow:

Hover Effect

When hovering over an item, the drop shadow becomes more prominent (note the first item with darker border in hover state):

Technical Details

The implementation uses standard CSS properties with minimal changes to existing code:

• Only 21 lines added across 3 files
• No breaking changes to existing functionality
• Semi-transparent shadows for natural depth perception
• Consistent styling applied across both catalog and detail views

Fixes #[issue-number]

Original prompt

---

This section details on the original issue you should resolve

<issue_title>All item pictures should have rounded corners</issue_title>
<issue_description>On the web UI, I want to make sure that all pictures of all items that I can buy have slightly rounded corners and a small drop shadow. Whenever I hover my mouse over the drop shadow, I want the drop shadow to get a little bit larger as a hover effect.</issue_description>

Comments on the Issue (you are @copilot in this section)

Fixes #78

---

💬 Share your feedback on Copilot coding agent for the chance to win a $200 gift card! Click here to start the survey.