Hotfix Direct / None modal

[apata]

Changes

1. Passing a react-router path param with a forward slash in it, like "Direct / None", breaks the route. There's two routes that have params that take user input (filter modals has fixed param values), and this PR encodes such params.
2. useParams gives us a decoded value for the params, therefore we need to re-encode them to make successful API calls.

Tests

• Automated tests have been added
• This PR does not require tests

Changelog

• Entry has been added to changelog

Documentation

• This change does not need a documentation update

Dark mode

• This PR does not change the UI

[github-actions]

Preview environment👷🏼‍♀️🏗️
PR-4824

[ukutaht]

Question: are you encoding conditionally here so we can keep URLs prettier if they don't need encoding?

[apata]

Question: are you encoding conditionally here so we can keep URLs prettier if they don't need encoding?

I didn't want to risk creating another problem where previously working dashboard links break, or API requests differ from previous requests. Wanted to get a hotfix live as a priority.

With a bit more investigation and tests, we could have answers if there is any risk encoding in all scenarios, and to what degree we can maintain nice links.