feat: home page jump adjustment (#11357)

<!--
Before opening a pull request, please read the [contributing
guidelines](https://github.com/pancakeswap/pancake-frontend/blob/develop/CONTRIBUTING.md)
first
-->

<!-- start pr-codex -->

---

## PR-Codex overview
This PR introduces a visitor redirect middleware, updates routing paths,
and modifies components to improve user navigation and experience on the
home page.

### Detailed summary
- Updated `redirects` in `next.config.mjs` to redirect `/send` to
`/swap`.
- Changed `href` in `menu.test.tsx.snap` from `/` to `/home`.
- Updated `Menu.tsx` to link to `/home`.
- Created `IndexPage` in `home.tsx` using `Suspense` for `HomeV2`.
- Added new path for `/home` in `meta.ts`.
- Included `visitorRedirectMiddleware` in `middleware.ts`.
- Implemented cookie logic in `visitor-rule-middleware.ts` to track
first-time visitors and redirect them accordingly.

> ✨ Ask PR-Codex anything about this PR by commenting with `/codex {your
question}`

<!-- end pr-codex -->

Author: chef-ryan

apps/web/next.config.mjs

@@ -158,11 +158,6 @@ const config = {
   },
   async redirects() {
     return [
-      {
-        source: '/home',
-        destination: '/',
-        permanent: false
-      },
       {
         source: '/send',
         destination: '/swap',

apps/web/src/config/constants/meta.ts

@@ -18,6 +18,7 @@ const getPathList = memoize((t: ContextApi['t']): PathList => {
   return {
     paths: {
       '/': { title: t('Home') },
+      '/home': { title: t('Home') },
       '/swap': { basePath: true, title: t('Exchange'), image: `${ASSET_CDN}/web/og/swap.jpg` },
       '/limit-orders': { basePath: true, title: t('Limit Orders'), image: `${ASSET_CDN}/web/og/limit.jpg` },
       '/add': { basePath: true, title: t('Add Liquidity'), image: `${ASSET_CDN}/web/og/liquidity.jpg` },

apps/web/src/middleware.ts

@@ -4,8 +4,15 @@ import { withClientId } from 'middlewares/client-id-middleware'
 import { withGeoBlock } from 'middlewares/geo-block-middleware'
 import { withUserIp } from 'middlewares/ip-address-middleware'
 import { stackMiddlewares } from 'middlewares/stack-middleware'
+import { visitorRedirectMiddleware } from 'middlewares/visitor-rule-middleware'
 
-export const middleware = stackMiddlewares([withClientId, withGeoBlock, withUserIp, withABTesting])
+export const middleware = stackMiddlewares([
+  withClientId,
+  withGeoBlock,
+  withUserIp,
+  withABTesting,
+  visitorRedirectMiddleware,
+])
 
 export const config = {
   matcher: [

apps/web/src/middlewares/visitor-rule-middleware.ts

@@ -0,0 +1,23 @@
+import { NextFetchEvent, NextResponse } from 'next/server'
+import { ExtendedNextReq, MiddlewareFactory, NextMiddleware } from './types'
+
+export const visitorRedirectMiddleware: MiddlewareFactory = (next: NextMiddleware) => {
+  return async (request: ExtendedNextReq, _next: NextFetchEvent) => {
+    const visited = request.cookies.get('visited')
+
+    if (visited) {
+      if (request.nextUrl.pathname === '/') {
+        return NextResponse.redirect(new URL('/swap', request.url))
+      }
+    } else {
+      const response = NextResponse.next()
+      response.cookies.set('visited', 'true', {
+        path: '/',
+        maxAge: 60 * 60 * 24 * 365, // 1 year
+      })
+      return response
+    }
+
+    return next(request, _next)
+  }
+}

apps/web/src/pages/home.tsx

@@ -0,0 +1,15 @@
+import { Suspense } from 'react'
+import { HomeV2 } from 'views/HomeV2'
+
+const IndexPage = () => {
+  return (
+    <Suspense>
+      <HomeV2 />
+    </Suspense>
+  )
+}
+
+IndexPage.chains = []
+IndexPage.isShowV4IconButton = true
+
+export default IndexPage

packages/uikit/src/__tests__/widgets/__snapshots__/menu.test.tsx.snap

@@ -768,7 +768,7 @@ exports[`renders correctly 1`] = `
             <a
               aria-label="Pancake home page"
               class="c5"
-              href="/"
+              href="/home"
             >
               <svg
                 class="c6 mobile-icon"

packages/uikit/src/widgets/Menu/Menu.tsx

@@ -150,7 +150,7 @@ const Menu: React.FC<React.PropsWithChildren<NavProps>> = ({
             {banner && isMounted && <TopBannerContainer height={topBannerHeight}>{banner}</TopBannerContainer>}
             <StyledNav id="nav">
               <Flex>
-                {logoComponent ?? <Logo href={homeLink?.href ?? "/"} />}
+                {logoComponent ?? <Logo href={homeLink?.href ?? "/home"} />}
                 <AtomBox display={{ xs: "none", lg: "block" }}>
                   <MenuItems
                     ml="24px"