add badge for sidebar

src/components/layouts/dashboard/headerWithSidebar/Sidebar/SidebarBadge.jsx

@@ -0,0 +1,22 @@
+import { getValueByPath } from "@/core/utils/getValueByPath";
+import { useSidebarBadge } from "@/lib/hooks/useSidebarBadge"
+import { Chip } from "@mui/material"
+import { useEffect, useState } from "react";
+
+const SidebarBadge = ({ badge, chipProps = {} }) => {
+    const { data } = useSidebarBadge()
+    const [value, setValue] = useState()
+
+    useEffect(() => {
+        setValue(getValueByPath(data, badge))
+    }, [data, badge])
+
+
+    if (!data) return null
+    if (!value) return null
+
+    return (
+        <Chip label={(value).toLocaleString("fa-IR")} size="small" {...chipProps} />
+    )
+}
+export default SidebarBadge