feat(marketing): Refactor marketing wizard steps and add data collection methods

- Moved all marketing wizard step components to `create/_components` directory
- Added `collectData` static method to each step component for data retrieval
- Reorganized file structure to improve component modularity
- Prepared steps for dynamic data collection in wizard workflow
- Added VSCode settings file for project configuration
- Introduced new CMS-related components and services
- Updated API endpoints and added new query hooks

src/app/marketing/page.tsx

@@ -1,18 +1,8 @@
-"use client";
 import Breadcrumb from "@/components/Breadcrumbs/Breadcrumb";
-import Stepper, { Step } from "@/components/ui/Stepper";
+import CmsTable from "@/components/Tables/cms";
 import { BreadcrumbItem } from "@/types/shared";
-import { useState } from "react";
-import { ShowcaseSection } from "../../components/Layouts/showcase-section";
-import ChallengesStep from "./_components/ChallengesStep";
-import ChartStep from "./_components/ChartStep";
-import ContactsStep from "./_components/ContactsStep";
-import FeaturesStep from "./_components/FeaturesStep";
-import FooterStep from "./_components/FooterStep";
-import HeroStep from "./_components/HeroStep";
 
-const Marketing = () => {
-  const [step, setStep] = useState(5);
+const MarketingPage = () => {
   const breadcrumbItems: BreadcrumbItem[] = [
     {
       href: "/",
@@ -23,55 +13,12 @@ const Marketing = () => {
       name: "Marketing",
     },
   ];
-  const steps: Step[] = [
-    {
-      title: "Hero",
-      description: "Create the hero section",
-      content: <HeroStep />,
-    },
-    {
-      title: "Chart",
-      description: "Create the chart",
-      content: <ChartStep />,
-    },
-    {
-      title: "Features",
-      description: "Add features",
-      content: <FeaturesStep />,
-    },
-    {
-      title: "Challenges",
-      description: "Create challenges section",
-      content: <ChallengesStep />,
-    },
-    {
-      title: "Benefits",
-      description: "create benefits section",
-      content: <ChallengesStep />,
-    },
-    {
-      title: "Contacts",
-      description: "Create contacts section",
-      content: <ContactsStep />,
-    },
-    {
-      title: "Footer",
-      description: "Add footer information",
-      content: <FooterStep />,
-    },
-  ];
   return (
     <>
       <Breadcrumb items={breadcrumbItems} />
-      <ShowcaseSection title="Create Marketing page">
-        <Stepper
-          steps={steps}
-          currentStep={step}
-          onStepChange={setStep}
-        ></Stepper>
-      </ShowcaseSection>
+      <CmsTable />
     </>
   );
 };
 
-export default Marketing;
+export default MarketingPage;