feat : add section (productList , bestQuality) in shop page

src/types/props.d.ts

@@ -12,6 +12,7 @@ export interface ButtonProps {
   children: React.ReactNode;
   onClick?: () => void;
   extra?: string;
+  active?: boolean;
 }
 
 // begin Route
@@ -49,7 +50,7 @@ export interface NavData {
 }
 
 // begin ListTutorial.tsx
-import { SetStateAction } from "react";
+import { Component, SetStateAction } from "react";
 
 export type TutorialList = { id: number; name: string }[];
 
@@ -69,3 +70,18 @@ interface TypewriterProps {
   text: string;
   speed?: number; // سرعت تایپ در میلی‌ثانیه
 }
+
+interface ButtonListProps {
+  ProductsList: { id: number; title: string }[];
+  activeId: number;
+  setActiveId: SetStateAction;
+}
+
+interface ProductBoxProps {
+  title: string;
+  space: number;
+  users: number;
+  price: string;
+  btnText: string;
+  variant: number;
+}