add publish and unpublish to dashboard items

resources/js/components/Dashboard/FormListItem.vue

@@ -98,6 +98,22 @@
           class="block w-full text-left"
           label="Settings"
         />
+        <D9MenuLink
+          v-if="!form.is_published && !form.is_trashed"
+          as="button"
+          type="button"
+          class="block w-full text-left"
+          label="Publish Form"
+          @click="publishForm"
+        />
+        <D9MenuLink
+          v-if="form.is_published && !form.is_trashed"
+          as="button"
+          type="button"
+          class="block w-full text-left"
+          label="Unpublish Form"
+          @click="unpublishForm"
+        />
         <D9MenuLink
           v-if="!form.is_published && !form.is_trashed"
           as="button"
@@ -165,7 +181,9 @@ import {
   callDeleteForeverForm,
   callDeleteForm,
   callDuplicateForm,
+  callPublishForm,
   callRestoreForm,
+  callUnpublishForm,
 } from "@/api/forms";
 
 const props = defineProps<{
@@ -204,6 +222,18 @@ const duplicateForm = async () => {
   });
 };
 
+const publishForm = async () => {
+  await callPublishForm(props.form);
+
+  window.location.reload();
+};
+
+const unpublishForm = async () => {
+  await callUnpublishForm(props.form)
+
+  window.location.reload();
+};
+
 const restoreForm = async () => {
   const restored = await callRestoreForm(props.form);