replace SPANs with FRAGMENT

There are few places in HyperComponent where values are wrapped in a SPAN. Now that we have FRAGMENTS, we should replace the SPANs with FRAGMENTS, which will react will dissolve during the rendering process

The issue names HyperComponent but does not identify a file or test. Locate the SPAN wrappers in HyperComponent, inspect how FRAGMENTS are used, and replace the relevant wrappers; done means the affected values render through FRAGMENTS and dissolve during rendering.

Written by the indexing model from the issue text.