Temporary fix of critical error encoutered during demos (#680)

opening this to investigate, do not merge this yet
@amarouane-ABDELHAK I do think my change here achieves the same effect
that you are trying to do. (not using special routting, but treat the
tag like normal a tag, so the page gets reloaded everytime.)
lmk how you think.

app/scripts/components/common/page-header.tsx

@@ -342,7 +342,9 @@ function PageHeader() {
     if (!isMediumDown) setGlobalNavRevealed(false);
   }, [isMediumDown]);
 
-  const closeNavOnClick = useCallback(() => setGlobalNavRevealed(false), []);
+  const closeNavOnClick = useCallback(() => {
+    setGlobalNavRevealed(false);
+  }, []);
 
   return (
     <PageHeaderSelf id={HEADER_ID}>
@@ -397,22 +399,28 @@ function PageHeader() {
                 <GlobalMenu>
                   <li>
                     <GlobalMenuLink
-                      to={DATASETS_PATH}
+                      as='a'
+                      href={DATASETS_PATH}
                       onClick={closeNavOnClick}
                     >
                       Data Catalog
                     </GlobalMenuLink>
                   </li>
                   <li>
                     <GlobalMenuLink
-                      to={ANALYSIS_PATH}
+                      as='a'
+                      href={ANALYSIS_PATH}
                       onClick={closeNavOnClick}
                     >
                       Data Analysis
                     </GlobalMenuLink>
                   </li>
                   <li>
-                    <GlobalMenuLink to={STORIES_PATH} onClick={closeNavOnClick}>
+                    <GlobalMenuLink
+                      as='a'
+                      href={STORIES_PATH}
+                      onClick={closeNavOnClick}
+                    >
                       {getString('stories').other}
                     </GlobalMenuLink>
                   </li>