chore(docs): fixing the breadcrumb issue (#6605)

Ofc I had to also change the icon to be a mini Aztec logo. And btw
minified the svg. I could go on but I have to stop with these nittiest
of nits

docs/docusaurus.config.js

@@ -22,7 +22,7 @@ const config = {
   trailingSlash: false,
   onBrokenLinks: "throw",
   onBrokenMarkdownLinks: process.env.ENV === "dev" ? "warn" : "throw",
-  favicon: "img/Aztec_docs_icons-02.svg",
+  favicon: "img/Aztec_icon_minified.svg",
 
   // GitHub pages deployment config.
   // If you aren't using GitHub pages, you don't need these.

docs/src/theme/DocBreadcrumbs/Items/Home/index.js

@@ -0,0 +1,26 @@
+import React from "react";
+import Link from "@docusaurus/Link";
+import useBaseUrl from "@docusaurus/useBaseUrl";
+import { translate } from "@docusaurus/Translate";
+import IconHome from "@theme/Icon/Home";
+import styles from "./styles.module.css";
+import AztecLogo from "@site/static/img/Aztec_icon_minified.svg";
+
+export default function HomeBreadcrumbItem() {
+  const homeHref = useBaseUrl("/");
+  return (
+    <li className="breadcrumbs__item" itemProp="itemListElement">
+      <Link
+        aria-label={translate({
+          id: "theme.docs.breadcrumbs.home",
+          message: "Home page",
+          description: "The ARIA label for the home page in the breadcrumbs",
+        })}
+        className="breadcrumbs__link"
+        href={homeHref}
+      >
+        <AztecLogo className={styles.breadcrumbHomeIcon} />
+      </Link>
+    </li>
+  );
+}

docs/src/theme/DocBreadcrumbs/Items/Home/styles.module.css

@@ -0,0 +1,7 @@
+.breadcrumbHomeIcon {
+  position: relative;
+  top: 1px;
+  vertical-align: top;
+  height: 1.1rem;
+  width: 1.1rem;
+}