Extract design of login-page to a reusable Card layout

[ralphjsmit]

This PR extracts the design of the frontend "card-component" to a separate Blade-component, so that packages can use this design as well, without having to copy it over (e.g. in Filament Breezy @jeffgreco13 ).

For example, you can now create components with the following markup:

<x-filament::layouts.card :title="__('user.pages.billing.title')" class="">
    <p class="text-sm text-center text-gray-600">
        {{ __('user.pages.billing.description') }}
    </p>
    
    <x-filament::button tag="a" :href="route('filament.pages.billing')" class="mt-8 w-full">
        {{ __('user.pages.billing.button') }}
    </x-filament::button>
    
    <form method="POST" action="{{ route('filament.auth.logout') }}" class="mt-3 -mb-4">
        @csrf
        <button type="submit" class="w-full text-sm text-gray-400 text-center">{{ __('filament::layout.buttons.logout.label') }}</button>
    </form>
</x-filament::layouts.card>

This didn't have influence on the design of the login page.

[danharrin]

Thanks