validation & change deisng sidebar dashboard & add menu to profile & handle menu item in profile & add api

components/dashboard/userAccount/content/HeadTab.js

@@ -5,18 +5,16 @@ function HeadTab({
   tab,
   user,
   listTab,
+  components,
+  includeData,
   handleChange,
   isTurnsDetails,
   setIsTurnsDetails,
-  components,
 }) {
   return (
     <div className="opacity-page">
       {isTurnsDetails ? (
-        <IsTurnsDetails
-          user={user}
-          setIsTurnsDetails={setIsTurnsDetails}
-        />
+        <IsTurnsDetails user={user} setIsTurnsDetails={setIsTurnsDetails} />
       ) : (
         <>
           <div className="!w-full">

components/dashboard/userAccount/detailUser/index.js

@@ -24,6 +24,7 @@ const listTab = [
 function DetailUser({ user, isTurnsDetails, setIsTurnsDetails }) {
   const [tab, setTab] = useState(0);
   const [data, setData] = useState(profileData[0]);
+  const [includeData, setIncludeData] = useState(false);
 
   const handleChange = (_, newValue) => setTab(newValue);
   const changeData = (action, name, id, payload) => {
@@ -72,6 +73,7 @@ function DetailUser({ user, isTurnsDetails, setIsTurnsDetails }) {
       user={user}
       listTab={listTab}
       components={components}
+      includeData={includeData}
       handleChange={handleChange}
       isTurnsDetails={isTurnsDetails}
       setIsTurnsDetails={setIsTurnsDetails}

components/dashboard/userAccount/index.js

@@ -10,6 +10,7 @@ import Transactions from "./sidebars/transactions";
 import Turns from "./sidebars/turns";
 import DownloadD from "@/components/icons/DownloadD";
 import ArrowRightD from "@/components/icons/ArrowRightD";
+import { useState } from "react";
 
 const listTab = [
   "حساب کاربری",