fix: broken docs tables (#361)

apps/documentation/src/components/MdxProvider/MdxTable/MdxTable.tsx

@@ -1,18 +1,19 @@
-import type { DetailedHTMLProps, TableHTMLAttributes } from 'react'
-import { Table } from '@mantine/core'
-import type React from 'react'
+import type { DetailedHTMLProps, TableHTMLAttributes, JSX } from 'react'
+import { Table, ScrollArea } from '@mantine/core'
 
 type MdxTableProps = DetailedHTMLProps<
   TableHTMLAttributes<HTMLTableElement>,
   HTMLTableElement
 >
 
-function MdxTable(props: MdxTableProps): React.JSX.Element {
+function MdxTable(props: MdxTableProps): JSX.Element {
   const { children, ...rest } = props
   return (
-    <Table highlightOnHover stickyHeader stickyHeaderOffset={60} {...rest}>
-      {children}
-    </Table>
+    <ScrollArea type="auto">
+      <Table highlightOnHover {...rest}>
+        {children}
+      </Table>
+    </ScrollArea>
   )
 }
 

apps/documentation/src/routes/documentation/hooks/use-router.mdx

@@ -50,7 +50,7 @@ Handles client side page navigation quickly. Useful for internal links, or for w
 router.push(path, options)
 ```
 
-| Prop             | Type                | Default value | Description                                                       |
+| Name             | Type                | Default value | Description                                                       |
 | ---------------- | ------------------- | ------------- | ----------------------------------------------------------------- |
 | `path`           | `string` (Required) | -             | The path of the page you want to navigate to.                     |
 | `options`        | `PushOptions`       | -             | Optional config object for additional control.                    |