Format string from an object

 {
      id: '0',
      picture: '',
      note: `
      Unknown artist by the name of anonymous 
      Picking up their pen of silk, Creating wonders 
      Each creation being a blessing from heavens 
      Without any mistake, they had made no blunders
      
      In a few strokes, they depicted 
      An image from their conception
      Vague idea of their perception
      That none would have predicted
      
      Genius veiling their face behing a disguise, 
      A pleasant and kind persona that symbolize 
      Not only an idol but also a friend!
      A virtuous and kind soul that bounds knows no end.`,
      username: 'anonymous',
    },...

 {
      id: '0',
      picture: '',
      note: `
      Unknown artist by the name of anonymous 
      Picking up their pen of silk, Creating wonders 
      Each creation being a blessing from heavens 
      Without any mistake, they had made no blunders
      
      In a few strokes, they depicted 
      An image from their conception
      Vague idea of their perception
      That none would have predicted
      
      Genius veiling their face behing a disguise, 
      A pleasant and kind persona that symbolize 
      Not only an idol but also a friend!
      A virtuous and kind soul that bounds knows no end.`,
      username: 'anonymous',
    },...

const allNotes = notes.map((note) => (
    ...<div className="note">
      <img src={note.picture} className="noteImg" />
      <div className="noteSection">
        <p>{note.note}</p>
        <div key="id">
          - <span className="usernameText">{note.username}</span>
        </div>
      </div>
    </div>
))...

const allNotes = notes.map((note) => (
    ...<div className="note">
      <img src={note.picture} className="noteImg" />
      <div className="noteSection">
        <p>{note.note}</p>
        <div key="id">
          - <span className="usernameText">{note.username}</span>
        </div>
      </div>
    </div>
))...