feat(fronstage): add autoscroll

Author: ramchaik

src/frontstage/src/app/projects/[id]/page.tsx

@@ -22,7 +22,7 @@ import {
 } from "@nextui-org/react";
 import { AnimatePresence, motion } from "framer-motion";
 import { useParams } from "next/navigation";
-import React, { useEffect, useMemo, useRef, useState } from "react";
+import React, { useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import toast from "react-hot-toast";
 
 const ProjectDetailPage: React.FC = () => {
@@ -50,7 +50,7 @@ const ProjectDetailPage: React.FC = () => {
     refetchInterval: isPolling ? 5000 : false, // Poll every 5 seconds if isPolling is true
   });
 
-  useEffect(() => {
+  useLayoutEffect(() => {
     if (logSet && logSet.length > 0) {
       const uniqueLogs = logSet.filter((newLog: any, index: any) => {
         return !logs.has(newLog);