dark mode

src/components/BlogHeader.astro

@@ -1,5 +1,6 @@
 ---
 import FormattedDate from '@components/FormattedDate.astro'
+import Calendar from './icons/Calendar.astro'
 
 interface Props {
 	title: String
@@ -12,7 +13,8 @@ const { title, date } = Astro.props
 <div class="blog-header">
 	<h2>{title}</h2>
 	<h3>
-		<img src="/media/icons/calendar-2iconImage24px.svg" alt="" />
+		<!-- <img class="svg-icon" src={calendarIcon} alt="" /> -->
+		<Calendar />
 		<FormattedDate date={date} />
 	</h3>
 </div>