Minor UI improvements.

components/jobs-list/job-list-item.jsx

@@ -1,9 +1,11 @@
+import env from "@/env";
+import { firstNames, getRandomIndex, lastNames } from "@/util/demodata";
 import * as Haptics from "expo-haptics";
 import { useRouter } from "expo-router";
 import React, { memo, useCallback } from "react";
 import { useTranslation } from "react-i18next";
 import { Pressable, StyleSheet, View } from "react-native";
-import { Chip, IconButton, Text, useTheme } from "react-native-paper";
+import { IconButton, Text, useTheme } from "react-native-paper";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
 import { logImEXEvent } from "../../firebase/firebase.analytics";
@@ -35,7 +37,11 @@ function JobListItemComponent({ openImagePicker, item }) {
     openImagePicker(item.id);
   }, [openImagePicker, item.id]);
 
-  const ownerName = `${item.ownr_fn || ""} ${item.ownr_ln || ""}`.trim();
+  const ownerName = env.DEMO_MODE
+    ? `${firstNames[getRandomIndex()] || ""} ${
+        lastNames[getRandomIndex()] || ""
+      }`
+    : `${item.ownr_fn || ""} ${item.ownr_ln || ""}`.trim();
   const company = item.ownr_co_nm || "";
   const vehicle = `${item.v_model_yr || ""} ${item.v_make_desc || ""} ${
     item.v_model_desc || ""
@@ -92,8 +98,9 @@ function JobListItemComponent({ openImagePicker, item }) {
                 >
                   {vehicle}
                 </Text>
-
-                <Chip style>{item.status}</Chip>
+              </View>
+              <View style={styles.body}>
+                <Text variant="bodyMedium">{item.status}</Text>
               </View>
             </View>
             <IconButton