[Notification] Inline notification inconsistency and visual inaccuracy

[Kritvi-bhatia17]

Detailed description

1. Inconsistency in Figma:

   The "Inline long" and "Inline short" types are neither documented in Storybook nor on our website, although they are present in Figma. These types were intended to indicate whether the notification text should be on one line or wrap to multiple lines. To address this, we are considering removing the "Inline short" and "Inline long" distinctions from the Figma kit and consolidating them into a single "Inline" label.

   

2. Visual Inaccuracy of Inline long notification

   The "Inline long" type is visually incorrect. The Title and Message should start on the same line, similar to the "Inline short" type, and then wrap if the text is too long. (Related issue)

   

Steps to reproduce the issue

• Remove the "Inline short" and "Inline long" distinctions from the Figma kit and consolidating them into a single "Inline" label.
• Explore the ways to address the visual inconsistency of "Inline long" in Figma so that it aligns with the "Inline short" format.
• Review
  • Carbon designer
  • Figma expert

Additional information

⭐️ Important Note

After fixing the inconsistencies in Figma, we will need to create issues to address: 

- The visual accuracy of "Inline long" in Storybook.
- Update the website documentation to reflect the same.