RDoc-3361 Added EmptyToc component

Author: Lwiel

src/components/EmptyToc.module.css

@@ -0,0 +1,4 @@
+.emptyToc {
+    width: 25%;
+    margin-left: 2px;
+}

src/components/EmptyToc.tsx

@@ -0,0 +1,6 @@
+import React, {ReactNode} from "react";
+import styles from "./EmptyToc.module.css";
+
+export default function EmptyToc(): ReactNode {
+    return <div className={styles.emptyToc}></div>
+}

src/theme/DocItem/DocItemWrapper.module.css

@@ -0,0 +1,8 @@
+.wrapper {
+    display: flex;
+    position: relative;
+}
+
+.content {
+    flex: 1;
+}

src/theme/DocItem/index.tsx

@@ -3,13 +3,20 @@ import DocItem from "@theme-original/DocItem";
 import type DocItemType from "@theme/DocItem";
 import type { WrapperProps } from "@docusaurus/types";
 import { LanguageProvider } from "../../components/LanguageContext";
+import wrapperStyles from "./DocItemWrapper.module.css";
+import tocStyles from "../../components/EmptyToc.module.css";
 
 type Props = WrapperProps<typeof DocItemType>;
 
 export default function DocItemWrapper(props: Props): ReactNode {
-  return (
-    <LanguageProvider>
-      <DocItem {...props} />
-    </LanguageProvider>
-  );
-}
+    return (
+        <div className={wrapperStyles.wrapper}>
+            <LanguageProvider>
+                <div className={wrapperStyles.content}>
+                    <DocItem {...props} />
+                </div>
+            </LanguageProvider>
+            <div className={tocStyles.emptyToc}></div>
+        </div>
+    );
+}