fix(ui): fix mobile hamburger menu positioning (#724)

* Initial plan

* Fix mobile hamburger menu positioning issue

Remove problematic transform from navbar-sidebar CSS that was causing the mobile menu to be positioned outside the viewport. The custom transform: translate3d(100%, 0, 0) was preventing the sidebar from being visible when opened on mobile devices.

Co-authored-by: ccamel <9574336+ccamel@users.noreply.github.com>

* Fix mobile menu slide direction to match hamburger button position

Adjust CSS to make mobile menu slide in from the right instead of left, providing better UX since the hamburger button is positioned on the right side. The menu now properly slides from the right edge of the screen when opened.

Co-authored-by: ccamel <9574336+ccamel@users.noreply.github.com>

---------

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: ccamel <9574336+ccamel@users.noreply.github.com>

Author: Copilot

src/scss/main.scss

@@ -138,6 +138,10 @@ html {
     transform: translate3d(100%, 0, 0);
   }
 
+  .navbar-sidebar--show .navbar-sidebar {
+    transform: translate3d(0, 0, 0);
+  }
+
   .navbar__link--active {
     @include with-linear-gradient(--ifm-navbar-item-color);