linting and some type fixes

ui/frontend/build_src/src/api/index.ts

@@ -61,14 +61,14 @@ export type ImageOutput = {
   data: string;
   path_abs: string | null;
   seed: number;
-}
+};
 
 export type ImageReturnType = {
   output: ImageOutput[];
   request: {};
-  status: string,
+  status: string;
-  session_id: string,
+  session_id: string;
-}
+};
 
 export const MakeImageKey = "MakeImage";
 export const doMakeImage = async (reqBody: ImageRequest) => {

ui/frontend/build_src/src/components/organisms/creationPanel/advancedSettings/propertySettings/index.tsx

@@ -96,7 +96,7 @@ export default function PropertySettings() {
 
           <div className={SettingItem}>
             <label>
-              {t("settings.steps")} {" "}
+              {t("settings.steps")}{" "}
               <input
                 value={steps}
                 onChange={(e) => {
@@ -127,7 +127,7 @@ export default function PropertySettings() {
           {initImage && (
             <div className={SettingItem}>
               <label>
-                {t("settings.prompt-str")} {" "}
+                {t("settings.prompt-str")}{" "}
                 <input
                   value={promptStrength}
                   onChange={(e) =>

ui/frontend/build_src/src/components/organisms/creationPanel/basicCreation/index.tsx

@@ -35,7 +35,6 @@ export default function BasicCreation() {
       <SeedImage></SeedImage>
 
       <ActiveTags></ActiveTags>
-
     </div>
   );
 }

ui/frontend/build_src/src/components/organisms/creationPanel/basicCreation/makeButton/index.tsx

@@ -24,7 +24,6 @@ export default function MakeButton() {
   const setRequestOption = useImageCreate((state) => state.setRequestOptions);
 
   const makeImages = () => {
-
     // potentially update the seed
     if (isRandomSeed) {
       // update the seed for the next time we click the button
@@ -78,7 +77,6 @@ export default function MakeButton() {
         seed,
       });
     });
-
   };
 
   return (

ui/frontend/build_src/src/components/organisms/creationPanel/imageModifiers/index.tsx

@@ -1,6 +1,5 @@
 import React, { useState } from "react";
 
-
 // @ts-expect-error
 import { PanelBox } from "../../../../styles/shared.css.ts";
 

ui/frontend/build_src/src/components/organisms/displayPanel/displayPanel.css.ts

@@ -1,6 +1,5 @@
 import { style } from "@vanilla-extract/css";
 
-
 export const displayPanel = style({
   height: "100%",
   display: "flex",
@@ -15,5 +14,4 @@ export const displayContainer = style({
   alignItems: "center",
 });
 
-export const previousImages = style({
+export const previousImages = style({});
-});

ui/frontend/build_src/src/components/organisms/displayPanel/index.tsx

@@ -5,7 +5,12 @@ import { ImageRequest, useImageCreate } from "../../../stores/imageCreateStore";
 
 import { useQuery, useQueryClient } from "@tanstack/react-query";
 
-import { doMakeImage, MakeImageKey, ImageReturnType, ImageOutput } from "../../../api";
+import {
+  doMakeImage,
+  MakeImageKey,
+  ImageReturnType,
+  ImageOutput,
+} from "../../../api";
 
 import AudioDing from "./audioDing";
 
@@ -93,7 +98,6 @@ export default function DisplayPanel() {
 
   // this is where we generate the list of completed images
   useEffect(() => {
-
     const completedQueries = completedIds.map((id) => {
       const imageData = queryClient.getQueryData([MakeImageKey, id]);
       return imageData;

ui/frontend/build_src/src/stores/imageQueueStore.ts

@@ -14,7 +14,6 @@ interface ImageQueueState {
   clearCachedIds: () => void;
 }
 
-
 export const useImageQueue = create<ImageQueueState>((set, get) => ({
   images: [],
   completedImageIds: [],