refactor: improve layout and event handling in Header and FieldItem components

web/app/components/datasets/create/website/base/header.tsx

@@ -30,21 +30,23 @@ const Header = ({
         )}>
           {title}
         </div>
-        <Divider type='vertical' className='mx-1 h-3.5' />
         {!isInPipeline && (
-          <Button
-            variant='secondary'
-            size='small'
-            className='px-1.5'
-          >
-            <RiEqualizer2Line
-              className='h-4 w-4'
-              onClick={onClickConfiguration}
-            />
-            <span className='system-xs-medium'>
-              {buttonText}
-            </span>
-          </Button>
+          <>
+            <Divider type='vertical' className='mx-1 h-3.5' />
+            <Button
+              variant='secondary'
+              size='small'
+              className='px-1.5'
+            >
+              <RiEqualizer2Line
+                className='h-4 w-4'
+                onClick={onClickConfiguration}
+              />
+              <span className='system-xs-medium'>
+                {buttonText}
+              </span>
+            </Button>
+          </>
         )}
       </div>
       <a