feat: move auto refresh button and update display name (#3722)

* feat: change display name for auto refresh button & move this button next to run button

* fix(test): update the display name for auto refresh button in test

Author: appletreeisyellow

cypress/e2e/shared/dashboardsRefresh.test.ts

@@ -172,14 +172,14 @@ describe('Dashboard refresh', () => {
         cy.wait(5000)
         cy.getByTestID(
           'enable-auto-refresh-button'
-        ).contains('ENABLE AUTO REFRESH', {matchCase: false})
+        ).contains('SET AUTO REFRESH', {matchCase: false})
       })
     })
     it('can timeout on a preset inactivity timeout', done => {
       cy.get<Organization>('@org').then((org: Organization) => {
         cy.getByTestID(
           'enable-auto-refresh-button'
-        ).contains('ENABLE AUTO REFRESH', {matchCase: false})
+        ).contains('SET AUTO REFRESH', {matchCase: false})
 
         cy.getByTestID('enable-auto-refresh-button').click()
         cy.getByTestID('auto-refresh-input')
@@ -214,7 +214,7 @@ describe('Dashboard refresh', () => {
         cy.wait(3100)
         cy.getByTestID(
           'enable-auto-refresh-button'
-        ).contains('ENABLE AUTO REFRESH', {matchCase: false})
+        ).contains('SET AUTO REFRESH', {matchCase: false})
 
         cy.wait('@refreshQuery')
         cy.wait('@refreshQuery')

src/dashboards/components/DashboardHeader.tsx

@@ -258,7 +258,7 @@ const DashboardHeader: FC<Props> = ({
             text={
               isActive
                 ? `Refreshing Every ${autoRefresh.label}`
-                : 'Enable Auto Refresh'
+                : 'Set Auto Refresh'
             }
             color={isActive ? ComponentColor.Secondary : ComponentColor.Default}
             onClick={

src/flows/components/header/AutoRefreshButton.tsx

@@ -100,9 +100,7 @@ const AutoRefreshButton: FC = () => {
   return (
     <Button
       text={
-        isActive
-          ? `Refreshing Every ${autoRefresh?.label}`
-          : 'Enable Auto Refresh'
+        isActive ? `Refreshing Every ${autoRefresh?.label}` : 'Set Auto Refresh'
       }
       color={isActive ? ComponentColor.Secondary : ComponentColor.Default}
       onClick={

src/flows/components/header/index.tsx

@@ -389,13 +389,13 @@ const FlowHeader: FC = () => {
         <Page.ControlBar fullWidth>
           <Page.ControlBarLeft>
             <Submit />
+            {isFlagEnabled('flowAutoRefresh') && <AutoRefreshButton />}
             <SaveState />
           </Page.ControlBarLeft>
           <Page.ControlBarRight>
             <PresentationMode />
             <TimeZoneDropdown />
             <TimeRangeDropdown />
-            {isFlagEnabled('flowAutoRefresh') && <AutoRefreshButton />}
             {flow?.id && (
               <>
                 <SquareButton