feat: update social share component, and enhance modal structure

app/components/popup/modal.tsx

@@ -23,7 +23,6 @@ export const PopupModal = ({
   children,
   description,
 }: ModalProperties) => {
-  if (!isOpen) return
   return (
     <Dialog
       open={isOpen}
@@ -36,7 +35,10 @@ export const PopupModal = ({
         transition
       />
       <div className="fixed inset-0 flex w-screen justify-center overflow-y-auto p-4 max-sm:bg-white sm:items-center">
-        <DialogPanel className="max-w-lg space-y-6 rounded-lg bg-white p-8 duration-300 ease-out data-[closed]:scale-95 data-[closed]:opacity-0 sm:shadow-lg">
+        <DialogPanel
+          transition
+          className="max-w-lg space-y-6 rounded-lg bg-white p-8 duration-300 ease-out data-[closed]:scale-95 data-[closed]:opacity-0 sm:shadow-lg"
+        >
           <DialogTitle className="relative flex justify-center">
             <button
               onClick={onClose}