feat(ui): establish shared design system foundations

.storybook/preview.tsx

@@ -1,11 +1,10 @@
 import "@mantine/core/styles.css";
 import "@mantine/dates/styles.css";
 import "dayjs/locale/ru";
-import "../src/app/styles.css";
 import "../src/shared/i18n";
 import { MantineProvider } from "@mantine/core";
 import type { Preview } from "@storybook/react-vite";
-import { theme } from "../src/app/theme";
+import { cssVariablesResolver, theme } from "@/shared/theme";
 
 const colorSchemeManager = {
 	get: () => "light" as const,
@@ -18,11 +17,17 @@ const colorSchemeManager = {
 const preview: Preview = {
 	parameters: {
 		layout: "padded",
+		options: {
+			storySort: {
+				order: ["Design System", ["Foundations", "Components"], "Product"],
+			},
+		},
 		controls: { expanded: true },
 	},
 	decorators: [
 		(Story) => (
 			<MantineProvider
+				cssVariablesResolver={cssVariablesResolver}
 				theme={theme}
 				forceColorScheme="light"
 				colorSchemeManager={colorSchemeManager}