Fix token icons on reserve page

[defispartan]

Describe the bug

The ReserveTopDetails component uses:

<img
  src={`/icons/tokens/${poolReserve.iconSymbol.toLowerCase()}.svg`}
  width="40px"
  height="40px"
  alt=""
/>

for displaying token symbols. This should be replaced to use the TokenIcon component which applies additional formatting to fix certain token symbols such as AMM market icons.

To Reproduce

Go to https://app.aave.com/reserve-overview/?underlyingAsset=0x59a19d8c652fa0284f44113d0ff9aba70bd46fb4&marketName=amm_mainnet

Expected behavior

Icon is correct

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context
Add any other context about the problem here.