fix(card): card was not responsive (#144)

## PR Checklist

Please check if your PR fulfills the following requirements:

<!--- [ ] Tests for the changes have been added (for bug
fixes/features)-->

- [x] Docs have been added/updated (for bug fixes/features)

## PR Type

What kind of change does this PR introduce?

<!-- Please check the one that applies to this PR using "x". -->

- [x] Bugfix
- [ ] Feature
- [ ] Code style update (formatting, local variables)
- [ ] Refactoring (no functional changes, no API changes)
- [ ] Build related changes
- [ ] CI-related changes
- [ ] Documentation content changes
- [ ] Other... Please describe:

## Issue Number

<!-- Bugs and features must be linked to an issue. -->

Issue Number: #143 

## Does this PR introduce a breaking change?

<!-- If this PR contains a breaking change, please describe the impact
and migration path for existing applications below. -->

- [ ] Yes
- [x] No

## Other information

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit

* **Style**
* Updated card component sizing constraints to use max-width instead of
fixed width utilities
* Adjusted horizontal card image layout with rounded corners and
max-width styling

<sub>✏️ Tip: You can customize this high-level summary in your review
settings.</sub>
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

Author: MGREMY

apps/storybook/src/card.component.stories.ts

@@ -177,7 +177,7 @@ export const CardOrientationStory: StoryObj<StoryType> = {
     props: args,
     template: `
       <div flowbiteCard ${argsToTemplate(args)}>
-        <img class="rounded-t-lg h-96 object-cover" src="images/image-2.jpg" alt="" />
+        <img class="rounded-l-lg max-w-24 md:max-w-48 object-cover" src="images/image-2.jpg" alt="" />
         <div flowbiteCardContent>
           <h5 flowbiteCardHeader>Noteworthy technology acquisitions 2021</h5>
           <p class="mb-3">Here are the biggest enterprise technology acquisitions of 2021 so far, in reverse chronological order.</p>

libs/flowbite-angular/card/src/card-content/theme.ts

@@ -44,11 +44,11 @@ export const flowbiteCardContentTheme: FlowbiteCardContentTheme = createTheme({
       },
     },
     size: {
-      xs: 'w-xs',
-      sm: 'w-sm',
-      md: 'w-md',
-      lg: 'w-lg',
-      xl: 'w-xl',
+      xs: 'max-w-xs',
+      sm: 'max-w-sm',
+      md: 'max-w-md',
+      lg: 'max-w-lg',
+      xl: 'max-w-xl',
     },
   },
 });

libs/flowbite-angular/card/src/card/theme.ts

@@ -62,11 +62,11 @@ export const flowbiteCardTheme: FlowbiteCardTheme = createTheme({
       },
     },
     size: {
-      xs: 'w-xs',
-      sm: 'w-sm',
-      md: 'w-md',
-      lg: 'w-lg',
-      xl: 'w-xl',
+      xs: 'max-w-xs',
+      sm: 'max-w-sm',
+      md: 'max-w-md',
+      lg: 'max-w-lg',
+      xl: 'max-w-xl',
     },
   },
 });