fix(fuselage): Responsive CardControls

[Barrylimarti]

Proposed changes (including videos or screenshots)

Added flex-wrap in the CSS of Cards for CardControl component. Things that have been kept in mind are:-

1. Wrap is not essential for horizontal cards in desktop view.
2. Wrap is enabled for horizontal cards in mobile view.
3. In every other case, flex-wrap is essential for responsive behaviour.
4. Made Carcontrol into a box component for better integration.

responsive.mov

Issue(s)

Closes #1440 #31614

Further comments

There are other ways to go around it but this felt appropriate and fixes the issue.

[changeset-bot]

🦋 Changeset detected

Latest commit: e2a79ef

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@rocket.chat/fuselage	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[CLAassistant]

All committers have signed the CLA.

[CLAassistant]

Thank you for your submission! We really appreciate it. Like many open source projects, we ask that you sign our Contributor License Agreement before we can accept your contribution.
_{You have signed the CLA already but the status is still pending? Let us recheck it.}

[Barrylimarti]

Hey Henrique! I just saw a repetition of code caused by previous commit. I fixed that in the latest commit. Now everything looks fine to me. Can you please check?

[Barrylimarti]

Hey @rique223! All the changes requested by you are done from my side. Let me know if you are looking for something else.

[rique223]

Lgtm