code connects for Avatar, AvatarGroup and StatusBadge

[sungik-choi]

Self Checklist

• [x] I wrote a PR title in English and added an appropriate label to the PR.
• [x] I wrote the commit message in English and to follow the Conventional Commits specification.
• [x] I added the changeset about the changes that needed to be released. (or didn't have to)
• [x] I wrote or updated documentation related to the changes. (or didn't have to)
• [x] I wrote or updated tests related to the changes. (or didn't have to)
• [x] I tested the changes in various browsers. (or didn't have to)
  • Windows: Chrome, Edge, (Optional) Firefox
  • macOS: Chrome, Edge, Safari, (Optional) Firefox

Related Issue

Summary

AlphaAvatar, AlphaAvatarGroup, AlphaStatusBadge에 대한 Code Connect 추가

Details

• Avatar의 status를 처리하는 방식이 굉장히 까다로웠습니다. example 문에서 props 변환외에 조건식을 평가하거나 하지 않기 때문에 모든 enum 경우의 수에서 같은 객체를 반환하도록 처리해야했습니다.
• nestedProps의 첫번째 인자는 피그마의 레이어명과 동일해야하는데, 피그마 내부의 사소한 결정에도 구현 의존성이 생기는 점이 아쉬웠습니다. 똑똑하게 처리해주면 좋을텐데요...
• StatusBadge의 'lock' 에 해당하는 구현이 추가되어야합니다.

Breaking change? (Yes/No)

No

References

• https://github.com/figma/code-connect/blob/main/docs/react.md#nested-properties

[changeset-bot[bot]]

⚠️ No Changeset found

Latest commit: d9baef2d00f803fea51644ebbeb7f5a44a79324f

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[channeltalk[bot]]

https://desk.channel.io/#/channels/1/team_chats/groups/1237/672da6fc4f99539bb9b5

[codecov[bot]]

Codecov Report

All modified and coverable lines are covered by tests :white_check_mark:

Project coverage is 82.27%. Comparing base (bc02a88) to head (d9baef2). Report is 3 commits behind head on main.

Additional details and impacted files

```diff @@ Coverage Diff @@ ## main #2492 +/- ## ========================================== + Coverage 82.16% 82.27% +0.11% ========================================== Files 147 143 -4 Lines 2983 2979 -4 Branches 904 917 +13 ========================================== Hits 2451 2451 + Misses 527 497 -30 - Partials 5 31 +26 ```

:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.

[github-actions[bot]]

Chromatic Report

🚀 Congratulations! Your build was successful!

• Storybook Preview
• Chromatic Build

[yangwooseong]

Avatar 내부 구현에서 아직 Status 컴포넌트를 StatusBadge로 대체하지 않은 상태였네요. lock 부분이랑 같이 작업해놓을게요