feat: paginate customer orders and polish the dashboard hero

Add paged orders API and infinite scroll, short order numbers, and align the guest invite card with the logged-in hero shell.

Co-authored-by: Cursor <cursoragent@cursor.com>

apps/user-app-v2/src/components/input/SingleOtpInput.vue

@@ -25,7 +25,7 @@
 </template>
 
 <script setup lang="ts">
-import { onBeforeMount, ref, watch, type Ref } from 'vue'
+import { onMounted, ref, watch, type Ref } from 'vue'
 
 const props = withDefaults(
   defineProps<{
@@ -101,7 +101,9 @@ watch(
   },
 )
 
-onBeforeMount(() => {
+// Must be onMounted — onBeforeMount runs before the <input> is in the DOM,
+// so autofocus was a silent no-op and the OTP boxes never grabbed focus.
+onMounted(() => {
   if (input.value && props.focus && props.shouldAutoFocus) {
     input.value.focus()
     input.value.select()