unified search ui for world map and position detail page. containts overwriting of some nice paras of position detail (trend) page, up for discussion what to keep now

Author: TrixiRa

frontend/src/components/shared/SearchForm.jsx

@@ -14,7 +14,8 @@ const SearchForm = ({
   onAuthorClick,
   onInstitutionClick,
   loading,
-  darkMode = false
+  darkMode = false,
+  description = "Enter keywords and apply filters to find relevant research"
 }) => {
   const labelStyle = { 
     fontWeight: 700, 
@@ -72,7 +73,7 @@ const SearchForm = ({
           marginBottom: 12, 
           paddingLeft: 2 
         }}>
-          Enter keywords and apply filters to find relevant research
+          {description}
         </div>
         <input
           type="text"

frontend/src/components/shared/SearchHeader.jsx

@@ -1,6 +1,10 @@
 import React from "react";
 
-const SearchHeader = ({ darkMode = false }) => (
+const SearchHeader = ({ 
+  darkMode = false, 
+  title = "Publication Search",
+  subtitle = "Search and filter through millions of research publications"
+}) => (
   <div style={{ maxWidth: 900, margin: '0 auto', textAlign: 'left', paddingLeft: 2 }}>
     <h1 style={{ 
       color: '#4F6AF6', 
@@ -9,15 +13,17 @@ const SearchHeader = ({ darkMode = false }) => (
       marginBottom: '0.5rem', 
       lineHeight: 1.1 
     }}>
-      Publication Search
+      {title}
     </h1>
-    <p style={{ 
-      color: darkMode ? '#ccc' : '#555', 
-      fontSize: '1.2rem', 
-      marginBottom: 32 
-    }}>
-      Search and filter through millions of research publications
-    </p>
+    {subtitle && (
+      <p style={{ 
+        color: darkMode ? '#ccc' : '#555', 
+        fontSize: '1.2rem', 
+        marginBottom: 32 
+      }}>
+        {subtitle}
+      </p>
+    )}
   </div>
 );