feat: add product category components and services

- Implemented ProductCategoryCard component for displaying product categories with icons, titles, and counts.
- Created ProductCategoryCardInProducts component for rendering product categories in a product context.
- Defined TypeScript interfaces for product category props.
- Added ProductCard component for individual product display with image and title.
- Established Axios instance for API calls with request and response interceptors.
- Developed services for fetching product categories and category details from the API.

src/components/layout/navbar/index.tsx

@@ -17,7 +17,7 @@
 //     { href: '/about', label: t('pages_about_title') as string },
 //     { href: '/blog', label: t('pages_contact_title') as string },
 //     { href: '/contact', label: t('pages_contact_title') as string },
-//     { href: '/product', label: t('pages_products_title') as string },
+//     { href: '/product', label: t('pages_product_categories_title') as string },
 //     { href: '/project', label: t('pages_projects_title') as string },
 //   ];
 
@@ -104,7 +104,7 @@ export default function Navbar() {
     { href: '/about', label: t('pages_about_title') as string },
     { href: '/blog', label: t('pages_contact_title') as string },
     { href: '/contact', label: t('pages_contact_title') as string },
-    { href: '/product', label: t('pages_products_title') as string },
+    { href: '/product', label: t('pages_product_categories_title') as string },
     { href: '/project', label: t('pages_projects_title') as string },
   ];
   const linkClass = (href: string) =>