use code icon for contibutors

components/user-header.js

@@ -20,6 +20,7 @@ import { numWithUnits } from '../lib/format'
 import Hat from './hat'
 import SubscribeUserDropdownItem from './subscribeUser'
 import ActionDropdown from './action-dropdown'
+import CodeIcon from '../svgs/terminal-box-fill.svg'
 
 export default function UserHeader ({ user }) {
   const router = useRouter()
@@ -212,7 +213,7 @@ function HeaderHeader ({ user }) {
             : <span>never</span>}
           </small>
           <small className='text-muted d-flex-inline'>longest cowboy streak: {user.maxStreak !== null ? user.maxStreak : 'none'}</small>
-          {user.isContributor && <small className='text-muted'>🧑‍💻✅ verified stacker.news contributor</small>}
+          {user.isContributor && <small className='text-muted d-flex align-items-center'><CodeIcon className='me-1' height={16} width={16} /> verified stacker.news contributor</small>}
         </div>
       </div>
     </div>

svgs/terminal-box-fill.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3ZM12 15V17H18V15H12ZM8.41421 12L5.58579 14.8284L7 16.2426L11.2426 12L7 7.75736L5.58579 9.17157L8.41421 12Z"></path></svg>