started implementing stripe

templates/admin/support_articles.html

@@ -1,4 +1,5 @@
 {% extends "common/base.html" %}
+{% from "components/header.html" import header %}
 
 {% block title %}Support Articles - DocuPulse{% endblock %}
 
@@ -69,18 +70,24 @@
 {% endblock %}
 
 {% block content %}
+{{ header(
+    title="Support Articles",
+    description="Create and manage help articles for users",
+    icon="fa-life-ring",
+    buttons=[
+        {
+            'text': 'Create New Article',
+            'url': '#',
+            'onclick': 'showCreateArticleModal()',
+            'icon': 'fa-plus',
+            'class': 'btn-primary'
+        }
+    ]
+) }}
+
 <div class="container-fluid">
     <div class="row">
         <div class="col-12">
-            <div class="d-flex justify-content-between align-items-center mb-4">
-                <h1 class="h3 mb-0" style="color: var(--primary-color);">
-                    <i class="fas fa-life-ring me-2"></i>Support Articles
-                </h1>
-                <button class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#createArticleModal">
-                    <i class="fas fa-plus me-2"></i>Create New Article
-                </button>
-            </div>
-            
             <!-- Articles List -->
             <div class="row" id="articlesList">
                 <!-- Articles will be loaded here via AJAX -->