Use antialiasing again, no SSR on table, extract to BoxTable, transparent text

src/components/BoxGraphic.tsx

@@ -25,7 +25,7 @@ const {A, B, C, D, E, F, Z} = points;
 
 const BoxGraphic = ({children, className}: BoxGraphicProps) => {
     return <svg className={className} viewBox="0 0 370 370" xmlns="http://www.w3.org/2000/svg">
-        <g shapeRendering="crispEdges">
+        <g shapeRendering="auto">
             <path id="left" d={`M ${F} L ${Z} L ${D} L ${E} L ${F} Z`} fill={leftColor}/>
             <path id="right" d={`M ${D} L ${C} L ${B} L ${Z} L ${D} Z`} fill={rightColor}/>
             <path id="top" d={`M ${F} L ${A} L ${B} L ${Z} Z`} fill={topColor}/>