Improve admin save UX and portfolio navigation

app/root/site-settings/page.tsx

@@ -2,7 +2,7 @@ import { MediaKind } from "@prisma/client";
 import { redirect } from "next/navigation";
 
 import { MotionFade } from "@/components/motion-fade";
-import { FormSaveButton } from "@/components/root/form-save-button";
+import { FlashMessage } from "@/components/root/flash-message";
 import { SiteSettingsForm } from "@/components/root/site-settings-form";
 import { RootDashboardShell } from "@/components/root/root-dashboard-shell";
 import { clearAdminSessionCookie, isAdminAuthenticated } from "@/lib/admin-auth";
@@ -63,22 +63,18 @@ export default async function RootSiteSettingsPage({
       logoutAction={logoutAction}
       headerTitle={copy.title}
       headerDescription={copy.subtitle}
-      headerActions={<FormSaveButton formId="site-settings-form" />}
+      saveFormId="site-settings-form"
     >
       <div className="space-y-6">
         {searchParams?.success ? (
           <MotionFade delay={0.1}>
-            <p className="rounded-nested border border-status-success/30 bg-status-success/10 px-4 py-3 text-sm text-status-success">
-              {searchParams.success}
-            </p>
+            <FlashMessage type="success" message={searchParams.success} />
           </MotionFade>
         ) : null}
 
         {searchParams?.error ? (
           <MotionFade delay={0.12}>
-            <p className="rounded-nested border border-destructive/30 bg-destructive/10 px-4 py-3 text-sm text-destructive">
-              {searchParams.error}
-            </p>
+            <FlashMessage type="error" message={searchParams.error} />
           </MotionFade>
         ) : null}