docs: Explain PipeWire role, add graphics

doc/dox/media/SoundStack.svg

@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="56.56242mm"
+   height="25.159874mm"
+   viewBox="0 0 56.56242 25.159874"
+   version="1.1"
+   id="svg5"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   sodipodi:docname="SoundStack.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     inkscape:zoom="1.3986392"
+     inkscape:cx="64.348262"
+     inkscape:cy="154.07834"
+     inkscape:window-width="1920"
+     inkscape:window-height="1043"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1" />
+  <defs
+     id="defs2" />
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-19.106369,-77.182167)">
+    <rect
+       style="fill:#000000;stroke-width:0.264583"
+       id="rect61"
+       width="25.727388"
+       height="10.026114"
+       x="19.106369"
+       y="92.315926" />
+    <rect
+       style="fill:#000000;stroke-width:0.264583"
+       id="rect63"
+       width="11.917834"
+       height="5.8643312"
+       x="30.456688"
+       y="81.722298" />
+    <rect
+       style="fill:#000000;stroke-width:0.264583"
+       id="rect65"
+       width="25.538216"
+       height="24.214012"
+       x="50.130573"
+       y="77.182167" />
+  </g>
+</svg>