fix: set min-height for header and fix issue with resize handle

Author: d3lm

template/src/components/internal/Header.astro

@@ -4,8 +4,7 @@ import Logo from '../../../public/logo.svg?raw';
 ---
 
 <nav
-  class="bg-tk-elements-topBar-backgroundColor border-b border-tk-elements-app-borderColor flex max-w-full items-center p-3 px-4"
-  aria-label=""
+  class="bg-tk-elements-topBar-backgroundColor border-b border-tk-elements-app-borderColor flex max-w-full items-center p-3 px-4 min-h-[56px]"
 >
   <div class="flex flex-1">
     <a

template/src/components/internal/WorkspacePanel.tsx

@@ -213,7 +213,7 @@ export function WorkspacePanel({ lesson }: Props) {
       <Panel defaultSize={25} minSize={10}>
         <PreviewPanel ref={previewRef} toggleTerminal={toggleTerminal} />
       </Panel>
-      <PanelResizeHandle className={resizePanelStyles.PanelResizeHandle} hitAreaMargins={{ fine: 8, coarse: 8 }} />
+      <PanelResizeHandle className={resizePanelStyles.PanelResizeHandle} hitAreaMargins={{ fine: 5, coarse: 5 }} />
       <Panel
         defaultSize={25}
         minSize={10}