standardize header, save all button for targets, fix update site on resource

src/app/[orgId]/settings/sites/components/CreateSiteForm.tsx

@@ -40,6 +40,7 @@ import {
     SelectTrigger,
     SelectValue,
 } from "@app/components/ui/select";
+import { formatAxiosError } from "@app/lib/utils";
 
 const method = [
     { label: "Wireguard", value: "wg" },
@@ -108,7 +109,9 @@ export default function CreateSiteForm({ open, setOpen }: CreateSiteFormProps) {
             api.get(`/org/${orgId}/pick-site-defaults`)
                 .catch((e) => {
                     toast({
+                        variant: "destructive",
                         title: "Error picking site defaults",
+                        description: formatAxiosError(e),
                     });
                 })
                 .then((res) => {
@@ -130,7 +133,9 @@ export default function CreateSiteForm({ open, setOpen }: CreateSiteFormProps) {
             })
             .catch((e) => {
                 toast({
+                    variant: "destructive",
                     title: "Error creating site",
+                    description: formatAxiosError(e),
                 });
             });
 

src/app/[orgId]/settings/sites/components/SitesTable.tsx

@@ -17,6 +17,8 @@ import { AxiosResponse } from "axios";
 import { useState } from "react";
 import CreateSiteForm from "./CreateSiteForm";
 import ConfirmDeleteDialog from "@app/components/ConfirmDeleteDialog";
+import { useToast } from "@app/hooks/useToast";
+import { formatAxiosError } from "@app/lib/utils";
 
 export type SiteRow = {
     id: number;
@@ -35,6 +37,8 @@ type SitesTableProps = {
 export default function SitesTable({ sites, orgId }: SitesTableProps) {
     const router = useRouter();
 
+    const { toast } = useToast();
+
     const [isCreateModalOpen, setIsCreateModalOpen] = useState(false);
     const [isDeleteModalOpen, setIsDeleteModalOpen] = useState(false);
     const [selectedSite, setSelectedSite] = useState<SiteRow | null>(null);
@@ -48,6 +52,11 @@ export default function SitesTable({ sites, orgId }: SitesTableProps) {
         api.delete(`/site/${siteId}`)
             .catch((e) => {
                 console.error("Error deleting site", e);
+                toast({
+                    variant: "destructive",
+                    title: "Error deleting site",
+                    description: formatAxiosError(e, "Error deleting site"),
+                });
             })
             .then(() => {
                 router.refresh();