FEATURE REQUEST: Implementation of Sponsorship “View Details” Modal

### Is your feature request related to a problem?

- [x] Yes, it is related to a problem

### Describe the feature you'd like

@chandansgowda
@Saahi30

please assign me this task I want to this feature implement it fully.
https://github.com/user-attachments/assets/53696716-5b74-4bce-a277-5566a5db660b

# 🌟 Feature Request — Enhanced Sponsorship “View Details” Modal

Thank you for contributing ideas to make the Inpact Creator Platform better! 🙌
This feature request focuses on improving and expanding the **“View Details” Sponsorship Modal** — the interactive window that displays brand and campaign information for creators.

---

## 🧩 Is your feature request related to a problem?

> Please check if your feature request is related to an existing issue.

- [x] Yes, it is related to a problem
- [ ] No, it’s a new idea

---

### ⚠️ Important

Before submitting, please ensure your feature request aligns with the platform’s goal of improving **creator-brand collaboration** and **campaign transparency**.

---

## 🪄 Feature Title

**“Enhance Sponsorship View Details Modal with Rich Content, Better Layout, and Interactive Features”**

---

## 🌟 Feature Description

The current sponsorship “View Details” modal effectively displays campaign information, but it can be improved to feel richer, more immersive, and more actionable for creators.
This enhancement focuses on refining both **UI and UX** — with better typography, animations, storytelling sections, and interactive tools like auto-generated email proposals.

**Proposed Enhancements:**
- Add more **creative, narrative-style content** in each tab (Overview, Requirements, Brand Info, Analytics).
- Introduce **animated progress bars** and hover tooltips for engagement stats.
- Improve text readability with slightly larger fonts.
- Automatically open **Gmail with a pre-filled proposal** when clicking “Contact.”
- Add subtle **Framer Motion animations** and gradient overlays for a premium look.
- Keep modal **compact (no scroll)** but content-rich.

---

## 🔍 Problem Statement

While the current modal layout is clean and functional, it feels too empty in certain areas and lacks engagement.
Creators might not feel fully connected to the campaign story or confident in initiating collaboration.

**Current Issues:**
- Some sections appear underutilized (too much white space).
- Text size is slightly small for comfortable reading.
- Contact button overlaps or looks disconnected on smaller screens.
- The experience doesn’t yet match the emotional tone of the platform (creative and inspiring).

---

## 🎯 Expected Outcome

After this enhancement:
- The modal will feel **alive and inspiring**, matching the creative tone of Inpact.
- Content will be **dense yet readable**, giving creators all details in one glance.
- **No scrolling needed** — everything fits elegantly on one screen.
- Clicking **“Contact”** will instantly open Gmail with a proposal email pre-written in a friendly, conversational tone.
- The modal transitions will feel **smooth and cinematic**, powered by Framer Motion.

---

## 📷 Screenshots and Design Ideas

### 💡 Design Inspiration:
- LinkedIn Campaign Cards
- Notion Popups (gradient layering and spacing)
- Adobe Portfolio modals (for typography hierarchy)

**Suggested Design Features:**
- Gradient header with brand avatar and badge
- Animated “Match Score” progress bar
- Tabbed layout (Overview, Requirements, Brand Info, Analytics)
- Sticky footer with primary call-to-actions
- Tooltip hovers on analytics data (like engagement rate)

**Example Layout Preview:**

### Record

- [x] I agree to follow this project's Code of Conduct
- [x] I want to work on implementing this feature