Improved Performance panel page UI

Changed page description
Added wordpress/i18n as dev-dependency

Author: GiuseppeArcifa

build/assets/image-optimized-marker/image-optimized-marker.min.js

@@ -1 +1 @@
-<?php return array('dependencies' => array('lodash', 'react', 'react-jsx-runtime', 'wp-api-fetch', 'wp-data', 'wp-dom-ready', 'wp-element', 'wp-i18n'), 'version' => '77b4c260ba21ded40e4c');
+<?php return array('dependencies' => array('lodash', 'react', 'react-jsx-runtime', 'wp-api-fetch', 'wp-data', 'wp-dom-ready', 'wp-element', 'wp-i18n'), 'version' => 'f703d9def50453bbd977');

build/performance/performance-rtl.css

@@ -21,6 +21,7 @@
   "devDependencies": {
     "@tailwindcss/forms": "^0.5.10",
     "@testing-library/cypress": "^10.0.3",
+    "@wordpress/i18n": "^5.22.0",
     "@wordpress/scripts": "^30.15.0",
     "autoprefixer": "^10.4.21",
     "chalk": "^5.4.1",

build/performance/performance.css

@@ -3,7 +3,7 @@ import { __ } from '@wordpress/i18n';
 const getAppText = () => ( {
 	title: __( 'Performance', 'wp-module-performance' ),
 	description: __(
-		'This is where you can manage performance settings for your website.',
+		'Optimize your website by managing cache and performance settings',
 		'wp-module-performance'
 	),
 } );

build/performance/performance.min.asset.php

@@ -3,7 +3,7 @@ import '../../store';
 import '../../styles/styles.css';
 
 // Newfold
-import { Container, Root, Page } from '@newfold/ui-component-library';
+import { Container, Root, Page, Title } from '@newfold/ui-component-library';
 import { NewfoldRuntime } from '@newfold/wp-module-runtime';
 
 // WordPress
@@ -35,12 +35,15 @@ const App = () => {
 		<Root context={ { isRTL: false } }>
 			<NotificationFeed />
 			<Page title={ title }>
+				<div>
+					<Title as="h1" className="nfd-mb-2">
+						{ title }
+					</Title>
+					<Title as="p" className="nfd-font-normal">
+						{ description }
+					</Title>
+				</div>
 				<Container>
-					<Container.Header
-						title={ title }
-						description={ description }
-						className="wppbh-app-settings-header"
-					/>
 					<Container.Block
 						separator
 						className="newfold-cache-settings"