fixed search bar alignment on profile feeds

src/components/Profile/index.tsx

@@ -204,26 +204,26 @@ export default function Profile({ id }: { id?: string }) {
         </div>
       </div>
       <div>
-        <Tabs
+        <div className="space-y-2">
-          value={activeTab}
+          <Tabs
-          tabs={tabs}
+            value={activeTab}
-          onTabChange={(tab) => setActiveTab(tab as ProfileTabValue)}
+            tabs={tabs}
-          threshold={800}
+            onTabChange={(tab) => setActiveTab(tab as ProfileTabValue)}
-          options={
+            threshold={800}
-            <div className="flex items-center gap-2 pr-2">
+          />
-              <ProfileSearchBar
+          <div className="flex items-center gap-2 pr-2 px-1">
-                onSearch={setSearchQuery}
+            <ProfileSearchBar
-                placeholder={`Search ${activeTab}...`}
+              onSearch={setSearchQuery}
-                className="w-64"
+              placeholder={`Search ${activeTab}...`}
-              />
+              className="w-64"
-              <RetroRefreshButton
+            />
-                onClick={handleRefresh}
+            <RetroRefreshButton
-                size="sm"
+              onClick={handleRefresh}
-                className="flex-shrink-0"
+              size="sm"
-              />
+              className="flex-shrink-0"
-            </div>
+            />
-          }
+          </div>
-        />
+        </div>
         {activeTab === 'posts' && (
           <ProfileFeed 
             ref={profileFeedRef}