ProgressTableLessonNumber

[cforkish]

this PR represents a combined effort between @cforkish and @maureensturgeon, and was extracted from the full refactor work in #38309.

this is a refactored version of SectionProgressLessonNumberCell for use in the refactored progress tables. the primary difference in this version is to render the tooltip directly in this component, which prevents us from having to re-render all tooltips when the table is scrolled.

you can refer to this tech spec to see how this component fits into the full table architecture.

[jamescodeorg]

LGTM. I think the detail that you included in the PR description about why the tooltip is rendered in the component is important and should probably included in comments in the code somewhere?

[jamescodeorg]

I think this can be written as to.be.true.

[cforkish]

@jamescodeorg personally i think that detail is important only to explain why that's in the diff. the previous implementation needed to include a comment (here) about rebuilding tooltips since they weren't rendered by the components that used them, but imo including the tooltip in the component that uses it is intuitive and needs no explanation. don't you think it would be a little weird to see a comment like this?

// Tooltip is rendered here because this is where it's used. if we rendered it somewhere else, 
// we would need to make sure to rebuild it when this component is scrolled.

happy to add it though if you think it's helpful.

[jamescodeorg]

Heh, ok, point taken. I was thinking that it might be good to note that it's important to have the tooltip be rendered with the component for performance reasons but if it's the usual thing to do, then agree we don't need the comment. (Which makes me wonder, why did we do it the other way before?)