chore: Update Avatar to use createStencil and createComponent

[kaconant]

Summary

Starting to refactor the Avatar component to use the new createStencil and createComponent conventions.

Currently a WIP as these changes break the build - getting the following error:

ERROR in ./modules/react/avatar/lib/Avatar.tsx. Module build failed (from ./.storybook/style-transform-loader.js): Error: Unknown type at: "Property.AlignContent". Received "AlignContent"

Seeing this error even if remove objectFit?: Property.ObjectFit; which seems like one of the only items related.

Resolves: #1738

Release Category

Components: Avatar.tsx

---

Checklist

Will do the following once have a more stable branch!

• MDX documentation adheres to Canvas Kit's Documentation Guidelines
• Label ready for review has been added to PR

For the Reviewer

• PR title is short and descriptive
• PR summary describes the change (Fixes/Resolves linked correctly)
• PR Release Notes describes additional information useful to call out in a release message or removed if not applicable
• Breaking Changes provides useful information to upgrade to this code or removed if not applicable

Where Should the Reviewer Start?

• Review to see if direction is right. Currently working with @mannycarrera4.

Areas for Feedback? (optional)

• Code
• Documentation
• Testing
• Codemods

Testing Manually

Screenshots or GIFs (if applicable)

Typically, you would test in storybook by going to the Avatar Component and adjusting with the stories. Unfortunately storybook isn't currently loading with the current config.

Thank You Gif