Apply header component to all pages

templates/dashboard/dashboard.html

@@ -1,4 +1,5 @@
 {% extends "common/base.html" %}
+{% from "components/header.html" import header %}
 
 {% block title %}Dashboard - DocuPulse{% endblock %}
 
@@ -7,15 +8,13 @@
 {% endblock %}
 
 {% block content %}
-<div class="d-flex justify-content-between align-items-center mb-4">
-    <h2>Welcome back, {{ current_user.username }}!</h2>
-    <div class="input-group" style="max-width: 300px;">
-        <input type="text" class="form-control" placeholder="Search documents...">
-        <button class="btn btn-outline-secondary" type="button">
-            <i class="fas fa-search"></i>
-        </button>
-    </div>
-</div>
+{{ header(
+    title="Welcome back, " + current_user.username + "!",
+    description="View your document management overview and statistics",
+    button_text="",
+    button_url="",
+    icon="fa-home"
+) }}
 
 {% from 'components/storage_overview.html' import storage_overview %}
 {% from 'components/storage_usage.html' import storage_usage %}