refactor: remove calendar icon from publication date

- Remove calendar icon (faCalendar) from publication date display
- Display only the formatted date text
- Remove icon-specific CSS styling (gap, svg styles)
- Cleaner, more minimal date display in top-right corner

src/components/ReaderHeader.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import { faHighlighter, faClock, faCalendar } from '@fortawesome/free-solid-svg-icons'
+import { faHighlighter, faClock } from '@fortawesome/free-solid-svg-icons'
 import { format } from 'date-fns'
 
 interface ReaderHeaderProps {
@@ -29,8 +29,7 @@ const ReaderHeader: React.FC<ReaderHeaderProps> = ({
         <img src={image} alt={title || 'Article image'} />
         {formattedDate && (
           <div className="publish-date-topright">
-            <FontAwesomeIcon icon={faCalendar} />
-            <span>{formattedDate}</span>
+            {formattedDate}
           </div>
         )}
         {title && (
@@ -63,8 +62,7 @@ const ReaderHeader: React.FC<ReaderHeaderProps> = ({
         <div className="reader-header">
           {formattedDate && (
             <div className="publish-date-topright">
-              <FontAwesomeIcon icon={faCalendar} />
-              <span>{formattedDate}</span>
+              {formattedDate}
             </div>
           )}
           <h2 className="reader-title">{title}</h2>

src/index.css

@@ -543,24 +543,13 @@ body {
   position: absolute;
   top: 1rem;
   right: 1rem;
-  display: flex;
-  align-items: center;
-  gap: 0.4rem;
   font-size: 0.813rem;
   color: #fff;
   padding: 0.4rem 0.75rem;
   text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
-  border: 1px solid rgba(255, 255, 255, 0.2);
-  border-radius: 6px;
   z-index: 10;
 }
 
-.publish-date-topright svg {
-  font-size: 0.75rem;
-  opacity: 0.9;
-  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.5));
-}
-
 .reading-time {
   display: flex;
   align-items: center;