refactor: replace RelaySelector with RelayListManager in ProfileView, BookmarksPage, FollowingPage, and Nip05ProfilePage

src/components/ProfileView.tsx

@@ -9,7 +9,7 @@ import { Button } from '@/components/ui/button';
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
 import { Link2, Copy, Check, Bookmark, BadgeCheck, Zap } from 'lucide-react';
 import { genUserName } from '@/lib/genUserName';
-import { RelaySelector } from '@/components/RelaySelector';
+import { RelayListManager } from '@/components/RelayListManager';
 import { ArticlePreview } from '@/components/ArticlePreview';
 import { FollowButton } from '@/components/FollowButton';
 import { useToast } from '@/hooks/useToast';
@@ -207,7 +207,7 @@ export function ProfileView({
                       <p className="text-muted-foreground">
                         No blog posts found from this author. Try another relay?
                       </p>
-                      <RelaySelector className="w-full" />
+                      <RelayListManager />
                     </div>
                   </CardContent>
                 </Card>
@@ -245,7 +245,7 @@ export function ProfileView({
                           This user hasn't bookmarked any articles yet.
                         </p>
                       </div>
-                      <RelaySelector className="w-full" />
+                      <RelayListManager />
                     </div>
                   </CardContent>
                 </Card>

src/pages/BookmarksPage.tsx

@@ -1,6 +1,6 @@
 import { useSeoMeta } from '@unhead/react';
 import { ArticlePreview } from '@/components/ArticlePreview';
-import { RelaySelector } from '@/components/RelaySelector';
+import { RelayListManager } from '@/components/RelayListManager';
 import { LoginArea } from '@/components/auth/LoginArea';
 import { useCurrentUser } from '@/hooks/useCurrentUser';
 import { useBookmarkedArticles } from '@/hooks/useBookmarkedArticles';
@@ -93,7 +93,7 @@ export function BookmarksPage() {
                 <p className="text-muted-foreground">
                   Couldn't load bookmarked articles. Try switching to a different relay?
                 </p>
-                <RelaySelector className="w-full" />
+                <RelayListManager />
               </div>
             </CardContent>
           </Card>

src/pages/FollowingPage.tsx

@@ -4,7 +4,7 @@ import { useFollowingBlogPosts } from '@/hooks/useFollowingBlogPosts';
 import { ArticlePreview } from '@/components/ArticlePreview';
 import { Card, CardContent } from '@/components/ui/card';
 import { Skeleton } from '@/components/ui/skeleton';
-import { RelaySelector } from '@/components/RelaySelector';
+import { RelayListManager } from '@/components/RelayListManager';
 import { Users } from 'lucide-react';
 import { LoginArea } from '@/components/auth/LoginArea';
 
@@ -88,7 +88,7 @@ export default function FollowingPage() {
                 <p className="text-muted-foreground">
                   Failed to load articles. Try another relay?
                 </p>
-                <RelaySelector className="w-full" />
+                <RelayListManager />
               </div>
             </CardContent>
           </Card>
@@ -108,7 +108,7 @@ export default function FollowingPage() {
                     Try following some authors or switching to a different relay.
                   </p>
                 </div>
-                <RelaySelector className="w-full" />
+                <RelayListManager />
               </div>
             </CardContent>
           </Card>

src/pages/Nip05ProfilePage.tsx

@@ -5,7 +5,7 @@ import { useAuthor } from '@/hooks/useAuthor';
 import { useAuthorBlogPosts } from '@/hooks/useAuthorBlogPosts';
 import { useUserBookmarkedArticles } from '@/hooks/useUserBookmarkedArticles';
 import { Card, CardContent } from '@/components/ui/card';
-import { RelaySelector } from '@/components/RelaySelector';
+import { RelayListManager } from '@/components/RelayListManager';
 import { ProfileView } from '@/components/ProfileView';
 import { ProfileSkeleton } from '@/components/ProfileSkeleton';
 import NotFound from '@/pages/NotFound';
@@ -63,7 +63,7 @@ export default function Nip05ProfilePage() {
                 <p className="text-sm text-muted-foreground">
                   The identifier may not exist, or the server may be temporarily unavailable. Try another relay?
                 </p>
-                <RelaySelector className="w-full" />
+                <RelayListManager />
               </div>
             </CardContent>
           </Card>