feat: user profile customization: username, password, and avatar (#315)

frontend/src/app/[locale]/projects/[projectId]/members/MembersTable.tsx

@@ -14,10 +14,11 @@ import {
   DropdownItem,
 } from '@heroui/react';
 import { ChevronDown } from 'lucide-react';
-import Avatar from 'boring-avatars';
 import { MemberType, UserType } from '@/types/user';
 import { memberRoles } from '@/config/selection';
 import { MembersMessages } from '@/types/member';
+import Config from '@/config/config';
+import UserAvatar from '@/components/UserAvatar';
 
 type Props = {
   members: MemberType[];
@@ -56,14 +57,7 @@ export default function MembersTable({ members, isDisabled, onChangeRole, onDele
 
     switch (columnKey) {
       case 'avatar':
-        return (
-          <Avatar
-            size={24}
-            name={member.User.username}
-            variant="beam"
-            colors={['#0A0310', '#49007E', '#FF005B', '#FF7D10', '#FFB238']}
-          />
-        );
+        return <UserAvatar size={24} username={member.User.username} avatarPath={member.User.avatarPath} />;
       case 'email':
         return member.User.email;
       case 'username':