add markdown render

src/view/Components/Taskview/Habitsview/HabitItem.tsx

@@ -1,5 +1,6 @@
 import Emoji from "react-emoji-render";
 import * as React from "react";
+import ReactMarkdown from "react-markdown";
 
 function HabitItem(props: any) {
     return (
@@ -10,8 +11,10 @@ function HabitItem(props: any) {
             <button className="habit-minus" id={"mins" + props.id} onClick={props.onChange}>
                 -{props.downCount}
             </button>
-            <p className="habit-text"><Emoji text={props.habit_text}></Emoji></p>
-
+            <div>
+                <p className="habit-text"><Emoji text={props.habit_text}></Emoji></p>
+                <ReactMarkdown children={props.habit_notes} />
+            </div>
         </div>
     )
 }