feat(docs): migrate documentation site into monorepo (#5912)

apps/docs/docs/widgets/media-transcoding/index.mdx

@@ -0,0 +1,51 @@
+---
+title: 'Media transcoding'
+description: 'Statistics, current queue and worker status of your media transcoding'
+hide_title: true
+---
+
+import { WidgetHeader } from '@site/src/components/widgets/header';
+import { AddingWidget } from '@site/src/components/widgets/adding';
+import { WidgetConfig } from '@site/src/components/widgets/configuration';
+import { WidgetIntegrations } from '@site/src/components/widgets/integrations';
+import { IconAd } from "@tabler/icons-react";
+import Tabs from '@theme/Tabs';
+import TabItem from '@theme/TabItem';
+import { mediaTranscodingWidget } from '.';
+import { tdarrIntegration } from '@site/docs/integrations/tdarr';
+
+
+<WidgetHeader
+  widget={mediaTranscodingWidget}
+  categories={['Media transcoding']}
+/>
+
+The media transcoding widget provides you with an overview of your media transcoding status. 
+It shows you the current queue, worker status, and statistics about your transcoding jobs.
+
+
+
+### Screenshots
+
+import queueCard from './img/queue.png';
+import workersCard from './img/workers.png';
+import statisticsCard from './img/statistics.png';
+
+<div className="flex gap-1 flex-wrap">
+  <img src={workersCard} alt="media-transcoding workers-tab" width={128 * 3} />
+  <img src={queueCard} alt="media-transcoding  queue-tab" width={128 * 3} />
+  <img src={statisticsCard} alt="media-transcoding statistics-tab" width={128 * 3} />
+</div>
+
+### Supported Integrations
+
+<WidgetIntegrations items={[{
+  integration: tdarrIntegration,
+}]} />
+
+### Adding the widget
+
+<AddingWidget />
+
+### Configuration
+<WidgetConfig configuration={mediaTranscodingWidget.configuration} />