Replace floating widgets with fixed bottom bar

docs/Examples/Reverse Proxies/Docs/Nginx/Nginx.mdx

@@ -24,7 +24,7 @@ import TabItem from '@theme/TabItem';
 import BuyMeACoffeeButton from '@site/src/components/BuyMeACoffeeButton';
 
 :::note
-These examples may include references to additional Nginx configuration files (such as `security-headers.conf`, `authelia-location.conf`, `proxy.conf`, etc.) that are not included by default with Nginx. These snippet files can be found in the [Nginx Snippets](#nginx-snippets) section below and should be manually created in `/etc/nginx/snippets/`.
+These examples may include references to additional Nginx configuration files (such as `security-headers.conf`, `authelia-location.conf`, `proxy.conf`, etc.) that are not included by default with Nginx. These snippet files can be found in the [Nginx Snippets](#nginx-snippets) section below and should be manually created in `/etc/nginx/snippets/`. Alternatively, if you don't want to use these snippet files, you can simply comment out the `include` lines in the configuration.
 :::
 
 :::warning Security Consideration

src/css/custom.css

@@ -32,7 +32,7 @@
   --ifm-link-color: #68e4f5;
 }
 
-/* Prevent TOC from overlapping with floating widgets at bottom right */
+/* Prevent TOC from overlapping with bottom bar */
 .table-of-contents {
   max-height: calc(100vh - var(--floating-widget-clearance)) !important;
   overflow-y: auto !important;

src/theme/Footer/index.tsx

@@ -1,21 +1,21 @@
-import React from 'react';
-import Footer from '@theme-original/Footer';
-import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
+import React from 'react'
+import Footer from '@theme-original/Footer'
+import useDocusaurusContext from '@docusaurus/useDocusaurusContext'
 // import { MendableFloatingButton } from '@mendable/search'
-import BottomBar from '@site/src/components/BottomBar';
+import BottomBar from '@site/src/components/BottomBar'
 
 export default function FooterWrapper(props) {
   const {
     siteConfig: { customFields },
-  } = useDocusaurusContext();
+  } = useDocusaurusContext()
 
   // Fixed TypeScript error - explicit type casting for mendableAnonKey
-  //  const mendableKey = customFields.mendableAnonKey as string;
+//  const mendableKey = customFields.mendableAnonKey as string;
 
   return (
     <>
       <Footer {...props} />
       <BottomBar />
     </>
-  );
+  )
 }