chore: fix hot token list table style (#7350)

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

<!--
copilot:all
-->
### <samp>🤖 Generated by Copilot at 9ca3ee5</samp>

### Summary
📱🛠️🍽️

<!--
1. 📱 - This emoji represents the improvement of the responsiveness and
usability of the table on smaller screens, which is a common device for
web users.
2. 🛠️ - This emoji represents the fixing of a layout issue, which is a
type of bug or enhancement that affects the appearance and functionality
of the website.
3. 🍽️ - This emoji represents the table component, which is a visual
element of the website that displays data in rows and columns.
-->
Fix table overflow on info page. Add `overflow: hidden` to
`TableWrapper` in `shared.tsx`.

> _`TableWrapper` hides_
> _overflowing table cells_
> _autumn leaves fall neat_

### Walkthrough
* Prevent table overflow on info page by adding `overflow: hidden` to
`TableWrapper`
([link](https://github.com/pancakeswap/pancake-frontend/pull/7350/files?diff=unified&w=0#diff-e8f08a6208b09c2416d8c1a6941b97fc1abd3e87e85730bae7dc48ffdd443fe7R22))

Author: Chef-Yogi

apps/web/src/views/Info/components/InfoTables/shared.tsx

@@ -19,6 +19,7 @@ export const TableWrapper = styled(Flex)`
   ${({ theme }) => theme.mediaQueries.md} {
     border-radius: ${({ theme }) => theme.radii.card};
   }
+  overflow: hidden;
 `
 
 export const PageButtons = styled.div`