Fix: Resolve [object Object] displaying in browser tab title on workflow instance page (#1911)

* fix(orchestrator): use t() instead of Trans component for page title

The Trans component returns an element which becomes [object Object] when used as the browser tab title.
Using the t() function directly returns a string, fixing the issue while maintaining i18n support.

* fix(orchestrator): use t() instead of Trans component for page title

The Trans component returns an element which becomes [object Object] when used as the browser tab title.
Using t() directly returns a string, fixing the issue while maintaining i18n support.

* chore: apply prettier formatting to WorkflowInstancePage.tsx

Author: upendhran

workspaces/orchestrator/.changeset/fix-workflow-instance-browser-title.md

@@ -0,0 +1,7 @@
+---
+'@red-hat-developer-hub/backstage-plugin-orchestrator': patch
+---
+
+Fix browser tab showing `[object Object]` on workflow instance page
+
+Replace `<Trans>` component with `t()` function for page title to ensure a string is returned instead of an element, which was causing `[object Object]` to appear in the browser tab title.

workspaces/orchestrator/plugins/orchestrator/src/components/WorkflowInstancePage/WorkflowInstancePage.tsx

@@ -75,7 +75,6 @@ import { orchestratorTranslationRef } from '../../translations';
 import { deepSearchObject } from '../../utils/deepSearchObject';
 import { isNonNullable } from '../../utils/TypeGuards';
 import { buildUrl } from '../../utils/UrlUtils';
-import { Trans } from '../Trans';
 import { BaseOrchestratorPage } from '../ui/BaseOrchestratorPage';
 import { InfoDialog } from '../ui/InfoDialog';
 import { WorkflowInstancePageContent } from './WorkflowInstancePageContent';
@@ -391,12 +390,9 @@ export const WorkflowInstancePage = () => {
 
   const combinedError: Error | undefined = error || inputSchemaError;
 
-  const title = (
-    <Trans
-      message="run.pageTitle"
-      params={{ processName: value?.processName }}
-    />
-  ) as unknown as string;
+  const title = t('run.pageTitle', {
+    processName: value?.processName ?? '',
+  });
 
   return (
     <BaseOrchestratorPage title={title}>