refactory of the draft validation and add video player

package.json

@@ -45,6 +45,7 @@
     "@awesome-cordova-plugins/document-viewer": "^5.41.0",
     "@awesome-cordova-plugins/file": "^5.41.0",
     "@awesome-cordova-plugins/file-opener": "^5.41.0",
+    "@awesome-cordova-plugins/media-capture": "^6.4.0",
     "@awesome-cordova-plugins/multiple-document-picker": "^5.40.0",
     "@capacitor-community/fcm": "^5.0.2",
     "@capacitor/android": "^5.4.2",
@@ -61,6 +62,7 @@
     "@capacitor/push-notifications": "^5.1.0",
     "@capacitor/share": "^4.1.0",
     "@capacitor/storage": "^1.2.5",
+    "@capawesome/capacitor-file-picker": "^5.1.1",
     "@fortawesome/angular-fontawesome": "^0.9.0",
     "@fortawesome/fontawesome-free": "^5.15.3",
     "@fortawesome/fontawesome-svg-core": "^1.2.35",
@@ -106,6 +108,7 @@
     "@pdftron/pdfjs-express": "^8.0.1",
     "@sentry/angular": "^7.13.0",
     "@sentry/capacitor": "^0.10.1",
+    "@teamhive/capacitor-video-recorder": "^5.0.0",
     "@tinymce/tinymce-angular": "^4.2.4",
     "@types/jest-environment-puppeteer": "^5.0.3",
     "@types/puppeteer": "^7.0.4",
@@ -119,6 +122,7 @@
     "bootstrap": "^4.5.0",
     "browser-image-resizer": "^2.4.1",
     "build": "0.1.4",
+    "capacitor-video-player": "^5.0.2",
     "capacitor-voice-recorder": "^4.0.1",
     "ci": "^2.1.1",
     "cordova": "^11.0.0",
@@ -183,6 +187,7 @@
     "ts-jest-puppeteer": "^0.0.5",
     "tslib": "^2.0.0",
     "uuidv4": "^6.2.11",
+    "videogular2": "^7.0.2",
     "webpack": "^5.88.2",
     "wordcloud": "^1.1.2",
     "ws": "^7.4.6",
@@ -198,6 +203,7 @@
     "@capacitor/cli": "^4.6.1",
     "@ionic/angular-toolkit": "^6.1.0",
     "@ionic/lab": "3.1.7",
+    "@types/core-js": "^2.5.7",
     "@types/jasmine": "~3.6.0",
     "@types/jasminewd2": "~2.0.3",
     "@types/jest": "^26.0.24",