<Avatar> does not respect size property when used with placeholderInitials property

[rpocklin]

Describe the bug
When using the placeholderInitials property, the Avatar component does not respect any specified valid size properties.

This is due to:

• The size being hard coded as w-10 h-10 in the avatar.root.initials.base theme defaults here
• The size class property not being included when being rendered here

To Reproduce
Steps to reproduce the behavior:

1. Define an Avatar component as follows:
2. <Avatar placeholderInitials="RR" size="xl" />
3. Inspect the styling when rendered and note that the xl size has not been applied, and sizing is fixed at w-10 h-10.

Expected behaviour
Expect that size="xl" (or any other valid specified size) takes effect when used.

Screenshots
Before

After

System information:
N/A

Project information:

• Tailwind: 3.2.7
• Flowbite: 1.6.3
• Flowbite React: 0.4.1
• Type: CRA

Additional context

• Added a unit test that was failing before code changes were applied to Avatar.tsx
• Added example in AvatarPage.tsx to visually see the size differences successfully rendered when using placeholderInitials.