feat(dashboard): implement opportunity bookmark dashboard with dynamic deadline tracking (#628

[shivani11jadhav]

🚀 Overview for Issue #628

This dedicated PR implements the complete Opportunity Bookmark Dashboard feature under Issue #628. It introduces a fully responsive, glassmorphic layout tailored for the platform's dark obsidian theme. It allows users to browse mock developer roles/hackathons, bookmark targets dynamically, and monitor approaching deadlines seamlessly.

🛠️ Key Technical Implementations

1. Schema & State Extension (useBookmarks.ts):

   • Extended core state hooks to fully support an 'opportunity' category.
   • Maintained strict backward compatibility for all pre-existing roadmap and project bookmark tracking.
   • Embedded tracked parameters: company, deadline, tags, and bookmarkedAt timestamps.

2. Premium Interface Layout (OpportunityDashboard.tsx):

   • Built a sleek glassmorphic grid/list containing dual interactive views: Explore Opportunities and My Bookmarked Opportunities.
   • Integrated custom dynamic reactive countdown badges evaluating system timestamps to output textual indicators (e.g., "Closing tomorrow", "X days left", "Expired").

3. Dynamic Client Sorting Matrix:

   • Programmed instant client-side array sorting functionality supporting: Closest Deadline First, Recently Bookmarked, and Alphabetical filters.

4. Routing Hooks Integration:

   • Injected the new pathing seamlessly under src/app/opportunities/page.tsx and anchored secure links directly inside the global Navbar.tsx array mappings.

🧪 Quality Verification Metrics

• Static Compilation: Successfully passed local execution of npm run build with 0 compile-time errors or layout warnings.
• Strict Lint Typing: 100% type-safe integration avoiding any implicit any type markers or code smell flags.

[shivani11jadhav]

@Aditya948351,

Issue #628 is complete and the branch is clean. Please review and merge !

[Aditya948351]

You have some merge conflicts kindly resolve that so I can merge this. Also excellent work on the opportunity bookmark dashboard. The useKeyboardShortcuts implementation is very robust and handles edge cases perfectly. Highly recommended.

[shivani11jadhav]

You have some merge conflicts kindly resolve that so I can merge this. Also excellent work on the opportunity bookmark dashboard. The useKeyboardShortcuts implementation is very robust and handles edge cases perfectly. Highly recommended.

@Aditya948351 resolved the conflicts manually! Everything should be clean and ready now. Please take a look!

[Aditya948351]

Hey @shivani11jadhav the production is updated now!

Check the main site now its all there, Waiting for more issues from your Side!
Adding the quality:exceptional label for this issue, looking towards your Unique thinking and Appreciable UI/UX

[shivani11jadhav]

Hey @shivani11jadhav the production is updated now!

Check the main site now its all there, Waiting for more issues from your Side! Adding the quality:exceptional label for this issue, looking towards your Unique thinking and Appreciable UI/UX

Yes, I just checked the live site and saw the 'Opportunities' tab! It feels amazing to see my feature live and deployed. Thank you so much for the 'quality:exceptional' label, it means a lot to me! Excited for the next challenges.