ci: Fix CI issues in WWW

services/www/.storybook/main.ts

@@ -3,7 +3,6 @@ import type { StorybookConfig } from '@storybook/react-vite';
 
 const config: StorybookConfig = {
   stories: [
-    '../../../packages/ui/src/**/*.stories.@(js|jsx|ts|tsx|mdx)',
     '../src/**/*.stories.@(js|jsx|ts|tsx|mdx)'
   ],
   addons: [

services/www/.storybook/test-runner.cjs

@@ -1,14 +0,0 @@
-/** @type {import('@storybook/test-runner').TestRunnerConfig} */
-module.exports = {
-  async postVisit(page, context) {
-    // Dynamically import ESM module
-    const { getStoryContext } = await import('@storybook/test-runner');
-    
-    // Get story context for debugging
-    await getStoryContext(page, context);
-    
-    // Basic smoke test - story rendered without errors
-    const element = page.locator('#storybook-root');
-    await element.waitFor();
-  },
-};

services/www/package.json

@@ -53,6 +53,8 @@
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.1",
     "@testing-library/user-event": "^14.6.1",
+    "@types/react": "^19.1.2",
+    "@types/react-dom": "^19.1.2",
     "@types/suncalc": "^1.9.2",
     "concurrently": "^9.1.2",
     "eslint": "^9.25.1",

services/www/src/widgets/Welcome.stories.tsx

@@ -1,6 +1,10 @@
-import type { Meta, StoryObj } from '@storybook/react';
 import { Welcome } from './Welcome';
 
+import type { Meta, StoryObj } from '@storybook/react';
+
+/**
+ * Metadata for the Welcome component stories.
+ */
 const meta: Meta<typeof Welcome> = {
   title: 'WWW/Widgets/Welcome',
   component: Welcome,
@@ -8,6 +12,13 @@ const meta: Meta<typeof Welcome> = {
 };
 
 export default meta;
+
+/**
+ * Story type for the Welcome component.
+ */
 type Story = StoryObj<typeof Welcome>;
 
+/**
+ * Default story for the Welcome component.
+ */
 export const Default: Story = {};

services/www/src/widgets/Welcome.tsx

@@ -1,6 +1,14 @@
 import React from 'react';
 
-export const Welcome: React.FC = () => {
+/**
+ * A welcome component for the WWW service.
+ *
+ * @example
+ * <Welcome />
+ *
+ * @returns {React.JSX.Element} The welcome message.
+ */
+export const Welcome: React.FC = (): React.JSX.Element => {
   return (
     <div className="p-4 bg-gray-100 rounded-lg">
       <h1 className="text-2xl font-bold">Welcome to WWW Service</h1>