Fix mobile styles and update tooltip content

Signed-off-by: Adhitya Mamallan <adhitya.mamallan@uber.com>

Author: adhityamamallan

src/views/workflow-history-v2/config/workflow-history-switch-to-v1-button-tooltip-content.config.ts

@@ -5,10 +5,9 @@ import { type ViewToggleTooltipContentConfig } from '../workflow-history-view-to
 const workflowHistorySwitchToV1ButtonTooltipContentConfig: ViewToggleTooltipContentConfig =
   {
     content: [
-      `The purpose of the new History view is to provide a more compact and 
-          informative overview, including previews, flexible grouped and ungrouped 
-          layouts, deeplinking, and several additional enhancements for 
-          improved navigation and usability.`,
+      `The new History view provides a more compact overview with a table-based 
+          format designed for information density and easier scanning, helping you 
+          find important events faster.`,
       `Please feel free to share any feedback if you encounter anything 
           that seems suboptimal in the new History view.`,
     ],

src/views/workflow-history-v2/workflow-history-header/workflow-history-header.styles.ts

@@ -57,6 +57,11 @@ export const styled = {
       display: 'flex',
       gap: $theme.sizing.scale600,
       ...$theme.typography.HeadingXSmall,
+      flexDirection: 'column',
+      [$theme.mediaQuery.medium]: {
+        alignItems: 'center',
+        flexDirection: 'row',
+      },
     })
   ),
   Actions: createStyled(

src/views/workflow-history/config/workflow-history-switch-to-v2-button-tooltip-content.config.ts

@@ -3,9 +3,10 @@ import { type ViewToggleTooltipContentConfig } from '@/views/workflow-history-v2
 const workflowHistorySwitchToV2ButtonTooltipContentConfig: ViewToggleTooltipContentConfig =
   {
     content: [
-      `The new Workflow History UI provides a more compact and informative
-           overview of your workflow's history, with several enhancements for
-          improved navigation and usability.`,
+      `The new Workflow History UI provides a table-based layout with a more compact
+          overview of your workflow's history, including aggregated event summaries (shown 
+          inline and in a Summary tab), color codes for different event types, a floating 
+          navigation bar for quick event discovery, and a sticky header.`,
       `Click to try it out!`,
     ],
   };

src/views/workflow-history/workflow-history-header/workflow-history-header.styles.ts

@@ -51,6 +51,11 @@ export const styled = {
       display: 'flex',
       gap: $theme.sizing.scale600,
       ...$theme.typography.HeadingXSmall,
+      flexDirection: 'column',
+      [$theme.mediaQuery.medium]: {
+        alignItems: 'center',
+        flexDirection: 'row',
+      },
     })
   ),
   Actions: createStyled(