👌 UPDATE: Updated header component design

Author: ManiruzzamanAkash

src/components/dashboard/Dashboard.tsx

@@ -2,8 +2,15 @@
  * External dependencies
  */
 import { __ } from '@wordpress/i18n';
+import { useNavigate } from 'react-router-dom';
+
+/**
+ * Internal dependencies.
+ */
+import Button from '../button/Button';
 
 const Dashboard = () => {
+    const navigate = useNavigate();
     return (
         <div className="dashboard mx-8">
             <div className="card p-5">
@@ -14,6 +21,15 @@ const Dashboard = () => {
                     {__('Edit Dashboard component at ', 'jobplace')}
                     <code>src/components/Dashboard.jsx</code>
                 </p>
+
+                <div className="mt-4">
+                    <Button
+                        type="primary"
+                        style={{ backgroundColor: '#00a0d2' }}
+                        text={__('View Jobs', 'jobplace')}
+                        onClick={() => navigate('/jobs')}
+                    />
+                </div>
             </div>
         </div>
     );

src/components/layout/Header.tsx

@@ -21,7 +21,7 @@ function Header() {
                             onClick={() => {}}
                             className="text-gray-900 font-medium text-lg focus:outline-none focus:shadow-none"
                         >
-                            <span className="text-primary">Job Place</span>
+                            <span className="text-primary">WP React Kit</span>
                         </Link>
                     </div>
                     <div className="flex items-center mb-1">