Dev: add placeholder avatar, change image urls

src/components/Account/UserAvatar.tsx

@@ -2,6 +2,7 @@ import { FC } from 'react';
 import Image from 'next/image';
 import { z } from 'zod';
 import GetUserSchema from '@/services/User/schema/GetUserSchema';
+import { FaUser } from 'react-icons/fa';
 
 interface UserAvatarProps {
   user: {
@@ -13,13 +14,23 @@ interface UserAvatarProps {
 
 const UserAvatar: FC<UserAvatarProps> = ({ user }) => {
   const { userAvatar } = user;
-  return !userAvatar ? null : (
+  return !userAvatar ? (
+    <div
+      className="h-32 w-full bg-primary mask mask-circle flex items-center justify-center"
+      aria-label="Default user avatar"
+      role="img"
+    >
+      <span className="text-2xl font-bold text-base-content h-full">
+        <FaUser className="h-full" />
+      </span>
+    </div>
+  ) : (
     <Image
       src={userAvatar.path}
       alt="user avatar"
       width={1000}
       height={1000}
-      className="h-full w-full object-cover mask mask-circle ring ring-primary ring-offset-base-100 ring-offset-2"
+      className="h-full w-full object-cover mask mask-circle"
     />
   );
 };