Fix logo generator: remove decorative fonts and fix missing char spacing

src/components/public/logo-generator.tsx

@@ -4,7 +4,7 @@ import { useCallback, useEffect, useMemo, useRef, useState, useTransition } from
 import { ContentCard } from "@/components/public/ui";
 import { saveLogo } from "@/actions/save-logo";
 import { HABBO_FONT_GROUPS } from "@/components/public/habbo-fonts";
-import { getFontInfo, measureText, renderToCanvas } from "@/components/public/sprite-font";
+import { getFontInfo, getMissingChars, renderToCanvas } from "@/components/public/sprite-font";
 
 export default function LogoGenerator() {
   const [text, setText] = useState("Atom");
@@ -13,6 +13,7 @@ export default function LogoGenerator() {
   const [saveStatus, setSaveStatus] = useState<"idle" | "saving" | "done" | "error">("idle");
   const [fontLoaded, setFontLoaded] = useState(false);
   const [fontError, setFontError] = useState(false);
+  const [missingChars, setMissingChars] = useState<Set<string>>(new Set());
   const [, startTransition] = useTransition();
   const canvasRef = useRef<HTMLCanvasElement>(null);
 
@@ -54,6 +55,7 @@ export default function LogoGenerator() {
           const ctx = canvasRef.current.getContext("2d");
           ctx?.drawImage(canvas, 0, 0);
         }
+        setMissingChars(getMissingChars(info.chars, safeText));
         setFontLoaded(true);
       })
       .catch(() => {
@@ -224,7 +226,14 @@ export default function LogoGenerator() {
           {fontError ? (
             <p className="muted">Failed to load font sprite.</p>
           ) : fontLoaded ? (
-            <canvas ref={canvasRef} style={{ maxWidth: "100%", height: "auto" }} />
+            <>
+              <canvas ref={canvasRef} style={{ maxWidth: "100%", height: "auto" }} />
+              {missingChars.size > 0 && (
+                <p className="muted" style={{ marginTop: 8, fontSize: "0.8rem" }}>
+                  Note: this font does not have characters: {[...missingChars].join(", ")}
+                </p>
+              )}
+            </>
           ) : (
             <p className="muted">Loading font…</p>
           )}