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;

app/jobs/_layout.tsx

@@ -1,8 +1,9 @@
 import { Stack, useRouter } from "expo-router";
+import { useTranslation } from "react-i18next";
 
 function JobsStack() {
   const router = useRouter();
-
+  const { t } = useTranslation();
   return (
     <Stack
       screenOptions={{
@@ -15,6 +16,7 @@ function JobsStack() {
         name="index"
         options={{
           headerShown: false,
+          title: t("joblist.titles.jobtab"),
           // headerSearchBarOptions: {
           //   placement: "automatic",
           //   placeholder: "Search",