Add tests for featured thumbnail generation; apply Pint formatting and related edits

resources/js/components/Feed/PostCard.jsx

@@ -1,4 +1,5 @@
 import React, { useState } from 'react'
+import axios from 'axios'
 import PostActions   from './PostActions'
 import PostComments  from './PostComments'
 import ArtworkCard from '../artwork/ArtworkCard'
@@ -68,7 +69,6 @@ export default function PostCard({ post, isLoggedIn = false, viewerUsername = nu
   const handleSaveEdit = async () => {
     setSaving(true)
     try {
-      const { default: axios } = await import('axios')
       const { data } = await axios.patch(`/api/posts/${post.id}`, { body: editBody })
       setPostData(data.post)
       setEditMode(false)
@@ -82,7 +82,6 @@ export default function PostCard({ post, isLoggedIn = false, viewerUsername = nu
   const handleDelete = async () => {
     if (!window.confirm('Delete this post?')) return
     try {
-      const { default: axios } = await import('axios')
       await axios.delete(`/api/posts/${post.id}`)
       onDelete?.(post.id)
     } catch {
@@ -91,7 +90,6 @@ export default function PostCard({ post, isLoggedIn = false, viewerUsername = nu
   }
 
   const handlePin = async () => {
-    const { default: axios } = await import('axios')
     try {
       if (postData.is_pinned) {
         await axios.delete(`/api/posts/${post.id}/pin`)
@@ -109,7 +107,6 @@ export default function PostCard({ post, isLoggedIn = false, viewerUsername = nu
   const handleSaveToggle = async () => {
     if (!isLoggedIn || saveLoading) return
     setSaveLoading(true)
-    const { default: axios } = await import('axios')
     try {
       if (postData.viewer_saved) {
         await axios.delete(`/api/posts/${post.id}/save`)
@@ -130,7 +127,6 @@ export default function PostCard({ post, isLoggedIn = false, viewerUsername = nu
     if (!isOwn) return
     setAnalyticsOpen(true)
     if (!analytics) {
-      const { default: axios } = await import('axios')
       try {
         const { data } = await axios.get(`/api/posts/${post.id}/analytics`)
         setAnalytics(data)

resources/js/components/Feed/PostComposer.jsx

@@ -4,12 +4,10 @@ import ShareArtworkModal from './ShareArtworkModal'
 import LinkPreviewCard from './LinkPreviewCard'
 import TagPeopleModal from './TagPeopleModal'
 import DateTimePicker from '../ui/DateTimePicker'
+import EmojiMartPicker from '../common/EmojiMartPicker'
 import extractNativeEmoji from '../common/extractNativeEmoji'
 import isEventWithinNode from '../common/isEventWithinNode'
 
-// Lazy-load the heavy emoji picker only when first opened
-const EmojiPicker = lazy(() => import('../common/EmojiMartPicker'))
-
 const VISIBILITY_OPTIONS = [
   { value: 'public',    icon: 'fa-globe',        label: 'Public' },
   { value: 'followers', icon: 'fa-user-friends',  label: 'Followers' },
@@ -347,7 +345,7 @@ export default function PostComposer({ user, onPosted }) {
                       </div>
                     }>
                       {emojiData && (
-                        <EmojiPicker
+                        <EmojiMartPicker
                           data={emojiData}
                           onEmojiSelect={insertEmoji}
                           theme="dark"