feat(libs/exteral/farm-ui): create project

chore(config/storybook/main): add farm-ui path

.storybook/main.ts

@@ -7,6 +7,7 @@ export default {
     './*.@(mdx|stories.@(js|jsx|ts|tsx))',
     '../libs/external/shadcn/**/*.@(mdx|stories.@(js|jsx|ts|tsx))',
     '../libs/external/aceternity/**/*.@(mdx|stories.@(js|jsx|ts|tsx))',
+    '../libs/external/farm-ui/**/*.@(mdx|stories.@(js|jsx|ts|tsx))',
     '../libs/external/magic-ui/**/*.@(mdx|stories.@(js|jsx|ts|tsx))',
     '../libs/docs/**/*.@(mdx|stories.@(js|jsx|ts|tsx))',
     '../libs/shared/ui/**/*.@(mdx|stories.@(js|jsx|ts|tsx))',

libs/docs/components/ui/feature.stories.tsx

@@ -0,0 +1,27 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import { FUIFeatureSectionWithCards } from './feature'
+
+const meta: Meta<typeof FUIFeatureSectionWithCards> = {
+  title: '📚 Docs Site/Feature',
+  parameters: {
+    layout: 'centered',
+  },
+  component: FUIFeatureSectionWithCards,
+  tags: ['autodocs'],
+  args: {},
+  argTypes: {
+  },
+}
+
+export default meta
+
+type Story = StoryObj<typeof FUIFeatureSectionWithCards>
+export const UserExperience: Story = {
+  args: {
+  },
+  render: args => (
+    <div>
+      <FUIFeatureSectionWithCards {...args} />
+    </div>
+  ),
+}