add result component, env var and fetch functions

kitabcitab/components/Results.js

@@ -1,26 +1,9 @@
 import React from 'react'
 import Result from './Result'
 
-const Results = () => {
+const Results = ({data}) => {
 
 
-    const data = [
-        {
-            id: 1,
-            title: 'Prevod Kur\'ana',
-            writer: 'Besim Korkut',
-            heading: '16. "Pa, koju blagodat Gospodara svoga poricete?"',
-            page: 531
-        },
-        {
-            id: 2,
-            title: 'Hamine pustolovine',
-            writer: 'Muhamed Ahmed Mustafa',
-            heading: 'Kad mu se Ramo pozalio da zena ne prica sa njim, Hamo je citirao ajet: "Pa, koju blagodat Gospodara svoga poricete?"',
-            page: 71
-        },
-    ]
-
   return (
     <div className='
     flex flex-col justify-around gap-5
@@ -36,7 +19,7 @@ const Results = () => {
 
 
     '>
-        {data.map((result, id) => <Result key={id} result={result}/>)}
+        {data.map((result) => <Result key={result._id} result={result}/>)}
     </div>
   )
 }