Improve org page loading visuals

src/Address.svelte

@@ -47,8 +47,6 @@
     color: var(--color-foreground);
   }
   .loading {
-    margin-left: 1rem;
-    width: 4rem;
     height: 1.5rem;
   }
 </style>

src/Loading.svelte

@@ -11,6 +11,7 @@
   .container {
     display: flex;
     align-items: center;
+    justify-content: center;
     height: 100%;
   }
 

src/base/orgs/View.svelte

@@ -50,6 +50,7 @@
 <style>
   main {
     padding: 5rem 0;
+    width: 54rem;
   }
   main > header {
     display: flex;
@@ -121,12 +122,16 @@
 </style>
 
 {#await Org.get(address, config)}
-  <Loading fadeIn />
+  <main class="centered">
+    <Loading center />
+  </main>
 {:then org}
   {#if org}
     <main>
       {#await Profile.get(address, config)}
-        <Loading fadeIn />
+        <div class="centered">
+          <Loading center />
+        </div>
       {:then profile}
         <header>
           <div class="avatar">