autoamtiona nd other pages udpates,

frontend/src/pages/Help/Help.tsx

@@ -1,5 +1,6 @@
 import { useState, useRef, useEffect } from "react";
 import PageMeta from "../../components/common/PageMeta";
+import PageHeader from "../../components/common/PageHeader";
 import { Accordion, AccordionItem } from "../../components/ui/accordion";
 import { Card } from "../../components/ui/card";
 import Badge from "../../components/ui/badge/Badge";
@@ -9,7 +10,8 @@ import {
   CheckCircleIcon,
   ArrowRightIcon,
   FileIcon,
-  GroupIcon
+  GroupIcon,
+  HelpCircleIcon
 } from "../../icons";
 
 interface TableOfContentsItem {
@@ -188,18 +190,13 @@ export default function Help() {
   return (
     <>
       <PageMeta title="Help Center - IGNY8" description="Guides and tutorials to help you create great content" />
+      <PageHeader
+        title="Help Center"
+        description="Learn how to use IGNY8 to create and publish amazing content"
+        badge={{ icon: <HelpCircleIcon className="w-4 h-4" />, color: 'blue' }}
+      />
       
       <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
-        {/* Header */}
-        <div className="mb-8">
-          <h1 className="text-4xl font-bold text-gray-900 dark:text-white mb-4">
-            Help Center
-          </h1>
-          <p className="text-lg text-gray-600 dark:text-gray-400">
-            Learn how to use IGNY8 to create and publish amazing content
-          </p>
-        </div>
-
         {/* Table of Contents */}
         <Card className="p-6 mb-8 bg-gradient-to-r from-brand-50 to-purple-50 dark:from-brand-900/10 dark:to-purple-900/10 border-brand-200 dark:border-brand-800">
           <h2 className="text-xl font-bold text-gray-900 dark:text-white mb-4 flex items-center gap-2">