truncate urgent message title

app/screens/planner/planner-screen-header.tsx

@@ -114,9 +114,24 @@ export const PlannerScreenHeader = observer(function PlannerScreenHeader() {
 
       {showUrgentBar && (
         <View style={{ position: "absolute", top: 0, left: 16 }}>
-          <ImportantAnnouncementBar title={head(popupMessages)?.messageBody} />
+          <ImportantAnnouncementBar title={truncateString(head(popupMessages)?.messageBody, 5)} />
         </View>
       )}
     </>
   )
 })
+
+function truncateString(inputString, numWords) {
+  // Split the input string into an array of words
+  const words = inputString.split(" ")
+
+  // Take the first 'numWords' words and join them back into a string
+  const truncatedString = words.slice(0, numWords).join(" ")
+
+  // Add "..." to the end if there are more words in the original string
+  if (words.length > numWords) {
+    return truncatedString + " ..."
+  } else {
+    return truncatedString
+  }
+}