fix: update 'add service card' design & add app card variant in storybook

[shahmargi12]

Description

1. Changes to ‘Add Service Card’

• New Prop (showCardView):
  Added a showCardView prop to toggle between a card element and full-screen view version.

• Padding & Width Adjustments:
  Added padding and adjusted width to enhance layout consistency and visual alignment in the grid.

• Text Overflow Handling:
  Fixed issues with large text causing layout breaks by using the correct line-clamp property to manage text overflow effectively.

  The following images demonstrate the differences before and after the modifications in padding, width, and text overflow handling:

  Before Padding & Width Adjustment
  

  After Padding & Width Adjustment
  

  Before Text Overflow Handling
  

  After Text Overflow Handling
  

2. Enhance Marketplace Card

• Fix Subtitle and Title Text Overlapping Issue

  Before
  

  After
  

3. Adjust App Cards Parameters

• We can remove the unused column prop from the Card component to clean up the code, but since this prop is used in other places (e.g., in portal-frontend), removing it would cause errors in those implementations.

• Added support for card variants (minimal, expanded, etc.) to demonstrate the effects of props like buttonText, expandOnHover, and filledBackground in Storybook, helping users understand each prop's usage.

Issue

233

Checklist

• [x] I have followed the contributing guidelines
• [x] I have performed a self-review of my own code
• [x] I have successfully tested my changes locally

[sonarcloud[bot]]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarCloud