feat: Add post image headers to /assets/header/

- Add SVG icons for external sites
    - Add polished logo to login
    - Update front matter in <blog>.md files

src/pages/Dashboard.jsx

@@ -14,10 +14,10 @@ const Dashboard = React.forwardRef((props, ref) => {
     };
 
     return (
-        <div ref={ref}>
+        <div  style={{ textAlign: 'center' }} ref={ref}>
         <h1>Dashboard</h1>
 
-        <section>
+        <section style={{ textAlign: 'center' }}>
             <h2>Published Posts</h2>
             {publishedPosts.length ? (
             <ul>
@@ -26,8 +26,8 @@ const Dashboard = React.forwardRef((props, ref) => {
                     <a class="k-link" href={post.canonical_url} target="_blank" rel="noreferrer">
                     {post.title}
                     </a>{' '}
-                    <span>{post.date}</span>{' '}
-                    <Button onClick={() => handleEdit(post.slug)}>Edit</Button>
+                    <span style={{ marginLeft: '30px', padding: '0 20px' }} >{post.date}</span>{' '}
+                    <Button style={{ marginLeft: '30px', padding: '0 20px' }}  onClick={() => handleEdit(post.slug)}>Edit</Button>
                 </li>
                 ))}
             </ul>
@@ -36,14 +36,14 @@ const Dashboard = React.forwardRef((props, ref) => {
             )}
         </section>
 
-        <section>
+        <section style={{ textAlign: 'center' }}>
             <h2>Drafts</h2>
             {draftPosts.length ? (
             <ul>
                 {draftPosts.map(post => (
                 <li key={post.slug}>
                     {post.title}{' '}
-                    <Button onClick={() => handleEdit(post.slug)}>Edit</Button>
+                    <Button style={{ marginLeft: '30px', padding: '0 20px' }} onClick={() => handleEdit(post.slug)}>Edit</Button>
                 </li>
                 ))}
             </ul>