Memoize ConsoleLine

[basil]

A minor performance improvement, not enough to fix fully #823, but enough to be measurable in profiling so I thought I would submit it. See React documentation.

Testing done

With

diff --git a/src/main/frontend/pipeline-console-view/pipeline-console/main/ConsoleLine.tsx b/src/main/frontend/pipeline-console-view/pipeline-console/main/ConsoleLine.tsx
index 7db8a20..87aefab 100644
--- a/src/main/frontend/pipeline-console-view/pipeline-console/main/ConsoleLine.tsx
+++ b/src/main/frontend/pipeline-console-view/pipeline-console/main/ConsoleLine.tsx
@@ -29,6 +29,8 @@ export const ConsoleLine = (props: ConsoleLineProps) => {
     );
   }, []);
 
+  console.log(`Rendering console line ${props.stepId}-${props.lineNumber}`);
+
   return (
     <pre
       style={{ background: "none", border: "none" }}

I saw that previous lines were being re-rendered every time a new line appeared. With this PR, only new lines are rendered, which drastically reduced the number of log statements I saw from thousands to several hundred.

Submitter checklist

• Make sure you are opening from a topic/feature/bugfix branch (right side) and not your main branch!
• Ensure that the pull request title represents the desired changelog entry
• Please describe what you did
• Link to relevant issues in GitHub or Jira
• Link to relevant pull requests, esp. upstream and downstream changes
• Ensure you have provided tests that demonstrate the feature works or the issue is fixed

[basil]

After wrapping the component with memo, the resulting component's name was not automatically inferred, causing ESLint to flag a "missing displayName" error. By defining the component with a named function rather than the arrow syntax, React infers the displayName automatically.

[felipecrs]

+1. That's the exact same thing I did here:

[timja]

(edited your description to not cause it to be closed on merge, wording isn't the best but otherwise GitHub would close it)

[timja]

Tested locally looks great thanks.

I thought it might fix #348 but it doesn't 😢.