♻️ Display the values that will change (UUID, major, minor)

Instead of the statically coded name/identifier
This involved changing the text size so that we could see the UUID
I wonder if we should make the UUID the subtitle and the major:minor the title

Testing done:
e-mission/e-mission-docs#1062 (comment)

www/js/bluetooth/BluetoothCard.tsx

@@ -26,9 +26,9 @@ const BluetoothCard = ({ device, isClassic, isScanningBLE }: Props) => {
   return (
     <Card style={{ backgroundColor: bgColor, ...cardStyles.card }}>
       <Card.Title
-        title={`Name: ${device.identifier}`}
-        titleVariant="titleLarge"
-        subtitle={`UUID: ...${device.uuid.slice(-13)}`} // e.g.,
+        title={`UUID: ${device.uuid}`}
+        titleVariant="titleSmall"
+        subtitle={`Configured major ${device.major} and minor ${device.minor}`} // e.g.,
         left={() => <List.Icon icon={device.in_range ? 'access-point' : 'access-point-off'} />}
       />
     </Card>

www/js/bluetooth/BluetoothScanPage.tsx

@@ -301,7 +301,7 @@ const BluetoothScanPage = ({ ...props }: any) => {
 		    />
 	    <Button disabled={!(newUUID)}
 		  onPress={() => addNewUUID(newUUID, newMajor, newMinor)}>
-		  Add
+		  Add New Beacon To Scan
 	    </Button>
         </SafeAreaView>
       </Modal>