Storybook (#328)

* feat(docs): add interactive examples and API references for Button, Card, and LoadingFallback components
- Updated dependencies
- Set `retries` to a fixed value of 3 for consistent test retries across environments.
- Increased `timeout` from 60 seconds to 120 seconds to allow more time for tests to complete.
- Reduced `expect` timeout from 10 seconds to 5 seconds for quicker feedback on assertions.

apps/dev-tool/components/app-sidebar.tsx

@@ -5,6 +5,7 @@ import { usePathname } from 'next/navigation';
 
 import {
   BoltIcon,
+  ComponentIcon,
   LanguagesIcon,
   LayoutDashboardIcon,
   MailIcon,
@@ -32,6 +33,11 @@ const routes = [
     path: '/variables',
     Icon: BoltIcon,
   },
+  {
+    label: 'Components',
+    path: '/components',
+    Icon: ComponentIcon,
+  },
   {
     label: 'Emails',
     path: '/emails',

apps/dev-tool/components/root-providers.tsx

@@ -4,10 +4,18 @@ import { useState } from 'react';
 
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 
+import { I18nProvider } from '@kit/i18n/provider';
 import { Toaster } from '@kit/ui/sonner';
 
-export function RootProviders({ children }: React.PropsWithChildren) {
-  return <ReactQueryProvider>{children}</ReactQueryProvider>;
+import { i18nResolver } from '../lib/i18n/i18n.resolver';
+import { getI18nSettings } from '../lib/i18n/i18n.settings';
+
+export function RootProviders(props: React.PropsWithChildren) {
+  return (
+    <I18nProvider settings={getI18nSettings('en')} resolver={i18nResolver}>
+      <ReactQueryProvider>{props.children}</ReactQueryProvider>
+    </I18nProvider>
+  );
 }
 
 function ReactQueryProvider(props: React.PropsWithChildren) {