chore: Add fee info report (#10658)

<!--
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
The focus of this PR is to update dependencies and optimize code
structure for the ZapLiquidityWidget component.

### Detailed summary
- Updated `pnpm` package manager version to `9.10.0`
- Added new imports and optimized existing imports in
`ZapLiquidityWidget.tsx`
- Introduced new props `feeAddress` and `feePcm` in `ZapLiquidityWidget`
component

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

<!-- end pr-codex -->

.github/actions/install-deps/action.yml

@@ -6,7 +6,7 @@ runs:
   steps:
     - uses: pnpm/action-setup@v4
       with:
-        version: 9.9.0
+        version: 9.10.0
 
     - name: Install Node.js
       uses: actions/setup-node@v4

apps/web/src/components/ZapLiquidityWidget.tsx

@@ -1,17 +1,17 @@
-import { Flex, Message, MessageText, ModalContainer, ModalV2, InfoFilledIcon, useToast } from '@pancakeswap/uikit'
-import { useCallback, useMemo, useState } from 'react'
 import '@kyberswap/pancake-liquidity-widgets/dist/style.css'
-import { useTheme } from 'styled-components'
-import { useWalletClient } from 'wagmi'
 import { useTranslation } from '@pancakeswap/localization'
-import useActiveWeb3React from 'hooks/useActiveWeb3React'
-import { useTransactionAdder } from 'state/transactions/hooks'
-import { Pool } from '@pancakeswap/v3-sdk'
 import { Currency } from '@pancakeswap/sdk'
-import dynamic from 'next/dynamic'
-import noop from 'lodash/noop'
+import { Flex, InfoFilledIcon, Message, MessageText, ModalContainer, ModalV2, useToast } from '@pancakeswap/uikit'
+import { Pool } from '@pancakeswap/v3-sdk'
 import { ToastDescriptionWithTx } from 'components/Toast'
+import useActiveWeb3React from 'hooks/useActiveWeb3React'
+import noop from 'lodash/noop'
+import dynamic from 'next/dynamic'
+import { useCallback, useMemo, useState } from 'react'
+import { useTransactionAdder } from 'state/transactions/hooks'
+import { useTheme } from 'styled-components'
 import { getAddress } from 'viem'
+import { useWalletClient } from 'wagmi'
 
 export enum InitDepositToken {
   BASE_CURRENCY,
@@ -113,6 +113,8 @@ export const ZapLiquidityWidget: React.FC<ZapLiquidityProps> = ({
       <ModalV2 closeOnOverlayClick isOpen={isModalOpen} onDismiss={handleOnDismiss}>
         <ModalContainer style={{ maxHeight: '90vh', overflow: 'auto' }}>
           <LiquidityWidget
+            feeAddress="0xB82bb6Ce9A249076Ca7135470e7CA634806De168"
+            feePcm={0}
             onConnectWallet={noop}
             walletClient={walletClient}
             account={account ?? undefined}
@@ -132,7 +134,6 @@ export const ZapLiquidityWidget: React.FC<ZapLiquidityProps> = ({
             }
             poolAddress={poolAddress ?? '0x'}
             theme={isDark ? 'dark' : 'light'}
-            feePcm={pool?.fee}
             onDismiss={handleOnDismiss}
             onTxSubmit={handleTransaction}
             source="zap-widget"

package.json

@@ -9,7 +9,7 @@
     "apis/*",
     "scripts"
   ],
-  "packageManager": "pnpm@9.9.0",
+  "packageManager": "pnpm@9.10.0",
   "scripts": {
     "preinstall": "npx only-allow pnpm",
     "dev": "turbo run dev --filter=web... --concurrency=50",
@@ -75,7 +75,7 @@
   },
   "volta": {
     "node": "20.17.0",
-    "pnpm": "9.9.0"
+    "pnpm": "9.10.0"
   },
   "dependencies": {
     "ws": "^8.17.1",