feat: finish social settings

apps/app-frontend/src/App.vue

@@ -12,7 +12,6 @@ import {
 	ArrowBigUpDashIcon,
 	ChangeSkinIcon,
 	CompassIcon,
-	ExternalIcon,
 	HomeIcon,
 	LeftArrowIcon,
 	LibraryIcon,
@@ -1593,7 +1592,7 @@ provideAppUpdateDownloadProgress(appUpdateDownload)
 		/>
 		<UnknownPackWarningModal ref="unknownPackWarningModal" />
 		<div
-			class="app-grid-navbar bg-bg-raised flex flex-col p-[0.5rem] pt-0 gap-[0.5rem] w-[--left-bar-width]"
+			class="app-grid-navbar bg-bg-raised flex flex-col p-[0.5rem] pt-0 gap-1.5 w-[--left-bar-width]"
 		>
 			<NavButton v-tooltip.right="'Home'" to="/">
 				<HomeIcon />
@@ -1678,7 +1677,6 @@ provideAppUpdateDownloadProgress(appUpdateDownload)
 							{{ credentials?.user?.username }}
 						</span>
 					</span>
-					<ExternalIcon />
 				</template>
 				<template #sign-out> <LogOutIcon /> Sign out </template>
 			</OverflowMenu>

apps/app-frontend/src/components/ui/modal/AppSettingsModal.vue

@@ -25,7 +25,7 @@ import { platform as getOsPlatform, version as getOsVersion } from '@tauri-apps/
 import { computed, ref, watch } from 'vue'
 
 import PrivacySettings from '@/components/ui/settings/account/PrivacySettings.vue'
-import SafetySettings from '@/components/ui/settings/account/SafetySettings.vue'
+import SocialSettings from '@/components/ui/settings/account/SocialSettings.vue'
 import AppearanceSettings from '@/components/ui/settings/display/AppearanceSettings.vue'
 import BehaviorSettings from '@/components/ui/settings/display/BehaviorSettings.vue'
 import FeatureFlagSettings from '@/components/ui/settings/display/FeatureFlagSettings.vue'
@@ -101,13 +101,10 @@ const tabs = [
 		developerOnly: true,
 	},
 	{
-		name: defineMessage({
-			id: 'app.settings.tabs.safety',
-			defaultMessage: 'Safety',
-		}),
+		name: commonSettingsMessages.social,
 		category: tabCategories.account,
 		icon: HeartHandshakeIcon,
-		content: SafetySettings,
+		content: SocialSettings,
 	},
 	{
 		name: defineMessage({

apps/app-frontend/src/components/ui/settings/account/SocialSettings.vue

@@ -1,5 +1,5 @@
 <template>
-	<AccountSafetySettings
+	<AccountSocialSettings
 		:get-blocked-users="get_blocked_users"
 		:get-users="getUsers"
 		:unblock-user="unblock_user"
@@ -8,7 +8,7 @@
 
 <script setup lang="ts">
 import type { Labrinth } from '@modrinth/api-client'
-import { AccountSafetySettings, injectModrinthClient } from '@modrinth/ui'
+import { AccountSocialSettings, injectModrinthClient } from '@modrinth/ui'
 
 import { get_blocked_users, unblock_user } from '@/helpers/users'