feat(dashboard): add back button support to dynamic pages

Author: docimin

src/components/pages/dynamic-page.tsx

@@ -23,6 +23,29 @@ export function DynamicPage({
 }: Props) {
 	return (
 		<div>
+			{page.showBack && (
+				<button
+					type="button"
+					onClick={() => window.history.back()}
+					className="mb-2 flex items-center gap-1 text-sm text-(--muted-foreground) hover:text-(--foreground) transition-colors"
+				>
+					<svg
+						className="h-4 w-4"
+						fill="none"
+						viewBox="0 0 24 24"
+						strokeWidth={2}
+						stroke="currentColor"
+						aria-hidden="true"
+					>
+						<path
+							strokeLinecap="round"
+							strokeLinejoin="round"
+							d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18"
+						/>
+					</svg>
+					Back
+				</button>
+			)}
 			<h1 className="text-2xl font-bold">{page.title}</h1>
 
 			<div

src/lib/types/manifest.ts

@@ -35,6 +35,7 @@ export interface PageDefinition {
 	layout: "default" | "full-width" | "split";
 	sections: PageSection[];
 	requiredPermission?: string;
+	showBack?: boolean;
 }
 
 export type JsonValue =