redesign take 2 complete

fix artefacts from previous dessign

apps/mobile/src/components/SectionHeader.tsx

@@ -17,14 +17,6 @@ interface SectionHeaderProps {
   style?: StyleProp<ViewStyle>;
 }
 
-/**
- * SectionHeader - Clean section header with optional action button
- *
- * Usage:
- * - Divides content into logical sections
- * - Optional subtitle for additional context
- * - Optional action button (e.g., "See All", "Add New")
- */
 export function SectionHeader({
   title,
   subtitle,
@@ -44,7 +36,7 @@ export function SectionHeader({
           <Text
             style={[
               typography.caption,
-              { color: colors.textTertiary, marginTop: 2 },
+              { color: colors.textTertiary, marginTop: 4 },
             ]}
           >
             {subtitle}
@@ -53,12 +45,7 @@ export function SectionHeader({
       </View>
       {actionLabel && onActionPress && (
         <TouchableOpacity onPress={onActionPress} activeOpacity={0.7}>
-          <Text
-            style={[
-              typography.body,
-              { color: colors.primary, fontWeight: "600" },
-            ]}
-          >
+          <Text style={[typography.bodyEmphasis, { color: colors.primary }]}>
             {actionLabel}
           </Text>
         </TouchableOpacity>
@@ -72,7 +59,7 @@ const styles = StyleSheet.create({
     flexDirection: "row",
     justifyContent: "space-between",
     alignItems: "center",
-    marginBottom: 12,
+    marginBottom: 16,
   },
   textContainer: {
     flex: 1,