work on non editable approval workflow steps view

src/components/ApprovalWorkflows/RequestedBy.tsx

@@ -1,3 +1,4 @@
+import Image from "next/image";
 import React from "react";
 import { FaRegUser } from "react-icons/fa";
 
@@ -16,9 +17,11 @@ export default function RequestedBy({ name, profileImage }: Props) {
                 <p className="text-sm font-medium text-gray-800">Requested by</p>
                 <div className="flex items-center space-x-2">
                     <p className="text-xs font-medium text-gray-800">{name}</p>
-                    <img
+                    <Image
                         src={profileImage}
                         alt={name}
+                        width={24}
+                        height={24}
                         className="w-6 h-6 rounded-full"
                     />
                 </div>