fix(comments): show loading state instead of blank comment drawer when opened from a tile

[dylanjeffers]

Problem

Pressing the comment button on a track tile in the feed opened a blank comment drawer. Opening the drawer from the track screen worked fine.

Root cause

CommentSectionProvider (packages/common/src/context/comments/commentsContext.tsx) fetches the full track via useTrack(entityId) and short-circuits with if (!track) return null until it loads.

• On the track screen, the track is already in the tan-query [track, trackId] cache (the screen pre-fetches it), so the provider renders immediately.
• From the feed, the track is not guaranteed to be in that cache when the global CommentDrawer mounts with the new entityId. While useTrack is fetching, the provider returns null, rendering nothing inside the bottom sheet → a blank drawer.

Fix

In the mobile CommentDrawer, fetch the track with useTrack(entityId) and render comment skeletons while it's loading, instead of relying on the provider (which renders nothing). Once the track resolves, the full CommentSectionProvider tree renders as before. This keeps the change mobile-scoped (where the blank was observed) and reuses the existing CommentSkeleton loading aesthetic.

Testing

• eslint clean on the changed file
• tsc --noEmit clean

🤖 Generated with Claude Code

[changeset-bot]

⚠️ No Changeset found

Latest commit: d6951d8

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR