fix: fix celebration ui for mobile view

apps/OpenSign/src/components/pdf/EmailComponent.js

@@ -251,17 +251,11 @@ function EmailComponent({
             </div>
             <div style={{ height: "100%", padding: 20 }}>
               {(isCeleb || isCompletionCeleb) && (
-                <div
-                  style={{
-                    position: "absolute",
-                    marginLeft: "50px"
-                  }}
-                >
+                <div className="absolute w-[100%] flex justify-center items-center">
                   <img
                     alt="print img"
                     width={300}
                     height={250}
-                    // style={styles.gifCeleb}
                     src={celebration}
                   />
                 </div>

apps/OpenSign/src/pages/SignyourselfPdf.js

@@ -340,7 +340,6 @@ function SignYourSelf() {
       setIsLoading(loadObj);
     }
   };
-  console.log("iscompletion", isCompletionCeleb);
   const getWidgetValue = (type) => {
     switch (type) {
       case "name":

apps/OpenSign/src/primitives/ModalUi.js

@@ -27,12 +27,7 @@ const ModalUi = ({
             }
           >
             {isCompletionCeleb && (
-              <div
-                style={{
-                  position: "absolute",
-                  marginLeft: "50px"
-                }}
-              >
+              <div className="absolute w-[100%] flex justify-center items-center">
                 <img
                   alt="print img"
                   width={300}