Add header prop to control visibility of the header component

frontend/src/components/RegionMap.tsx

@@ -33,6 +33,7 @@ interface RegionMapProps {
   focusSystem?: string;
   isCompact?: boolean;
   isWormholeRegion?: boolean;
+  header?: boolean;
 }
 
 interface ContextMenuState {
@@ -93,7 +94,7 @@ const ensureUniversePositions = async () => {
   }
 };
 
-export const RegionMap = ({ regionName, focusSystem, isCompact = false, isWormholeRegion = false }: RegionMapProps) => {
+export const RegionMap = ({ regionName, focusSystem, isCompact = false, isWormholeRegion = false, header = true }: RegionMapProps) => {
   const navigate = useNavigate();
   const [viewBox, setViewBox] = useState({ x: 0, y: 0, width: 1200, height: 800 });
   const [isPanning, setIsPanning] = useState(false);
@@ -1021,6 +1022,7 @@ export const RegionMap = ({ regionName, focusSystem, isCompact = false, isWormho
 
   return (
     <div className="w-full h-full bg-gradient-to-br from-slate-900 via-slate-800 to-slate-900 relative">
+      {header && (
         <Header
           title={`Region: ${regionName}`}
           breadcrumbs={[
@@ -1028,6 +1030,7 @@ export const RegionMap = ({ regionName, focusSystem, isCompact = false, isWormho
             { label: regionName }
           ]}
         />
+      )}
       <svg
         ref={svgRef}
         width="100%"

frontend/src/pages/SystemView.tsx

@@ -281,6 +281,7 @@ export const SystemView = () => {
                       regionName={region}
                       focusSystem={system}
                       isCompact={true}
+                      header={false}
                     />
                   </div>
                 </div>