Apply header component to all pages

templates/starred/starred.html

@@ -1,13 +1,17 @@
 {% extends "common/base.html" %}
+{% from 'components/header.html' import header %}
 
 {% block title %}Starred - DocuPulse{% endblock %}
 
 {% block content %}
+{{ header(
+    title="Starred",
+    description="View and manage your starred files and documents.",
+    icon="fa-star"
+) }}
+
 <div class="container-fluid py-4">
     <div class="card shadow-sm">
-        <div class="card-header bg-white d-flex justify-content-between align-items-center">
-            <h5 class="mb-0"><i class="fas fa-star me-2" style="color:#16767b;"></i>Starred</h5>
-        </div>
         <div class="card-body">
             {% include 'components/search_bar.html' %}
             <div id="fileGrid" class="row row-cols-1 row-cols-md-2 row-cols-lg-4 g-4"></div>