Fix signup default avatar artifact (#14480)

## Summary
- Use the newer empty profile image for the signup account header
fallback.
- Remove the centered decorative camera button from the empty signup
avatar so the default image renders cleanly without the square-looking
artifact.
- Rebase onto current main and fix the web-player import ordering lint
failure surfaced by CI.

## Testing
- `git diff --check`
- `NODE_PATH=/Users/ray/Documents/audius/apps/node_modules
/usr/local/bin/node
/Users/ray/Documents/audius/apps/node_modules/prettier/bin/prettier.cjs
--check packages/web/src/pages/sign-up-page/components/AccountHeader.tsx
packages/web/src/app/web-player/WebPlayer.tsx`
- CI: Web Lint & Stylelint passed
- CI: Web Tests passed
- CI: Web Typecheck passed
- CI: Web Build passed

Note: package-local scripts still are not runnable from this worktree
because it has no local `node_modules`, `npm`, or `corepack`.

Author: raymondjacobson

packages/web/src/app/web-player/WebPlayer.tsx

@@ -66,8 +66,8 @@ import { NotificationPage } from 'components/notification'
 import PlayBarProvider from 'components/play-bar/PlayBarProvider'
 import { RewardClaimedToast } from 'components/reward-claimed-toast/RewardClaimedToast'
 import { USDCBalanceFetcher } from 'components/usdc-balance-fetcher/USDCBalanceFetcher'
-import { useEnvironment } from 'hooks/useEnvironment'
 import { useActivityPing } from 'hooks/useActivityPing'
+import { useEnvironment } from 'hooks/useEnvironment'
 import { usePlaybackPositionPersistence } from 'hooks/usePlaybackPositionPersistence'
 import { usePlaybackPositionPolling } from 'hooks/usePlaybackPositionPolling'
 import { usePlaybackRatePersistence } from 'hooks/usePlaybackRatePersistence'

packages/web/src/pages/sign-up-page/components/AccountHeader.tsx

@@ -1,13 +1,11 @@
 import { useCurrentAccountUser } from '@audius/common/api'
-import { imageProfilePicEmpty } from '@audius/common/assets'
+import { imageProfilePicEmptyNew as imageProfilePicEmpty } from '@audius/common/assets'
 import { Name, SquareSizes } from '@audius/common/models'
 import {
   Avatar,
   Box,
   Flex,
   IconArrowLeft,
-  IconButton,
-  IconCamera,
   IconVerified,
   PlainButton,
   Text,
@@ -64,17 +62,7 @@ const ProfileImageAvatar = ({
         ...(isSmallSize ? { transform: 'translateY(20px)' } : null)
       }}
       isLoading={false}
-    >
-      {isEditing && (!imageUrl || imageUrl === imageProfilePicEmpty) ? (
-        <IconButton
-          aria-label='Upload a profile photo'
-          size='l'
-          color='white'
-          shadow='drop'
-          icon={IconCamera}
-        />
-      ) : null}
-    </Avatar>
+    />
   )
 }
 
@@ -104,7 +92,8 @@ export const AccountHeader = (props: AccountHeaderProps) => {
   const { accountHandle, userId, accountDisplayName } = accountData ?? {}
   const accountProfilePic = useProfilePicture({
     userId: userId ?? undefined,
-    size: SquareSizes.SIZE_150_BY_150
+    size: SquareSizes.SIZE_150_BY_150,
+    defaultImage: imageProfilePicEmpty
   })
 
   const isEditing = mode === 'editing'