translation bug fixed

components/ProductsGrid.tsx

@@ -2,17 +2,17 @@
 
 import { useState } from "react";
 import { motion } from "framer-motion";
-import { useTranslations } from "next-intl";
 import { ProductCard } from "./ProductCard";
 import { getAllProducts } from "@/lib/products";
 import type { Product } from "@/lib/products";
 import { ProductModal } from "./ProductModal";
 import Image from "next/image";
+import { useLanguage } from "@/context/language-context";
 
 // hello everyone
 
 export function ProductsGrid() {
-  const t = useTranslations();
+  const {t} = useLanguage();
   const products = getAllProducts();
   const [selectedProduct, setSelectedProduct] = useState<Product | null>(null);
 
@@ -58,7 +58,7 @@ export function ProductsGrid() {
             className="text-center mb-16 bg-white/80 backdrop-blur-md rounded-xl overflow-hidden p-2 max-w-[300px] w-full mx-auto"
           >
             <h2 className="text-2xl font-bold text-gray-900 mb-2">
-              {t("products.title")}
+              {t.products.title}
             </h2>
             <div className="w-20 h-1 bg-blue-600 mx-auto rounded-full" />
           </motion.div>