[#809,docs][xl]: add LHS sidebar to docs

site/components/DocsPagination.tsx

@@ -0,0 +1,44 @@
+export default function DocsPagination({ prev = '', next = '' }) {
+  return (
+    <div className="w-full flex my-20">
+      {prev && (
+        <a href={prev} className="mr-10 no-underline">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            fill="none"
+            viewBox="0 0 24 24"
+            stroke-width="1.5"
+            stroke="currentColor"
+            className="w-6 h-6 inline mr-2"
+          >
+            <path
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              d="M15.75 19.5L8.25 12l7.5-7.5"
+            />
+          </svg>
+          Prev
+        </a>
+      )}
+      {next && (
+        <a href={next} className="no-underline ml-auto">
+          Next Lesson
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            fill="none"
+            viewBox="0 0 24 24"
+            strokeWidth={1.5}
+            stroke="currentColor"
+            className="w-6 h-6 inline ml-2"
+          >
+            <path
+              strokeLinecap="round"
+              strokeLinejoin="round"
+              d="M8.25 4.5l7.5 7.5-7.5 7.5"
+            />
+          </svg>
+        </a>
+      )}
+    </div>
+  );
+}