Add translatedFieldsByLocale property

[dduupp]

Trying to build a custom UI around translatable fields proved to be quite the challenge for me and my team. We want to have tabs, but it's near impossible to sort the data property of the Translatable class by locale. So in this PR, I've added a translatedFieldsByLocale property to simplify this process and offer more flexibility in terms of other UI solutions.

Here's an example of how we've implemented this solution with tabs in a custom mail template create view:

use Eminiarts\Tabs\Tabs;
use Eminiarts\Tabs\TabsOnEdit;
use NumaxLab\NovaCKEditor5Classic\CKEditor5Classic;
use Spatie\NovaTranslatable\Translatable;

class MailTemplate extends Resource
{
    use TabsOnEdit;

    ...
    public function fields(Request $request)
    {

        $translatedFields = Translatable::make($this->translatableFields());

        return [

            new Panel('', [

                ID::make()->sortable(),

                Select::make('mail_type')
                    ->options([])
                    ->exceptOnForms(),

                Text::make('name')
                    ->sortable()
                    ->rules('required', 'max:255'),

                Code::make('recipients')->json(),
                Code::make('cc')->json(),
                Code::make('bcc')->json(),

                Select::make('design')->options([]),
            ]),

            new Tabs('', $translatedFields->translatedFieldsByLocale)
        ];
    }

    protected function translatableFields() {

        return [
            Text::make('sender_name'),
            Text::make('sender_email'),
            Text::make('subject'),
            CKEditor5Classic::make('body'),
            Text::make('attachments'),
        ];
    }
}

The result looks something like this:

[freekmurze]

Thanks!

[jorenvh]

@dduupp thanks for this, works great for create/edit views. However the example breaks the resource overview page. Did you encounter this too and how did you solve this on your end? I can't seem to find a solution for this.