Fix format

packages/app/src/Element/AsyncButton.tsx

@@ -8,25 +8,19 @@ interface AsyncButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>
 }
 
 interface LoaderProps {
-  className: string
+  className: string;
 }
 
-const Loader = ({ className }: LoaderProps ) => (
+const Loader = ({ className }: LoaderProps) => (
   <div className={className}>
-    <svg
-      width="13"
-      height="14"
-      viewBox="0 0 13 14"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
+    <svg width="13" height="14" viewBox="0 0 13 14" fill="none" xmlns="http://www.w3.org/2000/svg">
       <path
         d="M4.38798 12.616C3.36313 12.2306 2.46328 11.5721 1.78592 10.7118C1.10856 9.85153 0.679515 8.82231   0.545268 7.73564C0.411022 6.64897 0.576691 5.54628 1.02433 4.54704C1.47197 3.54779 2.1845 2.69009 3.08475   2.06684C3.98499 1.4436 5.03862 1.07858 6.13148 1.01133C7.22435 0.944078 8.31478 1.17716 9.28464    1.68533C10.2545 2.19349 11.0668 2.95736 11.6336 3.89419C12.2004 4.83101 12.5 5.90507 12.5 7"
         stroke="white"
       />
     </svg>
   </div>
-)
+);
 
 export default function AsyncButton(props: AsyncButtonProps) {
   const [loading, setLoading] = useState<boolean>(false);
@@ -48,7 +42,7 @@ export default function AsyncButton(props: AsyncButtonProps) {
 
   return (
     <button type="button" disabled={loading || props.disabled} {...props} onClick={handle}>
-      <span style={{visibility: (loading ? "hidden" : "visible")}}>{props.children}</span>
+      <span style={{ visibility: loading ? "hidden" : "visible" }}>{props.children}</span>
       {loading && <Loader className="spinner" />}
     </button>
   );

packages/app/src/Pages/settings/Profile.tsx

@@ -16,7 +16,7 @@ import { HexKey } from "@snort/nostr";
 import useFileUpload from "Upload";
 
 import messages from "./messages";
-import AsyncButton from '../../Element/AsyncButton';
+import AsyncButton from "../../Element/AsyncButton";
 
 export interface ProfileSettingsProps {
   avatar?: boolean;