refactor: update DialogDelete component to use selectedId and close callback

app/pages/dashboard-advertisements/index.tsx

@@ -98,8 +98,8 @@ export const AdvertisementsPage = () => {
       />
 
       <DialogDelete
-        selectedItem={selectedAds}
-        setSelectedItem={setSelectedAds}
+        selectedId={selectedAds?.id}
+        close={() => setSelectedAds(undefined)}
         title="Banner iklan"
         fetcherAction={`/actions/admin/advertisements/delete/${selectedAds?.id}`}
       >

app/pages/dashboard-subscribe-plan/index.tsx

@@ -129,8 +129,8 @@ export const SubscribePlanPage = () => {
       />
 
       <DialogDelete
-        selectedItem={selectedSubscribePlan}
-        setSelectedItem={setSelectedSubscribePlan}
+        selectedId={selectedSubscribePlan?.id}
+        close={() => setSelectedSubscribePlan(undefined)}
         title="Subscribe plan"
         fetcherAction={`/actions/admin/subscribe-plan/delete/${selectedSubscribePlan?.id}`}
       >

app/pages/dashboard-tags/index.tsx

@@ -102,8 +102,8 @@ export const TagsPage = () => {
       />
 
       <DialogDelete
-        selectedItem={selectedTag}
-        setSelectedItem={setSelectedTag}
+        selectedId={selectedTag?.id}
+        close={() => setSelectedTag(undefined)}
         title="Tag"
         fetcherAction={`/actions/admin/tags/delete/${selectedTag?.id}`}
       >