add license system and ui

src/components/ProfessionalContentOverlay.tsx

@@ -0,0 +1,42 @@
+// This file is licensed under the Fossorial Commercial License.
+// Unauthorized use, copying, modification, or distribution is strictly prohibited.
+//
+// Copyright (c) 2025 Fossorial LLC. All rights reserved.
+
+"use client";
+
+import { cn } from "@app/lib/cn";
+
+type ProfessionalContentOverlayProps = {
+    children: React.ReactNode;
+    isProfessional?: boolean;
+};
+
+export function ProfessionalContentOverlay({
+    children,
+    isProfessional = false
+}: ProfessionalContentOverlayProps) {
+    return (
+        <div
+            className={cn(
+                "relative",
+                isProfessional && "opacity-60 pointer-events-none"
+            )}
+        >
+            {isProfessional && (
+                <div className="absolute inset-0 flex items-center justify-center bg-background/80 z-50">
+                    <div className="text-center p-6 bg-primary/10 rounded-lg">
+                        <h3 className="text-lg font-semibold mb-2">
+                            Professional Edition Required
+                        </h3>
+                        <p className="text-muted-foreground">
+                            This feature is only available in the Professional
+                            Edition.
+                        </p>
+                    </div>
+                </div>
+            )}
+            {children}
+        </div>
+    );
+}