feat: make plugin category optional and drop it from default componenttypes

Make `category` an optional field on the marketplace Plugin type so
entries can omit it entirely. When absent:

- the category sidebar skips the plugin (no empty row, no count)
- the category filter excludes the plugin only when a filter is active
- the item detail page skips rendering the category badge

Drop `category` from the four default ComponentType entries
(service, web-application, worker, scheduled-task) which had no
natural category fit.

Signed-off-by: Rashad Sirajudeen <rashad@wso2.com>

Author: rashadism

src/components/PluginCard/PluginCard.tsx

@@ -8,7 +8,7 @@ interface Plugin {
   group: string;
   name: string;
   description: string;
-  category: string;
+  category?: string;
   tags: string[];
   logoUrl?: string;
   author: string;

src/data/marketplace-plugins.json

@@ -660,8 +660,7 @@
     "id": "componenttype-service",
     "group": "component-type",
     "name": "Service",
-    "description": "A long-running request-serving component with one or more endpoints.",
-    "category": "Default",
+    "description": "A request-serving workload like a backend API or microservice. Listens on one or more endpoints and stays running to handle incoming traffic. Runs as a Kubernetes Deployment.",
     "tags": [
       "component-type",
       "default",
@@ -677,8 +676,7 @@
     "id": "componenttype-web-application",
     "group": "component-type",
     "name": "Web Application",
-    "description": "A long-running component that serves web requests and exposes at least one HTTP endpoint.",
-    "category": "Default",
+    "description": "An HTTP-serving frontend or full-stack web app, such as a single-page app, server-rendered app, or static site with a build step. Exposes at least one HTTP endpoint that end users hit in the browser. Runs as a Kubernetes Deployment.",
     "tags": [
       "component-type",
       "default",
@@ -694,8 +692,7 @@
     "id": "componenttype-worker",
     "group": "component-type",
     "name": "Worker",
-    "description": "A long-running background or event-driven component with no endpoints.",
-    "category": "Default",
+    "description": "A background or event-driven workload that doesn't accept inbound requests, such as a queue consumer, stream processor, event handler, or long-running agent. Stays running and pulls work or reacts to events. Runs as a Kubernetes Deployment.",
     "tags": [
       "component-type",
       "default",
@@ -711,8 +708,7 @@
     "id": "componenttype-scheduled-task",
     "group": "component-type",
     "name": "Scheduled Task",
-    "description": "A component that runs to completion on a schedule.",
-    "category": "Default",
+    "description": "A batch job that runs to completion on a recurring schedule, such as a report, cleanup, or periodic data sync. Starts, does its work, and exits until the next scheduled time. Runs as a Kubernetes CronJob.",
     "tags": [
       "component-type",
       "default",

src/pages/ecosystem.tsx

@@ -12,7 +12,7 @@ interface Plugin {
   group: string;
   name: string;
   description: string;
-  category: string;
+  category?: string;
   tags: string[];
   logoUrl?: string;
   author: string;
@@ -75,7 +75,8 @@ export default function Ecosystem(): ReactNode {
     selectedGroup === 'all' || p.group === selectedGroup;
 
   const matchesCategory = (p: Plugin) =>
-    selectedCategories.size === 0 || selectedCategories.has(p.category);
+    selectedCategories.size === 0 ||
+    (p.category !== undefined && selectedCategories.has(p.category));
 
   const filteredPlugins = useMemo(() => {
     const result = plugins
@@ -99,6 +100,7 @@ export default function Ecosystem(): ReactNode {
       .filter((p) => matchesSearch(p, searchQuery))
       .filter(matchesGroup)
       .forEach((p) => {
+        if (!p.category) return;
         counts.set(p.category, (counts.get(p.category) ?? 0) + 1);
       });
     return Array.from(counts.entries())

src/pages/ecosystem/item.tsx

@@ -14,7 +14,7 @@ interface Plugin {
   group: string;
   name: string;
   description: string;
-  category: string;
+  category?: string;
   tags: string[];
   logoUrl?: string;
   author: string;
@@ -602,7 +602,9 @@ export default function EcosystemItem(): ReactNode {
                     <span className={`${styles.groupBadge} ${groupBadgeClass}`}>
                       {groupLabel}
                     </span>
-                    <span className={styles.categoryBadge}>{plugin.category}</span>
+                    {plugin.category && (
+                      <span className={styles.categoryBadge}>{plugin.category}</span>
+                    )}
                   </div>
                   <div className={styles.tagRow}>
                     {plugin.tags.map((tag) => (