Add rule to prevent dynamic tag usage with createElement

[jcfranco]

Check existing issues

• I have checked for existing issues to avoid duplicates

Description

Stems from #8648 (comment).

Dynamic tags passed to document.createElement prevent the Stencil build from auto-defining them. This rule should help ensure static element tag usage.

Acceptance Criteria

Code like the following is flagged

const tag = someCondition ? "my-component-1" : "my-component-2";
const el = document.createElement(tag);

and the following is fine

const el = someCondition ? 
  document.createElement("my-component-1") : 
  document.createElement("my-component-2");

Relevant Info

No response

Which Component

Any component that is dynamically creating supporting components.

Example Use Case

No response

Priority impact

p4 - not time sensitive

Calcite package

• @esri/calcite-components
• @esri/calcite-components-angular
• @esri/calcite-components-react
• @esri/calcite-design-tokens
• @esri/eslint-plugin-calcite-components

Esri team

Calcite (dev)

[github-actions]

Installed and assigned for verification.

[DitwanP]

🍠 Verified locally on main

The rule is doing what rules do. 🛑