feat: followers/following links on remote profile; render remote post content as HTML

thoughts-frontend/components/remote-user-profile.tsx

@@ -133,6 +133,31 @@ export function RemoteUserProfile({
                 </Link>
               </Button>
 
+              {(actor.followersUrl || actor.followingUrl) && (
+                <div className="mt-3 flex gap-3 text-sm">
+                  {actor.followersUrl && (
+                    <Link
+                      href={actor.followersUrl}
+                      target="_blank"
+                      rel="noopener noreferrer"
+                      className="text-muted-foreground hover:text-foreground hover:underline"
+                    >
+                      Followers
+                    </Link>
+                  )}
+                  {actor.followingUrl && (
+                    <Link
+                      href={actor.followingUrl}
+                      target="_blank"
+                      rel="noopener noreferrer"
+                      className="text-muted-foreground hover:text-foreground hover:underline"
+                    >
+                      Following
+                    </Link>
+                  )}
+                </div>
+              )}
+
               {actor.alsoKnownAs && (
                 <p className="mt-2 text-xs text-muted-foreground">
                   Also known as:{" "}

thoughts-frontend/components/thought-card.tsx

@@ -152,9 +152,16 @@ export function ThoughtCard({
           </DropdownMenu>
         </CardHeader>
         <CardContent>
-          <p className="whitespace-pre-wrap break-words text-shadow-sm">
-            {thought.content}
-          </p>
+          {thought.author.local ? (
+            <p className="whitespace-pre-wrap break-words text-shadow-sm">
+              {thought.content}
+            </p>
+          ) : (
+            <div
+              className="text-sm break-words [&_a]:underline [&_a]:text-primary [&_p]:mb-2"
+              dangerouslySetInnerHTML={{ __html: thought.content }}
+            />
+          )}
         </CardContent>
 
         {token && (