refactor: click file 2 preview & clean search comp

Services/client/src/components/FileSearched.vue

@@ -1,16 +1,31 @@
 <script setup lang="ts">
 import { storeToRefs } from 'pinia'
 import { useSearchDataStore } from '@/stores/searched-data'
+import { useFileInfoStore } from '@/stores/file-info-data'
 
 const { foundFile } = storeToRefs(useSearchDataStore())
+const { isPreview } = storeToRefs(useFileInfoStore())
+const { getFileInfo } = useFileInfoStore()
 </script>
 
 <template>
   <div class="q-mt-md" v-if="foundFile.length > 0">
     <div class="q-gutter-md">
-      <div v-for="value in foundFile" :key="value.title" class="inline-block">
+      <div
+        v-for="(value, index) in foundFile"
+        :key="value.title"
+        class="inline-block"
+      >
         <div class="box border-radius-inherit">
-          <q-card flat @click="">
+          <q-card
+            flat
+            @click="
+              () => {
+                getFileInfo(foundFile[index])
+                isPreview = true
+              }
+            "
+          >
             <q-card-section class="column justify-center relative q-px-xl">
               <q-icon name="description" size="6em" color="primary" />
               <span class="text-center q-pt-md">{{ value.title }}</span>