feat!: use Gravatar for default avatar (#6765)

- Fixes #6725 . Gravatar and custom avatar components.
- Makes Gravatar the default

Author: denolfe

packages/payload/src/config/defaults.ts

@@ -2,7 +2,7 @@ import type { Config } from './types.js'
 
 export const defaults: Omit<Config, 'db' | 'editor' | 'secret'> = {
   admin: {
-    avatar: 'default',
+    avatar: 'gravatar',
     components: {},
     custom: {},
     dateFormat: 'MMMM do yyyy, h:mm a',

packages/ui/src/graphics/Account/index.tsx

@@ -5,7 +5,7 @@ import React from 'react'
 import { useAuth } from '../../providers/Auth/index.js'
 import { useConfig } from '../../providers/Config/index.js'
 import { DefaultAccountIcon } from './Default/index.js'
-export { GravatarAccountIcon } from './Gravatar/index.js'
+import { GravatarAccountIcon } from './Gravatar/index.js'
 
 export const Account = () => {
   const {
@@ -22,4 +22,6 @@ export const Account = () => {
   const isOnAccountPage = pathname === `${adminRoute}${accountRoute}`
 
   if (!user?.email || Avatar === 'default') return <DefaultAccountIcon active={isOnAccountPage} />
+  if (Avatar === 'gravatar') return <GravatarAccountIcon />
+  if (Avatar) return <Avatar active={isOnAccountPage} />
 }