auto-claude: subtask-1-2 - Create CategoryFilter component with category buttons/dropdown

Created CategoryFilter component with the following features:
- Client component with 'use client' directive and framer-motion animations
- Props: categories, selectedCategory, onCategoryChange, className
- Uses lucide-react Tag icon
- Responsive design: horizontal scrollable on mobile, grid layout on desktop
- Active category highlighted with bg-[#697565] text-white
- Includes 'All' option to clear filter
- Follows established patterns from SearchBar and ContactForm
- Consistent styling with bg-zinc-900/50 and border-zinc-800
- Smooth transitions and hover states

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

.auto-claude-status

@@ -0,0 +1,25 @@
+{
+  "active": true,
+  "spec": "003-add-blog-search-and-category-filter",
+  "state": "building",
+  "subtasks": {
+    "completed": 1,
+    "total": 4,
+    "in_progress": 1,
+    "failed": 0
+  },
+  "phase": {
+    "current": "Blog Search and Filter Implementation",
+    "id": null,
+    "total": 4
+  },
+  "workers": {
+    "active": 0,
+    "max": 1
+  },
+  "session": {
+    "number": 3,
+    "started_at": "2026-01-25T02:31:36.044848"
+  },
+  "last_update": "2026-01-25T02:38:09.538183"
+}