🎨 fixed feedback

Co-authored-by: Sindre Kjelsrud <kjelsrudsindre@gmail.com>

frontend/src/components/MovieModal/index.tsx

@@ -23,13 +23,13 @@ const MovieModal: React.FC<MovieModalProps> = ({
       <q.div className="flex">
         <q.img
           className="h-44 max-w-sm mx-auto mb-4 rounded-md shadow"
-          src={modalMovie?.Poster}
-          alt={modalMovie?.Title}
+          src={modalMovie?.poster}
+          alt={modalMovie?.title}
         />
         <q.div className="flex flex-col px-10 pt-5">
-          <q.h1 className="text-xl font-bold mb-4">{modalMovie?.Title}</q.h1>
-          <q.p>Year: {modalMovie?.Year}</q.p>
-          <q.p>Type: {modalMovie?.Type}</q.p>
+          <q.h1 className="text-xl font-bold mb-4">{modalMovie?.title}</q.h1>
+          <q.p>Year: {modalMovie?.year}</q.p>
+          <q.p>Type: {modalMovie?.type}</q.p>
           <q.a
             className='"underline text-blue-500 hover:text-blue-700"'
             href={`https://www.imdb.com/title/${modalMovie?.imdbID}`}

frontend/src/components/MovieTable/MovieTableRow/index.tsx

@@ -1,4 +1,4 @@
-import type { movieObject } from '../../types/movie'
+import type { movieObject } from '../../../types/movie'
 import Modal from 'react-modal'
 import q from 'qjuul'
 

frontend/src/components/MovieTable/index.tsx

@@ -1,6 +1,6 @@
 import type { movieObject } from '../../types/movie'
 import q from 'qjuul'
-import MovieTableRow from '../MovieTableRow'
+import MovieTableRow from './MovieTableRow'
 import arrow from '../../../public/arrow-down-up-svgrepo-com.svg'
 
 interface MovieTableProps {

frontend/src/components/Pagination/index.tsx

@@ -1,5 +1,5 @@
 import q from 'qjuul'
-import PaginationButton from '../PaginationButton'
+import PaginationButton from './PaginationButton'
 import { useEffect, useState } from 'react'
 
 interface PaginationProps {

frontend/src/components/index.ts

@@ -1,5 +1,5 @@
 export { default as Pagination } from './Pagination'
-export { default as MovieTableRow } from './MovieTableRow'
+export { default as MovieTableRow } from './MovieTable/MovieTableRow'
 export { default as MovieForm } from './MovieForm'
 export { default as MovieTable } from './MovieTable'
 export { default as MovieModal } from './MovieModal'