Kantongku: content area dengan pojok atas rounded di atas teal

src/screens/DashboardScreen.tsx

@@ -12,7 +12,7 @@ import {
   Text,
   View,
 } from 'react-native';
-import { SafeAreaView, useSafeAreaInsets } from 'react-native-safe-area-context';
+import { SafeAreaView } from 'react-native-safe-area-context';
 import { colors } from '../theme/colors';
 import { formatRupiah, formatRupiahShort, todayLabel } from '../utils/format';
 import {
@@ -38,7 +38,6 @@ const QUOTES = [
 ];
 
 export function DashboardScreen() {
-  const insets = useSafeAreaInsets();
   const navigation = useNavigation<BottomTabNavigationProp<RootTabParamList>>();
 
   const [balance, setBalance] = useState(0);
@@ -204,8 +203,8 @@ export function DashboardScreen() {
 
   return (
     <SafeAreaView style={styles.safe} edges={['top']}>
-      <View style={[styles.statusStrip, { height: insets.top }]} />
+      <View style={styles.contentWrap}>
-      <ScrollView style={styles.container} contentContainerStyle={styles.content}>
+        <ScrollView style={styles.container} contentContainerStyle={styles.content}>
         <LinearGradient
           colors={['#FFFFFF', '#FFFFFF', colors.background]}
           style={styles.header}
@@ -600,18 +599,19 @@ export function DashboardScreen() {
           })
         )}
       </ScrollView>
+      </View>
     </SafeAreaView>
   );
 }
 
 const styles = StyleSheet.create({
-  safe: { flex: 1, backgroundColor: colors.background },
+  safe: { flex: 1, backgroundColor: colors.primary },
-  statusStrip: {
+  contentWrap: {
-    position: 'absolute',
+    flex: 1,
-    left: 0,
+    backgroundColor: colors.background,
-    right: 0,
+    borderTopLeftRadius: 24,
-    top: 0,
+    borderTopRightRadius: 24,
-    backgroundColor: colors.primary,
+    overflow: 'hidden',
   },
   container: { flex: 1 },
   content: { paddingBottom: 32 },