feat: redesign help modal with enhanced hero section, improved navigation styling, and card-based layout

- Increase help container max-width from 960px to 1320px for wider layout
- Add overflow-y auto and scroll-behavior smooth to help-body
- Redesign help navigation with wider sidebar (260px), softer background colors, and rounded pill-style links
- Add emoji icons to all navigation menu items for better visual hierarchy
- Transform navigation links with rounded borders, gradient backgrounds on

frontend/app.js

@@ -3615,9 +3615,10 @@
 
   function initHelpNavigation() {
     const helpContent = document.querySelector(".help-content");
+    const helpBody = document.getElementById("help-body");
     const navLinks = document.querySelectorAll(".help-nav-link");
 
-    if (!helpContent || !navLinks.length) return;
+    if (!helpContent || !helpBody || !navLinks.length) return;
 
     // Handle nav link clicks
     navLinks.forEach((link) => {
@@ -3647,7 +3648,7 @@
         });
       },
       {
-        root: helpContent,
+        root: helpBody,
         rootMargin: "-20% 0px -70% 0px",
         threshold: 0,
       },