chore: fix mobile modal/popover header size

packages/mobile/ios/Podfile.lock

@@ -637,7 +637,7 @@ EXTERNAL SOURCES:
     :path: "../node_modules/react-native/ReactCommon/yoga"
 
 SPEC CHECKSUMS:
-  boost: a7c83b31436843459a1961bfd74b96033dc77234
+  boost: 57d2868c099736d80fcd648bf211b4431e51a558
   CocoaAsyncSocket: 065fd1e645c7abab64f7a6a2007a48038fdc6a99
   DoubleConversion: 5189b271737e1565bdce30deb4a08d647e3f5f54
   FBLazyVector: 60195509584153283780abdac5569feffb8f08cc
@@ -658,7 +658,7 @@ SPEC CHECKSUMS:
   MMKV: 9c4663aa7ca255d478ff10f2f5cb7d17c1651ccd
   MMKVCore: 89f5c8a66bba2dcd551779dea4d412eeec8ff5bb
   OpenSSL-Universal: ebc357f1e6bc71fa463ccb2fe676756aff50e88c
-  RCT-Folly: 0080d0a6ebf2577475bda044aa59e2ca1f909cda
+  RCT-Folly: 424b8c9a7a0b9ab2886ffe9c3b041ef628fd4fb1
   RCTRequired: bec48f07daf7bcdc2655a0cde84e07d24d2a9e2a
   RCTTypeSafety: 171394eebacf71e1cfad79dbfae7ee8fc16ca80a
   React: d7433ccb6a8c36e4cbed59a73c0700fc83c3e98a

packages/web/src/javascripts/Components/Modal/MobileModalAction.tsx

@@ -14,7 +14,7 @@ const MobileModalAction = forwardRef(
       <button
         ref={ref}
         className={classNames(
-          'flex select-none whitespace-nowrap px-1 py-1 text-base font-semibold focus:shadow-none focus:outline-none active:shadow-none active:outline-none active:brightness-50 disabled:text-neutral md:hidden',
+          'flex select-none whitespace-nowrap px-1 py-1 font-semibold focus:shadow-none focus:outline-none active:shadow-none active:outline-none active:brightness-50 disabled:text-neutral md:hidden',
           slot === 'left' ? 'justify-start text-left' : 'justify-end text-right',
           type === 'cancel' || type === 'destructive' ? 'text-danger' : 'text-info',
           className,

packages/web/src/javascripts/Components/Modal/MobileModalHeader.tsx

@@ -8,7 +8,12 @@ type Props = {
 
 const MobileModalHeader = ({ className, children }: Props) => {
   return (
-    <div className={classNames('grid w-full select-none grid-cols-[0.35fr_1fr_0.35fr] gap-2', className)}>
+    <div
+      className={classNames(
+        'grid w-full select-none grid-cols-[0.35fr_1fr_0.35fr] gap-2 text-[1.05rem] leading-6',
+        className,
+      )}
+    >
       {children}
     </div>
   )

packages/web/src/javascripts/Components/Modal/Modal.tsx

@@ -131,7 +131,7 @@ const Modal = ({
               ) : (
                 <div className="md:hidden" />
               )}
-              <div className="flex items-center justify-center gap-2 overflow-hidden text-center text-base font-semibold text-text md:flex-grow md:text-left md:text-lg">
+              <div className="flex items-center justify-center gap-2 overflow-hidden text-center font-semibold text-text md:flex-grow md:text-left md:text-lg">
                 {extraActions.length > 0 && (
                   <>
                     <MobileModalAction

packages/web/src/javascripts/Components/Popover/MobilePopoverContent.tsx

@@ -53,7 +53,7 @@ const MobilePopoverContent = ({
         data-popover={id}
         data-mobile-popover
       >
-        <MobileModalHeader className="border-b border-border px-2 py-1.5 text-base">
+        <MobileModalHeader className="border-b border-border px-2 py-1.5 text-lg">
           <div />
           <div className="flex items-center justify-center font-semibold">{title}</div>
           <MobileModalAction type="primary" slot="right" action={requestClose}>