chore: Add preview warning for Table component (#24731)

* chore: Add preview warning for Table component

Adds a preview warning to the Table component doc page

* changefile

change/@fluentui-react-table-ddcc6b94-4437-438d-bddb-f7ff6a059c7b.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "chore: Add preview warning for Table component",
+  "packageName": "@fluentui/react-table",
+  "email": "lingfangao@hotmail.com",
+  "dependentChangeType": "none"
+}

packages/react-components/react-table/src/stories/Table/TableDescription.md

@@ -0,0 +1,12 @@
+<!-- Don't allow prettier to collapse code block into single line -->
+<!-- prettier-ignore -->
+> **⚠️ Preview components are considered unstable:**
+>
+> ```jsx
+>
+> import { Table } from '@fluentui/react-components/unstable';
+>
+> ```
+>
+> - Features and APIs may change before final release
+> - Please contact us if you intend to use this in your product

packages/react-components/react-table/src/stories/Table/index.stories.tsx

@@ -1,4 +1,5 @@
 import { Table } from '../..';
+import descriptionMd from './TableDescription.md';
 
 export { Default } from './Default.stories';
 export { Sort } from './Sort.stories';
@@ -19,4 +20,11 @@ export { CompositeNavigationMode } from './CompositeNavigationMode.stories';
 export default {
   title: 'Preview Components/Table',
   component: Table,
+  parameters: {
+    docs: {
+      description: {
+        component: [descriptionMd].join('\n'),
+      },
+    },
+  },
 };