Refactor category filtering logic and sort categories alphabetically

Author: codebucks27

src/app/categories/[slug]/page.js

@@ -33,19 +33,27 @@ export async function generateMetadata({ params }) {
 
 
 const CategoryPage = ({ params }) => {
-  const allCategories = ["all"];
-  const blogs = allBlogs.filter((blog) => {
-    return blog.tags.some((tag) => {
-      const slugified = slug(tag);
-      if (!allCategories.includes(slugified)) {
-        allCategories.push(slugified);
-      }
-      if (params.slug === "all") {
-        return true;
-      }
-      return slugified === params.slug;
-    });
+// Separating logic to create list of categories from all blogs
+const allCategories = ["all"]; // Initialize with 'all' category
+allBlogs.forEach(blog => {
+  blog.tags.forEach(tag => {
+    const slugified = slug(tag);
+    if (!allCategories.includes(slugified)) {
+      allCategories.push(slugified);
+    }
   });
+});
+
+// Sort allCategories to ensure they are in alphabetical order
+allCategories.sort();
+
+// Step 2: Filter blogs based on the current category (params.slug)
+const blogs = allBlogs.filter(blog => {
+  if (params.slug === "all") {
+    return true; // Include all blogs if 'all' category is selected
+  }
+  return blog.tags.some(tag => slug(tag) === params.slug);
+});
 
   return (
     <article className="mt-12 flex flex-col text-dark dark:text-light">