fix: Crash when accessing liquidity with wrong query (#12455)

Page crashes querying these examples: 

https://pancakeswap.finance/liquidity/pool
https://pancakeswap.finance/liquidity/v3
https://pancakeswap.finance/liquidity/ERC721
https://pancakeswap.finance/liquidity/pool%E2%80%A6

<!--
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 focuses on modifying the `LiquidityView` component to handle
routing based on the `tokenIdFromUrl`. It replaces the `redirect`
function with `router.replace` for improved navigation and updates the
logic for parsing the `tokenIdFromUrl`.

### Detailed summary
- Removed the `redirect` function calls for routing based on
`tokenIdFromUrl`.
- Introduced `router.replace` for navigation to `/liquidity/pools` and
`/liquidity/positions`.
- Updated the condition for parsing `tokenIdFromUrl` to check if it is a
finite number before converting it to `BigInt`.
- Added a check to return `null` if `parsedTokenId` is not defined.

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

<!-- end pr-codex -->

Author: memoyil

apps/web/src/views/Liquidity/LiquidityView.tsx

@@ -66,7 +66,6 @@ import { useV3PositionFromTokenId, useV3TokenIdsByAccount } from 'hooks/v3/useV3
 import { formatTickPrice } from 'hooks/v3/utils/formatTickPrice'
 import { NextSeo } from 'next-seo'
 import Link from 'next/link'
-import { redirect } from 'next/navigation'
 import { useRouter } from 'next/router'
 import { ReactNode, memo, useCallback, useMemo, useState } from 'react'
 import { usePoolInfo } from 'state/farmsV4/state/extendPools/hooks'
@@ -211,13 +210,7 @@ export const LiquidityView = () => {
 
   const { tokenId: tokenIdFromUrl } = router.query
 
-  if (tokenIdFromUrl === 'pools') {
-    redirect('/liquidity/pools')
-  } else if (tokenIdFromUrl === 'positions') {
-    redirect('/liquidity/positions')
-  }
-
-  const parsedTokenId = tokenIdFromUrl ? BigInt(tokenIdFromUrl as string) : undefined
+  const parsedTokenId = Number.isFinite(Number(tokenIdFromUrl)) ? BigInt(tokenIdFromUrl as string) : undefined
 
   const { loading, position: positionDetails } = useV3PositionFromTokenId(parsedTokenId)
 
@@ -553,6 +546,16 @@ export const LiquidityView = () => {
       </Message>
     ) : null
 
+  if (tokenIdFromUrl === 'pools') {
+    router.replace('/liquidity/pools')
+  } else {
+    router.replace('/liquidity/positions')
+  }
+
+  if (!parsedTokenId) {
+    return null
+  }
+
   return (
     <Box mb="40px">
       {!isLoading && <NextSeo title={`${currencyQuote?.symbol}-${currencyBase?.symbol} V3 LP #${tokenIdFromUrl}`} />}