specifications hover Done

src/components/ProductTab/table/index.css

@@ -0,0 +1,6 @@
+.specifications-li:hover div{
+    background-color: rgba(25,110,192,0.2);
+}
+.specifications-li div{
+    transition: all 0.2s;
+}

src/components/ProductTab/table/index.js

@@ -1,4 +1,5 @@
-import React from "react";
+import React, { useState } from "react";
+import './index.css';
 
 const persian = {
   weight: "وزن",
@@ -12,17 +13,18 @@ const persian = {
 };
 
 const Table = ({ specifications }) => {
+
   return (
-    <ul className="w-full">
+    <ul className={`w-full`} >
       {Object.keys(specifications).map((specification, index) => (
-        <li className="flex my-3">
+        <li className={`flex my-3 cursor-pointer specifications-li`} >
           <div
-            className="bg-grayF9 rounded p-3 ml-2 text-blue-600 text-sm"
+            className={` bg-grayF9 rounded p-3 ml-2 text-blue-600 text-sm`}
             style={{ flex: 2 }}
           >
             {persian[specification]}
           </div>
-          <div className="bg-grayF9 rounded p-3 text-sm" style={{ flex: 8 }}>
+          <div className={`bg-grayF9 rounded p-3 text-sm`} style={{ flex: 8 }}>
             {specifications[specification]}
           </div>
         </li>

src/router.js

@@ -363,7 +363,7 @@ function Router({
                     title: false,
                     back: false,
                     shown: true,
-                    menu: false,
+                    menu: true,
                   }}
                 />
               }