feature & fix

deskripsi:
- new component : Center
- fix component : Button > disable props
- feture : fix portofolio > edit, edit logo, edit sosmed
- fix feature : maps > edit map, custom-pin
- fix featue : profile > update photo
# No Issue

app/(application)/(user)/maps/[id]/custom-pin.tsx

@@ -1,10 +1,54 @@
-import { TextCustom, ViewWrapper } from "@/components";
+import {
+  AvatarCustom,
+  BaseBox,
+  BoxButtonOnFooter,
+  ButtonCenteredOnly,
+  ButtonCustom,
+  InformationBox,
+  MapCustom,
+  Spacing,
+  StackCustom,
+  ViewWrapper,
+} from "@/components";
+import CenterCustom from "@/components/Center/CenterCustom";
+import { router, useLocalSearchParams } from "expo-router";
 
 export default function MapsCustomPin() {
+  const { id } = useLocalSearchParams();
+
+  const buttonFooter = (
+    <BoxButtonOnFooter>
+      <ButtonCustom
+        onPress={() => {
+          console.log(`Simpan maps ${id}`);
+          router.replace(`/portofolio/${id}`);
+        }}
+      >
+        Simpan
+      </ButtonCustom>
+    </BoxButtonOnFooter>
+  );
   return (
     <>
-      <ViewWrapper>
-        <TextCustom>Maps Custom Pin</TextCustom>
+      <ViewWrapper footerComponent={buttonFooter}>
+        <StackCustom>
+          <InformationBox text="Pin map akan secara otomatis menampilkan logo pada porotofolio ini, jika anda ingin melakukan custom silahkan upload logo pin baru anda." />
+          <CenterCustom>
+            <AvatarCustom size="xl" />
+          </CenterCustom>
+          <ButtonCenteredOnly
+            onPress={() => console.log("Upload")}
+            icon="upload"
+          >
+            Upload
+          </ButtonCenteredOnly>
+          <Spacing />
+
+          <BaseBox>
+            <MapCustom />
+          </BaseBox>
+          <Spacing />
+        </StackCustom>
       </ViewWrapper>
     </>
   );

app/(application)/(user)/maps/[id]/edit.tsx

@@ -1,11 +1,59 @@
-import { TextCustom, ViewWrapper } from "@/components";
+import {
+  BaseBox,
+  BoxButtonOnFooter,
+  ButtonCenteredOnly,
+  ButtonCustom,
+  InformationBox,
+  LandscapeFrameUploaded,
+  MapCustom,
+  Spacing,
+  TextInputCustom,
+  ViewWrapper
+} from "@/components";
+import { router, useLocalSearchParams } from "expo-router";
 
 export default function MapsEdit() {
+  const { id } = useLocalSearchParams();
+  const buttonFooter = (
+    <BoxButtonOnFooter>
+      <ButtonCustom
+        onPress={() => {
+          console.log(`Simpan maps ${id}`);
+          router.replace(`/portofolio/${id}`);
+        }}
+      >
+        Simpan
+      </ButtonCustom>
+    </BoxButtonOnFooter>
+  );
   return (
-    <>
-      <ViewWrapper>
-        <TextCustom>Maps Edit</TextCustom>
-      </ViewWrapper>
-    </>
+    <ViewWrapper footerComponent={buttonFooter}>
+      <InformationBox text="Tentukan lokasi pin map dengan menekan pada map." />
+
+      <BaseBox>
+        <MapCustom />
+      </BaseBox>
+
+      <TextInputCustom
+        required
+        label="Nama Pin"
+        placeholder="Masukkan nama pin maps"
+      />
+
+      <Spacing />
+
+      <InformationBox text="Upload foto lokasi bisnis anda untuk ditampilkan dalam detail maps." />
+      <LandscapeFrameUploaded />
+      <ButtonCenteredOnly
+        icon="upload"
+        onPress={() => {
+          console.log("Upload foto ");
+          router.navigate(`/take-picture/${id}`);
+        }}
+      >
+        Upload
+      </ButtonCenteredOnly>
+      <Spacing height={50} />
+    </ViewWrapper>
   );
 }

app/(application)/(user)/maps/create.tsx

@@ -18,7 +18,7 @@ export default function MapsCreate() {
     <BoxButtonOnFooter>
       <ButtonCustom
         onPress={() => {
-          console.log("Simpan");
+          console.log(`Simpan maps ${id}`);
           router.replace(`/portofolio/${id}`);
         }}
       >