Improve the non paid user headings

src/components/GenerateCourse/AICourseLimit.tsx

@@ -31,12 +31,14 @@ export function AICourseLimit(props: AICourseLimitProps) {
 
   const totalPercentage = getPercentage(used, limit);
 
-  // has consumed 80% of the limit
+  // has consumed 85% of the limit
-  const isNearLimit = used >= limit * 0.8;
+  const isNearLimit = used >= limit * 0.85;
   const isPaidUser = userBillingDetails.status === 'active';
 
   return (
     <>
+      {!isPaidUser ||
+        (isNearLimit && (
           <button
             className="mr-1 flex items-center gap-1 text-sm font-medium underline underline-offset-2 lg:hidden"
             onClick={() => onShowLimits()}
@@ -44,6 +46,7 @@ export function AICourseLimit(props: AICourseLimitProps) {
             <Info className="size-4" />
             {totalPercentage}% limit used
           </button>
+        ))}
 
       {(!isPaidUser || isNearLimit) && (
         <button