4103: Open feedback via URL query

[bahaaTuffaha]

Short Description

We currently open the feedback via a local state parameter. While this works good for our feedback buttons, it is not possible to open the feedback from other routes (e.g. a link in a popup) without including the whole feedback component in the tree again, which is complicated, error prone and leads to duplication.

Proposed Changes

• Created new query key FEEDBACK_QUERY_KEY and new param to toQueryParams.
• Reused the useQueryParamVisibility and adjusted the open function to accept an optional parameter value.
• Moved the FeedbackContainer from FeedbackToolbarItem into RegionContentLayout.tsx to behave like chat so it can be open form any where.
• Adjusted FeedbackContainer to wrap the feedback with dialog instead and removed all of the props because we will depend on the queries to get the value for the feedback and the search query.
• Removed FeedbackContainer from FeedbackToolbarItem.tsx and RegionContentMenu.tsx.
• To extract search terms from quires I created a hook called useSearchFeedback.ts and path to extract slug.
• Adjusted tests.

Side Effects

• Now the search feedback will show up as pop up instead of embedded within the page.

Testing

• Test feedback across the whole web-app.
• Test search feedback (with/without results)
• Test how it behaves with other queries like categories filter at the map , search and chat.
• Check malte and aschaffenburg.

Resolved Issues

Fixes: #4103

---

[steffenkleinle]

Really really nice refactoring, gerat work! I love it! I think we can make a few things even simpler/more consistent, but otherwise this looks great already!
Tested on firefox, works as expected!

[steffenkleinle]

Nice work! Not tested again :)

[lunars97]

Looks almost perfect to me 😻 , except for one question below.

[lunars97]

LGTM! Thank you for cleaning up and simplifying everything. Not tested again, tested before in Chrome as well as for Malte and Aschaffenburg 👍