Fix avatar and optimise images somewhat

web/src/components/ImageUploader/ImageUploader.js

@@ -11,7 +11,14 @@ import Svg from 'src/components/Svg/Svg.js'
 const CLOUDINARY_UPLOAD_PRESET = "CadHub_project_images";
 const CLOUDINARY_UPLOAD_URL = "https://api.cloudinary.com/v1_1/irevdev/upload";
 
-export default function ImageUploader({ onImageUpload, imageUrl, aspectRatio, className, isEditable }) {
+export default function ImageUploader({
+    onImageUpload,
+    imageUrl,
+    aspectRatio,
+    className,
+    isEditable,
+    width=600
+  }) {
   const [isModalOpen, setIsModalOpen] = useState(false)
   const [file, setFile] = useState()
   const [cloudinaryId, setCloudinaryId] = useState(imageUrl)
@@ -61,7 +68,7 @@ export default function ImageUploader({ onImageUpload, imageUrl, aspectRatio, cl
             className="object-cover w-full h-full rounded shadow overflow-hidden"
             cloudName="irevdev"
             publicId={cloudinaryId || 'CadHub/eia1kwru54g2kf02s2xx'}
-            width="600"
+            width={width}
             crop="scale"
           />
         </div>}

web/src/components/PartProfile/PartProfile.js

@@ -46,6 +46,7 @@ const PartProfile = ({userPart, isEditable, onSave, loading, error}) => {
             onImageUpload={() => {}}
             aspectRatio={1}
             imageUrl={userPart.image === 'abc' ? '': userPart.image}
+            width={300}
           />
           <h4 className="text-indigo-800 text-xl underline text-right py-4">{userPart?.name}</h4>
           <div className="h-px bg-indigo-200 mb-4" />
@@ -92,6 +93,7 @@ const PartProfile = ({userPart, isEditable, onSave, loading, error}) => {
             aspectRatio={16/9}
             isEditable={isEditable}
             imageUrl={input?.mainImage}
+            width={1010}
           />}
           <div name="description" className="markdown-overrides rounded-lg shadow-md bg-white p-12 my-8 min-h-md">
             <Editor

web/src/components/UserProfile/UserProfile.js

@@ -37,6 +37,7 @@ const UserProfile = ({user, isEditable, loading, onSave, error}) => {
               aspectRatio={1}
               isEditable={isEditable}
               imageUrl={user.image === 'abc' ? '': user.image}
+              width={300}
             />
           </div>
           <div className="ml-6 flex flex-col justify-between">