fix: resolve error

apps/OpenSign/src/pages/UserProfile.js

@@ -24,7 +24,6 @@ import { RWebShare } from "react-web-share";
 import Alert from "../primitives/Alert";
 import Tour from "reactour";
 import TourContentWithBtn from "../primitives/TourContentWithBtn";
-import publicRole from "../assets/images/public-role.mp4";
 
 function UserProfile() {
   const navigate = useNavigate();
@@ -347,7 +346,7 @@ function UserProfile() {
         <TourContentWithBtn
           message={t("tour-mssg.public-template")}
           isChecked={handleDontShow}
-          video={publicRole}
+          video="https://www.youtube.com/embed/aGjaMfm7Gqo?si=2Ul0nUlFovlVoZ1U"
         />
       ),
       position: "top",

apps/OpenSign/src/primitives/TourContentWithBtn.js

@@ -17,7 +17,7 @@ export default function TourContentWithBtn({ message, isChecked, video }) {
       {video && (
         <div className="flex items-center justify-center my-[10px] border-[1.3px] border-gray-400 rounded-sm">
           <iframe
-            src="https://www.youtube.com/embed/aGjaMfm7Gqo?si=2Ul0nUlFovlVoZ1U"
+            src={video}
             title="YouTube video player"
             allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
             allowFullScreen