add github icon and display breadcrumb on docs home page

src/app/components/docs/github-link.tsx

@@ -0,0 +1,22 @@
+import { DocsContentMetadata } from "@/app/common/documentation";
+import { ReactElement } from "react";
+import Image from "next/image";
+import Link from "next/link";
+
+type GithubLink = {
+  /**
+   * The page to link to.
+   */
+  page: DocsContentMetadata;
+};
+
+export function GithubLink({ page }: GithubLink): ReactElement {
+  return (
+    <Link
+      href={`https://git.fascinated.cc/MinecraftUtilities/Frontend/src/branch/master/documentation/${page.slug}.md`}
+      target="_blank"
+    >
+      <Image src="/media/github.png" alt="The GitHub logo" width={24} height={24} className="filter dark:invert" />
+    </Link>
+  );
+}

src/app/components/docs/sidebar.tsx

@@ -0,0 +1,10 @@
+import { Search } from "@/app/components/docs/search";
+import { ReactElement } from "react";
+
+export function Sidebar(): ReactElement {
+  return (
+    <div className="flex flex-row gap-2 h-full md:flex-col">
+      <Search />
+    </div>
+  );
+}