feat: add optional action props to system pages for enhanced user navigation

packages/ui/src/components/system-pages/coming-soon.tsx

@@ -1,4 +1,10 @@
-export function ComingSoon() {
+interface ComingSoonProps {
+  showActions?: boolean;
+}
+
+export function ComingSoon(props: ComingSoonProps) {
+  const { showActions = false } = props;
+
   return (
     <div className="flex min-h-screen items-center justify-center bg-white px-4">
       <div className="w-full max-w-md text-center">
@@ -6,7 +12,7 @@ export function ComingSoon() {
         <p className="text-sm font-medium uppercase tracking-widest text-gray-400">Coming Soon</p>
 
         {/* Title */}
-        <h1 className="mt-3 text-6xl font-extrabold text-gray-900">Feature in Progress</h1>
+        <h1 className="mt-3 text-6xl font-extrabold text-brand-900">Feature in Progress</h1>
 
         {/* Description */}
         <p className="mt-4 text-base text-gray-500">
@@ -14,11 +20,16 @@ export function ComingSoon() {
         </p>
 
         {/* Actions */}
-        <div className="mt-8 flex justify-center gap-3">
-          <a href="/" className="rounded-md bg-gray-900 px-5 py-2.5 text-sm font-medium text-white hover:bg-gray-800">
-            Back to Home
-          </a>
-        </div>
+        {showActions && (
+          <div className="mt-8 flex justify-center gap-3">
+            <a
+              href="/"
+              className="rounded-md bg-brand-900 px-5 py-2.5 text-sm font-medium text-white hover:bg-brand-800"
+            >
+              Back to Home
+            </a>
+          </div>
+        )}
       </div>
     </div>
   );