refactor(ui): use shared icon buttons in card headers

Author: Bill Leoutsakos

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/editor/components/sub-block/components/knowledge-tag-filters/knowledge-tag-filters.tsx

@@ -252,24 +252,24 @@ export function KnowledgeTagFilters({
     <>
       <Button
         variant='ghost'
+        size='icon'
         onClick={(e) => {
           e.stopPropagation()
           addFilter()
         }}
         disabled={isReadOnly}
-        className='h-auto p-0'
       >
         <Plus className='size-[14px]' />
         <span className='sr-only'>Add Filter</span>
       </Button>
       <Button
         variant='ghost-destructive'
+        size='icon'
         onClick={(e) => {
           e.stopPropagation()
           removeFilter(filter.id)
         }}
         disabled={isReadOnly}
-        className='h-auto p-0'
       >
         <Trash className='size-[14px]' />
         <span className='sr-only'>Delete Filter</span>

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/variables/variables.tsx

@@ -453,11 +453,11 @@ export function Variables({ readOnly = false }: VariablesProps) {
                   actions={
                     <Button
                       variant='ghost-destructive'
+                      size='icon'
                       onClick={(e) => {
                         e.stopPropagation()
                         handleRemoveVariable(variable.id)
                       }}
-                      className='h-auto p-0'
                       disabled={readOnly}
                       aria-label={`Delete ${variable.name || `variable ${index + 1}`}`}
                     >