Began reporting client sdk information (#8271)

* Began reporting client sdk information

Author: maneesht

docs-devsite/index.md

@@ -19,6 +19,7 @@ https://github.com/firebase/firebase-js-sdk
 |  [@firebase/app](./app.md#app_package) | Firebase App |
 |  [@firebase/app-check](./app-check.md#app-check_package) | The Firebase App Check Web SDK. |
 |  [@firebase/auth](./auth.md#auth_package) | Firebase Authentication |
+|  [@firebase/data-connect](./data-connect.md#data-connect_package) | Firebase Data Connect |
 |  [@firebase/database](./database.md#database_package) | Firebase Realtime Database |
 |  [@firebase/firestore](./firestore.md#firestore_package) | Cloud Firestore |
 |  [@firebase/functions](./functions.md#functions_package) | Cloud Functions for Firebase |

packages/data-connect/src/network/fetch.ts

@@ -16,12 +16,16 @@
  */
 
 import { Code, DataConnectError } from '../core/error';
+import { SDK_VERSION } from '../core/version';
 import { logDebug, logError } from '../logger';
 
 let connectFetch: typeof fetch | null = globalThis.fetch;
 export function initializeFetch(fetchImpl: typeof fetch) {
   connectFetch = fetchImpl;
 }
+function getGoogApiClientValue(): string {
+  return 'gl-js/ fire/' + SDK_VERSION;
+}
 export function dcFetch<T, U>(
   url: string,
   body: U,
@@ -32,7 +36,8 @@ export function dcFetch<T, U>(
     throw new DataConnectError(Code.OTHER, 'No Fetch Implementation detected!');
   }
   const headers: HeadersInit = {
-    'Content-Type': 'application/json'
+    'Content-Type': 'application/json',
+    'X-Goog-Api-Client': getGoogApiClientValue()
   };
   if (accessToken) {
     headers['X-Firebase-Auth-Token'] = accessToken;