feat(sidebar): add calls section to navigation menu

This commit introduces a new "Calls" section to the main sidebar navigation to provide users with access to call logs.

- Adds a new collapsible "Calls" menu item to the sidebar configuration.
- Includes sub-links for "All Calls", "Incoming", "Outgoing", and "Missed" calls.
- Creates new custom icons (GlobeSearch, CallIncome, CallMade, CallMissed, CallReceived) to support the new menu items.
- Updates `apexcharts` and `react-apexcharts` dependencies to newer versions.

src/app/marketing/page.tsx

@@ -0,0 +1,57 @@
+"use client";
+import Breadcrumb from "@/components/Breadcrumbs/Breadcrumb";
+import Stepper, { Step } from "@/components/ui/Stepper";
+import { BreadcrumbItem } from "@/types/shared";
+import { useState } from "react";
+import { ShowcaseSection } from "../../components/Layouts/showcase-section";
+import HeroStep from "./_components/HeroStep";
+
+const Marketing = () => {
+  const [step, setStep] = useState(0);
+  const breadcrumbItems: BreadcrumbItem[] = [
+    {
+      href: "/",
+      name: "Dashboard",
+    },
+    {
+      href: "/marketing",
+      name: "Marketing",
+    },
+  ];
+  const steps: Step[] = [
+    {
+      title: "Hero",
+      description: "Create the hero section",
+      content: <HeroStep />,
+    },
+    {
+      title: "Profile",
+      description: "Setup your profile",
+      content: <div>step 2</div>,
+    },
+    {
+      title: "Preferences",
+      description: "Choose preferences",
+      content: <div>step 3</div>,
+    },
+    {
+      title: "Review",
+      description: "Review and confirm",
+      content: <div>step 4</div>,
+    },
+  ];
+  return (
+    <>
+      <Breadcrumb items={breadcrumbItems} />
+      <ShowcaseSection title="Create Marketing page">
+        <Stepper
+          steps={steps}
+          currentStep={step}
+          onStepChange={setStep}
+        ></Stepper>
+      </ShowcaseSection>
+    </>
+  );
+};
+
+export default Marketing;