Fix horizontal scrolling issue on mobile for the Ask Ritu AI sidebar

frontend/src/components/Dashboard/Dashboard.jsx

@@ -996,9 +996,9 @@ export default function Dashboard() {
 
         {/* ── RIGHT SIDEBAR (ClimateBot) ── */}
         <div className={`
-          absolute top-0 right-0 z-[110] h-full w-[85vw] sm:w-96 bg-white/95 backdrop-blur-3xl border-l border-slate-200 shadow-2xl
+          fixed top-0 right-0 z-[110] h-full w-[85vw] sm:w-96 bg-white/95 backdrop-blur-3xl border-l border-slate-200 shadow-2xl
           transition-transform duration-300 ease-in-out flex flex-col
-          ${isRightOpen ? 'translate-x-0' : 'translate-x-full'}
+          ${isRightOpen ? 'translate-x-0' : 'translate-x-full shadow-none pointer-events-none'}
         `}>
           <div className="p-4 border-b border-slate-200 flex justify-between items-center bg-slate-50 relative z-[150]">
             <h2 className="font-bold text-slate-800 flex items-center gap-2" style={{ fontFamily: 'Samarkan, sans-serif', fontSize: '1.25rem' }}>Ritu AI</h2>