refactor: category prop on drawer info

src/components/DrawerInfo.vue

@@ -1,9 +1,10 @@
 <script setup lang="ts">
-import { ref } from 'vue';
+import { onMounted, ref, watch } from 'vue';
 import AppBox from './app/AppBox.vue';
 
 defineProps<{
   title: string;
+  category?: string;
   isEdit?: boolean;
   bgOn?: boolean;
   statusBranch?: string;
@@ -16,7 +17,6 @@ defineProps<{
   undo?: (...args: unknown[]) => void;
 }>();
 
-// const drawerWidth = ref(window.screen.width * 0.8);
 const drawerOpen = defineModel<boolean>('drawerOpen', {
   default: false,
 });
@@ -33,7 +33,6 @@ function reset() {
   <q-drawer
     @before-hide="reset"
     @hide="close"
-    :width="$q.screen.gt.md ? 1200 : $q.screen.gt.xs ? 700 : 900"
     :breakpoint="1366"
     v-model="drawerOpen"
     behavior="mobile"
@@ -91,6 +90,7 @@ function reset() {
           </div>
 
           <div class="col text-subtitle1 text-weight-bold text-center">
+            <text v-if="category" class="app-text-muted">{{ category }} /</text>
             {{ title }}
 
             <text