update react table3

src/components/ReactTable3/index.js

@@ -5,6 +5,9 @@ import BasicTable from "./BasicTable";
 const ReactTable3 = ({ breadCrumbs, subTitle, title }) => {
   return (
     <div className="my-10  w-11/12 mx-auto">
+      <h1 className="text-3lg bg-pink-600 text-whtite rounded shadow-sm p-4 text-center text-white">
+        search box pop up CLICK ON THE SEARCH ICON AND SEE THE RESULT
+      </h1>
       {/* breadCrumb */}
       <div className="flex flex-row items-center">
         {breadCrumbs.map((breadCrumb, index) => (
@@ -73,10 +76,24 @@ function Tabbar({}) {
     "تست۱",
     "تست۱",
     "تست۱",
+    "تست۱",
+    "تست۱",
+    "تست۱",
+    "تست۱",
+    "تست۱",
+    "تست۱",
+    "تست۱",
+    "تست۱",
+    "تست۱",
+    "تست۱",
+    "تست۱",
+    "تست۱",
+    "تست۱",
+    "تست۱",
   ];
   return (
     <ul
-      className="tabbar flex no-scrollbar  border-b border-gray-200 dark:border-gray-700 overflow-x-scroll scrolling-touch"
+      className="tabbar flex no-scrollbar border-b border-gray-200 dark:border-gray-700 overflow-x-scroll scrolling-touch"
       onMouseDown={(e) => {
         const slider = window.document.querySelector(".tabbar");
         window.isDown = true;