[Portal] Fix: update sidebar overflow behavior in DocLayout component (#7653)

Co-authored-by: Joaquim Verges <[email protected]>

Author: Axyl1410

apps/portal/src/app/Header.tsx

@@ -194,7 +194,7 @@ export function Header() {
   const pathname = usePathname();
 
   return (
-    <header className="flex w-full flex-col gap-2 border-b bg-background pt-4 px-4 pb-4 xl:pb-0 lg:px-8 overflow-hidden">
+    <header className="flex w-full flex-col gap-2 border-b bg-background p-4 xl:pb-0 lg:px-8 overflow-hidden">
       {/* Top row */}
       <div className="container flex items-center justify-between gap-6">
         <div className="flex items-center gap-2">

apps/portal/src/components/Layouts/DocLayout.tsx

@@ -37,7 +37,7 @@ export function DocLayout(props: DocLayoutProps) {
     >
       <aside
         className={cn(
-          "sticky top-sticky-top-height h-sidebar-height flex-col overflow-y-hidden",
+          "sticky top-sticky-top-height h-sidebar-height flex-col overflow-y-auto no-scrollbar",
           "hidden xl:flex",
         )}
       >

apps/portal/src/components/others/DocSearch.tsx

@@ -358,7 +358,7 @@ export function DocSearch(props: { variant: "icon" | "search" }) {
               variant="outline"
             >
               <span className="text-xs">Search Docs</span>
-              <div className="flex items-center gap-1 rounded-sm px-1 py-1 text-muted-foreground text-xs">
+              <div className="flex items-center gap-1 rounded-sm p-1 text-muted-foreground text-xs">
                 <CommandIcon className="size-3" />K
               </div>
             </Button>