Apply non-functional formatting normalization in cover image UI helpers.

Adjust import/order and JSX wrapping in ImageInput and IconField to align with Prettier style expectations.

Made-with: Cursor

ui/v2.5/src/components/Shared/ImageInput.tsx

@@ -12,11 +12,11 @@ import { ModalComponent } from "./Modal";
 import { Icon } from "./Icon";
 import {
   faCameraRotate,
+  faCirclePlay,
   faClipboard,
   faFile,
   faLink,
   faPhotoFilm,
-  faCirclePlay
 } from "@fortawesome/free-solid-svg-icons";
 import { PatchComponent } from "src/patch";
 import ImageUtils from "src/utils/image";

ui/v2.5/src/utils/field.tsx

@@ -1,10 +1,10 @@
 import React from "react";
+import { FontAwesomeIconProps } from "@fortawesome/react-fontawesome";
 import { FormattedMessage } from "react-intl";
 import { Link } from "react-router-dom";
 import { ExternalLink } from "src/components/Shared/ExternalLink";
 import { Icon } from "src/components/Shared/Icon";
 import { TruncatedText } from "src/components/Shared/TruncatedText";
-import { FontAwesomeIconProps } from "@fortawesome/react-fontawesome";
 
 interface ITextField {
   id?: string;
@@ -212,7 +212,12 @@ export const IconField: React.FC<IIconField> = ({
         displayValue
       );
       return (
-        <ExternalLink href={url} target={target} title={url} className="flex-grow-1">
+        <ExternalLink
+          href={url}
+          target={target}
+          title={url}
+          className="flex-grow-1"
+        >
           {children}
         </ExternalLink>
       );
@@ -228,11 +233,15 @@ export const IconField: React.FC<IIconField> = ({
         <span
           title={tooltip}
           className={
-            url ? "d-inline-flex align-items-center w-100" : "d-inline-flex align-items-center"
+            url
+              ? "d-inline-flex align-items-center w-100"
+              : "d-inline-flex align-items-center"
           }
           style={url ? { minWidth: 0 } : undefined}
         >
-          {icon && <Icon icon={icon} className={url ? "mr-1 flex-shrink-0" : "mr-1"} />}
+          {icon && (
+            <Icon icon={icon} className={url ? "mr-1 flex-shrink-0" : "mr-1"} />
+          )}
           {renderValue()}
         </span>
       </dd>