changed navigation button to arrown icon

frontend/src/Components/NavButton.tsx

 import React, {useContext} from 'react';
 import usePoetry from "./usePoetry";
 import {PageContext} from "./MainPage";
+import leftarrow from "../Media/left-arrow.png";
+import rightarrow from "../Media/right-arrow.png";
 
 type props = {
   direction: string;
@@ -16,8 +18,13 @@ const NavButton = (props: props) => {
   };
 
   return (
-    <button onClick={onClick}>{props.direction}</button>
+    <img
+      src={props.direction === "right" ? rightarrow : leftarrow}
+      style={{ width: '4rem', height: '4rem' }}
+      onClick={onClick}
+    />
+    // <button onClick={onClick}>{props.direction}</button>
   )
 };
 
-export default NavButton;
\ No newline at end of file
+export default NavButton;