feat: add product detail page with components and infinite scroll

- Add SingleProduct component for product detail page
- Implement product data hooks and services
- Add infinite scroll functionality for products list
- Update ProductCard component with new features
- Add product types and specifications
- Fix TypeScript errors in product page
- Update profile page layout
- Add global CSS improvements

src/app/product/service/Service.ts

@@ -0,0 +1,9 @@
+import axios from "@/config/axios";
+import { ProductDetailResponse } from "@/types/product.types";
+
+export const getProduct = async (
+  id: string
+): Promise<ProductDetailResponse> => {
+  const { data } = await axios.get(`/product/${id}`);
+  return data;
+};