feat: expose analytics OAuth scopes (#32543)

feat: expose analytics Oauth scopes

apps/studio/components/interfaces/Organization/OAuthApps/AuthorizeRequesterDetails.tsx

@@ -78,6 +78,11 @@ const AuthorizeRequesterDetails = ({
           <span className="text-amber-900">selected organization and all of its projects.</span>
         </p>
         <div className="pt-2">
+          <ScopeSection
+            description="access to analytics logs."
+            hasReadScope={scopes.includes(OAuthScope.ANALYTICS_READ)}
+            hasWriteScope={scopes.includes(OAuthScope.ANALYTICS_WRITE)}
+          />
           <ScopeSection
             description="access to auth configurations and SSO providers."
             hasReadScope={scopes.includes(OAuthScope.AUTH_READ)}

apps/studio/components/interfaces/Organization/OAuthApps/PublishAppSidePanel/Scopes.tsx

@@ -106,6 +106,14 @@ export const ScopesPanel = ({
 }) => {
   return (
     <div className="-space-y-px">
+      <Scope
+        title="Analytics"
+        description="Analytics logs."
+        readScopeName={OAuthScope.ANALYTICS_READ}
+        writeScopeName={OAuthScope.ANALYTICS_WRITE}
+        scopes={scopes}
+        setScopes={setScopes}
+      />
       <Scope
         title="Auth"
         description="Auth configurations and SSO providers."