chore(cli): update core app template for multiple configurations (#8874)

Author: cngonzalez

packages/@sanity/cli/templates/core-app/src/App.tsx

@@ -4,15 +4,17 @@ import {ExampleComponent} from './ExampleComponent'
 import './App.css'
 
 export function App() {
-  const sanityConfig: SanityConfig = {
-    auth: {
-      authScope: 'global'
+  // apps can access many different projects or other sources of data
+  const sanityConfigs: SanityConfig[] = [
+    {
+      projectId: 'project-id',
+      dataset: 'dataset-name',
     }
-  }
+  ]
 
   return (
     <div className="app-container">
-      <SanityApp sanityConfig={sanityConfig}>
+      <SanityApp sanityConfigs={sanityConfigs}>
         {/* add your own components here! */}
         <ExampleComponent />
       </SanityApp>

packages/@sanity/cli/templates/core-app/src/ExampleComponent.tsx

@@ -13,7 +13,7 @@ export function ExampleComponent() {
         <pre>{`import {YourComponent} from './YourComponent'
 
 // Then use it in your JSX 
-<SanityApp sanityConfig={sanityConfig}>
+<SanityApp sanityConfigs={sanityConfigs}>
   <YourComponent />
 </SanityApp>`}</pre>
       </div>