Connect categories dock to production API slugs.

Use dessert, choclate, and baklava-and-halva so dock links match live catalog categories.

Co-authored-by: Cursor <cursoragent@cursor.com>

src/components/CategoriesDock.tsx

@@ -3,7 +3,7 @@ import './CategoriesDock.css'
 
 /**
  * Fixed glossy dock — images and labels are hardcoded.
- * Each item links to `/products/:slug` matching the API category slug.
+ * Slugs match production API categories on shirinibalout.com.
  */
 const DOCK_CATEGORIES = [
   {
@@ -28,19 +28,19 @@ const DOCK_CATEGORIES = [
     nameFa: 'دسر',
     nameEn: 'Dessert',
     image: '/categories/desert.png',
-    slug: 'desert',
+    slug: 'dessert',
   },
   {
     nameFa: 'شکلات',
     nameEn: 'Chocolate',
     image: '/categories/Choclate.png',
-    slug: 'chocolate',
+    slug: 'choclate',
   },
   {
     nameFa: 'باقلوا',
     nameEn: 'Baklava',
     image: '/categories/baghlava.png',
-    slug: 'baklava',
+    slug: 'baklava-and-halva',
   },
 ] as const
 

src/pages/HomePage.tsx

@@ -41,7 +41,7 @@ const DECOR_CARDS = [
     title: 'انواع',
     subtitle: 'شیرینـــــی',
     image: strawberryDecorate,
-    to: '/products/shirini',
+    to: '/products/pastry',
   },
   {
     title: 'انواع',