Add custom image loader and start job status.

components/job-documents/job-documents.jsx

@@ -2,13 +2,7 @@ import cleanAxios from "@/util/CleanAxios";
 import axios from "axios";
 import { useGlobalSearchParams } from "expo-router";
 import React, { useCallback, useEffect, useState } from "react";
-import {
-  FlatList,
-  Image,
-  RefreshControl,
-  TouchableOpacity,
-  View,
-} from "react-native";
+import { FlatList, RefreshControl, TouchableOpacity, View } from "react-native";
 import ImageView from "react-native-image-viewing";
 import { ActivityIndicator, Text } from "react-native-paper";
 import { connect } from "react-redux";
@@ -17,6 +11,7 @@ import env from "../../env";
 import { selectBodyshop } from "../../redux/user/user.selectors";
 import { DetermineFileType } from "../../util/document-upload.utility";
 import ErrorDisplay from "../error/error-display";
+import ImageLoader from "./image-loader";
 
 const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop,
@@ -142,7 +137,7 @@ export function JobDocumentsComponent({ bodyshop }) {
               setPreviewVisible(true);
             }}
           >
-            <Image
+            <ImageLoader
               style={{ flex: 1 }}
               resizeMode="cover"
               source={{