done

ef-ui/dist/index.html

@@ -42,7 +42,7 @@
 <!-- <script src="https://stackpath.bootstrapcdn.com/bootstrap/5.1.3/js/bootstrap.bundle.min.js"></script> -->
 <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
 
-   <script type="module" crossorigin src="/assets/index-B-iE_q9C.js"></script>
+   <script type="module" crossorigin src="/assets/index-Bt6M0iua.js"></script>
    <link rel="stylesheet" crossorigin href="/assets/index-BrT2kTNU.css">
  </head>
 

ef-ui/src/components/SearchMysql.jsx

@@ -1,5 +1,7 @@
 import { useEffect, useState } from "react";
 import axios from "axios";
+import Navbar from "./Navbar";
+import Footer from "./Footer";
 
 const SearchMysql = () => {
   const [properties, setProperties] = useState([]);
@@ -19,6 +21,11 @@ const SearchMysql = () => {
 
   return (
     <>
+    <Navbar />
+    <br />    <br />    <br />    <br />    <br />    <br />
+    <p style={{ fontSize: "1.5rem", color: "#F74B02" }} >
+    This is just a sample testing data to showcase the field named "client_name" present in table named : "client_info" available in the database named :"defaultdb".
+                  </p>
       {/* Check if properties array is populated before mapping */}
       {properties && properties.length > 0 ? (
         properties.map((property, index) => (
@@ -29,6 +36,9 @@ const SearchMysql = () => {
       ) : (
         <p>No properties found.</p>
       )}
+
+      <Footer />
+      
     </>
   );
 };