[DSRN]: Add badge support to AvatarToken

### **Description**

Upgrade the `AvatarToken` component to support display of `BadgeNetwork` and `BadgeIcon`, representing the network the token is associated with and the action type shown in activity details.

This follows recent UI audit recommendations to improve visual context around token-related activity.

### **Technical Details**

- Integrate `BadgeNetwork` and `BadgeIcon` components within `AvatarToken`
- Ensure proper alignment and positioning per Figma design
- Leverage props to conditionally render badges for network and action type
- Use action-type icons (e.g., send, receive, swap) from shared component library

### **Acceptance Criteria**

- `AvatarToken` renders network and icon badges based on props
- UI matches Figma designs
- Component remains backwards-compatible
- Responsive behavior verified across screen sizes
- Design QA passes (e.g., audit spacing, size, color, etc.)

### **References**

- https://www.figma.com/board/pQa2vI7r08pHiqsAPTWdQ8/Avatar%2C-Token%2C-Network%2C-Icon%2C-Badge-Audit-and-Insight-Report?node-id=0-1&t=0EWeZ4yjDqhzZril-1
- https://www.figma.com/design/1D6tnzXqWgnUC3spaAOELN/%F0%9F%A6%8A%5BWIP%5D-DS-Components-(Shared-UI-lib)?node-id=120-1621&t=E6652Uk8pwcj6f2f-1

Start at the AvatarToken component and the shared BadgeNetwork and BadgeIcon components, then review the linked Figma board and design. Confirm prop-driven conditional rendering, alignment, responsive behavior, backward compatibility, and design QA against the acceptance criteria.

Written by the indexing model from the issue text.