feat(sistent): add Table component documentation

Signed-off-by: Soham Babrekar <soham.babrekar@gmail.com>

Author: Sohamsig

src/collections/sistent/components/table/code.mdx

@@ -0,0 +1,58 @@
+---
+title: Code
+---
+
+# Table Examples
+
+## Basic Table
+
+<ThemeWrapper>
+<CodeBlock>
+
+```jsx
+<Table>
+  <thead>
+    <tr>
+      <th>Name</th>
+      <th>Status</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td>Example</td>
+      <td>Active</td>
+    </tr>
+  </tbody>
+</Table>
+```
+
+</CodeBlock>
+</ThemeWrapper>
+
+## Sortable Table
+
+<ThemeWrapper>
+<CodeBlock>
+
+```jsx
+<Table sortable>
+  ...
+</Table>
+```
+
+</CodeBlock>
+</ThemeWrapper>
+
+## Paginated Table
+
+<ThemeWrapper>
+<CodeBlock>
+
+```jsx
+<Table pagination>
+  ...
+</Table>
+```
+
+</CodeBlock>
+</ThemeWrapper>

src/collections/sistent/components/table/guidance.mdx

@@ -0,0 +1,18 @@
+---
+title: Table
+---
+
+# Table
+
+The Table component is used to display structured data in rows and columns in a clear and organized manner.
+
+## Overview
+
+Tables are commonly used to present:
+
+- Lists of data
+- Metrics and statistics
+- Logs and records
+- Configuration details
+
+The Table component in Sistent supports features like sorting, pagination, and selectable rows, making it useful for handling structured datasets across Layer5 projects.

src/collections/sistent/components/table/index.mdx

@@ -160,4 +160,8 @@ export const content = [
   { id: 118, link: "/projects/sistent/components/tooltip", text: "Tooltip" },
   { id: 119, link: "/projects/sistent/components/tooltip/guidance", text: "Tooltip" },
   { id: 120, link: "/projects/sistent/components/tooltip/code", text: "Tooltip" },
+
+  { id: 121, link: "/projects/sistent/components/table", text: "Table" },
+  { id: 122, link: "/projects/sistent/components/table/guidance", text: "Table" },
+  { id: 123, link: "/projects/sistent/components/table/code", text: "Table" },
 ];