fix: some duplications and tags

src/app/[name]/[id]/page.tsx

@@ -12,16 +12,16 @@ type Props = object
 
 function FoodPage({ }: Props) {
     const quantity = useReceiptStore(state => state.items[0]?.quantity || 0);
-
     const increment = useReceiptStore(state => state.increment);
     const decrement = useReceiptStore(state => state.decrement);
 
+    const price = 0; // TODO: Replace with actual price if needed
 
     return (
         <div className='w-full -translate-y-2'>
             <div className="relative w-full rounded-2xl overflow-hidden">
                 <Image
-                    className='w-full '
+                    className='w-full'
                     src={'/assets/images/food-preview-hq.png'}
                     alt='Food image'
                     height={100}
@@ -41,9 +41,9 @@ function FoodPage({ }: Props) {
 
             <div className="relative px-6 pt-6 pb-7.5 bg-white w-full rounded-3xl overflow-hidden -translate-y-6">
                 <div className="w-full inline-flex justify-between items-center">
-                    <div className="text-base font-bold">
+                    <h5 className="text-base font-bold">
                         کباب چوبی مخصوص
-                    </div>
+                    </h5>
                     <button className='p-2 bg-[#EAECF0] rounded-lg'>
                         <Heart size={24} className='fill-black' />
                     </button>
@@ -65,12 +65,12 @@ function FoodPage({ }: Props) {
                 </div>
 
                 <div className="mt-4 text-xs">
-                    محتویات: <br />
-                    گوشت، سبزیجات، پیاز، ادویه جات معطر و ....
+                    <p>محتویات:</p>
+                    <p>گوشت، سبزیجات، پیاز، ادویه جات معطر و ....</p>
                 </div>
 
                 <div className='mt-12 flex justify-between items-center'>
-                    <span dir='ltr'>{0} T</span>
+                    <span dir='ltr'>{price} T</span>
                     <motion.div
                         whileTap={{ scale: 1.05 }}
                         className="bg-background active:drop-shadow-xs max-w-[115px] rounded-md w-full h-8 inline-flex p-1 justify-between items-center gap-2"
@@ -81,7 +81,7 @@ function FoodPage({ }: Props) {
                                 className="inline-flex w-full justify-center items-center gap-2"
                             >
                                 <PlusIcon />
-                                <div className="text-sm2 pt-0.5 font-medium">افزودن</div>
+                                <span className="text-sm2 pt-0.5 font-medium">افزودن</span>
                             </button>
                         ) : (
                             <>
@@ -100,8 +100,6 @@ function FoodPage({ }: Props) {
                                 >
                                     {quantity}
                                 </motion.div>
-
-
                                 <button
                                     onClick={() => decrement(0)}
                                     className="bg-white hover:bg-white/60 active:bg-white/30 rounded-sm p-2"
@@ -117,4 +115,4 @@ function FoodPage({ }: Props) {
     )
 }
 
-export default FoodPage
+export default FoodPage