feat(licenses): always show create button, disable only above 5 licenses

- Add disabled prop to CreateAppButton
- Show the button in LicenseList header for all states (empty and non-empty)
- Disable it when the account has more than 5 developer licenses

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: 0xsemaj

src/app/app/list/components/CreateAppButton/index.tsx

@@ -6,14 +6,19 @@ import { CreateAppModal } from '@/components/CreateAppModal';
 
 interface Props {
   className?: string;
+  disabled?: boolean;
 }
 
-const CreateAppButton: React.FC<Props> = ({ className = 'dark with-icon' }) => {
+const CreateAppButton: React.FC<Props> = ({ className = 'dark with-icon', disabled }) => {
   const [isModalOpen, setIsModalOpen] = React.useState(false);
   return (
     <>
       <CreateAppModal isOpen={isModalOpen} handleIsOpen={setIsModalOpen} />
-      <Button className={clsx(className, '!h-10')} onClick={() => setIsModalOpen(true)}>
+      <Button
+        className={clsx(className, '!h-10')}
+        onClick={() => setIsModalOpen(true)}
+        disabled={disabled}
+      >
         <PlusIcon className="w-4 h-4" />
         Create a license
       </Button>

src/app/license/list/LicenseList.tsx

@@ -1,9 +1,12 @@
 import { FC } from 'react';
 import { LicenseCard } from '@/components/LicenseCard';
 import EmptyList from '@/app/app/list/components/EmptyList';
+import CreateAppButton from '@/app/app/list/components/CreateAppButton';
 import { FragmentType, gql, useFragment } from '@/gql';
 import './LicenseList.css';
 
+const MAX_LICENSES = 5;
+
 export const GET_LICENSE_SUMMARIES = gql(`
   fragment DeveloperLicenseSummariesOnConnection on DeveloperLicenseConnection {
     nodes {
@@ -18,11 +21,13 @@ interface Props {
 
 export const LicenseList: FC<Props> = ({ licenseConnection }) => {
   const fragment = useFragment(GET_LICENSE_SUMMARIES, licenseConnection);
+  const atLimit = fragment.nodes.length > MAX_LICENSES;
 
   return (
     <div className="license-list-content">
       <div className="description">
         <p className="title">Your Developer Licenses</p>
+        <CreateAppButton disabled={atLimit} />
       </div>
       {fragment.nodes.length ? (
         <div className="license-list">