refactor: use radix ui on workspace avatar (#1819)

packages/component/src/components/workspace-avatar/index.css.ts

@@ -1,5 +1,7 @@
 import { style } from '@vanilla-extract/css';
 export const avatarStyle = style({
+  width: '100%',
+  height: '100%',
   color: '#fff',
   borderRadius: '50%',
   overflow: 'hidden',
@@ -7,8 +9,18 @@ export const avatarStyle = style({
   verticalAlign: 'middle',
 });
 
+export const avatarImageStyle = style({
+  width: '100%',
+  height: '100%',
+  objectFit: 'cover',
+  objectPosition: 'center',
+});
+
 export const avatarTextStyle = style({
+  width: '100%',
+  height: '100%',
   border: '1px solid #fff',
+  textAlign: 'center',
   color: '#fff',
   borderRadius: '50%',
   display: 'inline-flex',