Web UI frontend automated browser tests (#2223)

* First pass at basic browser tests for #1926

* Run tests against dev web server not go server

* Bundle the web code into the server before running tests

* Move cypress UI tests into its own npm project + add tests

* Add additional tests + wire up with cypress dashboard

* Limit concurrency of workflow jobs

* Temporarily comment out some tests that do not pass in mobile. Will fix later.

web/components/common/ContentHeader/ContentHeader.tsx

@@ -29,8 +29,8 @@ export const ContentHeader: FC<ContentHeaderProps> = ({
         <Logo src={logo} />
       </div>
       <div className={styles.titleSection}>
-        <div className={cn(styles.title, styles.row)}>{name}</div>
-        <div className={cn(styles.subtitle, styles.row)}>
+        <div className={cn(styles.title, styles.row, 'header-title')}>{name}</div>
+        <div className={cn(styles.subtitle, styles.row, 'header-subtitle')}>
           <Linkify>{title || summary}</Linkify>
         </div>
         <div className={cn(styles.tagList, styles.row)}>

web/components/common/UserDropdown/UserDropdown.tsx

@@ -81,7 +81,7 @@ export const UserDropdown: FC<UserDropdownProps> = ({ username: defaultUsername
   );
 
   return (
-    <div className={`${styles.root}`}>
+    <div id="user-menu" className={`${styles.root}`}>
       <Dropdown overlay={menu} trigger={['click']}>
         <Button type="primary" icon={<UserOutlined style={{ marginRight: '.5rem' }} />}>
           <Space>