Add mobile compatibility concept, Pixel 6 demo video infrastructure, and CI/CD workflow (#1006)

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: thomasnordquist <7721625+thomasnordquist@users.noreply.github.com>

src/spec/SceneBuilder.ts

@@ -22,6 +22,16 @@ export type SceneNames =
   | 'keyboard_shortcuts'
   | 'sparkplugb-decoding'
   | 'end'
+  | 'mobile_intro'
+  | 'mobile_connect'
+  | 'mobile_browse_topics'
+  | 'mobile_search'
+  | 'mobile_view_message'
+  | 'mobile_json_view'
+  | 'mobile_clipboard'
+  | 'mobile_plots'
+  | 'mobile_menu'
+  | 'mobile_end'
 
 export const SCENE_TITLES: Record<SceneNames, string> = {
   connect: 'Connecting to MQTT Broker',
@@ -39,6 +49,16 @@ export const SCENE_TITLES: Record<SceneNames, string> = {
   keyboard_shortcuts: 'Keyboard Shortcuts',
   'sparkplugb-decoding': 'SparkplugB Decoding',
   end: 'The End',
+  mobile_intro: 'MQTT Explorer on Mobile',
+  mobile_connect: 'Connect to MQTT Broker',
+  mobile_browse_topics: 'Browse Topic Tree',
+  mobile_search: 'Search Topics',
+  mobile_view_message: 'View Message Details',
+  mobile_json_view: 'JSON Message Formatting',
+  mobile_clipboard: 'Copy to Clipboard',
+  mobile_plots: 'View Numeric Plots',
+  mobile_menu: 'Settings & Menu',
+  mobile_end: 'Mobile-Friendly MQTT Explorer',
 }
 
 export class SceneBuilder {