Adds bot documentation to docusaurus and changes for hub (#4409)

* feat: adds bot docs to docu

* fix: file structure

* fix: brings changelog and switch platform button

* adding available options and changing Example text

* fix: detect whether iframe, fix availableoptions component, dynamic update third friday for options component

* fix: updated readme to reflect new changes

* fix: made it so from iframe only shows relevant sidebar

* PLAY BUTTON WOOO - works on discord/charting/chart

* comment

* fix: search bar, improve search

* fix: hijacks ctrl+k from iframe, adds visit to hub link

* about

* setting up play button for all images on Discord

* Bot docs updates

* terminal/faqs

* update main page

* add changelog to terminal

* SDK refactoring

* minor reordering

* bot struct in place

* move bot faqs over

* updating bot index and installation

* add new letterings

* fix: adds new navbar

* fix: new bot images and layouts

* updating installation and flow

* black linter

* spelling

* spelling

* The best commit

---------

Co-authored-by: andrewkenreich <andrew.kenreich@gmail.com>
Co-authored-by: DidierRLopes <dro.lopes@campus.fct.unl.pt>
Co-authored-by: James Maslek <jmaslek11@gmail.com>

website/src/theme/DocSidebar/Desktop/Content/index.js

@@ -7,6 +7,8 @@ import {
 } from "@docusaurus/theme-common/internal";
 import DocSidebarItems from "@theme/DocSidebarItems";
 import styles from "./styles.module.css";
+import { useIFrameContext } from "@site/src/theme/Root";
+import SearchBar from "@site/src/theme/SearchBar";
 function useShowAnnouncementBar() {
   const { isActive } = useAnnouncementBar();
   const [showAnnouncementBar, setShowAnnouncementBar] = useState(isActive);
@@ -22,10 +24,15 @@ function useShowAnnouncementBar() {
 }
 export default function DocSidebarDesktopContent({ path, sidebar, className }) {
   const showAnnouncementBar = useShowAnnouncementBar();
+  const { isIFrame } = useIFrameContext();
+
   return (
     <nav
       className={clsx(
-        "menu thin-scrollbar mt-[40px] !px-10 text-sm !pb-10",
+        "menu thin-scrollbar !px-10 text-sm !pb-10",
+        {
+          "mt-[40px]": !isIFrame,
+        },
         styles.menu,
         showAnnouncementBar && styles.menuWithAnnouncementBar,
         className