feat(ui): memoize all components

invokeai/frontend/web/src/common/components/InvButton/InvButton.tsx

@@ -1,24 +1,33 @@
 import { Button, forwardRef } from '@chakra-ui/react';
 import { InvTooltip } from 'common/components/InvTooltip/InvTooltip';
+import { memo } from 'react';
 
 import type { InvButtonProps } from './types';
 
-export const InvButton = forwardRef<InvButtonProps, typeof Button>(
-  ({ isChecked, tooltip, children, ...rest }: InvButtonProps, ref) => {
-    if (tooltip) {
+export const InvButton = memo(
+  forwardRef<InvButtonProps, typeof Button>(
+    ({ isChecked, tooltip, children, ...rest }: InvButtonProps, ref) => {
+      if (tooltip) {
+        return (
+          <InvTooltip label={tooltip}>
+            <Button
+              ref={ref}
+              colorScheme={isChecked ? 'blue' : 'base'}
+              {...rest}
+            >
+              {children}
+            </Button>
+          </InvTooltip>
+        );
+      }
+
       return (
-        <InvTooltip label={tooltip}>
-          <Button ref={ref} colorScheme={isChecked ? 'blue' : 'base'} {...rest}>
-            {children}
-          </Button>
-        </InvTooltip>
+        <Button ref={ref} colorScheme={isChecked ? 'blue' : 'base'} {...rest}>
+          {children}
+        </Button>
       );
     }
-
-    return (
-      <Button ref={ref} colorScheme={isChecked ? 'blue' : 'base'} {...rest}>
-        {children}
-      </Button>
-    );
-  }
+  )
 );
+
+InvButton.displayName = 'InvButton';