Improve species display on character detail page

Problem

The species name on the character detail page is currently just plain text, making it difficult for users to discover more about the species or navigate to related content.

Current State

• Species name appears as static text on character detail pages
• No link to the species page
• No community context provided
• Missed opportunity for discoverability and navigation

Proposed Improvements

Make Species Name Clickable

• Convert species name to a link pointing to /species/:speciesId
• Add hover states for better UX
• Maintain current styling while indicating it's clickable

Add Community Context

• Display the community name alongside the species (e.g., "Species Name • Community Name")
• Community name could also be a link to /communities/:communityId
• Use visual separator for clarity
• Consider using a subtle color or icon to differentiate community from species

Example Mockups

Option 1 - Inline:

Species: Dragon • Cloverse

Option 2 - Stacked:

Species: Dragon
Community: Cloverse

Option 3 - Badge Style:

Species: [Dragon] from [Cloverse]

Acceptance Criteria

• Species name is clickable and links to species detail page
• Hovering over species name shows appropriate cursor and visual feedback
• Community name is displayed with the species information
• Both links navigate correctly
• Mobile-responsive design
• Consistent styling with rest of character detail page
• Works for characters with and without variants
• Graceful handling when species or community is deleted/inaccessible

Technical Considerations

• Species and community data may need to be fetched if not already included in character query
• Consider using existing Link components for consistency
• May need to update GraphQL fragments to include community info
• Should maintain current layout while enhancing interactivity

Nice-to-Have

• Show species variant if applicable (e.g., "Eastern Dragon")
• Add tooltip showing brief species description on hover
• Indicate cross-community species if relevant

Begin at the character detail page and inspect the existing character query and GraphQL fragments to confirm whether species and community data are already available. Done means the species and community links, hover feedback, responsive layout, variant handling, and missing-data cases satisfy the listed acceptance criteria; no files or tests are named in the issue.