refactor: clean code and handle

Services/client/src/components/FileItem.vue

@@ -20,16 +20,10 @@ const { getFolder, createFolder, editFolder, uploadFile } = useTreeDataStore()
 const drawer = ref<boolean>(false)
 const drawerFile = ref<boolean>(false)
 const drawerStatus = ref<'edit' | 'create'>('create')
-const input = ref<string>('')
 const inputFile = ref<File>()
 const fileTitle = ref<string>('')
 const fileDesc = ref<string>('')
 const fileCategory = ref<string>('')
-const optionsCategory = [
-  { label: 'ศิลปะ', value: 'art' },
-  { label: 'ภาพวาด', value: 'drawing' },
-  { label: 'ภาษาไทย', value: 'thai' },
-]
 const fileKeyword = ref<string>('')
 const editPathname = ref<string>('')
 
@@ -181,7 +175,7 @@ async function handleSubmit() {
           >
             <q-card-section class="column justify-center relative q-px-xl">
               <q-icon
-                name="description"
+                name="mdi-file"
                 class="add-icon"
                 size="6em"
                 color="primary"
@@ -259,10 +253,9 @@ async function handleSubmit() {
       dense
     />
     <span class="text-weight-bold">กลุ่ม/หมวดหมู่</span>
-    <q-select
+    <q-input
       class="q-my-md"
       outlined
-      :options="optionsCategory"
       v-model="fileCategory"
       placeholder="เลือกกลุ่ม/หมวดหมู่"
       dense