add notification page

templates/common/base.html

@@ -32,7 +32,7 @@
             </a>
             <div class="d-flex align-items-center">
                 <div class="d-none d-lg-flex align-items-center me-3">
-                    <a class="nav-link text-white" href="#">
+                    <a class="nav-link text-white" href="{{ url_for('main.notifications') }}">
                         <i class="fas fa-bell text-xl" style="width: 2rem; height: 2rem; display: flex; align-items: center; justify-content: center;"></i>
                     </a>
                     {% if current_user.is_admin %}
@@ -109,7 +109,7 @@
                         <!-- Mobile-only menu items -->
                         <li class="nav-item d-lg-none">
                             <hr class="my-2">
-                            <a class="nav-link" href="#">
+                            <a class="nav-link" href="{{ url_for('main.notifications') }}">
                                 <i class="fas fa-bell"></i> Notifications
                             </a>
                         </li>

templates/notifications/notifications.html

@@ -0,0 +1,20 @@
+{% extends "common/base.html" %}
+{% from "components/header.html" import header %}
+
+{% block title %}Notifications - {{ super() }}{% endblock %}
+
+{% block content %}
+{{ header(
+    title="Notifications",
+    description="View and manage your notifications",
+    icon="fa-bell"
+) }}
+
+<div class="container-fluid py-4">
+    <div class="card">
+        <div class="card-body">
+            <p class="text-muted">No notifications at this time.</p>
+        </div>
+    </div>
+</div>
+{% endblock %}