Reorganises internal state

`options` slice was huge and managed a mix of generation parameters and general app settings. It has been split up:

- Generation parameters are now in `generationSlice`.
- Postprocessing parameters are now in `postprocessingSlice`
- UI related things are now in `uiSlice`

There is probably more to be done, like `gallerySlice` perhaps should only manage internal gallery state, and not if the gallery is displayed.

Full-slice selectors have been made for each slice.

Other organisational tweaks.

invokeai/frontend/src/features/parameters/components/ProcessButtons/InvokeButton.tsx

@@ -0,0 +1,71 @@
+import { useHotkeys } from 'react-hotkeys-hook';
+import { FaPlay } from 'react-icons/fa';
+import { readinessSelector } from 'app/selectors/readinessSelector';
+import { generateImage } from 'app/socketio/actions';
+import { useAppDispatch, useAppSelector } from 'app/storeHooks';
+import IAIButton, { IAIButtonProps } from 'common/components/IAIButton';
+import IAIIconButton, {
+  IAIIconButtonProps,
+} from 'common/components/IAIIconButton';
+import { activeTabNameSelector } from 'features/ui/store/uiSelectors';
+import { useTranslation } from 'react-i18next';
+
+interface InvokeButton
+  extends Omit<IAIButtonProps | IAIIconButtonProps, 'aria-label'> {
+  iconButton?: boolean;
+}
+
+export default function InvokeButton(props: InvokeButton) {
+  const { iconButton = false, ...rest } = props;
+  const dispatch = useAppDispatch();
+  const { isReady } = useAppSelector(readinessSelector);
+  const activeTabName = useAppSelector(activeTabNameSelector);
+
+  const handleClickGenerate = () => {
+    dispatch(generateImage(activeTabName));
+  };
+
+  const { t } = useTranslation();
+
+  useHotkeys(
+    ['ctrl+enter', 'meta+enter'],
+    () => {
+      dispatch(generateImage(activeTabName));
+    },
+    {
+      enabled: () => isReady,
+      preventDefault: true,
+      enableOnFormTags: ['input', 'textarea', 'select'],
+    },
+    [isReady, activeTabName]
+  );
+
+  return (
+    <div style={{ flexGrow: 4 }}>
+      {iconButton ? (
+        <IAIIconButton
+          aria-label={t('parameters:invoke')}
+          type="submit"
+          icon={<FaPlay />}
+          isDisabled={!isReady}
+          onClick={handleClickGenerate}
+          className="invoke-btn"
+          tooltip={t('parameters:invoke')}
+          tooltipProps={{ placement: 'bottom' }}
+          {...rest}
+        />
+      ) : (
+        <IAIButton
+          aria-label={t('parameters:invoke')}
+          type="submit"
+          isDisabled={!isReady}
+          onClick={handleClickGenerate}
+          className="invoke-btn"
+          {...rest}
+        >
+          Invoke
+        </IAIButton>
+      )}
+    </div>
+  );
+}