diff --git a/src/variables/calendar.js b/src/variables/calendar.js
deleted file mode 100755
index 353b880e..00000000
--- a/src/variables/calendar.js
+++ /dev/null
@@ -1,232 +0,0 @@
-/*!
-
-=========================================================
-* Argon Dashboard Chakra PRO - v1.0.0
-=========================================================
-
-* Product Page: https://www.creative-tim.com/product/argon-dashboard-chakra-pro
-* Copyright 2022 Creative Tim (https://www.creative-tim.com/)
-
-* Designed and Coded by Simmmple & Creative Tim
-
-=========================================================
-
-* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
-
-*/
-
-export const calendarDataCRM = [
-  {
-    title: "All day conference",
-
-    borderColor: "transparent",
-    start: "2022-10-01",
-    end: "2022-10-01",
-    backgroundColor: "#68D391",
-    className: "success",
-  },
-
-  {
-    title: "Meeting with Mary",
-
-    borderColor: "transparent",
-    start: "2022-10-03",
-    end: "2022-10-03",
-    backgroundColor: "#F6AD55",
-    className: "info",
-  },
-
-  {
-    title: "Cyber Week",
-
-    borderColor: "transparent",
-    start: "2022-10-04",
-    end: "2022-10-04",
-    backgroundColor: "#805AD5",
-    className: "warning",
-  },
-
-  {
-    title: "Winter Hackaton",
-
-    borderColor: "transparent",
-    start: "2022-10-05",
-    end: "2022-10-05",
-    backgroundColor: "#0BC5EA",
-    className: "error",
-  },
-
-  {
-    title: "Digital event",
-
-    borderColor: "transparent",
-    start: "2022-10-09",
-    end: "2022-10-11",
-    backgroundColor: "#4FD1C5",
-    className: "warning",
-  },
-
-  {
-    title: "Dinner with Family",
-
-    borderColor: "transparent",
-    start: "2022-10-21",
-    end: "2022-10-21",
-    backgroundColor: "#F6AD55",
-    className: "error",
-  },
-
-  {
-    title: "Black Friday",
-
-    borderColor: "transparent",
-    start: "2022-10-25",
-    end: "2022-10-25",
-    backgroundColor: "#0BC5EA",
-    className: "info",
-  },
-];
-
-export const calendarDataWidgets = [
-  {
-    title: "All day conference",
-
-    borderColor: "transparent",
-    start: "2022-10-01",
-    end: "2022-10-01",
-    backgroundColor: "#68D391",
-    className: "success",
-  },
-
-  {
-    title: "Meeting with Mary",
-
-    borderColor: "transparent",
-    start: "2022-10-03",
-    end: "2022-10-03",
-    backgroundColor: "#F6AD55",
-    className: "info",
-  },
-
-  {
-    title: "Cyber Week",
-
-    borderColor: "transparent",
-    start: "2022-10-04",
-    end: "2022-10-04",
-    backgroundColor: "#805AD5",
-    className: "warning",
-  },
-
-  {
-    title: "Winter Hackaton",
-
-    borderColor: "transparent",
-    start: "2022-10-05",
-    end: "2022-10-05",
-    backgroundColor: "#0BC5EA",
-    className: "error",
-  },
-
-  {
-    title: "Digital event",
-
-    borderColor: "transparent",
-    start: "2022-10-09",
-    end: "2022-10-11",
-    backgroundColor: "#4FD1C5",
-    className: "warning",
-  },
-
-  {
-    title: "Dinner with Family",
-
-    borderColor: "transparent",
-    start: "2022-10-21",
-    end: "2022-10-21",
-    backgroundColor: "#F6AD55",
-    className: "error",
-  },
-
-  {
-    title: "Black Friday",
-
-    borderColor: "transparent",
-    start: "2022-10-25",
-    end: "2022-10-25",
-    backgroundColor: "#0BC5EA",
-    className: "info",
-  },
-];
-
-export const calendarDataCalendar = [
-  {
-    title: "All day conference",
-
-    borderColor: "transparent",
-    start: "2022-10-01",
-    end: "2022-10-01",
-    backgroundColor: "#68D391",
-    className: "success",
-  },
-
-  {
-    title: "Meeting with Mary",
-
-    borderColor: "transparent",
-    start: "2022-10-03",
-    end: "2022-10-03",
-    backgroundColor: "#F6AD55",
-    className: "info",
-  },
-
-  {
-    title: "Cyber Week",
-
-    borderColor: "transparent",
-    start: "2022-10-04",
-    end: "2022-10-04",
-    backgroundColor: "#805AD5",
-    className: "warning",
-  },
-
-  {
-    title: "Winter Hackaton",
-
-    borderColor: "transparent",
-    start: "2022-10-05",
-    end: "2022-10-05",
-    backgroundColor: "#0BC5EA",
-    className: "error",
-  },
-
-  {
-    title: "Digital event",
-
-    borderColor: "transparent",
-    start: "2022-10-09",
-    end: "2022-10-11",
-    backgroundColor: "#4FD1C5",
-    className: "warning",
-  },
-
-  {
-    title: "Dinner with Family",
-
-    borderColor: "transparent",
-    start: "2022-10-21",
-    end: "2022-10-21",
-    backgroundColor: "#F6AD55",
-    className: "error",
-  },
-
-  {
-    title: "Black Friday",
-
-    borderColor: "transparent",
-    start: "2022-10-25",
-    end: "2022-10-25",
-    backgroundColor: "#0BC5EA",
-    className: "info",
-  },
-];
diff --git a/src/variables/charts.js b/src/variables/charts.js
deleted file mode 100755
index 69484244..00000000
--- a/src/variables/charts.js
+++ /dev/null
@@ -1,1695 +0,0 @@
-/*!
-
-=========================================================
-* Argon Dashboard Chakra PRO - v1.0.0
-=========================================================
-
-* Product Page: https://www.creative-tim.com/product/argon-dashboard-chakra-pro
-* Copyright 2022 Creative Tim (https://www.creative-tim.com/)
-
-* Designed and Coded by Simmmple & Creative Tim
-
-=========================================================
-
-* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
-
-*/
-
-export const lineChartDataDefault = [
-  {
-    name: "Mobile apps",
-    data: [50, 40, 300, 220, 500, 250, 400, 230, 500],
-  },
-];
-
-export const lineChartOptionsDefault = {
-  chart: {
-    toolbar: {
-      show: false,
-    },
-  },
-  tooltip: {
-    theme: "dark",
-  },
-  dataLabels: {
-    enabled: false,
-  },
-  stroke: {
-    curve: "smooth",
-  },
-  xaxis: {
-    type: "datetime",
-    categories: [
-      "Jan",
-      "Feb",
-      "Mar",
-      "Apr",
-      "May",
-      "Jun",
-      "Jul",
-      "Aug",
-      "Sep",
-      "Oct",
-      "Nov",
-      "Dec",
-    ],
-    labels: {
-      style: {
-        colors: "#CBD5E0",
-        fontSize: "12px",
-      },
-    },
-    axisBorder: {
-      show: false,
-    },
-    axisTicks: {
-      show: false,
-    },
-  },
-  yaxis: {
-    labels: {
-      style: {
-        colors: "#CBD5E0",
-        fontSize: "12px",
-      },
-    },
-  },
-  legend: {
-    show: false,
-  },
-  grid: {
-    strokeDashArray: 5,
-  },
-  fill: {
-    type: "gradient",
-    gradient: {
-      shade: "light",
-      type: "vertical",
-      shadeIntensity: 0.8,
-      gradientToColors: undefined, // optional, if not defined - uses the shades of same color in series
-      inverseColors: true,
-      opacityFrom: 0.8,
-      opacityTo: 0,
-      stops: [],
-    },
-    colors: ["#3182CE"],
-  },
-  colors: ["#3182CE"],
-};
-
-export const lineChartDataCRM1 = [
-  {
-    name: "Visitors",
-    data: [40, 80, 100, 20, 30, 80, 10, 20, 40],
-  },
-];
-
-export const lineChartOptionsCRM1 = {
-  chart: {
-    width: "100%",
-    toolbar: {
-      show: false,
-    },
-  },
-  tooltip: {
-    theme: "dark",
-  },
-  dataLabels: {
-    enabled: false,
-  },
-  stroke: {
-    curve: "smooth",
-  },
-  xaxis: {
-    type: "datetime",
-    categories: ["Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
-    labels: {
-      style: {
-        colors: "#CBD5E0",
-        fontSize: "12px",
-      },
-    },
-    axisBorder: {
-      show: false,
-    },
-    axisTicks: {
-      show: false,
-    },
-  },
-  yaxis: {
-    labels: {
-      style: {
-        colors: "#CBD5E0",
-        fontSize: "12px",
-      },
-    },
-  },
-  legend: {
-    show: false,
-  },
-  grid: {
-    strokeDashArray: 5,
-    yaxis: {
-      lines: {
-        show: false,
-      },
-    },
-    xaxis: {
-      lines: {
-        show: true,
-      },
-    },
-  },
-  fill: {
-    type: "gradient",
-    gradient: {
-      shade: "light",
-      type: "vertical",
-      shadeIntensity: 0.5,
-      gradientToColors: undefined, // optional, if not defined - uses the shades of same color in series
-      inverseColors: true,
-      opacityFrom: 0.8,
-      opacityTo: 0,
-      stops: [],
-    },
-    colors: ["#3182CE"],
-  },
-  colors: ["#3182CE"],
-};
-
-export const lineChartDataCRM2 = [
-  {
-    name: "Income",
-    data: [40, 10, 80, 30, 30, 75, 10, 30, 50],
-  },
-];
-
-export const lineChartOptionsCRM2 = {
-  chart: {
-    toolbar: {
-      show: false,
-    },
-  },
-  tooltip: {
-    theme: "dark",
-  },
-  dataLabels: {
-    enabled: false,
-  },
-  stroke: {
-    curve: "smooth",
-  },
-  xaxis: {
-    type: "datetime",
-    categories: ["Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
-    labels: {
-      style: {
-        colors: "#CBD5E0",
-        fontSize: "12px",
-      },
-    },
-    axisBorder: {
-      show: false,
-    },
-    axisTicks: {
-      show: false,
-    },
-  },
-  yaxis: {
-    labels: {
-      style: {
-        colors: "#CBD5E0",
-        fontSize: "12px",
-      },
-    },
-  },
-  legend: {
-    show: false,
-  },
-  grid: {
-    strokeDashArray: 5,
-    yaxis: {
-      lines: {
-        show: false,
-      },
-    },
-    xaxis: {
-      lines: {
-        show: true,
-      },
-    },
-  },
-  fill: {
-    type: "gradient",
-    gradient: {
-      shade: "light",
-      type: "vertical",
-      shadeIntensity: 0.5,
-      gradientToColors: undefined, // optional, if not defined - uses the shades of same color in series
-      inverseColors: true,
-      opacityFrom: 0.8,
-      opacityTo: 0,
-      stops: [],
-    },
-    colors: ["#3182CE"],
-  },
-  colors: ["#3182CE"],
-};
-
-export const lineChartDataGeneral = [
-  {
-    name: "Tasks",
-    data: [30, 32, 27, 30, 35, 30, 25, 33, 27],
-  },
-];
-
-export const lineChartOptionsGeneral = {
-  chart: {
-    toolbar: {
-      show: false,
-    },
-  },
-  markers: {
-    size: 3,
-    colors: "#3182CE",
-    strokeColors: "#3182CE",
-    strokeWidth: 2,
-    strokeOpacity: 0.9,
-    strokeDashArray: 0,
-    fillOpacity: 1,
-    discrete: [],
-    shape: "circle",
-    radius: 2,
-    offsetX: 0,
-    offsetY: 0,
-    showNullDataPoints: true,
-  },
-  tooltip: {
-    theme: "dark",
-  },
-  dataLabels: {
-    enabled: false,
-  },
-  stroke: {
-    curve: "smooth",
-  },
-  xaxis: {
-    type: "datetime",
-    categories: ["Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
-    labels: {
-      style: {
-        colors: "#CBD5E0",
-        fontSize: "12px",
-      },
-    },
-  },
-  yaxis: {
-    labels: {
-      style: {
-        colors: "#CBD5E0",
-        fontSize: "12px",
-      },
-    },
-  },
-  legend: {
-    show: false,
-  },
-  grid: {
-    strokeDashArray: 5,
-  },
-  fill: {
-    type: "gradient",
-    gradient: {
-      shade: "light",
-      type: "vertical",
-      shadeIntensity: 0.5,
-      gradientToColors: undefined, // optional, if not defined - uses the shades of same color in series
-      inverseColors: true,
-      opacityFrom: 0.8,
-      opacityTo: 0,
-      stops: [],
-    },
-    colors: ["#3182CE"],
-  },
-  colors: ["#3182CE"],
-};
-
-export const lineChartDataWidgets1 = [
-  {
-    name: "Income",
-    data: [30, 32, 27, 30, 35, 30, 25, 33, 27],
-  },
-];
-
-export const lineChartOptionsWidgets1 = {
-  chart: {
-    toolbar: {
-      show: false,
-    },
-    width: 700,
-  },
-  tooltip: {
-    theme: "dark",
-  },
-  dataLabels: {
-    enabled: false,
-  },
-  stroke: {
-    curve: "smooth",
-  },
-  xaxis: {
-    type: "datetime",
-    categories: ["Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
-    labels: {
-      style: {
-        colors: "#CBD5E0",
-        fontSize: "12px",
-      },
-    },
-    axisBorder: {
-      show: false,
-    },
-    axisTicks: {
-      show: false,
-    },
-  },
-  yaxis: {
-    labels: {
-      style: {
-        colors: "#CBD5E0",
-        fontSize: "12px",
-      },
-    },
-  },
-  legend: {
-    show: false,
-  },
-  grid: {
-    strokeDashArray: 5,
-    yaxis: {
-      lines: {
-        show: false,
-      },
-    },
-    xaxis: {
-      lines: {
-        show: true,
-      },
-    },
-  },
-  fill: {
-    type: "gradient",
-    gradient: {
-      shade: "light",
-      type: "vertical",
-      shadeIntensity: 0.5,
-      gradientToColors: undefined, // optional, if not defined - uses the shades of same color in series
-      inverseColors: true,
-      opacityFrom: 0.8,
-      opacityTo: 0,
-      stops: [],
-    },
-    colors: ["#3182CE"],
-  },
-  colors: ["#3182CE"],
-};
-
-export const lineChartDataWidgets2 = [
-  {
-    name: "Tasks",
-    data: [30, 32, 27, 30, 35, 30, 25, 33, 27],
-  },
-];
-
-export const lineChartOptionsWidgets2 = {
-  chart: {
-    toolbar: {
-      show: false,
-    },
-  },
-  markers: {
-    size: 3,
-    colors: "#3182CE",
-    strokeColors: "#3182CE",
-    strokeWidth: 2,
-    strokeOpacity: 0.9,
-    strokeDashArray: 0,
-    fillOpacity: 1,
-    discrete: [],
-    shape: "circle",
-    radius: 2,
-    offsetX: 0,
-    offsetY: 0,
-    showNullDataPoints: true,
-  },
-  tooltip: {
-    theme: "dark",
-  },
-  dataLabels: {
-    enabled: false,
-  },
-  stroke: {
-    curve: "smooth",
-  },
-  xaxis: {
-    type: "datetime",
-    categories: ["Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
-    labels: {
-      style: {
-        colors: "#CBD5E0",
-        fontSize: "12px",
-      },
-    },
-    axisBorder: {
-      show: false,
-    },
-    axisTicks: {
-      show: false,
-    },
-  },
-  yaxis: {
-    labels: {
-      style: {
-        colors: "#CBD5E0",
-        fontSize: "12px",
-      },
-    },
-  },
-  legend: {
-    show: false,
-  },
-  grid: {
-    strokeDashArray: 5,
-    yaxis: {
-      lines: {
-        show: false,
-      },
-    },
-    xaxis: {
-      lines: {
-        show: true,
-      },
-    },
-  },
-  fill: {
-    type: "gradient",
-    gradient: {
-      shade: "light",
-      type: "vertical",
-      shadeIntensity: 0.5,
-      gradientToColors: undefined, // optional, if not defined - uses the shades of same color in series
-      inverseColors: true,
-      opacityFrom: 0.8,
-      opacityTo: 0,
-      stops: [],
-    },
-    colors: ["#3182CE"],
-  },
-  colors: ["#3182CE"],
-};
-
-export const lineChartDataWidgets3 = [
-  {
-    name: "Calories",
-    data: [30, 32, 27, 30, 35, 30, 25, 33, 27],
-  },
-];
-
-export const lineChartOptionsWidgets3 = {
-  chart: {
-    toolbar: {
-      show: false,
-    },
-    width: 700,
-  },
-  tooltip: {
-    theme: "dark",
-  },
-  dataLabels: {
-    enabled: false,
-  },
-  stroke: {
-    curve: "smooth",
-  },
-  xaxis: {
-    axisBorder: {
-      show: false,
-    },
-    axisTicks: {
-      show: false,
-    },
-    type: "datetime",
-    categories: ["Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
-    labels: {
-      show: false,
-      style: {
-        colors: "#CBD5E0",
-        fontSize: "12px",
-      },
-    },
-  },
-  yaxis: {
-    labels: {
-      show: false,
-      style: {
-        colors: "#CBD5E0",
-        fontSize: "12px",
-      },
-    },
-  },
-  legend: {
-    show: false,
-  },
-  grid: {
-    show: false,
-    strokeDashArray: 5,
-  },
-  fill: {
-    type: "gradient",
-    gradient: {
-      shade: "light",
-      type: "vertical",
-      shadeIntensity: 0.5,
-      gradientToColors: undefined, // optional, if not defined - uses the shades of same color in series
-      inverseColors: true,
-      opacityFrom: 0.8,
-      opacityTo: 0,
-      stops: [],
-    },
-    colors: ["#000000"],
-  },
-  colors: ["#000000"],
-};
-
-export const donutChartOptionsGeneral = {
-  series: [75, 25],
-  labels: ["Done", "In progress"],
-  colors: ["#3182CE", "lightgray"],
-  chart: {
-    height: 500,
-    width: "100%",
-  },
-  states: {
-    hover: {
-      filter: {
-        type: "none",
-      },
-    },
-  },
-  legend: {
-    show: false,
-  },
-  dataLabels: {
-    enabled: false,
-  },
-  hover: { mode: null },
-  plotOptions: {
-    donut: {
-      expandOnClick: false,
-      donut: {
-        labels: {
-          show: false,
-        },
-      },
-    },
-  },
-  fill: {
-    colors: ["#3182CE", "lightgray"],
-  },
-  tooltip: {
-    enabled: true,
-    theme: "dark",
-  },
-};
-
-export const donutChartDataGeneral = [75, 25];
-
-export const lineChartDataCharts1 = [
-  {
-    name: "Organic Search",
-    data: [330, 150, 300, 220, 500, 250, 400, 230, 500],
-  },
-  {
-    name: "Referral",
-    data: [500, 400, 40, 140, 290, 290, 340, 230, 200],
-  },
-  {
-    name: "Direct",
-    data: [45, 23, 550, 33, 290, 150, 230, 340, 100],
-  },
-];
-
-export const lineChartOptionsCharts1 = {
-  chart: {
-    toolbar: {
-      show: false,
-    },
-    type: "line",
-  },
-  tooltip: {
-    theme: "dark",
-  },
-  dataLabels: {
-    enabled: false,
-  },
-  stroke: {
-    curve: "smooth",
-  },
-  xaxis: {
-    type: "datetime",
-    categories: [
-      "Jan",
-      "Feb",
-      "Mar",
-      "Apr",
-      "May",
-      "Jun",
-      "Jul",
-      "Aug",
-      "Sep",
-      "Oct",
-      "Nov",
-      "Dec",
-    ],
-    labels: {
-      style: {
-        colors: "#CBD5E0",
-        fontSize: "12px",
-      },
-    },
-  },
-  yaxis: {
-    labels: {
-      style: {
-        colors: "#CBD5E0",
-        fontSize: "12px",
-      },
-    },
-  },
-  legend: {
-    show: false,
-  },
-  gradient: false,
-  grid: {
-    strokeDashArray: 5,
-    yaxis: {
-      lines: {
-        show: true,
-      },
-    },
-    xaxis: {
-      lines: {
-        show: true,
-      },
-    },
-  },
-  markers: {
-    size: 4,
-    colors: ["#3182CE", "#000000", "#FF5733"],
-    strokeColors: ["#3182CE", "#000000", "#FF5733"],
-    strokeWidth: 2,
-    strokeOpacity: 0.9,
-    strokeDashArray: 0,
-    fillOpacity: 1,
-    discrete: [],
-    shape: "circle",
-    radius: 2,
-    offsetX: 0,
-    offsetY: 0,
-    showNullDataPoints: true,
-  },
-  fill: {
-    type: "solid",
-    colors: ["#fff", "#fff", "#fff"],
-    opacity: "0.1",
-  },
-  colors: ["#3182CE", "#000000", "#FF5733"],
-};
-
-export const lineChartDataCharts2 = [
-  {
-    name: "Mobile apps",
-    data: [50, 40, 300, 220, 500, 250, 400, 230, 500],
-  },
-  {
-    name: "Websites",
-    data: [400, 500, 40, 140, 290, 290, 340, 230, 400],
-  },
-];
-
-export const lineChartOptionsCharts2 = {
-  chart: {
-    toolbar: {
-      show: false,
-    },
-  },
-  tooltip: {
-    theme: "dark",
-  },
-  dataLabels: {
-    enabled: false,
-  },
-  stroke: {
-    curve: "smooth",
-  },
-  xaxis: {
-    type: "datetime",
-    categories: [
-      "Jan",
-      "Feb",
-      "Mar",
-      "Apr",
-      "May",
-      "Jun",
-      "Jul",
-      "Aug",
-      "Sep",
-      "Oct",
-      "Nov",
-      "Dec",
-    ],
-    labels: {
-      style: {
-        colors: "#CBD5E0",
-        fontSize: "12px",
-      },
-    },
-  },
-  yaxis: {
-    labels: {
-      style: {
-        colors: "#CBD5E0",
-        fontSize: "12px",
-      },
-    },
-  },
-  legend: {
-    show: false,
-  },
-  grid: {
-    strokeDashArray: 5,
-    yaxis: {
-      lines: {
-        show: false,
-      },
-    },
-    xaxis: {
-      lines: {
-        show: true,
-      },
-    },
-  },
-  fill: {
-    type: "gradient",
-    gradient: {
-      shade: "dark",
-      type: "vertical",
-      shadeIntensity: 0.5,
-      gradientToColors: undefined, // optional, if not defined - uses the shades of same color in series
-      inverseColors: true,
-      opacityFrom: 0.8,
-      opacityTo: 0,
-      stops: [],
-    },
-    colors: ["#3182CE", "#000000"],
-  },
-  colors: ["#3182CE", "#000000"],
-};
-
-export const barChartDataCharts1 = [
-  {
-    name: "Sales by age",
-    data: [20, 30, 40, 20, 45, 30],
-  },
-];
-
-export const barChartOptionsCharts1 = {
-  chart: {
-    toolbar: {
-      show: false,
-    },
-  },
-  tooltip: {
-    style: {
-      fontSize: "12px",
-      fontFamily: undefined,
-    },
-    theme: "dark",
-  },
-  xaxis: {
-    categories: ["16-20", "21-25", "26-30", "31-35", "36-42", "42+"],
-    show: true,
-    labels: {
-      show: true,
-      style: {
-        colors: "#CBD5E0",
-        fontSize: "12px",
-      },
-    },
-    axisBorder: {
-      show: false,
-    },
-    axisTicks: {
-      show: false,
-    },
-  },
-  yaxis: {
-    show: true,
-    color: "black",
-    labels: {
-      show: true,
-      style: {
-        colors: "#CBD5E0",
-        fontSize: "14px",
-      },
-    },
-  },
-  grid: {
-    strokeDashArray: 5,
-    yaxis: {
-      lines: {
-        show: true,
-      },
-    },
-    xaxis: {
-      lines: {
-        show: false,
-      },
-    },
-  },
-  fill: {
-    type: "solid",
-    colors: ["#000000"],
-  },
-  dataLabels: {
-    enabled: false,
-  },
-  plotOptions: {
-    bar: {
-      borderRadius: 8,
-      columnWidth: "40px",
-    },
-  },
-};
-
-export const barChartDataCharts2 = [
-  {
-    name: "Sales by age",
-    data: [20, 30, 40, 20, 45],
-  },
-];
-
-export const barChartOptionsCharts2 = {
-  chart: {
-    toolbar: {
-      show: false,
-    },
-  },
-  tooltip: {
-    style: {
-      fontSize: "12px",
-    },
-    theme: "dark",
-  },
-  xaxis: {
-    categories: ["16-20", "21-26", "26-30", "31-42", "42+"],
-    show: true,
-    labels: {
-      show: true,
-      style: {
-        colors: "#CBD5E0",
-        fontSize: "12px",
-      },
-    },
-    axisBorder: {
-      show: false,
-    },
-    axisTicks: {
-      show: false,
-    },
-  },
-  yaxis: {
-    show: true,
-    color: "black",
-    labels: {
-      show: true,
-      style: {
-        colors: "#CBD5E0",
-        fontSize: "14px",
-      },
-    },
-  },
-  grid: {
-    strokeDashArray: 5,
-    yaxis: {
-      lines: {
-        show: true,
-      },
-    },
-    xaxis: {
-      lines: {
-        show: false,
-      },
-    },
-  },
-  fill: {
-    type: "solid",
-    colors: ["#000000"],
-  },
-  dataLabels: {
-    enabled: false,
-  },
-  plotOptions: {
-    bar: {
-      horizontal: true,
-      borderRadius: 8,
-      columnWidth: "40px",
-    },
-  },
-};
-
-export const lineBarChartData = [
-  {
-    name: "Organic Search",
-    type: "bar",
-    data: [440, 505, 414, 671, 160, 550, 350, 138],
-  },
-  {
-    name: "Referral",
-    type: "line",
-    data: [232, 421, 352, 273, 143, 222, 173, 311],
-  },
-];
-
-export const lineBarChartOptions = {
-  chart: {
-    toolbar: {
-      show: false,
-    },
-  },
-  tooltip: {
-    theme: "dark",
-  },
-  dataLabels: {
-    enabled: false,
-  },
-  stroke: {
-    curve: "smooth",
-  },
-  xaxis: {
-    type: "datetime",
-    categories: [
-      "Jan",
-      "Feb",
-      "Mar",
-      "Apr",
-      "May",
-      "Jun",
-      "Jul",
-      "Aug",
-      "Sep",
-      "Oct",
-      "Nov",
-      "Dec",
-    ],
-    labels: {
-      style: {
-        colors: "#CBD5E0",
-        fontSize: "12px",
-      },
-    },
-  },
-  yaxis: {
-    labels: {
-      style: {
-        colors: "#CBD5E0",
-        fontSize: "12px",
-      },
-    },
-  },
-  legend: {
-    show: false,
-  },
-  grid: {
-    strokeDashArray: 5,
-    yaxis: {
-      lines: {
-        show: true,
-      },
-    },
-    xaxis: {
-      lines: {
-        show: true,
-      },
-    },
-  },
-  fill: {
-    type: "solid",
-    gradient: {
-      type: "vertical",
-      shadeIntensity: 0.5,
-      gradientToColors: undefined, // optional, if not defined - uses the shades of same color in series
-      inverseColors: true,
-      opacityFrom: 0.8,
-      opacityTo: 0,
-      stops: [],
-    },
-    colors: ["#000000", "#3182CE"],
-  },
-  plotOptions: {
-    bar: {
-      borderRadius: 2,
-      columnWidth: "8px",
-    },
-  },
-  colors: ["#000000", "#3182CE"],
-};
-
-function generateData(baseval, count, yrange) {
-  var i = 0;
-  var series = [];
-  while (i < count) {
-    var x = Math.floor(Math.random() * (750 - 1 + 1)) + 1;
-    var y =
-      Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min;
-    var z = Math.floor(Math.random() * (75 - 15 + 1)) + 15;
-
-    series.push([x, y, z]);
-    baseval += 86400000;
-    i++;
-  }
-  return series;
-}
-
-export const bubbleChartData = [
-  {
-    name: "Dataset 1",
-    data: generateData(new Date("11 Feb 2017 GMT").getTime(), 10, {
-      min: 10,
-      max: 30,
-    }),
-  },
-  {
-    name: "Dataset 2",
-    data: generateData(new Date("11 Feb 2017 GMT").getTime(), 10, {
-      min: 10,
-      max: 30,
-    }),
-  },
-];
-
-export const bubbleChartOptions = {
-  chart: {
-    toolbar: {
-      show: false,
-    },
-  },
-  tooltip: {
-    theme: "dark",
-  },
-  dataLabels: {
-    enabled: false,
-  },
-  stroke: {
-    curve: "smooth",
-  },
-  xaxis: {
-    type: "datetime",
-    labels: {
-      style: {
-        colors: "#CBD5E0",
-        fontSize: "12px",
-      },
-    },
-  },
-  yaxis: {
-    labels: {
-      style: {
-        colors: "#CBD5E0",
-        fontSize: "12px",
-      },
-    },
-  },
-  legend: {
-    show: false,
-  },
-  grid: {
-    strokeDashArray: 5,
-    yaxis: {
-      lines: {
-        show: true,
-      },
-    },
-    xaxis: {
-      lines: {
-        show: true,
-      },
-    },
-  },
-  fill: {
-    type: "solid",
-    gradient: {
-      // shade: "light",
-      type: "vertical",
-      shadeIntensity: 0.5,
-      gradientToColors: undefined, // optional, if not defined - uses the shades of same color in series
-      inverseColors: true,
-      opacityFrom: 0.8,
-      opacityTo: 0,
-      stops: [],
-    },
-    colors: ["#000000", "#3182CE"],
-  },
-  plotOptions: {
-    bar: {
-      borderRadius: 2,
-      columnWidth: "8px",
-    },
-  },
-  colors: ["#000000", "#3182CE"],
-};
-
-export const donutChartOptionsCharts1 = {
-  series: [50, 15, 10, 20, 5],
-  labels: ["Dev.to", "Creative Tim", "Github", "Bootsnipp", "Codeinwp"],
-  colors: ["#63B3ED", "#4299E1", "#3182CE", "#2B6CB0", "#2C5282", "#2A4365"],
-  chart: {
-    width: "100%",
-  },
-  states: {
-    hover: {
-      filter: {
-        type: "none",
-      },
-    },
-  },
-  legend: {
-    show: false,
-  },
-  dataLabels: {
-    enabled: false,
-  },
-  hover: { mode: null },
-  plotOptions: {
-    donut: {
-      expandOnClick: false,
-      donut: {
-        labels: {
-          show: false,
-        },
-      },
-    },
-  },
-
-  fill: {
-    colors: ["#63B3ED", "#4299E1", "#3182CE", "#2B6CB0", "#2C5282", "#2A4365"],
-  },
-  tooltip: {
-    enabled: true,
-    theme: "dark",
-  },
-};
-
-export const donutChartDataCharts1 = [50, 15, 10, 20, 5];
-
-export const pieChartOptionsCharts1 = {
-  labels: ["Dev.to", "Creative Tim", "Github"],
-  colors: ["#4299E1", "#3182CE", "#2B6CB0"],
-  chart: {
-    width: "100%",
-  },
-  states: {
-    hover: {
-      filter: {
-        type: "none",
-      },
-    },
-  },
-  legend: {
-    show: false,
-  },
-  dataLabels: {
-    enabled: false,
-  },
-  hover: { mode: null },
-  plotOptions: {
-    donut: {
-      expandOnClick: false,
-      donut: {
-        labels: {
-          show: false,
-        },
-      },
-    },
-  },
-  fill: {
-    colors: ["#4299E1", "#3182CE", "#2B6CB0"],
-  },
-  tooltip: {
-    enabled: true,
-    theme: "dark",
-  },
-};
-
-export const pieChartDataCharts1 = [70, 10, 20];
-
-export const radarChartOptionsCharts = {
-  chart: {
-    type: "radar",
-    toolbar: {
-      show: false,
-    },
-  },
-  labels: ["Travel", "Shopping", "Food", "Grocery", "Security", "Others"],
-  colors: ["#3182CE", "#333"],
-  chart: {
-    width: "100%",
-  },
-  states: {
-    hover: {
-      filter: {
-        type: "none",
-      },
-    },
-  },
-  yaxis: {
-    show: false,
-  },
-  markers: {
-    show: false,
-    enabled: false,
-  },
-  xaxis: {
-    labels: {
-      style: {
-        fontSize: "20px",
-        color: "#8F9BBA",
-      },
-    },
-  },
-  stroke: {
-    show: true,
-    width: 2,
-    colors: ["#000000", "#333"],
-    dashArray: 0,
-  },
-  legend: {
-    show: false,
-  },
-  dataLabels: {
-    enabled: false,
-  },
-  fill: {
-    colors: ["#000000", "#333"],
-  },
-  tooltip: {
-    enabled: true,
-    theme: "dark",
-  },
-};
-
-export const radarChartDataCharts = [
-  {
-    name: "Subject 1",
-    data: [45, 52, 38, 24, 33, 10],
-  },
-  {
-    name: "Subject 2",
-    data: [26, 21, 20, 6, 8, 15],
-  },
-];
-
-export const polarChartOptionsCharts = {
-  chart: {
-    type: "polarArea",
-    toolbar: {
-      show: false,
-    },
-  },
-  labels: ["Subject 1", "Subject2", "Subject 3", "Subject 4"],
-  colors: ["#4299E1", "#3182CE", "#2B6CB0", "#2C5282"],
-  chart: {
-    width: "100%",
-  },
-  states: {
-    hover: {
-      filter: {
-        type: "none",
-      },
-    },
-  },
-  yaxis: {
-    show: false,
-    labels: {
-      style: {
-        fontSize: "14px",
-        color: "#8F9BBA",
-      },
-    },
-  },
-  markers: {
-    show: false,
-    enabled: false,
-  },
-  stroke: {
-    show: true,
-    width: 2,
-    colors: ["#4299E1", "#3182CE", "#2B6CB0", "#2C5282"],
-    dashArray: 0,
-  },
-  legend: {
-    show: false,
-  },
-  dataLabels: {
-    enabled: false,
-  },
-  fill: {
-    type: "solid",
-    opacity: 1,
-    colors: ["#4299E1", "#3182CE", "#2B6CB0", "#2C5282"],
-  },
-  tooltip: {
-    enabled: true,
-    theme: "dark",
-  },
-};
-
-export const polarChartDataCharts = [7, 14, 20, 25];
-
-export const lineChartDataCalendar = [
-  {
-    name: "Visitors",
-    data: [30, 100, 40, 120, 50, 130, 60, 143, 70],
-  },
-];
-
-export const lineChartOptionsCalendar = {
-  chart: {
-    toolbar: {
-      show: false,
-    },
-  },
-  tooltip: {
-    theme: "dark",
-  },
-  dataLabels: {
-    enabled: false,
-  },
-  stroke: {
-    curve: "smooth",
-    color: ["#fff"],
-  },
-  xaxis: {
-    axisBorder: {
-      show: false,
-    },
-    axisTicks: {
-      show: false,
-    },
-    type: "datetime",
-    categories: ["Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
-    labels: {
-      show: false,
-      style: {
-        colors: "#CBD5E0",
-        fontSize: "12px",
-      },
-    },
-  },
-  yaxis: {
-    labels: {
-      show: false,
-      style: {
-        colors: "#CBD5E0",
-        fontSize: "12px",
-      },
-    },
-  },
-  legend: {
-    show: false,
-  },
-  grid: {
-    show: false,
-    strokeDashArray: 5,
-  },
-  fill: {
-    type: "gradient",
-    gradient: {
-      shade: "light",
-      type: "vertical",
-      shadeIntensity: 0.5,
-      gradientToColors: undefined, // optional, if not defined - uses the shades of same color in series
-      inverseColors: true,
-      opacityFrom: 0.8,
-      opacityTo: 0,
-      stops: [],
-    },
-    colors: ["#fff"],
-  },
-  colors: ["#fff"],
-};
-
-export const barChartDataRTL = [
-  {
-    name: "Sales",
-    data: [330, 250, 110, 300, 490, 350, 270, 130, 425],
-  },
-];
-
-export const barChartOptionsRTL = {
-  chart: {
-    toolbar: {
-      show: false,
-    },
-  },
-  tooltip: {
-    style: {
-      fontSize: "12px",
-      fontFamily: undefined,
-    },
-    theme: "dark",
-  },
-  xaxis: {
-    categories: ["Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
-    show: false,
-    labels: {
-      show: false,
-      style: {
-        colors: "#fff",
-        fontSize: "12px",
-      },
-    },
-    axisBorder: {
-      show: false,
-    },
-    axisTicks: {
-      show: false,
-    },
-  },
-  yaxis: {
-    show: true,
-    color: "#fff",
-    labels: {
-      show: true,
-      style: {
-        colors: "#fff",
-        fontSize: "10px",
-      },
-    },
-  },
-  grid: {
-    show: false,
-  },
-  fill: {
-    colors: "#fff",
-  },
-  dataLabels: {
-    enabled: false,
-  },
-  plotOptions: {
-    bar: {
-      borderRadius: 8,
-      columnWidth: "12px",
-    },
-  },
-  responsive: [
-    {
-      breakpoint: 768,
-      options: {
-        plotOptions: {
-          bar: {
-            borderRadius: 0,
-          },
-        },
-      },
-    },
-  ],
-};
-
-export const lineChartDataRTL = [
-  {
-    name: "Mobile apps",
-    data: [50, 40, 300, 220, 500, 250, 400, 230, 500],
-  },
-  {
-    name: "Websites",
-    data: [30, 90, 40, 140, 290, 290, 340, 230, 400],
-  },
-];
-
-export const lineChartOptionsRTL = {
-  chart: {
-    toolbar: {
-      show: false,
-    },
-  },
-  tooltip: {
-    theme: "dark",
-  },
-  dataLabels: {
-    enabled: false,
-  },
-  stroke: {
-    curve: "smooth",
-  },
-  xaxis: {
-    type: "datetime",
-    categories: [
-      "Jan",
-      "Feb",
-      "Mar",
-      "Apr",
-      "May",
-      "Jun",
-      "Jul",
-      "Aug",
-      "Sep",
-      "Oct",
-      "Nov",
-      "Dec",
-    ],
-    labels: {
-      style: {
-        colors: "#CBD5E0",
-        fontSize: "12px",
-      },
-    },
-    axisBorder: {
-      show: false,
-    },
-    axisTicks: {
-      show: false,
-    },
-  },
-  yaxis: {
-    labels: {
-      style: {
-        colors: "#CBD5E0",
-        fontSize: "12px",
-      },
-    },
-  },
-  legend: {
-    show: false,
-  },
-  grid: {
-    strokeDashArray: 5,
-  },
-  fill: {
-    type: "gradient",
-    gradient: {
-      shade: "light",
-      type: "vertical",
-      shadeIntensity: 0.5,
-      gradientToColors: undefined, // optional, if not defined - uses the shades of same color in series
-      inverseColors: true,
-      opacityFrom: 0.8,
-      opacityTo: 0,
-      stops: [],
-    },
-    colors: ["#3182CE", "#000000"],
-  },
-  colors: ["#3182CE", "#000000"],
-};
-
-export const barChartDataSmartHome = [
-  {
-    name: "Sales by day",
-    data: [150, 200, 100, 300, 400, 170],
-  },
-];
-
-export const barChartOptionsSmartHome = {
-  chart: {
-    toolbar: {
-      show: false,
-    },
-  },
-  tooltip: {
-    style: {
-      fontSize: "12px",
-      fontFamily: undefined,
-    },
-    onDatasetHover: {
-      style: {
-        fontSize: "12px",
-        fontFamily: undefined,
-      },
-    },
-    theme: "dark",
-  },
-  xaxis: {
-    categories: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
-    show: true,
-    labels: {
-      show: true,
-      style: {
-        colors: "#A0AEC0",
-        fontSize: "12px",
-      },
-    },
-    axisBorder: {
-      show: false,
-    },
-    axisTicks: {
-      show: false,
-    },
-  },
-  yaxis: {
-    show: true,
-    color: "black",
-    labels: {
-      show: true,
-      style: {
-        colors: "#A0AEC0",
-        fontSize: "14px",
-      },
-    },
-  },
-  grid: {
-    strokeDashArray: 5,
-    yaxis: {
-      lines: {
-        show: true,
-      },
-    },
-    xaxis: {
-      lines: {
-        show: false,
-      },
-    },
-  },
-  fill: {
-    type: "solid",
-    colors: ["#A0AEC0"],
-  },
-  dataLabels: {
-    enabled: false,
-  },
-  plotOptions: {
-    bar: {
-      borderRadius: 8,
-      columnWidth: "20px",
-    },
-  },
-};
diff --git a/src/variables/columnsData.js b/src/variables/columnsData.js
deleted file mode 100755
index cadb8b50..00000000
--- a/src/variables/columnsData.js
+++ /dev/null
@@ -1,70 +0,0 @@
-/*!
-
-=========================================================
-* Argon Dashboard Chakra PRO - v1.0.0
-=========================================================
-
-* Product Page: https://www.creative-tim.com/product/argon-dashboard-chakra-pro
-* Copyright 2022 Creative Tim (https://www.creative-tim.com/)
-
-* Designed and Coded by Simmmple & Creative Tim
-
-=========================================================
-
-* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
-
-*/
-
-export const columnsData1 = [
-  {
-    Header: "NAME",
-    accessor: "name",
-  },
-  {
-    Header: "POSITION",
-    accessor: "position",
-  },
-  {
-    Header: "OFFICE",
-    accessor: "office",
-  },
-  {
-    Header: "AGE",
-    accessor: "age",
-  },
-  {
-    Header: "START DATE",
-    accessor: "date",
-  },
-  {
-    Header: "SALARY",
-    accessor: "salary",
-  },
-];
-
-export const columnsData2 = [
-  {
-    Header: "ID",
-    accessor: "id",
-  },
-  {
-    Header: "DATE",
-    accessor: "date",
-  },
-  {
-    Header: "STATUS",
-    accessor: "status",
-  },
-  {
-    Header: "CUSTOMER",
-    accessor: "customer",
-  },
-  {
-    Header: "PRODUCT",
-    accessor: "product",
-  },
-  {
-    Header: "REVENUE",
-    accessor: "revenue",
-  },
-];
diff --git a/src/variables/general.js b/src/variables/general.js
deleted file mode 100755
index a9eb800e..00000000
--- a/src/variables/general.js
+++ /dev/null
@@ -1,742 +0,0 @@
-/*!
-
-=========================================================
-* Argon Dashboard Chakra PRO - v1.0.0
-=========================================================
-
-* Product Page: https://www.creative-tim.com/product/argon-dashboard-chakra-pro
-* Copyright 2022 Creative Tim (https://www.creative-tim.com/)
-
-* Designed and Coded by Simmmple & Creative Tim
-
-=========================================================
-
-* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
-
-*/
-
-// Assets
-import avatar1 from "assets/img/avatars/avatar1.png";
-import avatar10 from "assets/img/avatars/avatar10.png";
-import avatar2 from "assets/img/avatars/avatar2.png";
-import avatar3 from "assets/img/avatars/avatar3.png";
-import avatar4 from "assets/img/avatars/avatar4.png";
-import avatar5 from "assets/img/avatars/avatar5.png";
-import avatar7 from "assets/img/avatars/avatar7.png";
-import avatar8 from "assets/img/avatars/avatar8.png";
-import avatar9 from "assets/img/avatars/avatar9.png";
-// Custom icons
-import {
-  AdobexdLogo,
-  AtlassianLogo,
-  InvisionLogo,
-  JiraLogo,
-  SlackLogo,
-  SpotifyLogo,
-} from "components/Icons/Icons.js";
-import { AlertCircle, ArrowDown, ArrowUp, Bell, CreditCard, FileText, Code, ShoppingCart, Box } from "lucide-react";
-
-export const dashboardTableData = [
-  {
-    logo: AdobexdLogo,
-    name: "Argon UI Version",
-    members: [avatar1, avatar2, avatar3, avatar4, avatar5],
-    budget: "$14,000",
-    progression: 60,
-  },
-  {
-    logo: AtlassianLogo,
-    name: "Add Progress Track",
-    members: [avatar3, avatar2],
-    budget: "$3,000",
-    progression: 10,
-  },
-  {
-    logo: SlackLogo,
-    name: "Fix Platform Errors",
-    members: [avatar10, avatar4],
-    budget: "Not set",
-    progression: 100,
-  },
-  {
-    logo: SpotifyLogo,
-    name: "Launch our Mobile App",
-    members: [avatar2, avatar3, avatar7, avatar8],
-    budget: "$32,000",
-    progression: 100,
-  },
-  {
-    logo: JiraLogo,
-    name: "Add the New Pricing Page",
-    members: [avatar10, avatar3, avatar7, avatar2, avatar8],
-    budget: "$400",
-    progression: 25,
-  },
-  {
-    logo: InvisionLogo,
-    name: "Redesign New Online Shop",
-    members: [avatar9, avatar3, avatar2],
-    budget: "$7,600",
-    progression: 40,
-  },
-];
-
-export const timelineData = [
-  {
-    logo: Bell,
-    title: "$2400, Design changes",
-    date: "22 DEC 7:20 PM",
-    color: "blue.500",
-  },
-  {
-    logo: Code,
-    title: "New order #4219423",
-    date: "21 DEC 11:21 PM",
-    color: "orange",
-  },
-  {
-    logo: ShoppingCart,
-    title: "Server Payments for April",
-    date: "21 DEC 9:28 PM",
-    color: "blue.400",
-  },
-  {
-    logo: CreditCard,
-    title: "New card added for order #3210145",
-    date: "20 DEC 3:52 PM",
-    color: "orange.300",
-  },
-  {
-    logo: Box,
-    title: "Unlock packages for Development",
-    date: "19 DEC 11:35 PM",
-    color: "purple",
-  },
-  {
-    logo: AdobexdLogo,
-    title: "New order #9851258",
-    date: "18 DEC 4:41 PM",
-  },
-];
-
-export const timelineProjectsData = [
-  {
-    logo: Bell,
-    title: "$2400, Design changes",
-    titleColor: "#fff",
-    date: "22 DEC 7:20 PM",
-    color: "blue.500",
-    description:
-      "People care about how you see the world, how you think, what motivates you, what you're struggling with or afraid of.",
-    tags: [
-      {
-        bgTag: "blue.500",
-        titleTag: "DESIGN",
-      },
-    ],
-  },
-  {
-    logo: Code,
-    title: "New order #4219423",
-    titleColor: "#fff",
-    date: "21 DEC 11:21 PM",
-    color: "red.500",
-    description:
-      "People care about how you see the world, how you think, what motivates you, what you're struggling with or afraid of.",
-    tags: [
-      {
-        bgTag: "red.500",
-        titleTag: "ORDER",
-      },
-      {
-        bgTag: "red.500",
-        titleTag: "#1832412",
-      },
-    ],
-  },
-  {
-    logo: ShoppingCart,
-    title: "Server Payments for April",
-    titleColor: "#fff",
-    date: "21 DEC 9:28 PM",
-    color: "green.400",
-    description:
-      "People care about how you see the world, how you think, what motivates you, what you're struggling with or afraid of.",
-    tags: [
-      {
-        bgTag: "green.400",
-        titleTag: "SERVER",
-      },
-      {
-        bgTag: "green.400",
-        titleTag: "PAYMENTS",
-      },
-    ],
-  },
-  {
-    logo: CreditCard,
-    title: "New card added for order #3210145",
-    titleColor: "#fff",
-    date: "20 DEC 3:52 PM",
-    color: "orange.300",
-    description:
-      "People care about how you see the world, how you think, what motivates you, what you're struggling with or afraid of.",
-    tags: [
-      {
-        bgTag: "orange.300",
-        titleTag: "CARD",
-      },
-      {
-        bgTag: "orange.300",
-        titleTag: "#1832412",
-      },
-      {
-        bgTag: "orange.300",
-        titleTag: "PRIORITY",
-      },
-    ],
-  },
-  {
-    logo: Box,
-    title: "Unlock packages for Development",
-    titleColor: "#fff",
-    date: "19 DEC 11:35 PM",
-    color: "purple.400",
-    description:
-      "People care about how you see the world, how you think, what motivates you, what you're struggling with or afraid of.",
-    tags: [
-      {
-        bgTag: "purple.400",
-        titleTag: "DEVELOPMENT",
-      },
-    ],
-  },
-  {
-    logo: Bell,
-    title: "$2400, Design changes",
-    titleColor: "#fff",
-    date: "22 DEC 7:20 PM",
-    color: "green.400",
-    description:
-      "People care about how you see the world, how you think, what motivates you, what you're struggling with or afraid of.",
-    tags: [
-      {
-        bgTag: "green.400",
-        titleTag: "DESIGN",
-      },
-    ],
-  },
-  {
-    logo: Code,
-    title: "New order #4219423",
-    titleColor: "#fff",
-    date: "21 DEC 11:21 PM",
-    color: "orange",
-    description:
-      "People care about how you see the world, how you think, what motivates you, what you're struggling with or afraid of.",
-    tags: [
-      {
-        bgTag: "red.500",
-        titleTag: "ORDER",
-      },
-      {
-        bgTag: "red.500",
-        titleTag: "#1832412",
-      },
-    ],
-  },
-  {
-    logo: ShoppingCart,
-    title: "Server Payments for April",
-    titleColor: "#fff",
-    date: "21 DEC 9:28 PM",
-    color: "blue.400",
-    description:
-      "People care about how you see the world, how you think, what motivates you, what you're struggling with or afraid of.",
-    tags: [
-      {
-        bgTag: "blue.400",
-        titleTag: "SERVER",
-      },
-      {
-        bgTag: "blue.400",
-        titleTag: "PAYMENTS",
-      },
-    ],
-  },
-  {
-    logo: CreditCard,
-    title: "New card added for order #3210145",
-    titleColor: "#fff",
-    date: "20 DEC 3:52 PM",
-    color: "orange.300",
-    description:
-      "People care about how you see the world, how you think, what motivates you, what you're struggling with or afraid of.",
-    tags: [
-      {
-        bgTag: "orange.300",
-        titleTag: "CARD",
-      },
-      {
-        bgTag: "orange.300",
-        titleTag: "#1832412",
-      },
-      {
-        bgTag: "orange.300",
-        titleTag: "PRIORITY",
-      },
-    ],
-  },
-];
-
-export const rtlDashboardTableData = [
-  {
-    logo: AdobexdLogo,
-    name: "نسخة Argon UI",
-    members: [avatar1, avatar2, avatar3, avatar4, avatar5],
-    budget: "$14,000",
-    progression: 60,
-  },
-  {
-    logo: AtlassianLogo,
-    name: "إضافة مسار التقدم",
-    members: [avatar3, avatar2],
-    budget: "$3,000",
-    progression: 10,
-  },
-  {
-    logo: SlackLogo,
-    name: "إصلاح أخطاء النظام الأساسي",
-    members: [avatar10, avatar4],
-    budget: "غير مضبوط",
-    progression: 100,
-  },
-  {
-    logo: SpotifyLogo,
-    name: "إطلاق تطبيق الهاتف المحمول الخاص بنا",
-    members: [avatar2, avatar3, avatar7, avatar8],
-    budget: "$32,000",
-    progression: 100,
-  },
-  {
-    logo: JiraLogo,
-    name: "أضف صفحة التسعير الجديدة",
-    members: [avatar10, avatar3, avatar7, avatar2, avatar8],
-    budget: "$400",
-    progression: 25,
-  },
-  {
-    logo: InvisionLogo,
-    name: "إعادة تصميم متجر جديد على الإنترنت",
-    members: [avatar9, avatar3, avatar2],
-    budget: "$7,600",
-    progression: 40,
-  },
-];
-
-export const rtlTimelineData = [
-  {
-    logo: Bell,
-    title: "$2400, تغييرات في التصميم",
-    date: "22 DEC 7:20 PM",
-    color: "blue.500",
-  },
-  {
-    logo: Code,
-    title: "طلب جديد #4219423",
-    date: "21 DEC 11:21 PM",
-    color: "orange",
-  },
-  {
-    logo: ShoppingCart,
-    title: "مدفوعات الخادم لشهر أبريل",
-    date: "21 DEC 9:28 PM",
-    color: "blue.400",
-  },
-  {
-    logo: CreditCard,
-    title: "تمت إضافة بطاقة جديدة للطلب #3210145",
-    date: "20 DEC 3:52 PM",
-    color: "orange.300",
-  },
-  {
-    logo: Box,
-    title: "فتح الحزم من أجل التنمية",
-    date: "19 DEC 11:35 PM",
-    color: "purple",
-  },
-  {
-    logo: AdobexdLogo,
-    title: "طلب جديد #9851258",
-    date: "18 DEC 4:41 PM",
-  },
-];
-
-export const tablesTableData = [
-  {
-    logo: avatar1,
-    name: "Esthera Jackson",
-    email: "alexa@simmmple.com",
-    subdomain: "Manager",
-    domain: "Organization",
-    status: "Online",
-    date: "14/06/21",
-  },
-  {
-    logo: avatar2,
-    name: "Alexa Liras",
-    email: "laurent@simmmple.com",
-    subdomain: "Programmer",
-    domain: "Developer",
-    status: "Offline",
-    date: "12/05/21",
-  },
-  {
-    logo: avatar3,
-    name: "Laurent Michael",
-    email: "laurent@simmmple.com",
-    subdomain: "Executive",
-    domain: "Projects",
-    status: "Online",
-    date: "07/06/21",
-  },
-  {
-    logo: avatar4,
-    name: "Freduardo Hill",
-    email: "freduardo@simmmple.com",
-    subdomain: "Manager",
-    domain: "Organization",
-    status: "Online",
-    date: "14/11/21",
-  },
-  {
-    logo: avatar5,
-    name: "Daniel Thomas",
-    email: "daniel@simmmple.com",
-    subdomain: "Programmer",
-    domain: "Developer",
-    status: "Offline",
-    date: "21/01/21",
-  },
-  {
-    logo: avatar7,
-    name: "Mark Wilson",
-    email: "mark@simmmple.com",
-    subdomain: "Designer",
-    domain: "UI/UX Design",
-    status: "Offline",
-    date: "04/09/20",
-  },
-];
-
-export const tablesProjectData = [
-  {
-    logo: AdobexdLogo,
-    name: "Argon UI Version",
-    budget: "$14,000",
-    status: "Working",
-    progression: 60,
-  },
-  {
-    logo: AtlassianLogo,
-    name: "Add Progress Track",
-    budget: "$3,000",
-    status: "Canceled",
-    progression: 10,
-  },
-  {
-    logo: SlackLogo,
-    name: "Fix Platform Errors",
-    budget: "Not set",
-    status: "Done",
-    progression: 100,
-  },
-  {
-    logo: SpotifyLogo,
-    name: "Launch our Mobile App",
-    budget: "$32,000",
-    status: "Done",
-    progression: 100,
-  },
-  {
-    logo: JiraLogo,
-    name: "Add the New Pricing Page",
-    budget: "$400",
-    status: "Working",
-    progression: 25,
-  },
-];
-
-export const invoicesData = [
-  {
-    date: "March, 01, 2020",
-    code: "#MS-415646",
-    price: "$180",
-    logo: FileText,
-    format: "PDF",
-  },
-  {
-    date: "February, 10, 2020",
-    code: "#RV-126749",
-    price: "$250",
-    logo: FileText,
-    format: "PDF",
-  },
-  {
-    date: "April, 05, 2020",
-    code: "#FB-212562",
-    price: "$560",
-    logo: FileText,
-    format: "PDF",
-  },
-  {
-    date: "June, 25, 2019",
-    code: "#QW-103578",
-    price: "$120",
-    logo: FileText,
-    format: "PDF",
-  },
-  {
-    date: "March, 01, 2019",
-    code: "#AR-803481",
-    price: "$300",
-    logo: FileText,
-    format: "PDF",
-  },
-];
-
-export const billingData = [
-  {
-    name: "Oliver Liam",
-    company: "Viking Burrito",
-    email: "oliver@burrito.com",
-    number: "FRB1235476",
-  },
-  {
-    name: "Lucas Harper",
-    company: "Stone Tech Zone",
-    email: "lucas@stone-tech.com",
-    number: "FRB1235476",
-  },
-  {
-    name: "Ethan James",
-    company: "Fiber Notion",
-    email: "ethan@fiber.com",
-    number: "FRB1235476",
-  },
-];
-
-export const newestTransactions = [
-  {
-    name: "Netflix",
-    date: "27 March 2022, at 12:30 PM",
-    price: "- $2,500",
-    logo: ArrowDown,
-  },
-  {
-    name: "Apple",
-    date: "27 March 2022, at 12:30 PM",
-    price: "+ $2,500",
-    logo: ArrowUp,
-  },
-];
-
-export const olderTransactions = [
-  {
-    name: "Stripe",
-    date: "26 March 2022, at 13:45 PM",
-    price: "+ $800",
-    logo: ArrowUp,
-  },
-  {
-    name: "HubSpot",
-    date: "26 March 2022, at 12:30 PM",
-    price: "+ $1,700",
-    logo: ArrowUp,
-  },
-  {
-    name: "Webflow",
-    date: "26 March 2022, at 05:00 PM",
-    price: "Pending",
-    logo: AlertCircle,
-  },
-  {
-    name: "Microsoft",
-    date: "25 March 2022, at 16:30 PM",
-    price: "- $987",
-    logo: ArrowDown,
-  },
-];
-
-export const transactionsCRM = [
-  {
-    name: "Netflix",
-    date: "26 March 2022, at 13:45 PM",
-    price: "- $2500",
-    logo: ArrowDown,
-  },
-  {
-    name: "Apple",
-    date: "26 March 2022, at 12:30 PM",
-    price: "+ $2500",
-    logo: ArrowUp,
-  },
-  {
-    name: "Stripe",
-    date: "26 March 2022, at 05:00 PM",
-    price: "+ $9900",
-    logo: ArrowUp,
-  },
-];
-
-export const revenueCRM = [
-  {
-    name: "via Paypal",
-    date: "27 March 2022, at 12:30 PM",
-    price: "+ $8700",
-    logo: ArrowUp,
-  },
-  {
-    name: "Partner #01424",
-    date: "27 March 2022, at 12:30 PM",
-    price: "+ $12000",
-    logo: ArrowUp,
-  },
-  {
-    name: "Services",
-    date: "26 March 2022, at 10:10 PM",
-    price: "- $1900",
-    logo: ArrowDown,
-  },
-];
-
-export const tablesReportsData = [
-  {
-    image: avatar4,
-    domain: "Manager",
-    name: "Esthera Jackson",
-    review: "Positive",
-    email: "esthera@simmmple.com",
-    employed: "14/06/21",
-    id: 42312,
-  },
-  {
-    image: avatar1,
-    domain: "Programmer",
-    name: "Alexa Liras",
-    review: "Positive",
-    email: "alexa@simmmple.com",
-    employed: "14/06/21",
-    id: 93201,
-  },
-  {
-    image: avatar5,
-    domain: "Executive",
-    name: "Laurent Michael",
-    review: "Neutral",
-    email: "laurent@simmmple.com",
-    employed: "14/06/21",
-    id: 84120,
-  },
-  {
-    image: avatar4,
-    domain: "Manager",
-    name: "Freduardo Hill",
-    review: "Positive",
-    email: "freduardo@simmmple.com",
-    employed: "14/06/21",
-    id: 42314,
-  },
-  {
-    image: avatar7,
-    domain: "Programmer",
-    name: "Daniel Thomas",
-    review: "Negative",
-    email: "daniel@simmmple.com",
-    employed: "14/06/21",
-    id: 75642,
-  },
-  {
-    image: avatar8,
-    domain: "Designer",
-    name: "Mark Wilson",
-    review: "Positive",
-    email: "mark@simmmple.com",
-    employed: "14/06/21",
-    id: 78583,
-  },
-];
-
-export const rooms = [
-  { name: "Living Room", color: "#F687B3", percentage: 15 },
-  { name: "Kitchen", color: "#76E4F7", percentage: 18 },
-  { name: "Attic", color: "#3182CE", percentage: 23 },
-  { name: "Garage", color: "#3182CE", percentage: 35 },
-  { name: "Basement", color: "#F6AD55", percentage: 14 },
-];
-
-export const pageVisits = [
-  {
-    pageName: "/argon/",
-    visitors: "4,569",
-    uniqueUsers: 340,
-    bounceRate: "46,53%",
-  },
-  {
-    pageName: "/argon/index.html",
-    visitors: "3,985",
-    uniqueUsers: 319,
-    bounceRate: "46,53%",
-  },
-  {
-    pageName: "/argon/charts.html",
-    visitors: "3,513",
-    uniqueUsers: 294,
-    bounceRate: "36,49%",
-  },
-  {
-    pageName: "/argon/tables.html",
-    visitors: "2,050",
-    uniqueUsers: 147,
-    bounceRate: "50,87%",
-  },
-  {
-    pageName: "/argon/profile.html",
-    visitors: "1,795",
-    uniqueUsers: 190,
-    bounceRate: "46,53%",
-  },
-];
-
-export const socialTraffic = [
-  {
-    referral: "Facebook",
-    visitors: "1,480",
-    percentage: 60,
-    color: "orange",
-  },
-  {
-    referral: "Facebook",
-    visitors: "5,480",
-    percentage: 70,
-    color: "orange",
-  },
-  {
-    referral: "Google",
-    visitors: "4,807",
-    percentage: 80,
-    color: "cyan",
-  },
-  {
-    referral: "Instagram",
-    visitors: "3,678",
-    percentage: 75,
-    color: "cyan",
-  },
-  {
-    referral: "Twitter",
-    visitors: "2,645",
-    percentage: 30,
-    color: "orange",
-  },
-];
diff --git a/src/variables/tableData1.json b/src/variables/tableData1.json
deleted file mode 100755
index d6d9f3e6..00000000
--- a/src/variables/tableData1.json
+++ /dev/null
@@ -1,515 +0,0 @@
-[
-  {
-    "id": 1,
-    "name": "Stephan Willicott",
-    "position": "Paralegal",
-    "office": "Medpride",
-    "age": 33,
-    "date": "8/27/2022",
-    "salary": "$97757.33"
-  },
-  {
-    "id": 2,
-    "name": "Arney Walczak",
-    "position": "Senior Editor",
-    "office": "bareMinerals bareSkin Pure",
-    "age": 43,
-    "date": "1/2/2022",
-    "salary": "$57502.50"
-  },
-  {
-    "id": 3,
-    "name": "Iolanthe Klugman",
-    "position": "Accounting Assistant I",
-    "office": "Dexmethylphenidate Hydrochloride",
-    "age": 19,
-    "date": "9/9/2022",
-    "salary": "$80346.60"
-  },
-  {
-    "id": 4,
-    "name": "Daryl Feedome",
-    "position": "Sales Associate",
-    "office": "Phenazopyridine Hydrochloride",
-    "age": 21,
-    "date": "9/13/2022",
-    "salary": "$78192.15"
-  },
-  {
-    "id": 5,
-    "name": "Dorris Meacher",
-    "position": "Senior Quality Engineer",
-    "office": "Albuterol Sulfate",
-    "age": 20,
-    "date": "2/13/2022",
-    "salary": "$57953.21"
-  },
-  {
-    "id": 6,
-    "name": "Ambrosio Inglefield",
-    "position": "Electrical Engineer",
-    "office": "TIGAN",
-    "age": 22,
-    "date": "1/2/2022",
-    "salary": "$46580.54"
-  },
-  {
-    "id": 7,
-    "name": "Latrina Ricciardi",
-    "position": "Community Outreach Specialist",
-    "office": "Head and Shoulders 2in1",
-    "age": 44,
-    "date": "1/13/2022",
-    "salary": "$49473.38"
-  },
-  {
-    "id": 8,
-    "name": "Ulrick Grout",
-    "position": "Financial Analyst",
-    "office": "Brazil Nut Meat",
-    "age": 40,
-    "date": "12/25/2020",
-    "salary": "$21401.57"
-  },
-  {
-    "id": 9,
-    "name": "Nadine Lodo",
-    "position": "Engineer II",
-    "office": "REFISSA",
-    "age": 28,
-    "date": "11/4/2020",
-    "salary": "$63031.92"
-  },
-  {
-    "id": 10,
-    "name": "Allene Silkston",
-    "position": "Staff Scientist",
-    "office": "Clotrimazole",
-    "age": 40,
-    "date": "4/7/2022",
-    "salary": "$73082.09"
-  },
-  {
-    "id": 11,
-    "name": "Linet Howles",
-    "position": "Administrative Officer",
-    "office": "pain reliever",
-    "age": 52,
-    "date": "11/26/2020",
-    "salary": "$14869.11"
-  },
-  {
-    "id": 12,
-    "name": "Mathe Scrange",
-    "position": "VP Accounting",
-    "office": "Magnesium Sulfate",
-    "age": 35,
-    "date": "6/27/2022",
-    "salary": "$37419.91"
-  },
-  {
-    "id": 13,
-    "name": "Elsy Kobierzycki",
-    "position": "Environmental Specialist",
-    "office": "skin elements liquid",
-    "age": 44,
-    "date": "5/1/2022",
-    "salary": "$11777.73"
-  },
-  {
-    "id": 14,
-    "name": "Asa Willson",
-    "position": "Analog Circuit Design manager",
-    "office": "Simple",
-    "age": 51,
-    "date": "4/15/2022",
-    "salary": "$86413.93"
-  },
-  {
-    "id": 15,
-    "name": "Dallas Deinhardt",
-    "position": "Web Developer II",
-    "office": "Pain Relief PM",
-    "age": 39,
-    "date": "9/29/2022",
-    "salary": "$49419.17"
-  },
-  {
-    "id": 16,
-    "name": "Jessee Jendrassik",
-    "position": "Operator",
-    "office": "pravastatin sodium",
-    "age": 19,
-    "date": "1/4/2022",
-    "salary": "$94123.29"
-  },
-  {
-    "id": 17,
-    "name": "Care Olford",
-    "position": "Business Systems Development Analyst",
-    "office": "Leader Nasal",
-    "age": 41,
-    "date": "12/15/2020",
-    "salary": "$89943.69"
-  },
-  {
-    "id": 18,
-    "name": "Jay Charville",
-    "position": "Payment Adjustment Coordinator",
-    "office": "Protective Foundation",
-    "age": 33,
-    "date": "4/15/2022",
-    "salary": "$60371.20"
-  },
-  {
-    "id": 19,
-    "name": "Jesse Lasty",
-    "position": "Physical Therapy Assistant",
-    "office": "Naproxen",
-    "age": 34,
-    "date": "8/11/2022",
-    "salary": "$90559.66"
-  },
-  {
-    "id": 20,
-    "name": "Ginelle De Francisci",
-    "position": "Programmer I",
-    "office": "Aches - Pains",
-    "age": 46,
-    "date": "5/11/2022",
-    "salary": "$34009.70"
-  },
-  {
-    "id": 21,
-    "name": "Rozele Siaskowski",
-    "position": "Database Administrator I",
-    "office": "Zetia",
-    "age": 20,
-    "date": "11/30/2020",
-    "salary": "$23449.43"
-  },
-  {
-    "id": 22,
-    "name": "Mata Bonner",
-    "position": "Senior Cost Accountant",
-    "office": "Cyanokit",
-    "age": 38,
-    "date": "9/17/2022",
-    "salary": "$96368.77"
-  },
-  {
-    "id": 23,
-    "name": "Aleen Casina",
-    "position": "Chief Design Engineer",
-    "office": "Hydromorphone HCl",
-    "age": 21,
-    "date": "5/16/2022",
-    "salary": "$54407.55"
-  },
-  {
-    "id": 24,
-    "name": "Diahann Coorington",
-    "position": "Graphic Designer",
-    "office": "Amlodipine Besylate",
-    "age": 43,
-    "date": "4/17/2022",
-    "salary": "$62936.18"
-  },
-  {
-    "id": 25,
-    "name": "Orazio Atling",
-    "position": "Recruiting Manager",
-    "office": "Canary Grass",
-    "age": 38,
-    "date": "7/3/2022",
-    "salary": "$25514.58"
-  },
-  {
-    "id": 26,
-    "name": "Benedict Beminster",
-    "position": "Electrical Engineer",
-    "office": "Quinapril",
-    "age": 50,
-    "date": "7/31/2022",
-    "salary": "$13338.71"
-  },
-  {
-    "id": 27,
-    "name": "Shani Banaszczyk",
-    "position": "Help Desk Technician",
-    "office": "SOLIDAGO CANADENSIS POLLEN",
-    "age": 17,
-    "date": "9/7/2022",
-    "salary": "$81382.42"
-  },
-  {
-    "id": 28,
-    "name": "Selie Jaycocks",
-    "position": "Civil Engineer",
-    "office": "Pediatric Cough",
-    "age": 16,
-    "date": "1/1/2022",
-    "salary": "$99999.69"
-  },
-  {
-    "id": 29,
-    "name": "Tammie Rannigan",
-    "position": "Assistant Manager",
-    "office": "Carvedilol",
-    "age": 41,
-    "date": "10/8/2020",
-    "salary": "$34500.33"
-  },
-  {
-    "id": 30,
-    "name": "Blondell Reichert",
-    "position": "Design Engineer",
-    "office": "MAKESENSE",
-    "age": 16,
-    "date": "3/29/2022",
-    "salary": "$21193.70"
-  },
-  {
-    "id": 31,
-    "name": "Babs Boagey",
-    "position": "Pharmacist",
-    "office": "Plavix",
-    "age": 21,
-    "date": "10/29/2020",
-    "salary": "$47026.14"
-  },
-  {
-    "id": 32,
-    "name": "Molly Stallon",
-    "position": "Programmer Analyst III",
-    "office": "ESIKA PERFECT SKIN",
-    "age": 41,
-    "date": "11/16/2020",
-    "salary": "$85778.80"
-  },
-  {
-    "id": 33,
-    "name": "Monique Rankine",
-    "position": "Senior Sales Associate",
-    "office": "Smart Sense tussin",
-    "age": 37,
-    "date": "6/23/2022",
-    "salary": "$18865.14"
-  },
-  {
-    "id": 34,
-    "name": "Adolphe Pettitt",
-    "position": "Registered Nurse",
-    "office": "Amoxicillin",
-    "age": 27,
-    "date": "3/3/2022",
-    "salary": "$43103.86"
-  },
-  {
-    "id": 35,
-    "name": "Gnni Dilkes",
-    "position": "Administrative Assistant II",
-    "office": "ropinirole",
-    "age": 46,
-    "date": "6/23/2022",
-    "salary": "$56070.46"
-  },
-  {
-    "id": 36,
-    "name": "Dino Roote",
-    "position": "Clinical Specialist",
-    "office": "Lomotil",
-    "age": 39,
-    "date": "4/18/2022",
-    "salary": "$79342.85"
-  },
-  {
-    "id": 37,
-    "name": "Kendell Ruggs",
-    "position": "Quality Engineer",
-    "office": "Targretin",
-    "age": 18,
-    "date": "5/15/2022",
-    "salary": "$75988.03"
-  },
-  {
-    "id": 38,
-    "name": "Conrado Easun",
-    "position": "General Manager",
-    "office": "Anxiety Relief",
-    "age": 37,
-    "date": "12/5/2020",
-    "salary": "$57746.29"
-  },
-  {
-    "id": 39,
-    "name": "Sergio Bruneau",
-    "position": "Safety Technician I",
-    "office": "Good Neighbor Pharmacy",
-    "age": 23,
-    "date": "3/22/2022",
-    "salary": "$21035.53"
-  },
-  {
-    "id": 40,
-    "name": "Binni Norridge",
-    "position": "Software Test Engineer II",
-    "office": "ISOPROPYL ALCOHOL",
-    "age": 19,
-    "date": "5/11/2022",
-    "salary": "$40501.02"
-  },
-  {
-    "id": 41,
-    "name": "Darin Rugiero",
-    "position": "Design Engineer",
-    "office": "Triple Flu Defense",
-    "age": 21,
-    "date": "9/2/2022",
-    "salary": "$27497.94"
-  },
-  {
-    "id": 42,
-    "name": "Evania Itzchaky",
-    "position": "Safety Technician I",
-    "office": "MEDI-PAK",
-    "age": 39,
-    "date": "6/28/2022",
-    "salary": "$87104.23"
-  },
-  {
-    "id": 43,
-    "name": "Danielle Emanulsson",
-    "position": "Recruiting Manager",
-    "office": "NOEVIR 5 TREATMENT",
-    "age": 32,
-    "date": "7/25/2022",
-    "salary": "$88504.35"
-  },
-  {
-    "id": 44,
-    "name": "Helga Cowland",
-    "position": "Accountant III",
-    "office": "OTEZLA",
-    "age": 31,
-    "date": "8/1/2022",
-    "salary": "$41986.71"
-  },
-  {
-    "id": 45,
-    "name": "Aeriel Wyche",
-    "position": "Software Test Engineer II",
-    "office": "Mustard Seed",
-    "age": 22,
-    "date": "6/19/2022",
-    "salary": "$88888.38"
-  },
-  {
-    "id": 46,
-    "name": "Lawton Le Marquand",
-    "position": "Account Representative I",
-    "office": "English Plantain",
-    "age": 31,
-    "date": "2/20/2022",
-    "salary": "$50687.66"
-  },
-  {
-    "id": 47,
-    "name": "Angeli Sebring",
-    "position": "Teacher",
-    "office": "Mystic",
-    "age": 22,
-    "date": "2/24/2022",
-    "salary": "$93804.46"
-  },
-  {
-    "id": 48,
-    "name": "Ber Stoving",
-    "position": "Analyst Programmer",
-    "office": "Antiseptic Hand Sanitizing",
-    "age": 22,
-    "date": "7/27/2022",
-    "salary": "$54028.06"
-  },
-  {
-    "id": 49,
-    "name": "Priscella Hardbattle",
-    "position": "Editor",
-    "office": "Ibuprofen",
-    "age": 36,
-    "date": "9/2/2022",
-    "salary": "$84978.10"
-  },
-  {
-    "id": 50,
-    "name": "Stormy Kneller",
-    "position": "Human Resources Assistant III",
-    "office": "bisoprolol fumarate",
-    "age": 41,
-    "date": "1/23/2022",
-    "salary": "$18296.97"
-  },
-  {
-    "id": 51,
-    "name": "Sibeal Palia",
-    "position": "Office Assistant IV",
-    "office": "Acid Reducer",
-    "age": 31,
-    "date": "2/19/2022",
-    "salary": "$58730.57"
-  },
-  {
-    "id": 52,
-    "name": "Hunfredo Grigori",
-    "position": "Pharmacist",
-    "office": "Meloxicam",
-    "age": 29,
-    "date": "3/3/2022",
-    "salary": "$47522.31"
-  },
-  {
-    "id": 53,
-    "name": "Virginia Balharry",
-    "position": "Nurse",
-    "office": "Warfarin Sodium",
-    "age": 23,
-    "date": "11/26/2020",
-    "salary": "$94175.74"
-  },
-  {
-    "id": 54,
-    "name": "Svend McQuaide",
-    "position": "Business Systems Development Analyst",
-    "office": "Gongjinhyang Seol Whitening Intensive",
-    "age": 19,
-    "date": "4/1/2022",
-    "salary": "$25813.41"
-  },
-  {
-    "id": 55,
-    "name": "Rriocard Pinwill",
-    "position": "Web Developer IV",
-    "office": "ibuprofen",
-    "age": 55,
-    "date": "5/5/2022",
-    "salary": "$20741.48"
-  },
-  {
-    "id": 56,
-    "name": "Janene Haskey",
-    "position": "Account Coordinator",
-    "office": "germstarNORO unscented",
-    "age": 16,
-    "date": "11/19/2020",
-    "salary": "$79905.14"
-  },
-  {
-    "id": 57,
-    "name": "Letty Fendt",
-    "position": "Staff Scientist",
-    "office": "Rizatriptan Benzoate",
-    "age": 38,
-    "date": "11/26/2020",
-    "salary": "$38503.99"
-  }
-]