feat: redesign halaman detail user dan profile dengan tampilan modern

- Pindahkan badge APPROVER & AKTIF ke dalam header gradient
- Ganti card berlatar menjadi list dengan border bottom saja
- Gunakan icon colors.icon agar terlihat pada tema gelap
- Tambahkan class baru di Styles.ts: memberAvatarRing, memberBadgeRow,
  memberBadgeApprover, memberBadgePill, memberInfoRow, memberInfoIcon,
  memberInfoContent, cWhiteDimmed, pv14, mb08
- Terapkan design yang sama pada halaman profile

constants/Styles.ts

@@ -1068,6 +1068,51 @@ const Styles = StyleSheet.create({
       color: 'white',
       fontWeight: '500',
    },
+   pv14: {
+      paddingVertical: 14,
+   },
+   mb08: {
+      marginBottom: 8,
+   },
+   cWhiteDimmed: {
+      color: 'rgba(255,255,255,0.7)',
+   },
+   memberAvatarRing: {
+      borderWidth: 3,
+      borderColor: 'rgba(255,255,255,0.4)',
+      borderRadius: 100,
+   },
+   memberBadgeRow: {
+      flexDirection: 'row',
+      gap: 8,
+      marginTop: 12,
+   },
+   memberBadgeApprover: {
+      paddingHorizontal: 10,
+      paddingVertical: 4,
+      borderRadius: 20,
+      borderWidth: 1,
+      borderColor: 'rgba(255,255,255,0.6)',
+      backgroundColor: 'rgba(255,255,255,0.15)',
+   },
+   memberBadgePill: {
+      paddingHorizontal: 10,
+      paddingVertical: 4,
+      borderRadius: 20,
+   },
+   memberInfoRow: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      paddingVertical: 14,
+   },
+   memberInfoIcon: {
+      width: 36,
+      alignItems: 'center',
+   },
+   memberInfoContent: {
+      flex: 1,
+      marginLeft: 10,
+   },
 })
 
 export default Styles;