Integrate with frontend

frontend/src/components/SearchBar.tsx

@@ -2,6 +2,7 @@ import { Hash, MessageSquare, Search } from "lucide-react";
 import { useEffect, useId, useRef, useState } from "react";
 import { useNavigate, useSearchParams } from "react-router-dom";
 import { Button } from "./ui/button";
+import useAuthStore from "@/services/auth";
 import {
   DropdownMenu,
   DropdownMenuContent,
@@ -23,6 +24,7 @@ const searchTypes = [
   { id: "questions", label: "Questions", icon: MessageSquare },
 ] as const;
 
+
 export const SearchBar = () => {
   const id = useId();
   const [params] = useSearchParams();
@@ -35,6 +37,8 @@ export const SearchBar = () => {
   const inputRef = useRef<HTMLInputElement>(null);
   const navigate = useNavigate();
 
+  const { selfProfile } = useAuthStore();
+
   // Get current search type info
   const currentSearchType = searchTypes.find((type) => type.id === searchType);
   const SearchTypeIcon = currentSearchType?.icon || Hash;
@@ -97,6 +101,10 @@ export const SearchBar = () => {
     const params = new URLSearchParams();
     params.append("type", searchType);
     params.append("q", search);
+    // Safely append currentUserId only if selfProfile is available
+    if (selfProfile?.id) {
+      params.append("currentUserId", selfProfile.id.toString());
+    }
     navigate("/search?" + params.toString());
   };