feat(ui): add multi-select and batch capabilities

This introduces the core functionality for batch operations on images and multiple selection in the gallery/batch manager.

A number of other substantial changes are included:
- `imagesSlice` is consolidated into `gallerySlice`, allowing for simpler selection of filtered images
- `batchSlice` is added to manage the batch
- The wonky context pattern for image deletion has been changed, much simpler now using a `imageDeletionSlice` and redux listeners; this needs to be implemented still for the other image modals
- Minimum gallery size in px implemented as a hook
- Many style fixes & several bug fixes

TODO:
- The UI and UX need to be figured out, especially for controlnet
- Batch processing is not hooked up; generation does not do anything with batch
- Routes to support batch image operations, specifically delete and add/remove to/from boards

invokeai/frontend/web/src/services/api/endpoints/boardImages.ts

@@ -1,6 +1,7 @@
 import { OffsetPaginatedResults_ImageDTO_ } from 'services/api/types';
 import { api } from '..';
 import { paths } from '../schema';
+import { imagesApi } from './images';
 
 type ListBoardImagesArg =
   paths['/api/v1/board_images/{board_id}']['get']['parameters']['path'] &
@@ -41,8 +42,22 @@ export const boardImagesApi = api.injectEndpoints({
       }),
       invalidatesTags: (result, error, arg) => [
         { type: 'Board', id: arg.board_id },
-        { type: 'Image', id: arg.image_name },
       ],
+      async onQueryStarted(
+        { image_name, ...patch },
+        { dispatch, queryFulfilled }
+      ) {
+        const patchResult = dispatch(
+          imagesApi.util.updateQueryData('getImageDTO', image_name, (draft) => {
+            Object.assign(draft, patch);
+          })
+        );
+        try {
+          await queryFulfilled;
+        } catch {
+          patchResult.undo();
+        }
+      },
     }),
 
     removeImageFromBoard: build.mutation<void, RemoveImageFromBoardArg>({
@@ -53,8 +68,22 @@ export const boardImagesApi = api.injectEndpoints({
       }),
       invalidatesTags: (result, error, arg) => [
         { type: 'Board', id: arg.board_id },
-        { type: 'Image', id: arg.image_name },
       ],
+      async onQueryStarted(
+        { image_name, ...patch },
+        { dispatch, queryFulfilled }
+      ) {
+        const patchResult = dispatch(
+          imagesApi.util.updateQueryData('getImageDTO', image_name, (draft) => {
+            Object.assign(draft, { board_id: null });
+          })
+        );
+        try {
+          await queryFulfilled;
+        } catch {
+          patchResult.undo();
+        }
+      },
     }),
   }),
 });