feat(VEOHeader): Add Timezone switcher to the header (#5903)

* feat(VEOHeader): Add TimeZone selector to the header

* chore: prettier

* chore: import

Author: ChitlangeSahas

src/dashboards/components/VEO.scss

@@ -25,6 +25,8 @@
   align-items: stretch;
   width: 100%;
   flex: 1 0 0;
+  padding-left: $cf-space-l;
+  padding-right: $cf-space-l;
   padding-bottom: $cf-space-s;
 }
 

src/dashboards/components/VEOHeader.tsx

@@ -12,6 +12,7 @@ import {
 } from '@influxdata/clockface'
 import VisOptionsButton from 'src/timeMachine/components/VisOptionsButton'
 import ViewTypeDropdown from 'src/timeMachine/components/ViewTypeDropdown'
+import TimeZoneDropdown from 'src/shared/components/TimeZoneDropdown'
 
 // Constants
 import {
@@ -48,6 +49,7 @@ class VEOHeader extends PureComponent<Props> {
             <VisOptionsButton />
           </Page.ControlBarLeft>
           <Page.ControlBarRight>
+            <TimeZoneDropdown />
             <SquareButton
               icon={IconFont.Remove_New}
               onClick={onCancel}