feat(frontend): federation tab on own profile

thoughts-frontend/app/users/[username]/page.tsx

@@ -53,6 +53,8 @@ import { buildThoughtThreads } from "@/lib/utils";
 import { ThoughtThread } from "@/components/thought-thread";
 import { Button } from "@/components/ui/button";
 import Link from "next/link";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
+import { FederationPanel } from "@/components/federation/federation-panel";
 
 interface ProfilePageProps {
   params: Promise<{ username: string }>;
@@ -250,6 +252,14 @@ export default async function ProfilePage({ params }: ProfilePageProps) {
           id="profile-card__thoughts"
           className="col-span-1 lg:col-span-3 space-y-4"
         >
+          <Tabs defaultValue="thoughts">
+            <TabsList className="mb-4">
+              <TabsTrigger value="thoughts">Thoughts</TabsTrigger>
+              {isOwnProfile && (
+                <TabsTrigger value="federation">Federation</TabsTrigger>
+              )}
+            </TabsList>
+            <TabsContent value="thoughts" className="space-y-4">
               {thoughtThreads.map((thought) => (
                 <ThoughtThread
                   key={thought.id}
@@ -268,6 +278,13 @@ export default async function ProfilePage({ params }: ProfilePageProps) {
                   </p>
                 </Card>
               )}
+            </TabsContent>
+            {isOwnProfile && (
+              <TabsContent value="federation">
+                <FederationPanel />
+              </TabsContent>
+            )}
+          </Tabs>
         </div>
       </main>
     </div>