Fix bugs with image size and AR view production build

mobile/src/Home/Home.js

@@ -106,7 +106,6 @@ export class Home extends React.Component {
           title="Work Item Map"
           leftButton={{ icon: "logout", onPress: this.handleLogoutPress }}
           rightButton={{ icon: "glasses", onPress: this.handleGlassesPress }}
-          disabled
         />
         <MapView
           ref={(ref) => {
@@ -137,10 +136,10 @@ export class Home extends React.Component {
                 workItemTypeText[workItem.workItemType]
               }
               description={workItem.address}
-              image={require("./images/pin.png")}
               anchor={{ x: 0.5, y: 1.0 }}
-              onPress={(e) => this.handleMarkerPress(e, index)}
-            />
+              onPress={(e) => this.handleMarkerPress(e, index)}>
+              <Icon name="pin" size={24} />
+            </Marker>
           ))}
         </MapView>
         <View
@@ -183,7 +182,8 @@ export class Home extends React.Component {
                 height: 45,
               }}>
               <Text style={{ fontSize: 16 }}>
-                WORK ORDER {pad(workItem.ticketNumber, 4)}
+                {workItemTypeText[workItem.workItemType].toUpperCase()}{" "}
+                {pad(workItem.ticketNumber, 4)}
               </Text>
             </View>
           )}