chore: add and run prettier

remix/app/routes/_index.tsx

@@ -1,15 +1,15 @@
-import type { MetaFunction } from '@remix-run/node';
+import type { MetaFunction } from "@remix-run/node"
 
 export const meta: MetaFunction = () => {
   return [
-    { title: 'DAM: ImageVault integration' },
+    { title: "DAM: ImageVault integration" },
     {
-      name: 'description',
-      content: 'Integration of ImageVault as a DAM for Contentstack',
+      name: "description",
+      content: "Integration of ImageVault as a DAM for Contentstack",
     },
-  ];
-};
+  ]
+}
 
 export default function Index() {
-  return null;
+  return null
 }

remix/app/routes/config.tsx

@@ -1,14 +1,14 @@
-import { Suspense, lazy } from "react";
-import useApp from "~/hooks/useApp";
+import { Suspense, lazy } from "react"
+import useApp from "~/hooks/useApp"
 
-const ConfigForm = lazy(() => import("~/components/ConfigForm"));
+const ConfigForm = lazy(() => import("~/components/ConfigForm"))
 
 export default function ConfigPage() {
-  const { sdk, config } = useApp();
+  const { sdk, config } = useApp()
 
-  const appConfigWidget = sdk?.location.AppConfigWidget;
+  const appConfigWidget = sdk?.location.AppConfigWidget
 
-  const setInstallationData = appConfigWidget?.installation.setInstallationData;
+  const setInstallationData = appConfigWidget?.installation.setInstallationData
 
   if (!config) {
     return (
@@ -17,7 +17,7 @@ export default function ConfigPage() {
           Could not fetch the current configuration, please try again later!
         </p>
       </div>
-    );
+    )
   }
 
   if (!setInstallationData) {
@@ -27,12 +27,12 @@ export default function ConfigPage() {
           THe configuration cannot be updated right now, please try again later!
         </p>
       </div>
-    );
+    )
   }
 
   return (
     <Suspense fallback={<p>Loading config form...</p>}>
       <ConfigForm values={config} setInstallationData={setInstallationData} />
     </Suspense>
-  );
+  )
 }

remix/app/routes/field.tsx

@@ -1,26 +1,26 @@
-import { Suspense, lazy, useEffect, useState } from "react";
-import { useScript } from "usehooks-ts";
-import useApp from "~/hooks/useApp";
+import { Suspense, lazy, useEffect, useState } from "react"
+import { useScript } from "usehooks-ts"
+import useApp from "~/hooks/useApp"
 
-import Disclaimer from "~/components/Disclaimer";
-import InvalidConfig from "~/components/InvalidConfig";
+import Disclaimer from "~/components/Disclaimer"
+import InvalidConfig from "~/components/InvalidConfig"
 
-import { isImageVaultDAMConfig } from "~/utils/imagevault";
-import type { InsertResponse } from "~/types/imagevault";
+import { isImageVaultDAMConfig } from "~/utils/imagevault"
+import type { InsertResponse } from "~/types/imagevault"
 
-const ImageVaultDAM = lazy(() => import("~/components/ImageVaultDAM"));
+const ImageVaultDAM = lazy(() => import("~/components/ImageVaultDAM"))
 
 export default function Field() {
-  const { sdk, config } = useApp();
+  const { sdk, config } = useApp()
   const ivStatus = useScript(
     "/scripts/imagevault-insert-media/insertmediawindow.min.js"
-  );
+  )
 
-  const [showDisclaimer, setShowDisclaimer] = useState(false);
-  const [fieldData, setFieldData] = useState<InsertResponse>();
+  const [showDisclaimer, setShowDisclaimer] = useState(false)
+  const [fieldData, setFieldData] = useState<InsertResponse>()
 
-  const entry = sdk?.location.CustomField?.entry;
-  const field = sdk?.location.CustomField?.field;
+  const entry = sdk?.location.CustomField?.entry
+  const field = sdk?.location.CustomField?.field
 
   useEffect(() => {
     // If we can get field data from the SDK that means the entry has been
@@ -29,30 +29,30 @@ export default function Field() {
     // cannot be referred to by ImageVault. Entry title is also required by us.
     try {
       if (field && entry) {
-        const data = field.getData();
-        const title = entry.getField("title").getData().toString();
+        const data = field.getData()
+        const title = entry.getField("title").getData().toString()
         if (data && title) {
-          setFieldData(data as InsertResponse);
+          setFieldData(data as InsertResponse)
         } else {
-          throw new Error("Missing data or title for entry");
+          throw new Error("Missing data or title for entry")
         }
       }
     } catch (e) {
-      setShowDisclaimer(true);
+      setShowDisclaimer(true)
     }
-  }, [entry, field]);
+  }, [entry, field])
 
   if (showDisclaimer) {
-    return <Disclaimer />;
+    return <Disclaimer />
   }
 
-  const loaded = !!(fieldData && ivStatus === "ready" && sdk && config);
+  const loaded = !!(fieldData && ivStatus === "ready" && sdk && config)
 
   const initialData =
-    fieldData && Object.keys(fieldData).length > 0 ? fieldData : null;
+    fieldData && Object.keys(fieldData).length > 0 ? fieldData : null
 
   if (!loaded) {
-    return <p style={{ fontFamily: "Inter" }}> Loading dependecies...</p>;
+    return <p style={{ fontFamily: "Inter" }}> Loading dependecies...</p>
   }
 
   return (
@@ -65,5 +65,5 @@ export default function Field() {
         <InvalidConfig />
       )}
     </div>
-  );
+  )
 }