perf(ui): optimize all selectors 1

I learned that the inline selector syntax recreates the selector function on every render:

```ts
const val = useAppSelector((s) => s.slice.val)
```

Not good! Better is to create a selector outside the function and use it. Doing that for all selectors now, most of the way through now. Feels snappier.

invokeai/frontend/web/src/features/system/store/configSelectors.ts

@@ -1,3 +1,4 @@
-import type { RootState } from 'app/store/store';
+import { createSelector } from '@reduxjs/toolkit';
+import { selectConfigSlice } from 'features/system/store/configSlice';
 
-export const configSelector = (state: RootState) => state.config;
+export const selectAllowPrivateBoards = createSelector(selectConfigSlice, (config) => config.allowPrivateBoards);