style(events): center the header logo on the profile-icon axis

The page header used py-4, putting the logo/banner ~6px below the fixed
top-right profile icon's center. Use pt-2.5 so the header sits centered
on the same horizontal axis as the profile icon (both centers at 30px).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

src/components/layout/ProfileSheetContent.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed, ref } from 'vue'
 import { useI18n } from 'vue-i18n'
-import { Check, Copy, Home, LogIn, LogOut, Pencil, Zap } from 'lucide-vue-next'
+import { Check, Copy, LogIn, LogOut, Pencil, Zap } from 'lucide-vue-next'
 import { nip19 } from 'nostr-tools'
 import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar'
 import { Button } from '@/components/ui/button'
@@ -66,7 +66,9 @@ const npubPreview = computed(() => {
   return value.length > 24 ? `${value.slice(0, 12)}…${value.slice(-8)}` : value
 })
 
-const hubRootUrl = computed(() => import.meta.env.VITE_HUB_ROOT_URL || '/')
+// "Back to hub" is hidden for the events-only launch (see template).
+// Re-enable this alongside the commented-out link below when the hub ships.
+// const hubRootUrl = computed(() => import.meta.env.VITE_HUB_ROOT_URL || '/')
 
 const copiedField = ref<string | null>(null)
 async function copyToClipboard(text: string, field: string) {
@@ -188,16 +190,24 @@ async function onLogout() {
 
   <!-- Cross-app links + global preferences (always visible, auth or not) -->
   <div class="mt-4">
+    <!-- "Back to hub" hidden for the events-only launch — re-enable when
+         the hub ships. When re-enabled, show the HUB's brand-kit logo
+         (the brand's primary/global logo, or a hub-specific override) —
+         NOT the per-standalone @brand-app-logo, which resolves to this
+         standalone's own logo. This needs a hub-logo alias (e.g.
+         @brand-hub-logo = resolveAppLogo for the hub) added in
+         vite-branding.ts + the standalone vite configs.
     <a
       :href="hubRootUrl"
       class="flex items-center justify-between gap-3 px-3 py-3 hover:bg-accent rounded-md transition-colors"
       :aria-label="t('common.nav.backToHub')"
     >
       <div class="flex items-center gap-3">
-        <Home class="w-5 h-5 text-muted-foreground" />
+        <img src="@brand-hub-logo" :alt="t('common.nav.backToHub')" class="w-5 h-5 shrink-0" />
         <span class="text-sm font-medium">{{ t('common.nav.backToHub') }}</span>
       </div>
     </a>
+    -->
 
     <PreferencesRow layout="list" />
   </div>

src/components/layout/StandaloneMenu.vue

@@ -2,7 +2,7 @@
 import { ref, type Component } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { useRouter } from 'vue-router'
-import { LogIn } from 'lucide-vue-next'
+import { User } from 'lucide-vue-next'
 import {
   Sheet,
   SheetContent,
@@ -62,7 +62,7 @@ function handleClick(item: SidebarNavItem) {
           <AvatarImage v-if="pictureUrl" :src="pictureUrl" :alt="displayName ?? ''" />
           <AvatarFallback>{{ fallbackInitial || '?' }}</AvatarFallback>
         </Avatar>
-        <LogIn v-else class="w-5 h-5" />
+        <User v-else class="w-5 h-5" />
       </button>
     </SheetTrigger>
     <SheetContent side="right" class="w-80 sm:w-96 max-w-full overflow-y-auto overflow-x-hidden">

src/modules/events/views/EventsPage.vue

@@ -117,7 +117,9 @@ onBeforeRouteLeave(() => {
 </script>
 
 <template>
-  <div class="container mx-auto py-4 px-4">
+  <!-- pt-2.5 (not py-4) so the header logo/banner sits centered on the
+       same horizontal axis as the fixed top-right profile icon. -->
+  <div class="container mx-auto pt-2.5 pb-4 px-4">
     <!-- Page header. A brand may ship a wide banner (logo + wordmark in
          one image) that replaces the logo + name pair; otherwise we show
          the brand-kit logo (per-standalone override or global) paired