added pagination controls, test

app/blog/[slug]/page.tsx

@@ -6,8 +6,9 @@ import { useSharedData } from '@/app/context/ProjectContext';
 import { useMountTransition } from '@/hooks/useAnimations';
 import "../../../styles/markdown-container.css";
 import Link from 'next/link';
-import { BLOG_POSTS } from '@/data/content';
+import { BLOG_POSTS, categoryLabel } from '@/data/content';
 import SimpleGallery from '@/components/SimpleGallery';
+import "../../../styles/blog.css";
 
 export default function BlogPostPage({params}: { params: Promise<{ slug: string }> })
 {
@@ -32,6 +33,16 @@ export default function BlogPostPage({params}: { params: Promise<{ slug: string
      }}
       >          
 
+   {hasValidPost.category && (
+    <Link
+      className="blog-category-chip is-active blog-post-category-chip"
+      href={`/blog?category=${hasValidPost.category}`}
+      title={`All ${categoryLabel(hasValidPost.category)} posts`}
+    >
+      {categoryLabel(hasValidPost.category)}
+    </Link>
+    )}
+
    {
     hasValidDetails ? 
     (