Added new pages to dashboard

src/components/shared/Stepper.tsx

@@ -0,0 +1,25 @@
+import React from "react";
+
+interface StepperProps {
+  step: number;
+}
+
+const Stepper: React.FC<StepperProps> = ({ step = 0 }) => {
+  //   const [activeStep, setActiveStep] = useState(step);
+
+  return (
+    <div className="flex justify-between items-center gap-5">
+      {[...Array(6)].map((_, index) => (
+        <div
+          key={index}
+          className={`w-[1.875rem] border-[.1875rem] rounded-sm ${(step === index
+            ? "border-[#E8B4FF]"
+            : "border-[#5C2684]")}`}
+          //   onClick={() => setActiveStep(index)}
+        />
+      ))}
+    </div>
+  );
+};
+
+export default Stepper;

src/components/shared/index.ts

@@ -1,5 +1,6 @@
 import Button from "./Button";
 import InputCompOne from "./InputCompOne";
 import FloatLabelInput from "./FloatLabelInput";
+import Stepper from "./Stepper";
 
-export { Button, FloatLabelInput, InputCompOne };
+export { Button, FloatLabelInput, InputCompOne, Stepper };