fix: command palette in about me pages.

fezcode · fezcode · commit d043d9aab6e7 · 2025-12-12T05:05:57.000+03:00
AboutPage.js uses a full-screen, high-z-index overlay, obscuring the CommandPalette rendered by Layout.js.
To make CommandPalette visible on the AboutPage, had to re-import and render it directly within AboutPage.js's component tree.
This way, it respects AboutPage.js's z-indexing and appears on top, while still using the global state from CommandPaletteContext.
diff --git a/src/pages/AboutPage.js b/src/pages/AboutPage.js
@@ -8,6 +8,8 @@ import {
   Terminal,
   Article,
 } from '@phosphor-icons/react';
+import CommandPalette from '../components/CommandPalette';
+import { useCommandPalette } from '../context/CommandPaletteContext';
 import NeuromancerHUD from './about-views/NeuromancerHUD';
 import SystemArchitecture from './about-views/SystemArchitecture';
 import MindMapConstellation from './about-views/MindMapConstellation';
@@ -52,6 +54,7 @@ const ViewSwitcher = ({ currentView, setView }) => {
 const AboutPage = () => {
   const [view, setView] = useState('dossier');
   const { unlockAchievement } = useAchievements();
+  const { isPaletteOpen, setIsPaletteOpen } = useCommandPalette();
 
   useSeo({
     title: 'Fezcodex | About',
@@ -119,6 +122,7 @@ const AboutPage = () => {
 
       {/* Switcher Controls */}
       <ViewSwitcher currentView={view} setView={setView} />
+      <CommandPalette isOpen={isPaletteOpen} setIsOpen={setIsPaletteOpen} />
     </div>
   );
 };
