feat(website): book-a-demo & status pages, expand roadmap/contact

- /demo: book-a-demo page with a what-to-expect column + a form that
  composes a prefilled email to info@dezky.eu (interim, no backend); built
  to swap for a self-hosted scheduler later. Wire every "Book a demo" CTA
  (nav, hero, pricing, the previously-dead final-CTA button, and the
  contact/partners/migration/coming-soon CTAs) to /demo.
- /status: manually-maintained system-status page (overall banner,
  per-service rows, incident history). Live modules operational; Video/Chat
  marked coming soon.
- Roadmap: expand the board (5 items/column) + a "the bigger picture"
  themes grid + a "suggest a feature" CTA + a directional-timelines note.
- Contact: purpose-specific channels (info@ / legal@ / privacy@), a
  response-time note, and a company + "see it live" demo block.
- Drop /status from the [slug].vue stub map; tidy now-unused imports.

apps/website/pages/migration.vue

@@ -1,12 +1,10 @@
 <script setup lang="ts">
-import { useRoute } from 'vue-router'
-import { useTheme, useCopy, goToSection } from '~/composables/useLanding'
+import { useTheme, useCopy } from '~/composables/useLanding'
 
 definePageMeta({ layout: 'page' })
 
 const t = useTheme()
 const copy = useCopy()
-const route = useRoute()
 const c = computed(() => copy.value.pages.migration)
 
 useHead({ title: () => `${copy.value.pages.migration.label} · dezky` })
@@ -28,7 +26,7 @@ useHead({ title: () => `${copy.value.pages.migration.label} · dezky` })
 
     <p :style="{ marginTop: '64px', fontFamily: '\'Inter\', sans-serif', fontSize: '16px', color: t.fg }">{{ c.note }}</p>
     <div :style="{ marginTop: '32px' }">
-      <LandingBtn variant="primary" size="lg" @click="goToSection('#final-cta', route.path)">{{ copy.pages.ctaDemo }} →</LandingBtn>
+      <LandingBtn variant="primary" size="lg" @click="navigateTo('/demo')">{{ copy.pages.ctaDemo }} →</LandingBtn>
     </div>
   </LandingContainer>
 </template>