fix: implement hard refresh when navigating back to the homepage from the error page

Author: samshara

src/App/PageError/index.tsx

@@ -3,7 +3,6 @@ import { useRouteError } from 'react-router-dom';
 
 import useBooleanState from '#hooks/useBooleanState';
 import Button from '#components/Button';
-import Link from '#components/Link';
 
 import styles from './styles.module.css';
 
@@ -63,13 +62,13 @@ function PageError() {
                     )}
                 </div>
                 <div className={styles.footer}>
-                    <Link
-                        to="home"
-                        variant="primary"
+                    <a
+                        className={styles.homeLink}
+                        href="/"
                     >
                         {/* FIXME: use translations */}
                         Go back to homepage
-                    </Link>
+                    </a>
                 </div>
             </div>
         </div>

src/App/PageError/styles.module.css

@@ -43,6 +43,22 @@
             display: flex;
             align-items: center;
             justify-content: flex-end;
+
+            .home-link {
+                display: inline-flex;
+                align-items: center;
+                transition: var(--go-ui-duration-transition-medium) background-color ease-in-out;
+                border-radius: var(--go-ui-border-radius-full);
+                background-color: var(--go-ui-color-primary-red);
+                padding: var(--go-ui-spacing-4xs) var(--go-ui-spacing-sm);
+                text-decoration: none;
+                color: var(--go-ui-color-white);
+
+                &:hover {
+                    background-color: var(--go-ui-color-red-hover);
+                    text-decoration: underline;
+                }
+            }
         }
     }
 }

vite.config.ts

@@ -34,7 +34,7 @@ export default defineConfig(({ mode }) => {
             svgr(),
             reactSwc(),
             tsconfigPaths(),
-            webfontDownload(),
+            // webfontDownload(),
             validateEnv(envConfig),
             isProd ? compression() : undefined,
             isProd ? visualizer({ sourcemap: true }) : undefined,