Revert "updates on the ui changes"

This reverts commit 298fc603a0.

src/components/UserAvatar.jsx

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