Progress update cleanup and UI improvements.

app/jobs/[jobId]/_layout.tsx

@@ -13,6 +13,7 @@ function JobTabLayout(props) {
         tabBarActiveTintColor: theme.colors.primary,
         tabBarPosition: "top",
         headerShown: false,
+        animation: "shift",
         tabBarStyle: {
           marginTop: -50,
         },

app/settings.tsx

@@ -1,31 +1,5 @@
-import SignOutButton from "@/components-old/sign-out-button/sign-out-button.component";
-import { selectBodyshop } from "@/redux/user/user.selectors";
-import { StyleSheet, Text, View } from "react-native";
-import { connect } from "react-redux";
-import { createStructuredSelector } from "reselect";
+import Settings from "../components/settings/settings";
 
-const mapStateToProps = createStructuredSelector({
-  bodyshop: selectBodyshop,
-});
-
-export default connect(mapStateToProps, null)(Tab);
-
-function Tab({ bodyshop }) {
-  return (
-    <View style={styles.container}>
-      <Text>Tab [Home|Settings]</Text>
-      <Text>
-        Using Local Media Server? {bodyshop?.uselocalmediaserver ? "Yes" : "No"}
-      </Text>
-      <SignOutButton />
-    </View>
-  );
+export default function Tab() {
+  return <Settings />;
 }
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    justifyContent: "center",
-    alignItems: "center",
-  },
-});