feat(helm): helm actions [r8s-259] (#715)

Co-authored-by: James Player <james.player@portainer.io>
Co-authored-by: Cara Ryan <cara.ryan@portainer.io>
Co-authored-by: stevensbkang <skan070@gmail.com>

app/react/components/Blocklist/BlocklistItem.stories.tsx

@@ -0,0 +1,75 @@
+import type { Meta, StoryObj } from '@storybook/react';
+
+import { localizeDate } from '@/react/common/date-utils';
+
+import { Badge } from '@@/Badge';
+
+import { BlocklistItem } from './BlocklistItem';
+
+const meta: Meta<typeof BlocklistItem> = {
+  title: 'Components/Blocklist/BlocklistItem',
+  component: BlocklistItem,
+  parameters: {
+    layout: 'centered',
+  },
+  tags: ['autodocs'],
+  decorators: [
+    (Story) => (
+      <div className="blocklist">
+        <Story />
+      </div>
+    ),
+  ],
+};
+
+export default meta;
+type Story = StoryObj<typeof BlocklistItem>;
+
+export const Default: Story = {
+  args: {
+    children: 'Default Blocklist Item',
+  },
+};
+
+export const Selected: Story = {
+  args: {
+    children: 'Selected Blocklist Item',
+    isSelected: true,
+  },
+};
+
+export const AsDiv: Story = {
+  args: {
+    children: 'Blocklist Item as div',
+    as: 'div',
+  },
+};
+
+export const WithCustomContent: Story = {
+  args: {
+    children: (
+      <div className="flex flex-col gap-2 w-full">
+        <div className="flex flex-wrap gap-1 justify-between">
+          <Badge type="success">Deployed</Badge>
+          <span className="text-xs text-muted">Revision #4</span>
+        </div>
+        <div className="flex flex-wrap gap-1 justify-between">
+          <span className="text-xs text-muted">my-app-1.0.0</span>
+          <span className="text-xs text-muted">
+            {localizeDate(new Date('2000-01-01'))}
+          </span>
+        </div>
+      </div>
+    ),
+  },
+};
+
+export const MultipleItems: Story = {
+  render: () => (
+    <div className="blocklist">
+      <BlocklistItem>First Item</BlocklistItem>
+      <BlocklistItem isSelected>Second Item (Selected)</BlocklistItem>
+      <BlocklistItem>Third Item</BlocklistItem>
+    </div>
+  ),
+};