Fix: Reset scroll position when switching tabs by using a ref on the content area

frontend/app/page.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { useEffect, useMemo, useState } from "react";
+import { useEffect, useMemo, useState, useRef } from "react";
 import Dashboard from "../components/Dashboard";
 import TenderSearch from "../components/TenderSearch";
 import CompanyProfile from "../components/CompanyProfile";
@@ -51,6 +51,7 @@ export default function HomePage() {
   const [status, setStatus] = useState("listening");
   const [searchKeyword, setSearchKeyword] = useState("");
   const [lang, setLang] = useState<Language>("en");
+  const contentRef = useRef<HTMLDivElement>(null);
   
   const t = translations[lang];
 
@@ -58,6 +59,9 @@ export default function HomePage() {
   // Scroll to top when tab changes
   useEffect(() => {
     window.scrollTo(0, 0);
+    if (contentRef.current) {
+      contentRef.current.scrollTo(0, 0);
+    }
   }, [activeTab]);
 
   useEffect(() => {
@@ -236,7 +240,7 @@ export default function HomePage() {
           </header>
 
           {/* Content Area */}
-          <div className="flex-1 overflow-y-auto pr-2 custom-scrollbar pb-12">
+          <div ref={contentRef} className="flex-1 overflow-y-auto pr-2 custom-scrollbar pb-12">
             {activeTab === "Dashboard" && (
               <Dashboard
                 tendersFound={tenders.length}