fix files page

xroom-dashboard/package-lock.json

@@ -9,10 +9,12 @@
       "version": "0.1.0",
       "dependencies": {
         "@google/model-viewer": "^4.1.0",
+        "@heroicons/vue": "^2.2.0",
         "@videojs-player/vue": "^1.0.0",
         "@videojs/themes": "^1.0.1",
         "axios": "^1.8.4",
         "core-js": "^3.8.3",
+        "date-fns": "^4.1.0",
         "moment-jalaali": "^0.10.4",
         "swiper": "^11.2.8",
         "video.js": "^7.21.7",
@@ -3016,6 +3018,15 @@
         "@hapi/hoek": "^9.0.0"
       }
     },
+    "node_modules/@heroicons/vue": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/@heroicons/vue/-/vue-2.2.0.tgz",
+      "integrity": "sha512-G3dbSxoeEKqbi/DFalhRxJU4mTXJn7GwZ7ae8NuEQzd1bqdd0jAbdaBZlHPcvPD2xI1iGzNVB4k20Un2AguYPw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "vue": ">= 3"
+      }
+    },
     "node_modules/@humanwhocodes/config-array": {
       "version": "0.5.0",
       "resolved": "https://registry.npmmirror.com/@humanwhocodes/config-array/-/config-array-0.5.0.tgz",
@@ -6837,6 +6848,16 @@
       "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
       "license": "MIT"
     },
+    "node_modules/date-fns": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-4.1.0.tgz",
+      "integrity": "sha512-Ukq0owbQXxa/U3EGtsdVBkR1w7KOQ5gIBqdH2hkvknzZPYvBxb/aa6E8L7tmjFtkwZBu3UXBbjIgPo/Ez4xaNg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/kossnocorp"
+      }
+    },
     "node_modules/debounce": {
       "version": "1.2.1",
       "resolved": "https://registry.npmmirror.com/debounce/-/debounce-1.2.1.tgz",

xroom-dashboard/package.json

@@ -9,10 +9,12 @@
   },
   "dependencies": {
     "@google/model-viewer": "^4.1.0",
+    "@heroicons/vue": "^2.2.0",
     "@videojs-player/vue": "^1.0.0",
     "@videojs/themes": "^1.0.1",
     "axios": "^1.8.4",
     "core-js": "^3.8.3",
+    "date-fns": "^4.1.0",
     "moment-jalaali": "^0.10.4",
     "swiper": "^11.2.8",
     "video.js": "^7.21.7",

xroom-dashboard/src/components/FilePreviewDialog.vue

@@ -75,6 +75,9 @@
 <script>
 import VuePdfEmbed from 'vue-pdf-embed';
 import { VideoPlayer } from '@videojs-player/vue';
+import 'video.js/dist/video-js.css';
+import '@videojs/themes/dist/sea/index.css';
+import '@google/model-viewer';
 import axios from 'axios';
 
 export default {
@@ -116,19 +119,13 @@ export default {
   watch: {
     isOpen(newVal) {
       if (newVal) {
-        // غیرفعال کردن اسکرول صفحه پس‌زمینه
         document.body.style.overflow = 'hidden';
       } else {
-        // فعال کردن مجدد اسکرول
         document.body.style.overflow = '';
       }
     },
   },
   methods: {
-      beforeDestroy() {
-    // اطمینان از فعال شدن اسکرول هنگام حذف کامپوننت
-    document.body.style.overflow = '';
-  },
     handleBackdropClick(event) {
       if (event.target.classList.contains('modal-overlay')) {
         this.closePreviewDialog();