ProgressRing at larger sizes overlaps neighbors

The `ProgressRing` component overlaps with its vertical siblings when the size property is specified as `m`, `l`, or `xl`. The svg draws larger, but its container is not the right height to match. This forces me to make an outer container element that's larger.

Start by locating the ProgressRing component and its handling of the m, l, and xl size values. Check how the SVG size relates to the component container in vertical layouts; done means larger rings no longer overlap their siblings at those sizes.

Written by the indexing model from the issue text.