todo: icons

src/components/common/Icon.tsx

@@ -8,6 +8,7 @@
  * The rendered <svg> carries className "ph" and sizes to 1em, so the shell CSS
  * controls size/colour via font-size + currentColor, exactly like the reference.
  */
+// TODO: remove this component, use phosphor's icons project-wide
 import type { CSSProperties } from 'react';
 import {
   ArrowCircleDown,