docs: migrate Skeleton docs to csf3

Author: Nikolai Lopin

src/components/Skeleton/docs/Skeleton.stories.mdx

@@ -0,0 +1,46 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Skeleton } from '../Skeleton';
+
+const meta: Meta = {
+    title: 'Components/Skeleton',
+    component: Skeleton,
+    argTypes: {
+        animated: {
+            options: [true, false],
+            defaultValue: false,
+            control: 'radio'
+        },
+        ref: {
+            table: {
+                disable: true
+            }
+        },
+        as: {
+            table: {
+                disable: true
+            }
+        },
+        forwardedAs: {
+            table: {
+                disable: true
+            }
+        },
+        theme: {
+            table: {
+                disable: true
+            }
+        }
+    }
+};
+
+export default meta;
+
+type Story = StoryObj<typeof Skeleton>;
+
+export const Default: Story = {};
+
+export const WithAnimation: Story = {
+    args: {
+        animated: true
+    }
+};

src/components/Skeleton/docs/Skeleton.stories.tsx

@@ -0,0 +1,21 @@
+import { Primary, Stories, ArgTypes, Meta } from '@storybook/blocks';
+
+import { StyledSystemLinks } from '../../../docs/StyledSystemLinks';
+import * as SkeletonStories from './Skeleton.stories';
+
+<Meta of={SkeletonStories} />
+
+# Skeleton
+
+Provide a placeholder while you wait for content to load, or to visualise content that doesn't exist yet.
+Skeleton fills the container it's in, and can be animated.
+
+<Primary />
+
+## Properties
+
+<ArgTypes of={SkeletonStories} />
+
+<StyledSystemLinks component="Skeleton" supportedProps={['layout', 'margin', 'borderRadius']} />
+
+<Stories includePrimary={false} />