feat: better design

src/views/PublicNoteListByDidView.vue

@@ -16,8 +16,10 @@ const author = computedAsync(async () => getUniqueAka(did.value))
 
 <template>
   <main class="public-note-list-view">
-    <h1>{{ author?.alias ?? did }}</h1>
-    <back-button class="back-button" :fallback="{ name: 'Home' }" />
+    <div class="header">
+      <back-button class="back-button" :fallback="{ name: 'Home' }" />
+      <h1>{{ author?.alias ?? did }}</h1>
+    </div>
     <div v-if="isLoading"></div>
     <div v-else>
       <ul
@@ -55,8 +57,17 @@ const author = computedAsync(async () => getUniqueAka(did.value))
   padding-left: 1rem;
   padding-right: 1rem;
 
-  h1 {
+  .header {
     margin-top: 1rem;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+
+  h1 {
+    flex: 1;
+    text-align: center;
+    margin-bottom: 0;
   }
 
   .back-button {