Migrate highlight.js API Call Usage in TextualBody.tsx

[mustafa-kapadia1483]

Checklist

• Linter and other CI checks pass
• Sign-off given on the changes (see CONTRIBUTING.md)

Type: Task
Updated highlight usage to use highlight(code, options) instead as highlight(lang, code, ...args) has been deprecated
fixes Update highlight.js usage in-code #22233

Signed-off-by: Mustafa Kapadia mustafakapadia76@gmail.com

---

This change is marked as an internal change (Task), so will not be included in the changelog.

[dbkr]

Also, I don't think you need a 'Notes' tag in this PR: it's not a user-facing change so it doesn't need to be in the changelog (the explanation is useful though, so I'd keep it in the description, just not as a changelog note).

[mustafa-kapadia1483]

Thank You @dbkr for reviewing the changes, I have made the changes as per the review

[dbkr]

We use the loglevel library for logging, so no console.log statements, although I don't think a log line is necessary here - it could get quite noisy.

[mustafa-kapadia1483]

@dbkr there was a console.log when codeTextContent.length > MAX_HIGHLIGHT_LENGTH hence I thought same process should be replicated when exiting early for empty string / null

ref:

if (codeTextContent.length > MAX_HIGHLIGHT_LENGTH) {
    console.log(
        "Code block is bigger than highlight limit (" +
            codeTextContent.length +
            " > " +
            MAX_HIGHLIGHT_LENGTH +
            "): not highlighting",
    );
    return;
}

Should both console.logs be removed then ?

[t3chguy]

Duplicate of #9923

[mustafa-kapadia1483]

Duplicate of #9923

@t3chguy, this PR was fixing the static Static Analysis / Typescript Strict Error Checker (--strict --noImplicitAny) error in #9923