feat: add Android typography fix for Capacitor apps and integrate into ClientNonUIFeatures

overlay/src/app/pages/client/ClientNonUIFeatures.tsx

@@ -35,9 +35,11 @@ import {
   isTauri,
   isElectron,
   isCapacitorNative,
+  applyAndroidTypographyFix,
   sendNotification,
   setupNotificationTapListener,
 } from '../../utils/tauri';
+import '../../styles/android-typography.css';
 import { setPaarrotNavigate, initPaarrotAPI } from '../../paarrot-api';
 import {
   startBackgroundSync,
@@ -84,6 +86,14 @@ function EmojiStyleFeature() {
   return null;
 }
 
+function AndroidTypographyFeature() {
+  useEffect(() => {
+    applyAndroidTypographyFix();
+  }, []);
+
+  return null;
+}
+
 function PageZoomFeature() {
   const [pageZoom] = useSetting(settingsAtom, 'pageZoom');
 
@@ -684,6 +694,7 @@ export function ClientNonUIFeatures({ children }: ClientNonUIFeaturesProps) {
   return (
     <>
       <EmojiStyleFeature />
+      <AndroidTypographyFeature />
       <PageZoomFeature />
       <FaviconUpdater />
       <InviteNotifications />