Add SameHeight component and its Storybook examples

- Implement `SameHeight` component for flexible height alignment.
- Integrate Storybook stories with centered layout configuration and documentation.

Author: imagine10255

src/components/organize/SameHeight/SameHeight.stories.tsx

@@ -0,0 +1,27 @@
+import type {Meta, StoryObj} from '@storybook/react-vite';
+
+import SameHeight from './SameHeight';
+
+const meta = {
+    title: 'Organize/SameHeight',
+    component: SameHeight,
+    parameters: {
+        layout: 'centered',
+        docs: {
+            description: {
+                component: '依賴鄰居撐開的高度，關鍵為外層 align-items-stretch (此為預設值)，需要跟著高度走得不可設定高度'
+            },
+        },
+    },
+    tags: ['autodocs'],
+    args: {},
+} satisfies Meta<typeof SameHeight>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+
+
+export const Primary: Story = {
+    args: {},
+};

src/components/organize/SameHeight/SameHeight.tsx

@@ -0,0 +1,24 @@
+import {Flex} from '@acrool/react-grid';
+
+import Textarea from '@/components/forms/Textarea';
+import TextField from '@/components/forms/TextField';
+
+
+const SameHeight = () => {
+
+    return <Flex className="align-items-stretch">
+        <div style={{backgroundColor: '#ccc',  width: '100px'}}>
+            <p>Left</p>
+            <p>不可設定高度</p>
+        </div>
+
+        <div style={{backgroundColor: 'red', height: '200px', width: '100px'}}>
+            <p>Right</p>
+            <p>200px</p>
+        </div>
+    </Flex>;
+};
+
+export default SameHeight;
+
+

src/components/organize/SameHeight/index.ts

@@ -0,0 +1 @@
+export {default} from './SameHeight';