Improve User Interface for Navigating Project Problems

[IshaanAdarsh]

Issue Description: We encountered several challenges during the development of our project, EZMail. Documenting these issues and their solutions can greatly benefit both contributors and users. The current representation lacks a user-friendly interface. Let's enhance it to provide a more engaging and accessible experience.

List of Problems and Solutions:

1. New Lines in JavaScript String:

   • Problem: Storing email templates as a single string required handling new lines within the string itself.
   • Solution: We initially used "\n" for line breaks, and later discovered the power of template literals, significantly improving the approach.

2. Setting the Content of the Textarea as Email Body:

   • Problem: Importing strings into the textarea while keeping them editable for sending as the email body.
   • Solution: After exploring various solutions, we settled on an approach that allows seamless editing of the email body within the textarea.

3. Adding Line Breaks into Email Body:

   • Problem: Introducing line breaks into the email body was challenging, especially with traditional methods like replacing new lines with br tags.
   • Solution: After extensive research, we identified a unique symbol ("%0D%0A") used in email text to insert line breaks effectively.

Expected Changes:

• Format the issue to present each problem and its solution in a clear and concise manner.
• Utilize bullet points or numbered lists for improved readability.
• Consider incorporating code snippets or visual aids to enhance understanding.

Additional Context: Enhancing the presentation of these project challenges will not only benefit current contributors but also make it more accessible for new contributors joining the project. A user-friendly interface for navigating these issues will contribute to a better overall project experience.