removed bottom border in the navbar

Author: Arunkoo

Client/src/components/Layout/AppLayout.tsx

@@ -38,7 +38,7 @@ const AppLayout = () => {
       </div>
 
       {/* Sticky Navbar with top spacing */}
-      <div className="sticky top-0 z-50 w-full bg-background/80 backdrop-blur-md supports-backdrop-filter:bg-background/60 border-b border-border">
+      <div className="sticky top-0 z-50 w-full bg-background/80  supports-backdrop-filter:bg-background/60  border-border">
         <div className="container mx-auto px-4 sm:px-6 lg:px-8">
           <Navbar />
         </div>

Client/src/components/Layout/Navbar.tsx

@@ -2,6 +2,7 @@ import { useEffect, useState } from "react";
 import { navLogo } from "../../assets/images";
 import { Moon, Sun, Bell, Search } from "lucide-react";
 import { Avatar, AvatarImage, AvatarFallback } from "../ui/avatar";
+import { useNavigate } from "react-router-dom";
 
 const Navbar = () => {
   const [isDark, setIsDark] = useState(() => {
@@ -35,19 +36,22 @@ const Navbar = () => {
     window.addEventListener("scroll", handleScroll);
     return () => window.removeEventListener("scroll", handleScroll);
   }, []);
-
+  const navigate = useNavigate();
   return (
     <div className="sticky top-4 z-50 w-full px-4">
       <nav
-        className={`mx-auto max-w-6xl transition-all duration-300 ${
+        className={`mx-auto mt-7 max-w-6xl transition-all duration-300 ${
           isScrolled
             ? "bg-card/90 backdrop-blur-xl border border-border shadow-lg"
             : "bg-card/80 backdrop-blur-lg border border-border"
         } rounded-2xl py-3 px-6`}
       >
         <div className="flex items-center justify-between">
           {/* Logo */}
-          <div className="flex items-center gap-3">
+          <div
+            className="flex items-center gap-3 cursor-pointer"
+            onClick={() => navigate("/")}
+          >
             <div className="relative">
               <img
                 src={navLogo.logo1}
@@ -58,7 +62,9 @@ const Navbar = () => {
             <div className="hidden sm:block">
               <h1 className="text-xl font-bold">
                 <span className="text-primary">Brain</span>
-                <span className="text-muted-foreground">Vector</span>
+                <span className="text-muted-foreground italic ml-0.5">
+                  Vector
+                </span>
               </h1>
             </div>
           </div>