refactor: file info preview mime type, icon, type

Services/client/src/components/FileSearched.vue

@@ -2,6 +2,7 @@
 import { storeToRefs } from 'pinia'
 import { useSearchDataStore } from '@/stores/searched-data'
 import { useFileInfoStore } from '@/stores/file-info-data'
+import FileIcon from '@/components/FileIcon.vue'
 
 const { foundFile } = storeToRefs(useSearchDataStore())
 const { isPreview } = storeToRefs(useFileInfoStore())
@@ -27,7 +28,11 @@ const { getFileInfo } = useFileInfoStore()
             "
           >
             <q-card-section class="column justify-center relative q-px-xl">
-              <q-icon name="description" size="6em" color="primary" />
+              <file-icon
+                size="preview"
+                :fileMimeType="value.fileType"
+                ref="fileIconComp"
+              />
               <span class="text-center q-pt-md">{{ value.title }}</span>
             </q-card-section>
           </q-card>