Persist language as the user navigates

[niculistana]

I noticed while reviewing #268 that whenever the user toggles from English->HIL the app does persist the selected language. This could lead confusion for the user as they navigate from page-to-page.

Solution:
Pass translation code as a route param while the user is navigating from ENG (no-param) to HIL (?languageCode=hil)

To do so we would need to extend the Link component by wrapping it into a parent component which persists the languageCode param:

import { Link, useSearchParams } from 'react-router-dom';

    function Jump() {
      const { to } = this.props;
      const [searchParams, setSearchParams] = useSearchParams();
      cons languageCode = searchParams.get("languageCode");
      const pathTo = ${`/new-route${languageCode}`}

      return (
        <Link to={}>Go to New Route with Params</Link>
      );
    }

Then from one page to another:

  const changeLanguage = (newLanguage: LanguageType) => {
    i18n.changeLanguage(newLanguage);
+    setSearchParams({ paramName: 'newValue' });
  };

   import { Jump } from './components/link/jump';

   // automatically pulls languageCode from params
- return <Link to="/flood-control"/>   
+   return <Jump to="/flood-control"/>

Docs:
useSearchParams Reference: https://reactrouter.com/api/hooks/useSearchParams