refactor: admin search, opt categ & conten, add id

Services/client/src/components/PageLayout.vue

@@ -58,19 +58,7 @@ onMounted(getCabinet)
         <h5 class="q-my-none" v-if="mode === 'admin'">จัดเก็บเอกสาร</h5>
         <h5 class="q-my-none" v-else>สืบค้นเอกสาร</h5>
       </div>
-      <div class="col-3" v-if="mode === 'admin'">
-        <q-input
-          rounded
-          outlined
-          dense
-          label="ค้นหา"
-          bg-color="white"
-          v-model="inputSearch"
-          id="inputSearch"
-        >
-          <template v-slot:append><q-icon name="search" /></template>
-        </q-input>
-      </div>
+      <search-bar :mode="mode" v-if="mode === 'admin'" />
     </div>
   </section>
   <section
@@ -98,7 +86,7 @@ onMounted(getCabinet)
         class="bg-white rounded-borders shadow-5 relative"
         v-if="isFilePreview === false"
       >
-        <search-bar v-if="mode === 'user'" />
+        <search-bar :mode="mode" v-if="mode === 'user'" />
         <div class="bg-white q-pa-md">
           <div class="row items-center justify-between">
             <span class="text-body1">