feat: add default user icon and participant list entry component

src/components/custom-ui/participant-list-entry.tsx

@@ -1,24 +1,18 @@
 import React from 'react';
+import Image from 'next/image';
+import { defaultusericon } from '@/assets/usericon/default/defaultusericon-export';
 
 type ParticipantListEntryProps = {
   participant: string;
-  checked?: boolean;
-  onCheck?: (checked: boolean) => void;
+  imageSrc?: string;
 };
 
 export default function ParticipantListEntry({
   participant,
-  checked = false,
-  onCheck,
 }: ParticipantListEntryProps) {
   return (
     <div className='flex items-center gap-2 py-1 ml-5'>
-      <input
-        type='checkbox'
-        checked={checked}
-        onChange={(e) => onCheck?.(e.target.checked)}
-        className='accent-primary cursor-pointer'
-      />
+      <Image src={defaultusericon} alt='Avatar' width={30} height={30} />
       <span>{participant}</span>
     </div>
   );