Add error handling and notes page.

app/jobs/[jobId]/_layout.tsx

@@ -30,7 +30,7 @@ function JobTabLayout(props) {
         options={{
           title: t("jobdetail.labels.lines"),
           tabBarIcon: ({ color }) => (
-            <FontAwesome size={28} name="cog" color={color} />
+            <FontAwesome size={28} name="list" color={color} />
           ),
         }}
       />
@@ -39,7 +39,7 @@ function JobTabLayout(props) {
         options={{
           title: t("jobdetail.labels.documents"),
           tabBarIcon: ({ color }) => (
-            <FontAwesome size={28} name="cog" color={color} />
+            <FontAwesome size={28} name="photo" color={color} />
           ),
         }}
       />
@@ -48,7 +48,7 @@ function JobTabLayout(props) {
         options={{
           title: t("jobdetail.labels.notes"),
           tabBarIcon: ({ color }) => (
-            <FontAwesome size={28} name="cog" color={color} />
+            <FontAwesome size={28} name="sticky-note" color={color} />
           ),
         }}
       />

app/jobs/[jobId]/documents.tsx

@@ -1,10 +1,5 @@
-import { Text, View } from "react-native";
-
+import JobDocuments from "../../../components/job-documents/job-documents";
 function Documents() {
-  return (
-    <View>
-      <Text>Documents</Text>
-    </View>
-  );
+  return <JobDocuments />;
 }
 export default Documents;

app/jobs/[jobId]/notes.tsx

@@ -1,10 +1,5 @@
-import { Text, View } from "react-native";
-
+import JobNotes from "../../../components/job-notes/job-notes";
 function Notes() {
-  return (
-    <View>
-      <Text>Notes</Text>
-    </View>
-  );
+  return <JobNotes />;
 }
 export default Notes;