Improved vertical positioning for svg text icons (#3056)

* Replaced dominant-baseline="central" with dy="0.35em" to improve vertical positioning for svg text icons

Author: kozi

src/lib/output/themes/default/partials/icon.tsx

@@ -24,7 +24,7 @@ const kindIcon = (letterPath: JSX.Element, color: string, label: TranslatedStrin
 
 const textIcon = (letter: string, color: string, label: TranslatedString, circular = false) =>
     kindIcon(
-        <text fill="var(--color-icon-text)" x="50%" y="50%" dominant-baseline="central" text-anchor="middle">
+        <text fill="var(--color-icon-text)" x="50%" y="50%" dy="0.35em" text-anchor="middle">
             {letter}
         </text>,
         color,

src/lib/utils-common/jsx.elements.ts

@@ -952,6 +952,7 @@ export interface JsxSvgPresentationProps {
         | "mathematical"
         | "hanging"
         | "text-top";
+    dy?: string;        
     fill?: string;
     "fill-opacity"?: number;
     "fill-rule"?: "nonzero" | "evenodd";