Issue #2355 - Apply self-transforms to the frame of top level <svg>

We previously didn't do this because we relied on our anonymous wrapper
to perform transforms. However, that resulted in only the children
transforming, and the frame's cliprect wouldn't be updated,
giving the impression of the z-ordering being wrong.

Also adds reftests from the relevant BZ bug found later.

Resolves #2355

layout/reftests/svg/transform-outer-svg-01.svg

@@ -0,0 +1,10 @@
+<!--
+     Any copyright is dedicated to the Public Domain.
+     http://creativecommons.org/publicdomain/zero/1.0/
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"
+     style="border: 50px solid black;" transform="translate(50,50)">
+  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=1353697 -->
+  <title>Test that the 'transform' attribute transforms our border too</title>
+  <rect x="25" y="25" width="50" height="50" fill="blue"/>
+</svg>