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 !