Improve list page table

[wazolab]

• Search place holder should be translated
• The search field can be stylized ? Maybe like on on the map ? The selector and the filter fieldtowgeter are a bit confusing
• Category change from selector is no more working
• Column header should be translated
• cuisine fields some time contains []
• Opening hours days should de translated (maybe an other issue not linked to this PR ?) / But maybe disable de detail in the table view ?

[frodrigo]

ping @sbterito

[wazolab]

Refactor

• Create useContrib() composable for more reusability
• Reduce component depth, remove PoisList / PoiLayout

UI improvements

• Add search slot in Header component
• Handle loading states
• Add placeholder to DataTable search field

Todo

• Adapt PoisTable story
• Improve pois-list test

Can't do

• Sorting by column (See Issue)

[frodrigo]

• Could you move "chore: convert contrib to composable" to it own PR, and other unrelated changes to their own PR, please.
• Q: losing the header will be bad for SEO, doesn't ?
• About the header, I was thing we talk about the table header and not the page header.

@sbterito vvv

[frodrigo]

Look like bad rebase, could you check, please ?

[wazolab]

Column header should be translated
It's already linked with PropertyTranslations but for the moment we only have French version. I kept the same behavior as before. Is this ok ?

[wazolab]

cuisine fields some time contains []

After testing it with Bordeaux config, I can say that it's normal behavior, we display arrays in <ul> list, if array is empty we display a raw string.

@frodrigo: Maybe API shouldn't be allowed to send keys with empty Arrays ?