feat(ui): fiddle w/ staging area header

invokeai/frontend/web/src/features/controlLayers/components/SimpleSession/StagingAreaHeader.tsx

@@ -1,5 +1,5 @@
 /* eslint-disable i18next/no-literal-string */
-import { Button, Flex, FormControl, FormLabel, Spacer, Switch, Text } from '@invoke-ai/ui-library';
+import { Button, Divider, Flex, FormControl, FormLabel, Spacer, Switch, Text } from '@invoke-ai/ui-library';
 import { useStore } from '@nanostores/react';
 import { useAppDispatch } from 'app/store/storeHooks';
 import { useCanvasSessionContext } from 'features/controlLayers/components/SimpleSession/context';
@@ -24,16 +24,17 @@ export const StagingAreaHeader = memo(() => {
   );
 
   return (
-    <Flex gap={2} w="full" alignItems="center">
+    <Flex gap={4} w="full" alignItems="center" px={2}>
       <Text fontSize="lg" fontWeight="bold">
-        Generations
+        Staging Area
       </Text>
       <Spacer />
       <FormControl w="min-content">
         <FormLabel m={0}>Auto-switch</FormLabel>
         <Switch size="sm" isChecked={autoSwitch} onChange={onChangeAutoSwitch} />
       </FormControl>
-      <Button size="sm" variant="ghost" onClick={startOver}>
+      <Divider orientation="vertical" />
+      <Button size="sm" variant="link" onClick={startOver}>
         Start Over
       </Button>
     </Flex>