Remove all native base dependencies.

components/job-lines/job-lines.component.jsx

@@ -1,8 +1,8 @@
 import Dinero from "dinero.js";
-import { Card, CardItem, Text } from "native-base";
 import React from "react";
 import { useTranslation } from "react-i18next";
-import { FlatList, RefreshControl, StyleSheet, View } from "react-native";
+import { FlatList, RefreshControl, StyleSheet, Text, View } from "react-native";
+import { Card } from "react-native-paper";
 
 export default function JobLines({ job, loading, refetch }) {
   const { t } = useTranslation();
@@ -27,7 +27,7 @@ export default function JobLines({ job, loading, refetch }) {
         keyExtractor={(item) => item.id}
         renderItem={(object) => (
           <Card>
-            <CardItem style={localStyles.flexRow}>
+            <Card.Content style={localStyles.flexRow}>
               <Text style={localStyles.growWithEllipsis}>{`${
                 object.item.line_desc
               }${
@@ -43,14 +43,14 @@ export default function JobLines({ job, loading, refetch }) {
                   amount: Math.round((object.item.act_price || 0) * 100),
                 }).toFormat()}
               </Text>
-            </CardItem>
-            <CardItem style={localStyles.flexRow}>
+            </Card.Content>
+            <Card.Content style={localStyles.flexRow}>
               {object.item.mod_lbr_ty && (
                 <Text>
                   {t(`jobdetail.lbr_types.${object.item.mod_lbr_ty}`)}
                 </Text>
               )}
-            </CardItem>
+            </Card.Content>
           </Card>
         )}
       />