Merge branch 'settings-shuffle' into shigusegubu-themes3

src/components/settings_modal/helpers/vertical_tab_switcher.scss

@@ -30,7 +30,6 @@
 
     .tab-content {
       align-self: center;
-      height: 100%;
 
       &:not(.-full-width) {
         max-width: 40em;

src/components/settings_modal/settings_modal_user_content.js

@@ -27,10 +27,11 @@ import {
   faBell,
   faDownload,
   faEyeSlash,
-  faInfo,
   faWindowRestore,
   faCode,
-  faBroom
+  faBroom,
+  faLock,
+  faColumns
 } from '@fortawesome/free-solid-svg-icons'
 import { useInterfaceStore } from 'src/stores/interface'
 
@@ -38,15 +39,16 @@ library.add(
   faWrench,
   faUser,
   faMessage,
-  faFilter,
-  faPaintBrush,
-  faPalette,
-  faBell,
-  faDownload,
-  faEyeSlash,
-  faInfo,
   faWindowRestore,
+  faColumns,
+  faBell,
+  faFilter,
+  faEyeSlash,
   faBroom,
+  faLock,
+  faDownload,
+  faPalette,
+  faPaintBrush,
   faCode
 )
 

src/components/settings_modal/tabs/appearance_tab.js

@@ -22,21 +22,6 @@ import ProfileSettingIndicator from '../helpers/profile_setting_indicator.vue'
 import { mapActions } from 'pinia'
 import { useInterfaceStore, normalizeThemeData } from 'src/stores/interface'
 
-import { library } from '@fortawesome/fontawesome-svg-core'
-import {
-  faGlobe,
-  faDashboard,
-  faPaintRoller,
-  faTableColumns
-} from '@fortawesome/free-solid-svg-icons'
-
-library.add(
-  faGlobe,
-  faPaintRoller,
-  faDashboard,
-  faTableColumns
-)
-
 const AppearanceTab = {
   data () {
     return {