monorepo packages (#344)

projects/app/src/components/Avatar/index.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+import { Image } from '@chakra-ui/react';
+import type { ImageProps } from '@chakra-ui/react';
+import { LOGO_ICON } from '@/constants/chat';
+
+const Avatar = ({ w = '30px', ...props }: ImageProps) => {
+  return (
+    <Image
+      fallbackSrc={LOGO_ICON}
+      fallbackStrategy={'onError'}
+      borderRadius={'md'}
+      objectFit={'contain'}
+      alt=""
+      w={w}
+      h={w}
+      p={'1px'}
+      {...props}
+    />
+  );
+};
+
+export default Avatar;