feat(bot): ♿️ Make multiple avatar possible

packages/bot-engine/src/components/avatars/Avatar.tsx

@@ -1,18 +1,20 @@
-import React from 'react'
+import React, { useState } from 'react'
 import { isDefined } from 'utils'
 import { DefaultAvatar } from './DefaultAvatar'
 
 export const Avatar = ({ avatarSrc }: { avatarSrc?: string }): JSX.Element => {
-  if (avatarSrc === '') return <></>
-  if (isDefined(avatarSrc))
+  const [currentAvatarSrc] = useState(avatarSrc)
+
+  if (currentAvatarSrc === '') return <></>
+  if (isDefined(currentAvatarSrc))
     return (
       <figure
         className={
           'flex justify-center items-center rounded-full text-white w-6 h-6 text-sm relative xs:w-10 xs:h-10 xs:text-xl'
         }
       >
         <img
-          src={avatarSrc}
+          src={currentAvatarSrc}
           alt="Bot avatar"
           className="rounded-full object-cover w-full h-full"
         />