Fix code formatting with Prettier

- Apply Prettier formatting to converted components
- No functional changes, only whitespace/formatting

Author: claude

src/App.tsx

@@ -198,10 +198,7 @@ const Sandbox: React.FC = () => {
     }
   }, [value, displayMode]);
 
-  const katexOptions = useMemo(
-    () => ({ displayMode }),
-    [displayMode]
-  );
+  const katexOptions = useMemo(() => ({ displayMode }), [displayMode]);
 
   return (
     <div>
@@ -234,7 +231,7 @@ const Sandbox: React.FC = () => {
       </p>
     </div>
   );
-}
+};
 
 const compressString = (string: string): string =>
   LZString.compressToBase64(string)

src/katex.tsx

@@ -9,7 +9,11 @@ type KatexProps = {
   beforeRender?: () => void;
 };
 
-const Katex: React.FC<KatexProps> = ({ source, katexOptions, beforeRender }) => {
+const Katex: React.FC<KatexProps> = ({
+  source,
+  katexOptions,
+  beforeRender,
+}) => {
   const previewRef = useRef<HTMLSpanElement>(null);
   const prevSourceRef = useRef<string>();
   const prevKatexOptionsRef = useRef<KatexOptions | undefined>();