feat: sites and authors integration into existing screens (& formated all frontend files kinda accidentally)

web/src/views/ProfileView.vue

@@ -4,6 +4,7 @@ import { t } from '@/i18n'
 import { computed, nextTick, ref, watch } from 'vue'
 import { onBeforeRouteLeave } from 'vue-router'
 import { useLocalizedOverlay, useLocalizedToast } from '@/i18n/presentation'
+import AuthorProfileCard from '@/components/AuthorProfileCard.vue'
 import CharacterCounter from '@/components/CharacterCounter.vue'
 import ConfirmDialog from '@/components/ConfirmDialog.vue'
 import DashboardShell from '@/components/DashboardShell.vue'
@@ -22,6 +23,7 @@ const PASSWORD_MASK = '••••••••••••'
 const SKELETON_CARDS = [
 	{ titleWidth: 'w-30', inputs: 1 },
 	{ titleWidth: 'w-22.5', inputs: 2 },
+	{ titleWidth: 'w-28', inputs: 1 },
 	{ titleWidth: 'w-25', inputs: 1 },
 ]
 
@@ -397,6 +399,8 @@ onBeforeRouteLeave(async () => {
 					</div>
 				</ProfileCard>
 
+				<AuthorProfileCard />
+
 				<ProfileCard
 					:title="t('Password')"
 					:description="