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

src/app/[orgId]/settings/resources/[resourceId]/layout.tsx

@@ -7,6 +7,7 @@ import { authCookieHeader } from "@app/api/cookies";
 import { SidebarSettings } from "@app/components/SidebarSettings";
 import Link from "next/link";
 import { ArrowLeft } from "lucide-react";
+import SettingsSectionTitle from "@app/components/SettingsSectionTitle";
 
 interface ResourceLayoutProps {
     children: React.ReactNode;
@@ -53,19 +54,16 @@ export default async function ResourceLayout(props: ResourceLayoutProps) {
                     className="text-muted-foreground hover:underline"
                 >
                     <div className="flex flex-row items-center gap-1">
-                        <ArrowLeft /> <span>All Resources</span>
+                        <ArrowLeft className="w-4 h-4" />{" "}
+                        <span>All Resources</span>
                     </div>
                 </Link>
             </div>
 
-            <div className="space-y-0.5 select-none mb-6">
-                <h2 className="text-2xl font-bold tracking-tight">
-                    {resource?.name + " Settings"}
-                </h2>
-                <p className="text-muted-foreground">
-                    Configure the settings on your resource
-                </p>
-            </div>
+            <SettingsSectionTitle
+                title={`${resource?.name} Settings`}
+                description="Configure the settings on your resource"
+            />
 
             <ResourceProvider resource={resource}>
                 <SidebarSettings