refactor(posts): standardize MediaItem type imports across components

- Added consistent imports of the MediaItem type across various components, including FacebookSettings, InstagramSettings, LinkedInSettings, PinterestSettings, PreviewTab, InstagramPreview, and PlatformPreview.
- This change enhances code organization and ensures uniformity in type definitions throughout the project.

resources/js/components/posts/editor/FacebookSettings.vue

@@ -4,8 +4,8 @@ import { computed, ref } from 'vue';
 
 import { Avatar } from '@/components/ui/avatar';
 import { getMediaValidationWarning } from '@/composables/useMedia';
-import type { MediaItem } from '@/types/media';
 import { getPlatformLogo } from '@/composables/usePlatformLogo';
+import type { MediaItem } from '@/types/media';
 
 interface SocialAccount {
     id: string;

resources/js/components/posts/editor/InstagramSettings.vue

@@ -4,9 +4,9 @@ import { computed, ref } from 'vue';
 
 import { Avatar } from '@/components/ui/avatar';
 import { getMediaValidationWarning } from '@/composables/useMedia';
-import type { MediaItem } from '@/types/media';
 import { getPlatformLogo } from '@/composables/usePlatformLogo';
 import { ContentType } from '@/enums/content-type';
+import type { MediaItem } from '@/types/media';
 
 interface SocialAccount {
     id: string;

resources/js/components/posts/editor/LinkedInSettings.vue

@@ -4,9 +4,9 @@ import { computed, ref } from 'vue';
 
 import { Avatar } from '@/components/ui/avatar';
 import { getMediaValidationWarning } from '@/composables/useMedia';
-import type { MediaItem } from '@/types/media';
 import { getPlatformLogo } from '@/composables/usePlatformLogo';
 import { ContentType } from '@/enums/content-type';
+import type { MediaItem } from '@/types/media';
 
 interface SocialAccount {
     id: string;

resources/js/components/posts/editor/PinterestSettings.vue

@@ -15,11 +15,11 @@ import {
     ComboboxTrigger,
 } from '@/components/ui/combobox';
 import { getMediaValidationWarning } from '@/composables/useMedia';
-import type { MediaItem } from '@/types/media';
 import { usePageErrors } from '@/composables/usePageErrors';
 import { getPlatformLogo } from '@/composables/usePlatformLogo';
 import { ContentType } from '@/enums/content-type';
 import type { PinterestBoard } from '@/types';
+import type { MediaItem } from '@/types/media';
 
 interface SocialAccount {
     id: string;

resources/js/components/posts/editor/PreviewTab.vue

@@ -6,8 +6,8 @@ import PhoneMockup from '@/components/PhoneMockup.vue';
 import { PlatformPreview } from '@/components/posts/previews';
 import { Avatar } from '@/components/ui/avatar';
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip';
-import type { MediaItem } from '@/types/media';
 import { getPlatformLabel, getPlatformLogo } from '@/composables/usePlatformLogo';
+import type { MediaItem } from '@/types/media';
 
 interface SocialAccount {
     id: string;

resources/js/components/posts/previews/InstagramPreview.vue

@@ -14,8 +14,8 @@ import {
 import { computed } from 'vue';
 
 import PostMediaPreview from '@/components/posts/previews/PostMediaPreview.vue';
-import type { MediaItem } from '@/types/media';
 import { ContentType } from '@/enums/content-type';
+import type { MediaItem } from '@/types/media';
 
 interface SocialAccount {
     id: string;

resources/js/components/posts/previews/PlatformPreview.vue

@@ -1,6 +1,8 @@
 <script setup lang="ts">
 import { computed } from 'vue';
 
+import type { MediaItem } from '@/types/media';
+
 import BlueskyPreview from './BlueskyPreview.vue';
 import FacebookPreview from './FacebookPreview.vue';
 import InstagramPreview from './InstagramPreview.vue';
@@ -20,8 +22,6 @@ interface SocialAccount {
     avatar_url: string | null;
 }
 
-import type { MediaItem } from '@/types/media';
-
 interface Props {
     platform: string;
     socialAccount: SocialAccount | null | undefined;

resources/js/composables/usePostCompliance.ts

@@ -2,11 +2,11 @@ import { trans } from 'laravel-vue-i18n';
 import { computed, type ComputedRef, type Ref } from 'vue';
 
 import { getMediaItemIssue } from '@/composables/useMedia';
-import type { MediaItem } from '@/types/media';
 import { getMediaRulesForContentType } from '@/composables/useMediaRules';
 import { getPlatformLabel } from '@/composables/usePlatformLogo';
 import { ContentType } from '@/enums/content-type';
 import { Platform } from '@/enums/platform';
+import type { MediaItem } from '@/types/media';
 
 export interface CompliancePostPlatform {
     id: string;