Fix ViewSource component in the docs (#19022)

This PR moves the `<a>` element inside the `<svg>` element.

examples/image-component/components/view-source.js

 import { svg, arm } from './view-source.module.css'
 
 const ViewSource = ({ pathname }) => (
-  <a
-    title="View Source"
-    href={`https://github.com/vercel/next.js/tree/canary/examples/image-component/${pathname}`}
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="80"
+    height="80"
+    viewBox="0 0 250 250"
+    fill="#151513"
+    className={svg}
   >
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="80"
-      height="80"
-      viewBox="0 0 250 250"
-      fill="#151513"
-      className={svg}
+    <a
+      title="View Source"
+      href={`https://github.com/vercel/next.js/tree/canary/examples/image-component/${pathname}`}
     >
       <path d="M0 0l115 115h15l12 27 108 108V0z" fill="#fff" />
       <path
@@ -19,8 +19,8 @@ const ViewSource = ({ pathname }) => (
         d="M128 109c-15-9-9-19-9-19 3-7 2-11 2-11-1-7 3-2 3-2 4 5 2 11 2 11-3 10 5 15 9 16"
       />
       <path d="M115 115s4 2 5 0l14-14c3-2 6-3 8-3-8-11-15-24 2-41 5-5 10-7 16-7 1-2 3-7 12-11 0 0 5 3 7 16 4 2 8 5 12 9s7 8 9 12c14 3 17 7 17 7-4 8-9 11-11 11 0 6-2 11-7 16-16 16-30 10-41 2 0 3-1 7-5 11l-12 11c-1 1 1 5 1 5z" />
-    </svg>
-  </a>
+    </a>
+  </svg>
 )
 
 export default ViewSource