feat(mobile): bigger header buttons

apps/mobile/src/lib/dialog.tsx

@@ -173,6 +173,7 @@ class DialogStatic {
                   text={props.confirmText ?? "Confirm"}
                   type="confirm"
                   className={props.variant === "destructive" ? "bg-red" : "bg-accent"}
+                  textClassName="text-white"
                 />
               </View>
             </DialogDynamicButtonActionProvider>

apps/mobile/src/modules/screen/TimelineSelectorProvider.tsx

@@ -70,7 +70,7 @@ function FeedShareAction({ params }: { params: any }) {
   return (
     <UIBarButton
       label="Share"
-      normalIcon={<Share3CuteReIcon height={20} width={20} color={label} />}
+      normalIcon={<Share3CuteReIcon height={24} width={24} color={label} />}
       onPress={() => {
         const feed = getFeed(feedId)
         if (!feed) return

apps/mobile/src/modules/screen/action.tsx

@@ -42,7 +42,7 @@ export function HomeSharedRightAction(props: PropsWithChildren) {
 
       <UIBarButton
         label="Mark All as Read"
-        normalIcon={<CheckCircleCuteReIcon height={20} width={20} color={accentColor} />}
+        normalIcon={<CheckCircleCuteReIcon height={24} width={24} color={accentColor} />}
         onPress={() => {
           Dialog.show(MarkAllAsReadDialog)
         }}
@@ -57,7 +57,7 @@ interface HeaderActionButtonProps {
 
 const useButtonVariant = ({ variant = "primary" }: HeaderActionButtonProps) => {
   const label = useColor("label")
-  const size = 20
+  const size = 24
   const color = variant === "primary" ? accentColor : label
   return { size, color }
 }