style: adjust bottom margin of Saajan component image to -6

frontend/src/App.tsx

@@ -1,5 +1,11 @@
 import { lazy, Suspense, useEffect, useRef } from "react";
-import { BrowserRouter, Navigate, Route, Routes } from "react-router-dom";
+import {
+  BrowserRouter,
+  Navigate,
+  Route,
+  Routes,
+  ScrollRestoration,
+} from "react-router-dom";
 import { ProtectedRoute, PublicRoute } from "./components/RouteGuards";
 import SplashScreen from "./components/SplashScreen";
 import { ROUTES } from "./config/routes";

frontend/src/components/ui/Saajan.tsx

@@ -45,7 +45,7 @@ export default function Saajan({ message, position = "right" }: SaajanProps) {
         <img
           src={sf_mini}
           alt="saajan"
-          className={`sepia-20 w-35 -mb-3 ${animate ? "animate-[pulse_.5s_ease_2]" : ""}`}
+          className={`sepia-20 w-35 -mb-6 ${animate ? "animate-[pulse_.5s_ease_2]" : ""}`}
         />
       </div>
     </div>

frontend/src/pages/About.tsx

@@ -19,7 +19,7 @@ import {
 } from "@phosphor-icons/react";
 import { ReactLenis } from "lenis/react";
 import { AnimatePresence, motion, useScroll, useTransform } from "motion/react";
-import { useRef, useState } from "react";
+import { useEffect, useRef, useState } from "react";
 import stamp from "../assets/envelope/stamp.png";
 import Logo from "../components/Logo.tsx";
 import { Modal } from "../components/ui/Modal";
@@ -47,6 +47,9 @@ function HorizontalScroll({ children }: { children: React.ReactNode }) {
 }
 
 export default function About() {
+  useEffect(() => {
+    window.scrollTo(0, 0);
+  }, []);
   return (
     <ReactLenis root options={{ lerp: 0.1, duration: 1.5, smoothWheel: true }}>
       <div className="flex flex-col">

frontend/src/pages/Home.tsx

@@ -285,6 +285,7 @@ export default function Home() {
                 "md:opacity-50 hover:opacity-100 btn btn-ghost btn-wide md:btn-xl rounded-full font-extralight md:grayscale hover:grayscale-0 hover:-translate-y-1 transition-all duration-1000"
               }
               type={"button"}
+              onClick={() => navigate(ROUTES.ABOUT, { replace: true })}
             >
               <InfoIcon className={"text-primary"} />
               Tell me More