feat: add buttons to all pages

Author: HardeepAsrani

assets/apps/dashboard/src/Components/Content/Settings/GeneralTabContent.js

@@ -7,6 +7,7 @@ import {
 	LucideMonitorDown,
 	LucideTags,
 	LucideType,
+	LucideExternalLink,
 } from 'lucide-react';
 import useLicenseData from '../../../Hooks/useLicenseData';
 import { NEVE_HAS_VALID_PRO } from '../../../utils/constants';
@@ -16,6 +17,7 @@ import OptionGroup from './OptionGroup';
 import ControlWrap from '../../Controls/ControlWrap';
 import Toggle from '../../Common/Toggle';
 import Select from '../../Common/Select';
+import Button from '../../Common/Button';
 
 const DUMMY_SETTINGS_ARGS = {
 	enable_featured_image_taxonomy: {
@@ -185,9 +187,22 @@ export default () => {
 
 	return (
 		<>
-			<h1 className="text-lg font-semibold mb-6">
-				{__('General Settings', 'neve')}
-			</h1>
+			<div className="flex items-center justify-between mb-6">
+				<h1 className="text-lg font-semibold">
+					{__('General Settings', 'neve')}
+				</h1>
+
+				{!isLicenseValid && (
+					<Button
+						isPrimary
+						href={neveDash.upgradeURLModules}
+						target="_blank"
+					>
+						{__('Get Neve Pro', 'neve')}
+						<LucideExternalLink size={16} className="shrink-0" />
+					</Button>
+				)}
+			</div>
 
 			<div>
 				{(isLicenseValid && <ProModuleSettings />) || <DummySettings />}

assets/apps/dashboard/src/Components/Content/Settings/PerformanceTabContent.js

@@ -1,7 +1,14 @@
 /* global neveDash */
 import { __ } from '@wordpress/i18n';
-import { LucideCode, LucideSmile, LucideText, LucideZap } from 'lucide-react';
+import {
+	LucideCode,
+	LucideSmile,
+	LucideText,
+	LucideZap,
+	LucideExternalLink,
+} from 'lucide-react';
 import ToggleControl from '../../Controls/ToggleControl';
+import Button from '../../Common/Button';
 import useLicenseData from '../../../Hooks/useLicenseData';
 import OptionGroup from './OptionGroup';
 
@@ -78,9 +85,22 @@ export default () => {
 
 	return (
 		<>
-			<h1 className="text-lg font-semibold mb-6">
-				{__('Performance Settings', 'neve')}
-			</h1>
+			<div className="flex items-center justify-between mb-6">
+				<h1 className="text-lg font-semibold">
+					{__('Performance Settings', 'neve')}
+				</h1>
+
+				{!isLicenseValid && (
+					<Button
+						isPrimary
+						href={neveDash.upgradeURLModules}
+						target="_blank"
+					>
+						{__('Get Neve Pro', 'neve')}
+						<LucideExternalLink size={16} className="shrink-0" />
+					</Button>
+				)}
+			</div>
 
 			<div>
 				<ToggleControl