feat: add Load All button to fetch all data at once

.storybook/main.js

@@ -1,5 +1,5 @@
 export default {
 	stories: ['../stories/**/*.stories.@(js|jsx|ts|tsx|mdx)'],
-	addons: ['@storybook/addon-links'],
+	addons: ['@storybook/addon-links', '@storybook/addon-vitest'],
 	framework: '@storybook/web-components-vite',
 };

.storybook/preview.js

@@ -1,3 +1,18 @@
+import i18next from 'i18next';
+
+// Initialize i18next for Storybook environment
+i18next.init({
+	lng: 'en',
+	resources: {
+		en: {
+			translation: {
+				'Load more': 'Load more',
+				'Load all': 'Load all',
+			},
+		},
+	},
+});
+
 const preview = {
 	parameters: {
 		controls: {

.storybook/vitest.setup.ts

@@ -0,0 +1,7 @@
+import { setProjectAnnotations } from '@storybook/web-components';
+import { beforeAll } from 'vitest';
+import * as previewAnnotations from './preview';
+
+const annotations = setProjectAnnotations([previewAnnotations]);
+
+beforeAll(annotations.beforeAll);