feat(header): add ability to hide header based on localStorage

- Introduced state and effect to check localStorage for 'hideHeader' flag
- Conditionally render null to hide the header when flag is set to 'true'
- Improves user experience by allowing header visibility control

Author: KT-core

web/app/components/header/header-wrapper.tsx

@@ -1,4 +1,5 @@
 'use client'
+import { useEffect, useState } from 'react'
 import { usePathname } from 'next/navigation'
 import s from './index.module.css'
 import classNames from '@/utils/classnames'
@@ -13,6 +14,18 @@ const HeaderWrapper = ({
   const pathname = usePathname()
   const isBordered = ['/apps', '/datasets', '/datasets/create', '/tools'].includes(pathname)
 
+  const [hideHeader, setHideHeader] = useState(false)
+
+  useEffect(() => {
+    if (typeof window !== 'undefined') {
+      if (localStorage.getItem('hideHeader') === 'true')
+        setHideHeader(true)
+    }
+  }, [])
+
+  if (hideHeader)
+    return null
+
   return (
     <div className={classNames(
       'sticky top-0 left-0 right-0 z-30 flex flex-col grow-0 shrink-0 basis-auto min-h-[56px]',