Sentry logging and minor UI

components/global-search/global-search.jsx

@@ -106,7 +106,7 @@ export default function GlobalSearch() {
       {!loading && (
         <Text variant="titleSmall" style={{ margin: 12, alignSelf: "center" }}>
           {
-            results.length - 1 //Need to subtract for the spacer.
+            Math.max(0, results.length - 1) //Need to subtract for the spacer.
           }{" "}
           results found
         </Text>

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

@@ -43,7 +43,16 @@ function JobListItemComponent({ openImagePicker, item }) {
   const roNumber = item.ro_number || t("general.labels.na");
 
   if (item.id === "footer-spacer") {
-    return <View style={{ height: item.height || 64 }} />;
+    return (
+      //This has to be nested for some reason?
+      <View>
+        <View
+          style={{
+            height: item.height || 96,
+          }}
+        ></View>
+      </View>
+    );
   }
   return (
     <Pressable

components/jobs-list/jobs-list.jsx

@@ -55,10 +55,7 @@ export function JobListComponent({ bodyshop, openImagePicker }) {
   const jobs = data ? [...(data?.jobs || []), { id: "footer-spacer" }] : [];
 
   return (
-    <SafeAreaView
-      style={{ flex: 1, marginHorizontal: 12, paddingBottom: 48 }}
-      edges={["top"]}
-    >
+    <SafeAreaView style={{ flex: 1, marginHorizontal: 12 }} edges={["top"]}>
       <View
         style={{
           display: "flex",
@@ -73,7 +70,11 @@ export function JobListComponent({ bodyshop, openImagePicker }) {
         >
           {t("joblist.titles.jobtab")}
         </Text>
-        <Button icon="cloud-upload-outline" mode="outlined" onPress={handleTempUpload}>
+        <Button
+          icon="cloud-upload-outline"
+          mode="outlined"
+          onPress={handleTempUpload}
+        >
           {t("joblist.labels.tempdocs")}
         </Button>
       </View>

components/settings/settings.jsx

@@ -66,7 +66,7 @@ function Tab({ bodyshop, currentUser, signOutStart }) {
   };
 
   return (
-    <SafeAreaView style={{ flex: 1, paddingBottom: 48 }}>
+    <SafeAreaView style={{ flex: 1 }} edges={["top"]}>
       <Text variant="headlineMedium" style={styles.title}>
         {t("settings.titles.settings")}
       </Text>
@@ -230,6 +230,7 @@ const styles = StyleSheet.create({
   container: {
     paddingVertical: 24,
     paddingHorizontal: 12,
+    paddingBottom: 96,
   },
   title: {
     marginHorizontal: 12,