add draft case scenarios

src/views/pages/ScenarioList.vue

@@ -58,6 +58,10 @@
                         <div class="p-4 flex flex-col flex-grow">
                             <h3 class="text-lg font-medium text-gray-900 dark:text-gray-100">{{ item.name }}</h3>
                             <p class="text-sm font-medium text-gray-500 dark:text-gray-400 mt-2">{{ item.description }}</p>
+                            <div v-if="item.visible==='DRAFT'" class="text-xs font-semibold text-white bg-purple-600 px-2 py-1 rounded-md inline-flex items-center justify-center w-auto mt-2">
+  {{ item.visible }}
+                            </div>
+
                         </div>
                         <div class="p-2 border-t border-gray-200 dark:border-gray-700 flex justify-end">
                             <Button @click="executeScenario(item.id)" size="small" label="Load" class="flex-auto md:flex-initial text-white">