Bring empty state to AutoGrid

[rbrki07]

Describe your motivation

Vaadin 24.5 added an empty state property to the grid component: https://vaadin.com/docs/latest/components/grid#empty-state. It would be great to be able to use this property in AutoGrid as well.

Describe the solution you'd like

<AutoGrid model={EventModel} service={EventService} emptyState={'No events found.'}/>

Describe alternatives you've considered

<AutoGrid model={EventModel} service={EventService}>
  <span slot="empty-state">No events found.</span>
</AutoGrid>

Or

import { useRef, useEffect } from 'react';
import { AutoGrid, AutoGridRef } from '@vaadin/hilla-react-crud';
import EventModel from 'Frontend/generated/com/example/application/entities/EventModel';
import { EventService } from 'Frontend/generated/endpoints';

export default function EventsView() {
  const grid = useRef<AutoGridRef>(null);
  useEffect(() => {
    if (grid.current) {
      grid.current.grid.setEmptyState('No events found.');
    }
  }, [grid]);

  return <AutoGrid ref={grid} model={EventModel} service={EventService} />;
}

Additional context

No response

[platosha]

Adding the emptyState property sounds good. The underlying slotted element could have display: contents; in addition.

[rbrki07]

I would like to provide a PR for this.

Why was this PR not merged: vaadin/react-components#248? It would be a good base for implementing this feature request.