updates on the ui changes

src/components/UserAvatar.jsx

@@ -1,12 +1,9 @@
-import { Avatar } from '@mui/material';
-import { stringToColor, initials } from '@/utils/format';
+import { Avatar } from '@astryxdesign/core/Avatar';
 
 // ==============================|| INITIALS AVATAR ||============================== //
 
-export default function UserAvatar({ name = '', size = 32, sx }) {
+export default function UserAvatar({ name = '', size = 32 }) {
   return (
-    <Avatar sx={{ width: size, height: size, bgcolor: stringToColor(name), fontSize: size * 0.42, ...sx }}>
-      {initials(name)}
-    </Avatar>
+    <Avatar name={name} size={size} />
   );
 }