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-card.vue

@@ -108,7 +108,8 @@
 
 import { format, formatDistanceToNow, parseISO } from 'date-fns'
 import { enGB, sv } from 'date-fns/locale'
-import { computed, type PropType } from 'vue'
+import type { PropType } from 'vue'
+import { computed  } from 'vue'
 
 import { useI18n } from '#i18n'
 import DistanceDisplay from '~/components/pages/events/event-distance.vue'

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'
 

components/pages/events/event-page.vue

@@ -102,8 +102,8 @@ import { computed, ref, watch } from 'vue'
 import { useDisplay } from 'vuetify'
 
 import { useI18n } from '#i18n'
+import type { FindEventsQueryVariables } from '~/graphql/generated/operations'
 import {
-  type FindEventsQueryVariables,
   useFetchAddressLazyQuery,
   useFindEventsQuery,
   useSaveOriginMutation,