feat: implement Coming Soon page and consolidate placeholder routes (#412)

* feat: implement Coming Soon page and consolidate placeholder routes

- Create reusable ComingSoon component with roadmap feature listing
- Add /coming-soon route (App Router)
- Redirect defunct sidebar and landing routes to Coming Soon
- Replace placeholder pages with centralized ComingSoon component
- Ensure clean, typed, and accessible implementation

* refactor(ui): redesign ComingSoon section with abstract editorial layout

- Replaced bordered card grid with gradient feature blocks
- Removed SaaS-style badge chips and standard dashboard styling
- Introduced oversized low-opacity icon backgrounds
- Updated motion animations to subtle scale transitions
- Increased spacing and typography for a more landing-page aesthetic
- Reduced structural similarity to previous UI implementation

* refactor(coming-soon): add stable feature IDs and replace index-based keys

- Added `id` property to Feature type
- Assigned unique stable IDs to each feature entry
- Replaced index-based React keys with feature.id
- Preserved index only for animation delay logic
- Improved reconciliation stability for reordering and filtering

---------

Co-authored-by: Miracle Nnaji <nnajimakuochukwu4@example.com>

Author: Shadow-MMN

app/(landing)/bounties/page.tsx

@@ -1,10 +1,11 @@
-import React from 'react';
+import { redirect } from 'next/navigation';
 import { Metadata } from 'next';
 import { generatePageMetadata } from '@/lib/metadata';
 
 export const metadata: Metadata = generatePageMetadata('grants');
 
 const GrantPage = () => {
+  redirect('/coming-soon');
   return (
     <div className='mx-auto mt-10 max-w-[1440px] px-5 py-5 text-center text-4xl font-bold text-white md:px-[50px] lg:px-[100px]'>
       Bounties Page

app/(landing)/contact/page.tsx

@@ -1,10 +1,11 @@
-import React from 'react';
+import { redirect } from 'next/navigation';
 import { Metadata } from 'next';
 import { generatePageMetadata } from '@/lib/metadata';
 
 export const metadata: Metadata = generatePageMetadata('contact');
 
 const ContactPage = () => {
+  redirect('/coming-soon');
   return (
     <div className='mx-auto mt-10 max-w-[1440px] px-5 py-5 text-center text-4xl font-bold text-white md:px-[50px] lg:px-[100px]'>
       Contact Page

app/(landing)/grants/page.tsx

@@ -1,10 +1,11 @@
-import React from 'react';
+import { redirect } from 'next/navigation';
 import { Metadata } from 'next';
 import { generatePageMetadata } from '@/lib/metadata';
 
 export const metadata: Metadata = generatePageMetadata('grants');
 
 const GrantPage = () => {
+  redirect('/coming-soon');
   return (
     <div className='mx-auto mt-10 max-w-[1440px] px-5 py-5 text-center text-4xl font-bold text-white md:px-[50px] lg:px-[100px]'>
       Grant Page

app/(landing)/organizations/[id]/grants/page.tsx

@@ -1,7 +1,9 @@
+import { redirect } from 'next/navigation';
 import { AuthGuard } from '@/components/auth';
 import Loading from '@/components/Loading';
 
 export default function GrantsPage() {
+  redirect('/coming-soon');
   return (
     <AuthGuard redirectTo='/auth?mode=signin' fallback={<Loading />}>
       <div className='min-h-screen bg-black text-white'>

app/(landing)/profile/[username]/projects/page.tsx

@@ -1,7 +1,6 @@
-import React from 'react';
-
+import { redirect } from 'next/navigation';
 const Page = () => {
-  return <div>Projects</div>;
+  redirect('/coming-soon');
 };
 
 export default Page;

app/coming-soon/page.tsx

@@ -0,0 +1,17 @@
+import ComingSoon from '@/components/ComingSoon';
+import { Footer, Navbar } from '@/components/landing-page';
+import React from 'react';
+
+const page = () => {
+  return (
+    <>
+      <Navbar />
+      <main className='min-h-[calc(100vh-56px)] flex-1'>
+        <ComingSoon />
+      </main>
+      <Footer />
+    </>
+  );
+};
+
+export default page;

app/me/analytics/page.tsx

@@ -0,0 +1,7 @@
+import { redirect } from 'next/navigation';
+
+const page = () => {
+  redirect('/coming-soon');
+};
+
+export default page;

app/me/hackathons/page.tsx

@@ -0,0 +1,7 @@
+import { redirect } from 'next/navigation';
+
+const page = () => {
+  redirect('/coming-soon');
+};
+
+export default page;

app/me/hackathons/submissions/page.tsx

@@ -0,0 +1,7 @@
+import { redirect } from 'next/navigation';
+
+const page = () => {
+  redirect('/coming-soon');
+};
+
+export default page;

app/me/notifications/page.tsx

@@ -0,0 +1,7 @@
+import { redirect } from 'next/navigation';
+
+const page = () => {
+  redirect('/coming-soon');
+};
+
+export default page;