fix: resolve header image paths in production build

- Add import.meta.glob to process header images in PostCard component
- Replace manual URL construction with Vite's asset handling
- Ensures images load correctly in both dev and production environments

src/components/Cards/PostCard.jsx

@@ -3,10 +3,12 @@ import React from 'react';
 import { Button } from '@progress/kendo-react-buttons';
 import { Card, CardImage, CardBody } from '@progress/kendo-react-layout';
 
+// Import all header images so Vite processes them
+const headerImages = import.meta.glob('../../assets/header/*', { eager: true });
+
 const PostCard = ({ post, onEdit }) => {
     const dataPath = post.header.image;
-    const relativePath = `../../${dataPath}`;
-    const imageUrl = new URL(relativePath, import.meta.url).href;
+    const imageUrl = headerImages[`../../${dataPath}`]?.default || dataPath;
 
     const formatDate = (utcString) => {
         if (!utcString) return '';