Fix/creator dashboard notifications twitter share

[Alaka-ibr]

Description

Closes #811
Closes #800
Closes #797
Closes #812

Fixed Issues

• Fixes Add a co-creator revenue split display on the creator dashboard showing the split percentage and co-creator address #811: Add co-creator revenue split display and configuration form on the Creator Dashboard settings.
• Fixes Add a global notification drawer showing trade alerts, lockup expiry reminders, and price movement events #800: Add global notification drawer with 60-second polling, event icons, and automatic unread badge clearing on open.
• Fixes Add a share to Twitter button on the key detail page pre-filling a tweet with the key price and referral link #797: Add "Share to X" button on key detail page pre-filling purchase info and user referral link for authenticated key holders.

---

Key Changes Made

1. Co-Creator Revenue Split Display & Config (#811)

• Extended Course interface in course.service.ts with coCreatorAddress, coCreatorSplitBps, totalPaidToCoCreator, and totalPaidToCreator.
• Added setCoCreator method in courseService (POST /courses/:id/co-creator) and useSetCoCreator mutation hook in useCreators.ts.
• Created coCreator.utils.ts for validating Stellar G-addresses (/^G[A-Z2-7]{55}$/) and basis point range (1–10000).
• Created SetCoCreatorModal.tsx dialog form with input validation and success toast notification upon save.
• Created CoCreatorSection.tsx displaying truncated address with copy button, split percentage, total paid stat cards, and 'No co-creator configured' empty state.
• Integrated CoCreatorSection into CreatorDetailPage.tsx.

2. Global Notification Drawer & Polling (#800)

• Added support for 'trade_completed', 'lockup_expiring', and 'price_moved' notification types and markAllAsRead endpoint in notification.service.ts.
• Updated useNotifications.ts with 60-second polling (refetchInterval: 60000) and optimistic markAllAsRead.
• Updated NotificationBell.tsx to render a slide-in drawer from the right side, newest-first notification order, distinct event icons for each event type, and automatic unread badge clearing on open.

3. Share to Twitter / X Button (#797)

• Added shareTwitter.utils.ts to format tweet text (Just bought [CreatorName] keys on AccessLayer at [price] XLM. Buy here: [referral link]) and Twitter intent URL.
• Created ShareTwitterButton.tsx which opens Twitter intent in a new tab, falls back to plain key URL if no referral link exists, and renders only for authenticated holders (quantity > 0).
• Integrated ShareTwitterButton on CreatorDetailPage.tsx below creator stats cards.

---

Verification & Testing

Unit & Integration Tests Passed (36/36)

• src/components/creator/__tests__/CoCreatorSection.test.tsx (6 tests)
• src/components/common/__tests__/NotificationBell.test.tsx (15 tests)
• src/hooks/__tests__/useNotifications.test.ts (6 tests)
• src/components/common/__tests__/ShareTwitterButton.test.tsx (6 tests)
• src/pages/__tests__/CreatorDetailPage.integration.test.tsx (3 tests)

Checklist

• Code follows repository style guide and conventions
• No linting or TypeScript errors (pnpm check passed)
• All unit and integration tests pass cleanly
• Tested manually in browser

[drips-wave]

@Alaka-ibr Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits