fix: consistency in sidebar card titles styling

Author: abaicus

assets/src/dashboard/parts/connected/OptimizationStatus.js

@@ -23,7 +23,7 @@ const OptimizationStatus = ({ settings }) => {
 
 	return (
 		<div className="bg-white flex flex-col text-gray-700 border-0 rounded-lg shadow-md p-8">
-			<h3 className="text-base m-0 mb-4">{ optimoleDashboardApp.strings.optimization_status.title }</h3>
+			<h3 className="text-lg mt-0">{ optimoleDashboardApp.strings.optimization_status.title }</h3>
 			<ul className="grid gap-3 m-0">
 				{ statuses.map( ( status, index ) => {
 					let statusClass = status.active ? 'success' : 'danger';

assets/src/dashboard/parts/connected/SPCRecommendation.js

@@ -100,7 +100,7 @@ const SPCRecommendation = () => {
 				<Icon icon={ close } className="fill-current" size={ 18 } />
 			</button>
 			<div className="p-8 flex flex-col gap-2">
-				<h3 className="text-gray-800 text-lg font-bold m-0">{ i18n.title }</h3>
+				<h3 className="text-lg mt-0">{ i18n.title }</h3>
 				<p className="text-gray-600 m-0">{ i18n.byline }</p>
 				<ul className="grid gap-2">
 					{ i18n.features.map( ( feature, index ) => (