use fqn for local account instead of building manually

src/lib/account.js

@@ -31,6 +31,8 @@ export function parseAccount(data) {
     else
         account.host = get(server).host;
 
+    account.fqn = data.fqn || account.username + account.host;
+
     account.mention = "@" + account.username;
     if (account.host != get(server).host)
         account.mention += "@" + account.host;

src/lib/ui/Navigation.svelte

@@ -175,7 +175,7 @@
             <div class="account-name" aria-hidden="true">
                 <a href={$account.url} class="nickname" title={$account.nickname}>{@html $account.rich_name}</a>
                 <span class="username" title={`@${$account.username}@${$account.host}`}>
-                    {`@${$account.username}@${$account.host}`}
+                    {$account.fqn}
                 </span>
             </div>
         </div>

src/routes/+layout.svelte

@@ -28,7 +28,7 @@
         if (!data) return;
 
         account.set(parseAccount(data));
-        console.log(`Logged in as @${$account.username}@${$account.host}`);
+        console.log(`Logged in as ${$account.fqn}`);
 
         // spin up async task to fetch notifications
         const notif_data = await api.getNotifications(

src/routes/callback/+page.svelte

@@ -30,7 +30,7 @@
                 if (!data) return goto("/");
 
                 account.set(parseAccount(data));
-                console.log(`Logged in as @${get(account).username}@${get(account).host}`);
+                console.log(`Logged in as ${get(account).fqn}`);
 
                 // spin up async task to fetch notifications
                 return api.getNotifications(