feat(prompts): 💄 increase prompt font size (#8712)

* feat(prompts): 💄 increase prompt font size

* style(prompts): 🚨 satisfy linter

Author: joshistoast

invokeai/frontend/web/src/features/controlLayers/components/RegionalGuidance/RegionalGuidanceNegativePrompt.tsx

@@ -64,7 +64,7 @@ export const RegionalGuidanceNegativePrompt = memo(() => {
           paddingInlineEnd={8}
           zIndex="0 !important"
           fontFamily="mono"
-          fontSize="sm"
+          fontSize="0.82rem"
           _focusVisible={_focusVisible}
         />
         <Flex

invokeai/frontend/web/src/features/controlLayers/components/RegionalGuidance/RegionalGuidancePositivePrompt.tsx

@@ -65,7 +65,7 @@ export const RegionalGuidancePositivePrompt = memo(() => {
           minH={28}
           zIndex="0 !important"
           fontFamily="mono"
-          fontSize="sm"
+          fontSize="0.82rem"
           _focusVisible={_focusVisible}
         />
         <Flex

invokeai/frontend/web/src/features/dynamicPrompts/components/ParamDynamicPromptsPreview.tsx

@@ -51,7 +51,9 @@ const ParamDynamicPromptsPreview = () => {
           <OrderedList stylePosition="inside" ms={0}>
             {prompts.map((prompt, i) => (
               <ListItem fontSize="sm" key={`${prompt}.${i}`} sx={listItemStyles}>
-                <Text as="span">{prompt}</Text>
+                <Text as="span" fontFamily="mono" fontSize="0.82rem">
+                  {prompt}
+                </Text>
               </ListItem>
             ))}
           </OrderedList>

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

@@ -77,7 +77,7 @@ export const ParamNegativePrompt = memo(() => {
           paddingTop={0}
           paddingBottom={3}
           fontFamily="mono"
-          fontSize="sm"
+          fontSize="0.82rem"
         />
         <PromptOverlayButtonWrapper>
           <AddPromptTriggerButton isOpen={isOpen} onOpen={onOpen} />

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

@@ -218,7 +218,7 @@ export const ParamPositivePrompt = memo(() => {
             resize="vertical"
             minH={32}
             fontFamily="mono"
-            fontSize="sm"
+            fontSize="0.82rem"
           />
           <PromptOverlayButtonWrapper>
             <Flex flexDir="column" gap={2} justifyContent="flex-start" alignItems="center">