Dashboard: Fix WalletAddress ens image size (#7935)

<!--

## title your PR with this format: "[SDK/Dashboard/Portal] Feature/Fix: Concise title for the changes"

If you did not copy the branch name from Linear, paste the issue tag here (format is TEAM-0000):

## Notes for the reviewer

Anything important to call out? Be sure to also clarify these in your comments.

## How to test

Unit tests, playground, etc.

-->

<!-- start pr-codex -->

---

## PR-Codex overview
This PR primarily focuses on adjusting the size of certain UI components in the `RecentTransfers` and `WalletAddress` sections, ensuring a more consistent design across the dashboard.

### Detailed summary
- In `RecentTransfers.tsx`, removed the `iconClassName` prop from a component.
- In `wallet-address.tsx`, changed the size of a `div` from `size-6` to `size-5`.
- Updated the `CircleSlashIcon` size from `size-6` to `size-5`.
- Added a `fallback` prop to the `Img` component in `WalletAvatar`.
- Changed the `size` of the `Blobbie` component in `WalletAvatar` from `24` to `20`.

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

<!-- end pr-codex -->

<!-- This is an auto-generated comment: release notes by coderabbit.ai -->

## Summary by CodeRabbit

- New Features
  - Added automatic address-based avatar fallback when a wallet/avatar image isn’t available.

- Style
  - Reduced sizes for the invalid-address badge and zero-address indicator for better visual balance.
  - Adjusted fallback avatar size for improved consistency.
  - Standardized icon sizing in Recent Transfers by removing a custom icon size override.
  - Overall, wallet/address visuals are cleaner and more consistent across the dashboard.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->

Author: MananTank

apps/dashboard/src/@/components/blocks/wallet-address.tsx

@@ -48,7 +48,7 @@ export function WalletAddress(props: {
     return (
       <ToolTipLabel hoverable label={address}>
         <span className="flex items-center gap-2 underline-offset-4 hover:underline">
-          <div className="flex size-6 items-center justify-center rounded-full border bg-background">
+          <div className="flex size-5 items-center justify-center rounded-full border bg-background">
             <XIcon className="size-4 text-muted-foreground" />
           </div>
           Invalid Address
@@ -62,7 +62,7 @@ export function WalletAddress(props: {
     return (
       <div className="flex items-center gap-2 py-2">
         <CircleSlashIcon
-          className={cn("size-6 text-muted-foreground/70", props.iconClassName)}
+          className={cn("size-5 text-muted-foreground/70", props.iconClassName)}
         />
         <span
           className={cn("cursor-pointer font-mono text-sm", props.className)}
@@ -208,14 +208,21 @@ function WalletAvatar(props: {
         <Img
           className={cn("size-5 object-cover", props.iconClassName)}
           src={resolvedAvatarSrc}
+          fallback={
+            <Blobbie
+              address={props.address}
+              className={props.iconClassName}
+              size={20}
+            />
+          }
         />
       ) : props.fallbackIcon ? (
         props.fallbackIcon
       ) : (
         <Blobbie
           address={props.address}
           className={props.iconClassName}
-          size={24}
+          size={20}
         />
       )}
     </div>

apps/dashboard/src/app/(app)/(dashboard)/(chain)/[chain_id]/[contractAddress]/public-pages/erc20/_components/RecentTransfers.tsx

@@ -115,7 +115,6 @@ function RecentTransfersUI(props: {
                           <WalletAddress
                             address={transfer.from_address}
                             client={props.client}
-                            iconClassName="size-4.5"
                           />
                           <ArrowRightIcon className="size-4 text-muted-foreground/50 absolute -right-1 lg:right-3" />
                         </div>
@@ -133,7 +132,6 @@ function RecentTransfersUI(props: {
                             address={transfer.to_address}
                             client={props.client}
                             key={transfer.log_index}
-                            iconClassName="size-4.5"
                           />
                         </div>
                       ))}