feat: replace StockViewer with MostActiveStocks on stocks page

app/routes/stocks.tsx

@@ -1,4 +1,4 @@
-import StockViewer from "../components/StockViewer";
+import MostActiveStocks from "../components/MostActiveStocks";
 import Navbar from "../components/Navbar";
 
 export default function Stocks() {
@@ -9,13 +9,13 @@ export default function Stocks() {
         <div className="mx-auto max-w-7xl px-6 sm:px-8 lg:px-8">
           <div className="text-center mb-12">
             <h1 className="text-4xl font-bold text-gray-900 mb-4">
-              Stock Indicators
+              Most Active Stocks
             </h1>
             <p className="text-xl text-gray-600 max-w-2xl mx-auto">
-              Analyze technical indicators for any stock symbol.
+              Real-time view of the most actively traded stocks, auto-refreshing every 30 seconds.
             </p>
           </div>
-          <StockViewer />
+          <MostActiveStocks />
         </div>
       </div>
     </div>