upd: dokumen divisi

Deskripsi:
- ui menu bottom dan header saat file dokumen sedang keselect
- modal informasi
- ui accordion

- nb : scroll view di modal masih blm bisa

No Issues

components/itemDetailMember.tsx

@@ -3,8 +3,9 @@ import { AntDesign, MaterialCommunityIcons, MaterialIcons } from "@expo/vector-i
 import { Text, View } from "react-native";
 
 type Props = {
-   category: 'nik' | 'group' | 'position' | 'phone' | 'email' | 'gender'
+   category: 'nik' | 'group' | 'position' | 'phone' | 'email' | 'gender' | 'dokumen' | 'type' | 'location' | 'owner' | 'calendar' | 'share'
    value: string
+   border?: boolean
 }
 
 
@@ -33,17 +34,41 @@ const data = {
       label: 'Jenis Kelamin',
       icon: <MaterialCommunityIcons name="gender-male-female" size={22} color="black" style={[Styles.mr10]} />
    },
+   dokumen: {
+      label: 'Nama Dokumen',
+      icon: <MaterialCommunityIcons name="file-document-outline" size={22} color="black" style={[Styles.mr10]} />
+   },
+   type: {
+      label: 'Tipe',
+      icon: <MaterialIcons name="category" size={22} color="black" style={[Styles.mr10]} />
+   },
+   location: {
+      label: 'Lokasi',
+      icon: <MaterialIcons name="location-pin" size={22} color="black" style={[Styles.mr10]} />
+   },
+   owner: {
+      label: 'Pemilik',
+      icon: <MaterialCommunityIcons name="account-group-outline" size={22} color="black" style={[Styles.mr10]} />
+   },
+   calendar: {
+      label: 'Tanggal',
+      icon: <MaterialCommunityIcons name="calendar-blank" size={22} color="black" style={[Styles.mr10]} />
+   },
+   share: {
+      label: 'Bagikan',
+      icon: <MaterialCommunityIcons name="share-variant-outline" size={22} color="black" style={[Styles.mr10]} />
+   }
 }
 
 
-export default function ItemDetailMember({ category, value }: Props) {
+export default function ItemDetailMember({ category, value, border }: Props) {
    return (
-      <View style={[Styles.rowSpaceBetween, Styles.rowItemsCenter, Styles.mt10]}>
+      <View style={[Styles.rowSpaceBetween, Styles.rowItemsCenter, !border && Styles.mt10, border && Styles.wrapItemBorderBottom]}>
          <View style={[Styles.rowItemsCenter]}>
             {data[category].icon}
             <Text style={[Styles.textDefault]}>{data[category].label}</Text>
          </View>
-         <Text style={[Styles.textDefaultSemiBold]}>{value}</Text>
+         <Text style={[Styles.textDefault]}>{value}</Text>
       </View>
    )
 }