improvement(ui): use standard compact icon buttons (#8080)

Co-authored-by: Bill Leoutsakos <billleoutsakos@Mac.localdomain>

Author: BillLeoutsakosvl346

apps/sim/app/workspace/[workspaceId]/tables/[tableId]/components/table-grid/data-row.tsx

@@ -287,11 +287,11 @@ export const DataRow = React.memo(function DataRow({
           {hasWorkflowColumns && (
             <Button
               type='button'
-              variant='ghost'
-              size='sm'
+              variant='quiet'
+              size='icon'
               aria-label={runningCount > 0 ? `Stop ${runningCount} running` : 'Run row'}
               title={runningCount > 0 ? `Stop ${runningCount} running` : 'Run row'}
-              className='size-[20px] shrink-0 p-0 text-[var(--text-primary)] hover-hover:bg-[var(--surface-2)]'
+              className='shrink-0'
               onClick={() => {
                 if (runningCount > 0) {
                   onStopRow(row.id)

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

@@ -345,7 +345,8 @@ const renderLabel = (
                     e.stopPropagation()
                     wandState.onSearchSubmit()
                   }}
-                  className='size-[20px] shrink-0 p-0'
+                  size='icon'
+                  className='shrink-0'
                 >
                   <ArrowUp className='size-[12px]' />
                 </Button>