style(vue): improve motion animation formatting

Enhances code readability and maintainability by:
- Breaking v-motion directive into separate line
- Reordering motion module in Nuxt config for better dependency loading

This change maintains the same functionality while improving code organization
and module initialization order.

app/components/spark-ui/AnimatedList.vue

@@ -83,7 +83,8 @@ onMounted(() => loadComponents())
       <div
         v-for="(item, idx) in itemsToShow"
         :key="item.props.key"
-        v-motion :initial="getInitial(idx)" :enter="getEnter(idx)" :leave="getLeave()"
+        v-motion
+        :initial="getInitial(idx)" :enter="getEnter(idx)" :leave="getLeave()"
         :class="cn('mx-auto w-full')"
       >
         <component :is="item" />

nuxt.config.ts

@@ -6,9 +6,9 @@ export default defineNuxtConfig({
   modules: [
     '@nuxthub/core',
     'shadcn-nuxt',
+    '@vueuse/motion/nuxt',
     '@nuxt/eslint',
     '@nuxtjs/tailwindcss',
-    '@vueuse/motion/nuxt',
     '@nuxtjs/color-mode',
     '@nuxtjs/i18n',
   ],