move ui and api to seperate packages and add npm actions for them

resources/js/packages/ui/src/Buttons/DangerButton.vue

@@ -0,0 +1,20 @@
+<script setup lang="ts">
+import type { HtmlButtonType } from '@/types/dom';
+
+withDefaults(
+    defineProps<{
+        type?: HtmlButtonType;
+    }>(),
+    {
+        type: 'button',
+    }
+);
+</script>
+Modal.vue
+<template>
+    <button
+        :type="type"
+        class="inline-flex items-center justify-center px-4 py-2 bg-red-600 border border-transparent rounded-md font-semibold text-xs text-white uppercase tracking-widest hover:bg-red-500 active:bg-red-700 focus:outline-none focus:ring-2 focus:ring-red-500 focus:ring-offset-2 transition ease-in-out duration-150">
+        <slot />
+    </button>
+</template>