improve web ui

web/src/stories/Settings.stories.tsx

@@ -1,14 +1,12 @@
-import type { Meta, StoryObj } from '@storybook/react-vite'
-import { SettingsPage } from '@/routes/settings'
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { SectionSettings } from "@/sections/Settings";
 
-// Settings reads no API (just the locale + a logout button), so it renders
-// directly — no mock needed.
 const meta = {
-  title: 'Pages/Settings',
-  component: SettingsPage,
-} satisfies Meta<typeof SettingsPage>
+	title: "Pages/Settings",
+	component: SectionSettings,
+} satisfies Meta<typeof SectionSettings>;
 
-export default meta
-type Story = StoryObj<typeof meta>
+export default meta;
+type Story = StoryObj<typeof meta>;
 
-export const Default: Story = {}
+export const Default: Story = {};