Integrasi Map Business

Add:
 components/Map/MapSelected.tsx
        components/_ShareComponent/GridTwoView.tsx
        service/api-client/api-maps.ts
utils/openInDeviceMaps.ts

Fix:
 modified:   app/(application)/(user)/maps/[id]/edit.tsx
        modified:   app/(application)/(user)/maps/create.tsx
        modified:   app/(application)/(user)/maps/index.tsx
        modified:   app/(application)/(user)/portofolio/[id]/index.tsx
        modified:   components/Map/MapCustom.tsx
        modified:   screens/Portofolio/BusinessLocationSection.tsx
        modified:   screens/Portofolio/DataPortofolio.tsx
        modified:   screens/Portofolio/ListPage.tsx

### No issue

screens/Portofolio/BusinessLocationSection.tsx

@@ -1,12 +1,45 @@
-import { BaseBox, MapCustom, StackCustom, TextCustom } from "@/components";
+import {
+  BaseBox,
+  MapCustom,
+  StackCustom,
+  TextCustom
+} from "@/components";
 
-export default function Portofolio_BusinessLocation() {
+export default function Portofolio_BusinessLocation({
+  data,
+  imageId,
+  setOpenDrawerLocation,
+}: {
+  data: any;
+  imageId?: string;
+  setOpenDrawerLocation: (value: boolean) => void;
+}) {
   return (
     <>
-      <BaseBox>
+      <BaseBox style={{ height: !data ? 200 : "auto" }}>
         <StackCustom>
           <TextCustom bold>Lokasi Bisnis</TextCustom>
-          <MapCustom />
+          {!data ? (
+            <TextCustom
+              style={{ paddingTop: 50 }}
+              align="center"
+              color="gray"
+              size={"small"}
+              bold
+            >
+              Lokasi bisnis belum ditambahkan
+            </TextCustom>
+          ) : (
+            <MapCustom
+              latitude={data?.latitude}
+              longitude={data?.longitude}
+              namePin={data?.namePin}
+              imageId={imageId}
+              onPress={() => {
+                setOpenDrawerLocation(true);
+              }}
+            />
+          )}
         </StackCustom>
       </BaseBox>
     </>