feat(ui): improve UI on smaller screens

- responsive changes were causing a lot of weird layout issues, had to remove the rest of them
- canvas (non-beta) toolbar now wraps
- reduces minH for prompt boxes a bit

invokeai/frontend/web/src/features/ui/components/InvokeTabs.tsx

@@ -152,16 +152,18 @@ const InvokeTabs = () => {
       onChange={(index: number) => {
         dispatch(setActiveTab(index));
       }}
-      flexGrow={1}
-      flexDir={{ base: 'column', xl: 'row' }}
-      gap={{ base: 4 }}
+      sx={{
+        flexGrow: 1,
+        gap: 4,
+      }}
       isLazy
     >
       <TabList
-        pt={2}
-        gap={4}
-        flexDir={{ base: 'row', xl: 'column' }}
-        justifyContent={{ base: 'center', xl: 'start' }}
+        sx={{
+          pt: 2,
+          gap: 4,
+          flexDir: 'column',
+        }}
       >
         {tabs}
         <Spacer />

invokeai/frontend/web/src/features/ui/components/PinParametersPanelButton.tsx

@@ -33,7 +33,6 @@ const PinParametersPanelButton = (props: PinParametersPanelButtonProps) => {
         icon={shouldPinParametersPanel ? <BsPinAngleFill /> : <BsPinAngle />}
         variant="ghost"
         size="sm"
-        px={{ base: 10, xl: 0 }}
         sx={{
           color: 'base.700',
           _hover: {