fix: get data name location and address

components/Location/index.js

@@ -2,19 +2,15 @@ import React from 'react';
 import Image from "next/image";
 import {Divider} from "antd";
 
-const Location = () => {
+const Location = ({location}) => {
     return (
         <div>
             <div className={'flex flex-col items-center gap-4'}>
                 <Image src={'/assets/images/location.svg'} width={80} height={80} alt={'location'}/>
 
                 <div className={'text-center'}>
-                    <h1 className={'font-bold'}>LOCKEY Lippo Mall Kemang</h1>
-                    <p className={'text-sm text-[#B7BAC2]'}>Jl. Pangeran Antasari No.36, Bangka, Kec. Mampang Prpt.,
-                        Kota, Daerah
-                        Khusus Ibukota
-                        Jakarta
-                        12150</p>
+                    <h1 className={'font-bold'}>{location?.data?.[0]?.name}</h1>
+                    <p className={'text-sm text-[#B7BAC2]'}>{location?.data?.[0]?.address}</p>
                 </div>
             </div>