Allow responsive sizing at breakpoints for Cards

[RhysLees]

It would be awesome now that Nova 4 is responsive to be able to change the width of card breakpoints.

Now sure what the best way would be to implement it but maybe something along the lines of allowing ->width() to be passed an array with tailwind keys for the breakpoint e.g:

(new EnquiriesPerDay)->width([
    'sm' => Card::FULL_WIDTH,
    'md' => Card::TWO_THIRDS_WIDTH,
    'lg' => Card::ONE_HALF_WIDTH,
    'xl' => Card::ONE_QUARTER_WIDTH
]),

or having separate functions for the breakpoints:

(new EnquiriesPerDay)
    ->widthSmall(Card::FULL_WIDTH),
    ->widthMedium(Card::TWO_THIRDS_WIDTH),
    ->widthLarge(Card::ONE_HALF_WIDTH),
    ->widthExtraLarge( Card::ONE_QUARTER_WIDTH),

Currently, I don't believe that the following sizing can be utilised as much as they could as at some breakpoints the smaller sizing breaks UI and as some of the metric cards specific overlap with other elements on the card forcing us to use larger sizing

    public const ONE_THIRD_WIDTH = '1/3';
    public const ONE_QUARTER_WIDTH = '1/4';

4d7f4c1d962b515bf29eb50f84f86d58.mp4

Its ok once it goes fully mobile layout and forced full width but inbeween has issues of overlaping.

[xfolder]

Up

1920px

1024

[corgalore]

Please, responsive cards is necessary to keep a clean structure without resorting to custom css to override the nova classes.