add extra price

src/pages/product/page.tsx

@@ -10,7 +10,7 @@ import ArabicPrice from "components/ArabicPrice";
 import useBreakPoint from "hooks/useBreakPoint";
 import { useCallback, useMemo, useState } from "react";
 import { colors } from "ThemeConstants";
-import { Product } from "utils/types/appTypes";
+import { Product, Extra as ExtraType } from "utils/types/appTypes";
 import BackButton from "../menu/components/BackButton";
 import Extra from "./components/Extra";
 import ExtraGroups from "./components/ExtraGroups";
@@ -37,7 +37,7 @@ export default function ProductDetailPage({
   >({});
 
   // State for selected extras
-  const [selectedExtras, setSelectedExtras] = useState<string[]>([]);
+  const [selectedExtras, setSelectedExtras] = useState<ExtraType[]>([]);
 
   // State for selected extras by group
   const [selectedExtrasByGroup, setSelectedExtrasByGroup] = useState<