upload button -> home button on /upload

Author: abhitrueprogrammer

src/components/Navbar.tsx

@@ -1,11 +1,15 @@
+"use client"
 import ccLogo from "../assets/codechef_logo.svg";
 import Image from "next/image";
 import { Button } from "@/components/ui/button";
 import ModeToggle from "@/components/toggle-theme";
 import { ArrowUpToLine } from "lucide-react";
 import Link from "next/link";
+import { usePathname } from "next/navigation";
 
 function Navbar() {
+  const pathname = usePathname();
+
   return (
     <div className="flex items-center justify-between gap-x-3 w-[90%] md:w-full overflow-x-hidden px-2 py-6 md:px-12">
       <div className="hidden w-[20%] md:block">
@@ -31,10 +35,10 @@ function Navbar() {
           <ModeToggle />
         </div>
 
-        <Link href="/upload">
+        <Link href={pathname == "/upload" ? "/" :"/upload"}>
           <div className="md:p-[2px] bg-gradient-to-r from-[#562EE7] to-[#bd21b4] rounded-full">
               <div className="whitespace-nowrap rounded-full font-bold text-xs md:text-sm mt-2 md:mt-0 bg-slate-200 dark:bg-black px-4 md:px-6 py-3 tracking-wider text-black dark:text-white font-sans hover:bg-white dark:hover:bg-slate-700">
-              ⇱ UPLOAD PAPERS
+              {pathname == "/upload" ? "⇱ SEARCH PAPERS": "⇱ UPLOAD PAPERS"}
               </div>
             </div>
         </Link>

src/components/searchbarSubjectList.tsx

@@ -84,6 +84,7 @@ function SearchbarSubjectList({
             value={searchText}
             onChange={handleSearchChange}
             placeholder="Search for subject..."
+            className=" pr-10"
             // className={`text-md w-fuyll rounded-full border bg-[#434dba] px-4 py-6 pr-10 font-sans tracking-wider text-white shadow-sm placeholder:text-white focus:outline-none focus:ring-2 ${loading ? "opacity-70" : ""}`}
           />
           <button