feat: add NoWrapSpace Text component

src/components/Text/NoWrapSpace.tsx

@@ -0,0 +1,26 @@
+/**
+ * Use this component to add a non-breaking space that will not wrap to a new line.
+ *
+ * ```tsx
+ * // Example:
+ * <p>
+ *   This text will wrap as needed, but the last word will "stick" to the HelpInfoIcon
+ *   <NoWrapSpace />
+ *   <HelpInfoIcon
+ *     tooltip="This icon will never be orphaned onto its own line all alone - huzzah!🎉"
+ *   />
+ * </p>
+ * ```
+ */
+export const NoWrapSpace = () => (
+  <span
+    style={{
+      fontSize: "inherit",
+      fontWeight: "inherit",
+      lineHeight: "inherit",
+      whiteSpace: "nowrap",
+    }}
+  >
+    &nbsp;
+  </span>
+);