chore: update license notice

Author: khoaizAhmmed

frontend/components/License.pro.tsx

@@ -7,7 +7,7 @@ import Title from 'antd/es/typography/Title'
 import { useEffect, useRef } from 'react'
 import { useSearchParam } from 'react-use'
 
-import LicenseInvalidAlert from './LicenseInvalidAlert.pro'
+import LicenseActivationNotice from './LicenseActivationNotice.pro'
 import CheckNewUpdate from './SupportPage/CheckNewUpdate'
 import pluginInfo from './SupportPage/data/pluginInfoData'
 
@@ -120,7 +120,7 @@ export default function License({ pluginSlug }: { pluginSlug: string }) {
                   {__('Deactivate License')}
                 </Button>
 
-                <LicenseInvalidAlert forceCheckLicense />
+                <LicenseActivationNotice />
               </>
             ) : (
               <Button

frontend/components/LicenseActivationNotice.pro.tsx

@@ -0,0 +1,29 @@
+import { __ } from '@common/helpers/i18nwrap'
+import { Alert } from 'antd'
+
+import useCheckLicenseValidity from './SupportPage/data/useCheckLicenseValidity'
+
+export default function LicenseActivationNotice() {
+  const { isLicenseValid } = useCheckLicenseValidity(true)
+
+  if (isLicenseValid) return
+
+  return (
+    <Alert
+      description={
+        <>
+          {__(
+            `Please ensure that your product subscription is valid. If needed, try deactivating and reactivating your license.`
+          )}
+          <br />
+          {__(
+            `For further assistance, feel free to reach out to our live support or email us at [email protected] .`
+          )}
+        </>
+      }
+      message={__('Your license is invalid, try reactivate')}
+      showIcon
+      type="error"
+    />
+  )
+}

frontend/components/LicenseInvalidAlert.pro.tsx

@@ -1,5 +1,7 @@
 import { __ } from '@common/helpers/i18nwrap'
+import LucideIcn from '@icons/LucideIcn'
 import { Alert } from 'antd'
+import { Link } from 'react-router-dom'
 
 import useCheckLicenseValidity from './SupportPage/data/useCheckLicenseValidity'
 
@@ -10,6 +12,12 @@ export default function LicenseInvalidAlert({ forceCheckLicense }: { forceCheckL
 
   return (
     <Alert
+      action={
+        <Link className="mt-2" to="/support">
+          {__('Manage license')}
+          <LucideIcn name="move-up-right" size={12} style={{ transform: 'translateY(-4px)' }} />
+        </Link>
+      }
       description={__(
         `Please update your license to ensure you receive the latest security updates and bug fixes. 
           Using an outdated or unofficial license may leave your system vulnerable to security breaches and data leaks.