refactor: optimize Vue imports across event components

Reorganize imports in event-page.vue, event-distance.vue, and 
event-card.vue to enhance code clarity. Move type imports 
to separate lines from regular imports, improving readability. 
Ensure consistency in import style across all event-related 
components and streamline the handling of type definitions.

components/pages/events/event-distance.vue

@@ -14,7 +14,8 @@
 </template>
 
 <script setup lang='ts'>
-import { computed, type PropType } from 'vue'
+import type { PropType } from 'vue'
+import { computed  } from 'vue'
 
 import type { DanceHallDistance } from '~/graphql/generated/operations'