Add logo and link to @phanpy

src/pages/settings.jsx

@@ -4,6 +4,7 @@ import { Menu, MenuItem } from '@szhsin/react-menu';
 import { useReducer, useRef, useState } from 'preact/hooks';
 import { useSnapshot } from 'valtio';
 
+import logo from '../assets/logo.svg';
 import Avatar from '../components/avatar';
 import Icon from '../components/icon';
 import Link from '../components/link';
@@ -251,6 +252,27 @@ function Settings({ onClose }) {
         <h2>About</h2>
         <section>
           <p>
+            <img
+              src={logo}
+              alt=""
+              width="20"
+              height="20"
+              style={{
+                aspectRatio: '1/1',
+                verticalAlign: 'middle',
+              }}
+            />{' '}
+            <a
+              href="https://hachyderm.io/@phanpy"
+              // target="_blank"
+              onClick={(e) => {
+                e.preventDefault();
+                states.showAccount = 'phanpy@hachyderm.io';
+              }}
+            >
+              @phanpy
+            </a>
+            .{' '}
             <a href="https://github.com/cheeaun/phanpy" target="_blank">
               Built
             </a>{' '}