LFFE-8 Localization of charts and make a HOC component

src/core/components/Chart.jsx

@@ -0,0 +1,21 @@
+import dynamic from "next/dynamic";
+import useLanguage from "@/lib/app/hooks/useLanguage";
+
+const ApexChart = dynamic(() => import("react-apexcharts"), {ssr: false});
+
+const Chart = ({type, series, specialOption}) => {
+    const {languageApp, languageList} = useLanguage();
+    const fa = languageList.find((item) => item.key == languageApp).chartLocalization
+    const options = {
+        chart: {
+            locales: [fa],
+            defaultLocale: 'fa',
+            fontFamily: languageList[0].fontFamily
+        },
+        ...(specialOption ? specialOption : {})
+    }
+    console.log(options)
+    return <ApexChart type={type} options={options} series={series} width="100%" height="100%"/>
+};
+
+export default Chart;