made the badge and category into link

Author: Xeven777

src/pages/software/[slug].astro

@@ -34,13 +34,17 @@ const { entry } = Astro.props;
         </div>
         <div>
           <div class="flex items-center gap-2 mb-4 flex-wrap">
-            <span
-              class="text-blue-600 dark:text-blue-400 cursor-pointer bg-blue-100 dark:bg-blue-500/15 py-1 px-3 rounded-full text-sm">
-              {entry.data.Category}
-            </span>
+            <a href={"/software?category=" + entry.data.Category}>
+              <span
+                class="text-blue-600 dark:text-blue-400 cursor-pointer bg-blue-100 dark:bg-blue-500/15 py-1 px-3 rounded-full text-sm">
+                {entry.data.Category}
+              </span>
+            </a>
             {
               entry.data.Tags.slice(0, 5).map((tag) => (
-                <Badge variant="secondary">{tag}</Badge>
+                <a href={`/software?tag=${tag}`}>
+                  <Badge variant="secondary">{tag}</Badge>
+                </a>
               ))
             }
           </div>