Enhance HTTP debug UI with command palette and UI improvements

Added a new CommandPalette component for quick API selection and execution (Ctrl/Cmd+K). Refactored the HTTP debug page to use the command palette, improved tab and panel UI, and enhanced the code editor's appearance and theme integration. Updated OneBotApiDebug to support imperative methods for request body and sending, improved response panel resizing, and made various UI/UX refinements across related components.

packages/napcat-webui-frontend/src/components/sidebar/index.tsx

@@ -70,7 +70,10 @@ const SideBar: React.FC<SideBarProps> = (props) => {
         <motion.div className='w-64 flex flex-col items-stretch h-full transition-transform duration-300 ease-in-out z-30 relative float-right p-4'>
           <div className='flex items-center justify-start gap-3 px-2 my-8 ml-2'>
             <div className="h-5 w-1 bg-primary rounded-full shadow-sm" />
-            <div className="text-xl font-bold text-default-900 dark:text-white tracking-wide select-none">
+            <div className={clsx(
+              "text-xl font-bold tracking-wide select-none",
+              hasBackground ? 'text-white' : 'text-default-900 dark:text-white'
+            )}>
               NapCat
             </div>
           </div>