✨ Add admin control panel (#1726)

apps/web/src/features/licensing/components/license-limit-warning.tsx

@@ -0,0 +1,42 @@
+import { Trans } from "@/components/trans";
+import { getLicense } from "@/features/licensing/queries";
+import { getUserCount } from "@/features/user/queries";
+import { isSelfHosted } from "@/utils/constants";
+import Link from "next/link";
+
+export async function LicenseLimitWarning() {
+  if (!isSelfHosted) {
+    return null;
+  }
+
+  const [license, userCount] = await Promise.all([
+    getLicense(),
+    getUserCount(),
+  ]);
+
+  const userLimit = license?.seats ?? 1;
+
+  if (!userLimit || userCount <= userLimit) {
+    return null;
+  }
+
+  return (
+    <div className="bg-muted p-2 text-center text-sm rounded-md m-1 text-muted-foreground">
+      <Trans
+        i18nKey="licenseLimitWarning"
+        defaults="You have exceeded the limits of your license. Please <a>upgrade</a>."
+        components={{
+          a: (
+            <Link
+              prefetch={false}
+              href="https://support.rallly.co/self-hosting/licensing"
+              target="_blank"
+              className="text-link"
+              rel="noopener noreferrer"
+            />
+          ),
+        }}
+      />
+    </div>
+  );
+}