Replace floating widgets with fixed bottom bar

[Copilot]

Replaces individual floating Discord and Buy Me a Coffee widgets with a unified bottom bar component visible across all pages.

Changes

• New BottomBar component (src/components/BottomBar/)

  • Fixed positioning at viewport bottom
  • Responsive: full text on desktop, icons only on mobile
  • Theme-aware styling with hover states
  • Semantic CSS classes (.discordButton, .coffeeButton)

• Updated Footer wrapper (src/theme/Footer/index.tsx)

  • Replaced DiscordFloatingWidget and BuyMeACoffeeFloatingWidget with BottomBar

• Cleaned up custom CSS (src/css/custom.css)

  • Removed TOC height constraints previously needed for floating widgets

Implementation

// Before: Two separate floating widgets
<DiscordFloatingWidget />
<BuyMeACoffeeFloatingWidget />

// After: Unified bottom bar
<BottomBar />

The bar adds 60px bottom padding to body to prevent content overlap and collapses to icon-only view below 768px width.

Screenshots

Homepage:

Documentation Page:

Original prompt

Create a New branch from main. This branch should include a list of tasks. the goal is to replace the floating widgets for discord and buymeacoffee with a new bar that will be visable accross the bottom of the page throughout the site

---

💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.

[cloudflare-workers-and-pages]

Deploying bankaitechdocs with    Cloudflare Pages

Latest commit:	8a33507
Status:	✅  Deploy successful!
Preview URL:	https://1b98c1a6.bankaitechdocs.pages.dev
Branch Preview URL:	https://copilot-replace-floating-wid.bankaitechdocs.pages.dev

View logs