Links prefetching (#225)

1. Marketing Layout: speed up rendering by retrieving user session from cookies instead of using server side request
2. Use "redirecting" state when signing in to keep displaying a loading state while Next.js redirects to home page
3. Use "useCallback" to prevent double tracking when switching pages
4. Add links pre-fetching in marketing navigation
5. Add new pending state to MFA verification form
6. Pre-fetch sign-in/sign-up pages
7. Fix i18n when using regional languages
8. currency formatter should default to the region if it exists
9. Update packages

apps/web/components/analytics-provider.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { useEffect } from 'react';
+import { useCallback, useEffect } from 'react';
 
 import { usePathname, useSearchParams } from 'next/navigation';
 
@@ -71,7 +71,7 @@ function AnalyticsProviderBrowser(props: React.PropsWithChildren) {
   useAnalyticsMapping(analyticsMapping);
 
   // Report page views to the analytics service
-  useReportPageView((url) => analytics.trackPageView(url));
+  useReportPageView(useCallback((url) => analytics.trackPageView(url), []));
 
   // Render children
   return props.children;

apps/web/components/app-logo.tsx

@@ -40,7 +40,7 @@ export function AppLogo({
   }
 
   return (
-    <Link aria-label={label ?? 'Home Page'} href={href ?? '/'}>
+    <Link aria-label={label ?? 'Home Page'} href={href ?? '/'} prefetch={true}>
       <LogoImage className={className} />
     </Link>
   );