Add approval by to step details panel and add text size prop to UserWithProfilePicture component

src/components/ApprovalWorkflows/UserWithProfilePic.tsx

@@ -4,12 +4,14 @@ interface Props {
     prefix: string;
     name: string;
     profileImage: string;
+    textSize?: string;
 }
 
-export default function UserWithProfilePic({ prefix, name, profileImage }: Props) {
+export default function UserWithProfilePic({ prefix, name, profileImage, textSize }: Props) {
+    const textClassName = `${textSize ? textSize : "text-xs"} font-medium`
     return (
         <div className="flex items-center space-x-2">
-            <p className="text-xs font-medium">{prefix} {name}</p>
+            <p className={textClassName}>{prefix} {name}</p>
             <Image
                 src={profileImage}
                 alt={name}