chore: Update Studio Beta UI to be back to white background (#31379)

* chore: Update Studio Beta UI to be back to white background

* Add a test for the Studio header and visual snapshot

* update selector to be correct

* Update packages/app/cypress/e2e/studio/studio.cy.ts

Co-authored-by: Bill Glesias <[email protected]>

---------

Co-authored-by: Bill Glesias <[email protected]>

Author: jennifer-shehane

packages/app/cypress/e2e/studio/studio.cy.ts

@@ -33,6 +33,14 @@ describe('Cypress Studio', () => {
       })
     })
 
+    it('displays Studio header', () => {
+      launchStudio({ enableCloudStudio: true })
+
+      cy.viewport(1500, 1000)
+      cy.get('[data-cy="studio-toolbar"]').should('be.visible')
+      cy.percySnapshot()
+    })
+
     it('immediately loads the studio panel', () => {
       const deferred = pDefer()
 

packages/app/src/runner/studio/StudioControls.vue

@@ -1,6 +1,6 @@
 <template>
   <div
-    class="border-y flex border-gray-50 w-full justify-between"
+    class="border-y flex border-gray-50 bg-white w-full justify-between"
     data-cy="studio-toolbar"
   >
     <div class="flex">