feat: update non standard components to the latest Material Design specs

The goal is to go through non standard components like the following:
- Avatar
- Banner
- Data Table

and reuse recently added theme tokens (shape, motion, typography, colors etc). As these components are non standard, explore similar spec components for consistency.

Latest Material Design specs: https://m3.material.io/

Start by reviewing the Avatar, Banner, and Data Table implementations and the recently added theme tokens for shape, motion, typography, and colors. Compare each component with similar Material Design components using the linked M3 specifications. Done means the non-standard components consistently reuse the relevant tokens and align with the applicable specs.

Written by the indexing model from the issue text.