use crm- components everywhere

resources/js/layouts/AppLayout.vue

@@ -5,7 +5,7 @@ import { onMounted } from 'vue';
 import 'vue-sonner/style.css'
 import { Toaster } from 'vue-sonner'
 import { Info, CircleAlert, CircleCheck, LoaderCircle, Ban } from "lucide-vue-next"
-import { Button } from '@/components/ui/button'
+import { Button } from '@/components/ui/crm-button'
 import { SidebarProvider } from '@/components/ui/sidebar';
 import { usePage } from '@inertiajs/vue3';
 import { AlertDialog, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, } from '@/components/ui/alert-dialog'
@@ -78,7 +78,7 @@ onMounted(() => {
     <AlertDialog v-model:open="alert.open">
         <AlertDialogContent>
             <AlertDialogHeader>
-                <AlertDialogTitle>{{ alert.title }}</AlertDialogTitle>
+                <AlertDialogTitle class="text-md">{{ alert.title }}</AlertDialogTitle>
                 <AlertDialogDescription v-if="alert.message">{{ alert.message }}</AlertDialogDescription>
             </AlertDialogHeader>
             <AlertDialogFooter>

resources/js/layouts/settings/Layout.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import Heading from '@/components/Heading.vue';
-import { Button } from '@/components/ui/button';
+import { Button } from '@/components/ui/crm-button';
 import { Separator } from '@/components/ui/separator';
 import { toUrl, urlIsActive } from '@/lib/utils';
 import { edit as editAppearance } from '@/routes/appearance';