Refactor the nearby baskets list to vue

What does this MR do?

New vue components for the baskets page http://foodsharing.de/essenskoerbe/find. This page still uses the Xhr bubble and needs to be updated before I can finish the map in !3230 (merged).

How confident are you it won't break things if deployed?

Quite sure. The main part that changed is the list of nearby baskets. It should still look and behave as before.

Links to related issues

How to test

1. Checkout branch locally
2. Login as foodsaver
3. Open http://localhost:18080/essenskoerbe/find
4. Select a basket from the list and see the bubble

Screenshots (if applicable)

Checklist

• added a test, or explain why one is not needed/possible... only frontend
• no unrelated changes
• asked someone for a code review
• set a "for:" label to indicate who will be affected by this change
• set the "API change" label if changes in the API are not backward compatible
• added to the next milestone (see https://gitlab.com/foodsharing-dev/foodsharing/-/milestones, unless it has a "for:Dev" label)
• added an entry to CHANGELOG.md
• added a short text in the release notes to /release-notes/YYYY-MM.md
• Once your MR has been merged, you are responsible to create a testing issue in the Beta Testing forum: https://foodsharing.de/region?bid=734&sub=forum. Please change the MRs label to "state:Beta testing".
  • Consider writing a detailed description in German.
  • Describe in a few sentences, what should be tested from a user perspective.
  • Also mention different settings (e.g. different browsers, roles, ...) how this change can be tested.
  • Be aware, that also non technical people should understand.