use actual NotebookCellStatusBarItem

Author: jankuca

src/notebooks/deepnote/sqlCellStatusBarProvider.ts

@@ -2,10 +2,12 @@ import {
     CancellationToken,
     EventEmitter,
     NotebookCell,
+    NotebookCellStatusBarAlignment,
     NotebookCellStatusBarItem,
     NotebookCellStatusBarItemProvider,
     NotebookDocument,
     ProviderResult,
+    l10n,
     notebooks
 } from 'vscode';
 import { inject, injectable } from 'inversify';
@@ -96,15 +98,13 @@ export class SqlCellStatusBarProvider implements NotebookCellStatusBarItemProvid
         const displayName = config?.name || integrationId;
 
         // Create a status bar item that opens the integration management UI
-        return {
-            text: `$(database) ${displayName}`,
-            alignment: 1, // NotebookCellStatusBarAlignment.Left
-            tooltip: `SQL Integration: ${displayName}\nClick to configure`,
-            command: {
-                title: 'Configure Integration',
-                command: Commands.ManageIntegrations,
-                arguments: [integrationId]
-            }
+        const item = new NotebookCellStatusBarItem(`$(database) ${displayName}`, NotebookCellStatusBarAlignment.Left);
+        item.tooltip = l10n.t('SQL Integration: {0}\nClick to configure', displayName);
+        item.command = {
+            title: l10n.t('Configure Integration'),
+            command: Commands.ManageIntegrations,
+            arguments: [integrationId]
         };
+        return item;
     }
 }