Apply static vnode optimization to elements with directives

[nolanlawson]

Similar to #3518, I don't see any reason why lwc:ref elements shouldn't be statically optimizable. We'd just have to pass in the ref to the VStatic vnode and set it when rendering.

[nolanlawson]

Update: we can probably do this for lwc:inner-html, lwc:external, and maybe some other directives as well.

[git2gus]

This issue has been linked to a new work item: W-13491697

[nolanlawson]

I looked into it (#3550) and decided to do it for lwc:ref but not the others (for now). My reasoning:

• lwc:inner-html seems doable, but low-value – the value of lwc:inner-html will usually be dynamic rather than static anyway
• lwc:external does not use the typical h (HTML) API in api.ts that you might expect, so it seems complex to apply static optimizations to it right now (and also low-value since there aren't a lot of these today)
• lwc:dom is the most promising, but synthetic shadow is deprecated, and plus it ended up being tricky to get synthetic shadow scoping / portals to work properly. I have working code (30b8eef), but it adds a lot of complexity and just doesn't seem very worth it.