refactor: enhance link active state handling in Navbar and HamburgerMenu components

src/app/[locale]/product-categories/[product_category_id]/page.tsx

@@ -72,7 +72,7 @@ export default async function ProductPage({
         title={productCategory?.title || t('page_products_default_title')}
         imageSrc={images.homeProductBack.src}
       />
-      <div className="container-fluid mx-auto my-24">
+      <div className="container-fluid mx-auto my-12 md:my-24">
         <Breadcrumb items={breadcrumbItems} />
         <ProductCategoryCardInProducts
           productCategory={productCategory}

src/app/[locale]/product-categories/page.tsx

@@ -33,7 +33,7 @@ export default async function ProductsPage({
         title={t('pages_product_categories_title')}
         imageSrc={images.aboutBanner.src}
       />
-      <div className="container-fluid mx-auto my-24">
+      <div className="container-fluid mx-auto my-12 md:my-24">
         <div className="grid w-full grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-4">
           {productCategories.map((category) => (
             <ProductsCategoryCard key={category.id} {...category} />

src/app/[locale]/projects/page.tsx

@@ -32,7 +32,7 @@ export default async function ProjectsPage({
         title={t('pages_projects_title')}
         imageSrc={images.aboutBanner.src}
       />
-      <div className="container-fluid mx-auto my-24">
+      <div className="container-fluid mx-auto my-12 md:my-24">
         <ProjectsGridView />
       </div>
     </main>