Update "Studio" to "DVC Studio" in titles (#5131)

Author: julieg18

extension/package.json

@@ -1509,7 +1509,7 @@
         },
         {
           "id": "dvc.views.studio",
-          "name": "Studio",
+          "name": "DVC Studio",
           "when": "dvc.commands.available && dvc.project.available"
         },
         {

webview/src/setup/components/App.test.tsx

@@ -820,7 +820,7 @@ describe('App', () => {
       const experiments = screen.getByText('Experiments')
       expect(experiments).toBeInTheDocument()
       expect(screen.queryByText(experimentsText)).not.toBeInTheDocument()
-      const studio = screen.getByText('Studio')
+      const studio = screen.getByText('DVC Studio')
       expect(studio).toBeInTheDocument()
       expect(screen.queryByText(studioButtonText)).not.toBeInTheDocument()
     })
@@ -836,7 +836,7 @@ describe('App', () => {
         }
       })
       mockPostMessage.mockClear()
-      const studio = screen.getByText('Studio')
+      const studio = screen.getByText('DVC Studio')
       expect(studio).toBeInTheDocument()
       expect(screen.queryByText(studioButtonText)).not.toBeInTheDocument()
       const dvc = screen.getByText('DVC')
@@ -858,7 +858,7 @@ describe('App', () => {
         }
       })
       mockPostMessage.mockClear()
-      const studio = screen.getByText('Studio')
+      const studio = screen.getByText('DVC Studio')
       expect(studio).toBeInTheDocument()
       expect(screen.getByText(studioButtonText)).toBeInTheDocument()
       const dvc = screen.getByText('DVC')

webview/src/setup/components/App.tsx

@@ -206,7 +206,7 @@ export const App: React.FC = () => {
       </SetupContainer>
       <SetupContainer
         sectionKey={SetupSection.STUDIO}
-        title="Studio"
+        title="DVC Studio"
         icon={getStudioStatusIcon(!!cliCompatible, isStudioConnected)}
       >
         <Studio

webview/src/setup/components/studio/Connect.tsx

@@ -9,7 +9,7 @@ export const Connect: React.FC<PropsWithChildren> = ({ children }) => {
     <EmptyState isFullScreen={false}>
       <div>
         <h1>
-          Connect to <a href={DEFAULT_STUDIO_URL}>Studio</a>
+          Connect to <a href={DEFAULT_STUDIO_URL}>DVC Studio</a>
         </h1>
         {children}
         <p>

webview/src/setup/components/studio/Settings.tsx

@@ -19,7 +19,7 @@ export const Settings: React.FC<
   return (
     <EmptyState isFullScreen={false}>
       <div>
-        <h1>Studio Settings</h1>
+        <h1>DVC Studio Settings</h1>
         {children}
         <div className={styles.studioSettings}>
           <div className={styles.checkboxWrapper}>