responsive page user-account & add-doctor & turns & add loading to all page panel & change design page dashboard

components/panel/dashboard/amountOfIncome/Chart.js

@@ -2,9 +2,10 @@
 
 import { LineChart, lineElementClasses } from "@mui/x-charts"
 
-function Chart({ data }) {
+function Chart({ data, loading }) {
     return (
         <LineChart
+            loading={loading}
             xAxis={[{
                 data: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11],
                 disableLine: true,
@@ -31,7 +32,7 @@ function Chart({ data }) {
             sx={{
                 [`& .${lineElementClasses.root}`]: {
                     strokeWidth: 3,
-                    stroke: '#5559CE'
+                    stroke: loading ? '#E6E6E6' : '#5559CE'
                 },
                 '& .MuiAreaElement-series-income': {
                     fill: "url('#myGradient') !important",