fix hover and propagation

Author: Kurtyjlee

peerprep-fe/src/app/(main)/components/filter/FilterBadge.tsx

@@ -34,7 +34,7 @@ export function FilterBadge({ filterType, value, onRemove }: FilterBadgeProps) {
       {`${filterType}: ${value}`}
       <button
         onClick={() => onRemove(filterType, value)}
-        className="ml-1 focus:outline-none"
+        className="ml-1 cursor-pointer focus:outline-none"
       >
         <X className="h-3 w-3" />
       </button>

peerprep-fe/src/app/(main)/components/filter/FilterSelect.tsx

@@ -30,7 +30,11 @@ export function FilterSelect({
       </SelectTrigger>
       <SelectContent>
         {options.map((option) => (
-          <SelectItem key={option.value} value={option.value}>
+          <SelectItem
+            key={option.value}
+            value={option.value}
+            className="cursor-pointer"
+          >
             {option.label}
           </SelectItem>
         ))}

peerprep-fe/src/app/(main)/components/filter/TopicsPopover.tsx

@@ -62,7 +62,10 @@ export function TopicsPopover({
           <Input
             placeholder="Search topics..."
             value={searchTerm}
-            onChange={(e) => setSearchTerm(e.target.value)}
+            onChange={(e) => {
+              e.stopPropagation();
+              setSearchTerm(e.target.value);
+            }}
             className="mb-2"
           />
         </div>

peerprep-fe/src/components/navbar/Navbar.tsx

@@ -82,12 +82,15 @@ export default function Navbar() {
                 <DropdownMenuItem disabled>
                   <span className="font-semibold">Hi {user?.username}</span>
                 </DropdownMenuItem>
-                <DropdownMenuItem asChild>
+                <DropdownMenuItem asChild className="cursor-pointer">
                   <Link href="/profile" className="w-full">
                     Profile
                   </Link>
                 </DropdownMenuItem>
-                <DropdownMenuItem onClick={handleLogout}>
+                <DropdownMenuItem
+                  onClick={handleLogout}
+                  className="cursor-pointer"
+                >
                   <LogOut className="mr-2 h-4 w-4" />
                   <span>Sign out</span>
                 </DropdownMenuItem>