added missing fuctionallity

components/screen-main/screen-main.component.jsx

@@ -32,12 +32,12 @@ import ScreenSettingsComponent from "../screen-settings/screen-settings.componen
 import ScreenSignIn from "../screen-sign-in/screen-sign-in.component";
 import ScreenSplash from "../screen-splash/screen-splash.component";
 
-//TODO Inprogress JF add import for screens for time ticket browser here
 import EmployeeSignIn from "../screen-employee-sign-in/screen-employee-sign-in.component";
 import ScreenTimeTicketBrowser from "../screen-time-ticket-browser/screen-time-ticket-browser.component";
 import SignOutButton from "../Buttons/employee-sign-out-button.component";
 import AddTimeTicketButton from "../Buttons/create-time-ticket-button.component";
 import ScreenTimeTicketCreate from "../time-ticket/screen-time-ticket-create.component";
+import ScreenTimeTicketClockoffComponent from "../time-ticket/screen-time-ticket-clockoff.component";
 
 const ActiveJobStack = createNativeStackNavigator();
 const MoreStack = createNativeStackNavigator();
@@ -123,7 +123,6 @@ const MoreStackNavigator = () => (
   </MoreStack.Navigator>
 );
 
-//ADDED JF TimeTicketBrowserStackNavigator for navigating the stack and logout on appState background
 const TimeTicketBrowserStackNavigator = connect(
   mapStateToProps2,
   mapDispatchToProps2
@@ -138,7 +137,6 @@ const TimeTicketBrowserStackNavigator = connect(
       // if (appState.current.match(/active/) && nextAppState === "inactive") {
       //   console.log("App is about to be inactive");
       // }
-
       if (
         appState.current.match(/active|inactive/) &&
         nextAppState === "background"
@@ -146,12 +144,9 @@ const TimeTicketBrowserStackNavigator = connect(
         // console.log("App is about to be background");
         signOut();
       }
-
       // if ( appState.current.match(/inactive/)) { console.log("App has come to the inactive"); }
       // if (appState.current.match(/background/)) { console.log("App has come to the background");}
-
       appState.current = nextAppState;
-      // console.log("AppState", appState.current);
     });
     return () => {
       subscription.remove();
@@ -188,6 +183,13 @@ const TimeTicketBrowserStackNavigator = connect(
             })}
             component={ScreenTimeTicketCreate}
           />
+          <TimeTicketBrowserStack.Screen
+            name="TimeTicketClockOff"
+            options={() => ({
+              title: "Clock Off",
+            })}
+            component={ScreenTimeTicketClockoffComponent}
+          />
         </>
       ) : (
         <TimeTicketBrowserStack.Screen