chore: autofocus column name, make delete column button smaller

Author: pregnantboy

packages/frontend/src/pages/Tile/components/TableHeader/ColumnHeaderCell.tsx

@@ -176,6 +176,7 @@ function ColumnHeaderCell({
               <Button
                 leftIcon={<Icon as={BiTrash} boxSize={4} />}
                 variant="link"
+                size="xs"
                 py={2}
                 color="interaction.critical.default"
                 _hover={{

packages/frontend/src/pages/Tile/components/TableHeader/EditColumnName.tsx

@@ -32,6 +32,8 @@ export default function EditColumnName({
       {isEditingColumnName ? (
         <>
           <Input
+            autoFocus
+            onFocus={(e) => e.target.select()}
             size="sm"
             value={newColumnName}
             onChange={(e) => setNewColumnName(e.target.value)}
@@ -40,7 +42,6 @@ export default function EditColumnName({
                 onSave()
               }
             }}
-            onBlur={onSave}
           />
           <IconButton
             aria-label="save"