ui: move account settings link under profile

pages/settings/profile/index.vue

@@ -19,18 +19,27 @@ useHeadFixed({
     </template>
 
     <SettingsItem
-      command
+      command large
       icon="i-ri:user-settings-line"
       :text="$t('settings.profile.appearance.label')"
       :description="$t('settings.profile.appearance.description')"
       to="/settings/profile/appearance"
     />
     <SettingsItem
-      command
+      command large
       icon="i-ri:hashtag"
       :text="$t('settings.profile.featured_tags.label')"
       :description="$t('settings.profile.featured_tags.description')"
       to="/settings/profile/featured-tags"
     />
+    <SettingsItem
+      v-if="isHydrated && currentUser"
+      command large
+      icon="i-ri:settings-line"
+      :text="$t('settings.account_settings.label')"
+      :description="$t('settings.account_settings.description')"
+      :to="`https://${currentUser!.server}/auth/edit`"
+      external target="_blank"
+    />
   </MainContent>
 </template>