Update profile menu to have duotone icon

webui/src/common/components/ProfileMenu/ProfileMenu.jsx

@@ -1,5 +1,5 @@
 import React, {useState, useRef, useEffect, useContext} from 'react';
-import {UserCircleIcon, SignOutIcon, CaretDownIcon} from '@phosphor-icons/react';
+import {SignOutIcon, CaretDownIcon, UserIcon} from '@phosphor-icons/react';
 import {UserContext} from '@/common/contexts/UserContext.jsx';
 import './styles.sass';
 
@@ -54,7 +54,7 @@ export const ProfileMenu = () => {
                 aria-expanded={isOpen}
             >
                 <div className="profile-menu-avatar">
-                    <UserCircleIcon size={16} weight="fill"/>
+                    <UserIcon size={16} weight="duotone"/>
                 </div>
                 <span className="profile-menu-name">{user.username}</span>
                 <CaretDownIcon
@@ -67,7 +67,7 @@ export const ProfileMenu = () => {
                 <div className="profile-menu-dropdown">
                     <div className="profile-menu-header">
                         <div className="profile-menu-avatar profile-menu-avatar--large">
-                            <UserCircleIcon size={20} weight="fill"/>
+                            <UserIcon size={20} weight="duotone"/>
                         </div>
                         <div className="profile-menu-info">
                             <div className="profile-menu-name-large">{user.username}</div>