feat(website): remove tabular content category (elastic#8753)

Author: weronikaolejniczak

packages/website/docs/components/data-grid/_category_.yml

@@ -0,0 +1,2 @@
+label: Data grid
+position: 7

packages/website/docs/components/tabular-content/data-grid/_grid_configuration_wrapper.tsx renamed to packages/website/docs/components/data-grid/_grid_configuration_wrapper.tsx

@@ -742,12 +742,12 @@ for (let i = 0; i < 10; i++) {
     <span>{faker.person.firstName()}</span>,
 
     <span>
-      <EuiLink href="#/tabular-content/data-grid/cells-and-popovers#focus">
+      <EuiLink href="/data-grid/cells-and-popovers#focus">
         {faker.internet.email()}
       </EuiLink>
     </span>,
     <span>
-      <EuiLink href="#/tabular-content/data-grid/cells-and-popovers#focus">
+      <EuiLink href="/data-grid/cells-and-popovers#focus">
         {faker.internet.email()}
       </EuiLink>
     </span>,

packages/website/docs/components/tabular-content/data-grid/_prop_snippet_table.tsx renamed to packages/website/docs/components/data-grid/_prop_snippet_table.tsx

@@ -9,11 +9,13 @@ EUI offers a wide variety of components. This section is organized topically wit
 The adjacent [patterns](../patterns/index.mdx) section provides additional guidance for handling use cases that cross multiple components.
 
 ## Components by topic
+
 - [Layout](./layout/flex/index.mdx)
 - [Containers](./containers/accordion.mdx)
 - [Navigation](./navigation/breadcrumbs.mdx)
 - [Display](./display/badge/index.mdx)
 - [Forms](./forms/controls/guidelines.mdx)
-- [Tabular content](./tabular-content/tables/basic.mdx)
+- [Data grid](./data-grid/data-grid.mdx)
+- [Tables](./tables/basic.mdx)
 - [Templates](./templates/page-template/index.mdx)
 - [Editors and syntax](./editors-and-syntax/markdown/format.mdx)

packages/website/docs/components/tabular-content/data-grid/advanced/_category_.yml renamed to packages/website/docs/components/data-grid/advanced/_category_.yml

@@ -4,7 +4,7 @@ keywords: [EuiPagination]
 
 # Pagination
 
-Some EUI components have pagination built-in, like [EuiBasicTable](../../tabular-content/tables/basic.mdx), but for custom built paginated interfaces you can use **EuiPagination** manually.
+Some EUI components have pagination built-in, like [EuiBasicTable](../../tables/basic.mdx), but for custom built paginated interfaces you can use **EuiPagination** manually.
 
 ## Component
 
@@ -135,7 +135,7 @@ export default function () {
 
 ### Table pagination
 
-You can use **EuiTablePagination** to create a combination "Rows per page" and pagination set, commonly used with [tables](../../tabular-content/tables/basic.mdx#pagination). If you pass `0` in as one of the `itemsPerPageOptions`, it will create a "Show all" option and hide the pagination.
+You can use **EuiTablePagination** to create a combination "Rows per page" and pagination set, commonly used with [tables](../../tables/basic.mdx#pagination). If you pass `0` in as one of the `itemsPerPageOptions`, it will create a "Show all" option and hide the pagination.
 
 ```tsx interactive
 import React, { useState } from 'react';

packages/website/docs/components/tabular-content/data-grid/advanced/custom-body-rendering/data_columns_cells.tsx renamed to packages/website/docs/components/data-grid/advanced/custom-body-rendering/data_columns_cells.tsx

@@ -4,7 +4,7 @@ keywords: [EuiSideNav]
 
 # Side nav
 
-**EuiSideNav** is a responsive menu system that usually sits on the left side of a page layout. It will expand to the width of its container. This is the same menu system used for the EUI documentation.
+**EuiSideNav** is a responsive menu system that usually sits on the left side of a page layout. It will expand to the width of its container.
 
 Configure the content of a **EuiSideNav** by passing in an `items` prop. Refer to the source code for an example of this data structure’s anatomy.
 

packages/website/docs/components/tabular-content/data-grid/advanced/custom-body-rendering/data_grid.tsx renamed to packages/website/docs/components/data-grid/advanced/custom-body-rendering/data_grid.tsx

@@ -0,0 +1,2 @@
+label: Tables
+position: 8

packages/website/docs/components/tabular-content/data-grid/advanced/custom-body-rendering/demo.tsx renamed to packages/website/docs/components/data-grid/advanced/custom-body-rendering/demo.tsx

@@ -102,7 +102,7 @@ const CONTENT_DATA = [
   },
   {
     title: 'Table',
-    href: './docs/components/tabular-content/tables',
+    href: './docs/components/tables',
     svg: SvgTable,
     description:
       'Flexible tables with sorting, pagination, selection and actions',

packages/website/docs/components/tabular-content/data-grid/advanced/custom-body-rendering/index.mdx renamed to packages/website/docs/components/data-grid/advanced/custom-body-rendering/index.mdx

@@ -247,7 +247,7 @@ The story's `id` can be found in the URL. It's the part after `/index.html?path=
 
 ### Tables
 
-The preferred way to display content in tables is by leveraging [EuiBasicTable](https://eui.elastic.co/docs/components/tabular-content/tables/basic-tables) and not Markdown tables.
+The preferred way to display content in tables is by leveraging [EuiBasicTable](https://eui.elastic.co/docs/components/tables/basic-tables) and not Markdown tables.
 
 Just like with [partials](#partials), the code for the table can be separated in its own file and imported into the MDX document where it'll be displayed. For example:
 
@@ -256,7 +256,7 @@ Just like with [partials](#partials), the code for the table can be separated in
         nice_table.tsx
         index.mdx
 
-`nice_table.tsx` can export a component that renders [EuiBasicTable](https://eui.elastic.co/docs/components/tabular-content/tables/basic-tables):
+`nice_table.tsx` can export a component that renders [EuiBasicTable](https://eui.elastic.co/docs/components/tables/basic-tables):
 
 ```tsx
 import { css } from '@emotion/react';