Merge branch 'main' into fix-avatar-bug

src/Components/AppShell/NavBar.tsx

@@ -33,8 +33,6 @@ export default function NavBar({ appName }: { appName: string }) {
       : setUserProfile({ id: crypto.randomUUID(), name: user?.first_name ?? '', text: '' })
   }, [user, items])
 
-  // useEffect(() => {}, [userProfile])
-
   const nameRef = useRef<HTMLHeadingElement>(null)
   const [nameWidth, setNameWidth] = useState<number>(0)
   const location = useLocation()
@@ -111,7 +109,7 @@ export default function NavBar({ appName }: { appName: string }) {
                 {userProfile.image && (
                   <div className='tw-avatar'>
                     <div className='tw-w-10 tw-rounded-full'>
-                      <img src={'https://api.utopia-lab.org/assets/' + userProfile.image} />
+                      <img src={appState.assetsApi.url + userProfile.image} />
                     </div>
                   </div>
                 )}