feat: expand Overview stories with empty, loading, and error states

Author: 1012Charan

frontend/src/components/cluster/Overview.stories.tsx

@@ -192,3 +192,52 @@ const Template: StoryFn = () => {
 };
 
 export const Events = Template.bind({});
+
+export const EmptyState = Template.bind({});
+EmptyState.parameters = {
+  msw: {
+    handlers: {
+      story: [
+        http.get('http://localhost:4466/api/v1/events', () =>
+          HttpResponse.json({
+            kind: 'EventsList',
+            items: [],
+            metadata: {},
+          })
+        ),
+        http.get('http://localhost:4466/api/v1/pods', () =>
+          HttpResponse.json({
+            kind: 'PodList',
+            apiVersion: 'v1',
+            metadata: {},
+            items: [],
+          })
+        ),
+      ],
+    },
+  },
+};
+
+export const LoadingState = Template.bind({});
+LoadingState.parameters = {
+  msw: {
+    handlers: {
+      story: [
+        http.get('http://localhost:4466/api/v1/events', () => new Promise(() => {})), // simulate loading
+        http.get('http://localhost:4466/api/v1/pods', () => new Promise(() => {})),
+      ],
+    },
+  },
+};
+
+export const ErrorState = Template.bind({});
+ErrorState.parameters = {
+  msw: {
+    handlers: {
+      story: [
+        http.get('http://localhost:4466/api/v1/events', () => HttpResponse.error()),
+        http.get('http://localhost:4466/api/v1/pods', () => HttpResponse.error()),
+      ],
+    },
+  },
+};