Show owner on note

src/Components/Note/Note.tsx

@@ -16,7 +16,8 @@ export default function Note(props: NoteProps) {
   return (
     <div style={styles.flex_column}>
       <div style={styles.note}>
-        <p style={styles.text_medium}>{props.title}</p>
+        <p style={styles.text_medium}>Owner: {props.owner}</p>
+        <p style={styles.text_medium}>Title: {props.title}</p>
         <div style={styles.note_content}>
           <p style={styles.text_small}>{props.content}</p>
         </div>

src/Components/Notes/Notes.tsx

@@ -58,6 +58,7 @@ export default function Notes() {
       {notes.map(
         (
           note: {
+            owner: string;
             title: string;
             content: string;
             id: number;
@@ -72,6 +73,7 @@ export default function Notes() {
               title={note.title}
               content={note.content}
               date_created={note.date_created}
+              owner={note.owner}
             />
           );
         }

src/Interfaces/Interfaces.tsx

@@ -20,6 +20,7 @@ export interface NoteProps {
   content: string;
   id: number;
   date_created: string;
+  owner: string;
 }
 
 export interface IconProps {