fix(bulk-import): fix runtime error on click of Preview PR (#625)

Author: debsmita1

workspaces/bulk-import/.changeset/moody-chicken-design.md

@@ -0,0 +1,5 @@
+---
+'@red-hat-developer-hub/backstage-plugin-bulk-import': patch
+---
+
+fixes runtime error on click of Preview PR in localhost/dev mode

workspaces/bulk-import/plugins/bulk-import/src/components/PreviewFile/PreviewPullRequestForm.tsx

@@ -268,6 +268,8 @@ export const PreviewPullRequestForm = ({
       </Box>
 
       <TextField
+        // eslint-disable-next-line no-restricted-syntax
+        id={`${approvalTool} title`.toLowerCase().split(' ').join('-')}
         label={`${approvalTool} title`}
         placeholder="Add Backstage catalog entity descriptor files"
         variant="outlined"
@@ -282,6 +284,8 @@ export const PreviewPullRequestForm = ({
       />
 
       <TextField
+        // eslint-disable-next-line no-restricted-syntax
+        id={`${approvalTool} body`.toLowerCase().split(' ').join('-')}
         label={`${approvalTool} body`}
         placeholder="A describing text with Markdown support"
         margin="normal"
@@ -301,6 +305,7 @@ export const PreviewPullRequestForm = ({
       </Box>
 
       <TextField
+        id="component-name"
         label="Name of the created component"
         placeholder="Component Name"
         margin="normal"