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

web/src/components/CreateAuthorHint.vue

@@ -0,0 +1,45 @@
+<script setup lang="ts">
+import { t } from '@/i18n'
+
+defineProps<{ pending?: boolean }>()
+
+const emit = defineEmits<{ create: []; dismiss: [] }>()
+</script>
+
+<template>
+	<UAlert
+		data-testid="author-hint"
+		color="info"
+		variant="soft"
+		icon="i-lucide-info"
+		:title="t('You don\'t have an author profile yet')"
+		:description="t('Create one to be credited on your articles.')"
+		:close="{
+			'aria-label': t('Dismiss'),
+			class: 'size-11 justify-center lg:size-6',
+			ui: { leadingIcon: 'size-3.5' },
+		}"
+		:ui="{
+			root: 'items-start gap-2.5 p-3',
+			title: 'font-semibold',
+			description: 'text-toned',
+			close: 'static -mt-1 -mr-1 lg:-mt-1 lg:-mr-1',
+		}"
+		@update:open="emit('dismiss')"
+	>
+		<template #actions>
+			<UButton
+				color="neutral"
+				variant="outline"
+				icon="i-lucide-feather"
+				:loading="pending"
+				:disabled="pending"
+				class="h-11 border border-accented bg-default px-2.5 text-xs text-highlighted ring-0 lg:h-7"
+				:ui="{ leadingIcon: 'size-3.5' }"
+				@click="emit('create')"
+			>
+				{{ t('Create my author profile') }}
+			</UButton>
+		</template>
+	</UAlert>
+</template>