feat(ui): disable spellcheck on prompt boxes

These are almost guaranteed to have non-english words - disable the spellcheck to prevent red squigglies.

Author: psychedelicious

invokeai/frontend/web/src/features/controlLayers/components/RGLayer/RGLayerNegativePrompt.tsx

@@ -46,6 +46,7 @@ export const RGLayerNegativePrompt = memo(({ layerId }: Props) => {
           paddingRight={30}
           fontSize="sm"
           fontStyle="oblique 10deg"
+          spellCheck={false}
         />
         <PromptOverlayButtonWrapper>
           <RGLayerPromptDeleteButton layerId={layerId} polarity="negative" />

invokeai/frontend/web/src/features/controlLayers/components/RGLayer/RGLayerPositivePrompt.tsx

@@ -45,6 +45,7 @@ export const RGLayerPositivePrompt = memo(({ layerId }: Props) => {
           variant="darkFilled"
           paddingRight={30}
           minH={28}
+          spellCheck={false}
         />
         <PromptOverlayButtonWrapper>
           <RGLayerPromptDeleteButton layerId={layerId} polarity="positive" />

invokeai/frontend/web/src/features/parameters/components/Core/ParamNegativePrompt.tsx

@@ -40,6 +40,7 @@ export const ParamNegativePrompt = memo(() => {
           variant="darkFilled"
           paddingRight={30}
           fontStyle="oblique 10deg"
+          spellCheck={false}
         />
         <PromptOverlayButtonWrapper>
           <AddPromptTriggerButton isOpen={isOpen} onOpen={onOpen} />

invokeai/frontend/web/src/features/parameters/components/Core/ParamPositivePrompt.tsx

@@ -55,6 +55,7 @@ export const ParamPositivePrompt = memo(() => {
           onKeyDown={onKeyDown}
           variant="darkFilled"
           paddingRight={30}
+          spellCheck={false}
         />
         <PromptOverlayButtonWrapper>
           <AddPromptTriggerButton isOpen={isOpen} onOpen={onOpen} />

invokeai/frontend/web/src/features/sdxl/components/SDXLPrompts/ParamSDXLNegativeStylePrompt.tsx

@@ -43,6 +43,7 @@ export const ParamSDXLNegativeStylePrompt = memo(() => {
           variant="darkFilled"
           paddingRight={30}
           fontStyle="oblique 10deg"
+          spellCheck={false}
         />
         <PromptOverlayButtonWrapper>
           <AddPromptTriggerButton isOpen={isOpen} onOpen={onOpen} />

invokeai/frontend/web/src/features/sdxl/components/SDXLPrompts/ParamSDXLPositiveStylePrompt.tsx

@@ -39,6 +39,7 @@ export const ParamSDXLPositiveStylePrompt = memo(() => {
           fontSize="sm"
           variant="darkFilled"
           paddingRight={30}
+          spellCheck={false}
         />
         <PromptOverlayButtonWrapper>
           <AddPromptTriggerButton isOpen={isOpen} onOpen={onOpen} />